Navigator interface no longer extends MSFileSaver

[jrmcpeek]

Bug Report

Recent changes to the Navigator interface for 4.4 removed previous extensions; however, the previously extended type is still present in lib.dom.d.ts and should be added back to the interface.

🔎 Search Terms

Navigator, MSFileSaver, msSaveBlob, msSaveOrOpenBlob

🕗 Version & Regression Information

Injected starting with 9d443b7

• This prevents building

⏯ Playground Link

Playground link with relevant code

💻 Code

if (window.navigator.msSaveBlob) {
    console.log("Type works!")
}

if (window.navigator.msSaveOrOpenBlob) {
    console.log("Type works!")
}

🙁 Actual behavior

TS2339: Property 'msSaveOrOpenBlob' does not exist on type 'Navigator'.
TS2339: Property 'msSaveBlob' does not exist on type 'Navigator'.

🙂 Expected behavior

Appropriately typed file continues to build as it did previously.

[orta]

Both of these have been marked from removal from the browsers and removed from the W3C specs, which means they were removed from the DOM.d.ts files as they follow the specs as summarized in microsoft/TypeScript-DOM-lib-generator#1029

• https://developer.mozilla.org/en-US/docs/Web/API/Navigator/msSaveOrOpenBlob
• https://developer.mozilla.org/en-US/docs/Web/API/Navigator/msSaveBlob

[MartinJohns]

You can use declaration merging and declare the types locally in your project.

[jrmcpeek]

I figured it was probably something like that. We already worked around it with the declaration merging, so no issues there.

Now to focus on the real fix. Thanks!

[NickGrava]

You can use declaration merging and declare the types locally in your project.

Hi everyone! Сan someone give an example of how this can be done?

[MoSattler]

@NickGrava
Create a new file called navigator.d.ts and add this as content:

interface Navigator {
  msSaveOrOpenBlob: (blob: Blob) => void
}

this will add msSaveOrOpenBlob to navigator

[mesqueeb]

In case anyone comes looking here,
@MoSattler 's answer didn't work for me, and it only accept Blob while it should also accept base64 strings and a filename!

This fixed it for me:

declare global {
  interface Navigator {
    msSaveOrOpenBlob: (blobOrBase64: Blob | string, filename: string) => void
  }
}

I just added this at the top of the file where I was using this function.