From eb7777d531bce022703918c328344784b0ae2bef Mon Sep 17 00:00:00 2001
From: erjonify <erjonify@gmail.com>
Date: Tue, 7 Nov 2023 21:55:16 +0100
Subject: [PATCH 1/7] 185-configured Node.js to treat all .js files in the
 package as ES modules

---
 README.md    | 2 +-
 package.json | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 1114cbb..c87f2e2 100644
--- a/README.md
+++ b/README.md
@@ -39,7 +39,7 @@ StreamSaver in it's simplest form
 <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/streamsaver@2.0.3/StreamSaver.min.js"></script>
 <script>
-  import streamSaver from 'streamsaver'
+  import streamsaver from 'streamsaver/StreamSaver.js'
   const streamSaver = require('streamsaver')
   const streamSaver = window.streamSaver
 </script>
diff --git a/package.json b/package.json
index d5b506d..dea9f7c 100644
--- a/package.json
+++ b/package.json
@@ -29,5 +29,9 @@
         "type": "github",
         "url": "https://github.com/sponsors/jimmywarting"
       }
-    ]
+    ],
+    "type": "module",
+    "exports": {
+        "./*.js": "./*.js"
+    }
 }

From e641fe79a366678b26453167e41cd779b1a96a72 Mon Sep 17 00:00:00 2001
From: erjonify <erjonify@gmail.com>
Date: Thu, 9 Nov 2023 19:14:15 +0100
Subject: [PATCH 2/7] Changed text in readme

---
 README.md | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index c87f2e2..924664b 100644
--- a/README.md
+++ b/README.md
@@ -36,12 +36,20 @@ Getting started
 ===============
 StreamSaver in it's simplest form
 ```html
-<script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/streamsaver@2.0.3/StreamSaver.min.js"></script>
-<script>
-  import streamsaver from 'streamsaver/StreamSaver.js'
-  const streamSaver = require('streamsaver')
-  const streamSaver = window.streamSaver
+<script type="importmap">
+  {
+    "imports": {
+      "streamsaver/StreamSaver.js": "https://cdn.jsdelivr.net/npm/streamsaver@3/StreamSaver.min.js"
+    }
+  }
+</script>
+<script type="module">
+  // either one works fine, the later one requires importmaps or a web bundler. 
+  import streamSaver from 'https://cdn.jsdelivr.net/npm/streamsaver@3/StreamSaver.min.js'
+  import streamSaver from 'streamsaver/StreamSaver.min.js'
+
+  const uInt8 = new TextEncoder().encode('StreamSaver is awesome')
+
 </script>
 <script>
   const uInt8 = new TextEncoder().encode('StreamSaver is awesome')

From 36f7a082dc0fe4735ee158a1ff2b7dd3c46b2789 Mon Sep 17 00:00:00 2001
From: erjonify <erjonify@gmail.com>
Date: Thu, 9 Nov 2023 19:18:24 +0100
Subject: [PATCH 3/7] Changed the examples to use type="module"

---
 examples/fetch.html                 | 2 +-
 examples/media-stream.html          | 2 +-
 examples/plain-text.html            | 2 +-
 examples/saving-a-blob.html         | 2 +-
 examples/saving-multiple-files.html | 2 +-
 examples/torrent.html               | 2 +-
 examples/write-slowly.html          | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/examples/fetch.html b/examples/fetch.html
index fb2a279..74a8a91 100644
--- a/examples/fetch.html
+++ b/examples/fetch.html
@@ -9,7 +9,7 @@
     <button id="$start">Start</button>
     <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
     <script src="../StreamSaver.js"></script>
-    <script>
+    <script type="module">
       $start.onclick = () => {
         const url = 'https://d8d913s460fub.cloudfront.net/videoserver/cat-test-video-320x240.mp4'
         const fileStream = streamSaver.createWriteStream('cat.mp4')
diff --git a/examples/media-stream.html b/examples/media-stream.html
index 760a700..90cd374 100644
--- a/examples/media-stream.html
+++ b/examples/media-stream.html
@@ -24,7 +24,7 @@
     <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
     <script src="https://cdn.jsdelivr.net/gh/jimmywarting/browser-su@master/build/permissions.js"></script>
     <script src="../StreamSaver.js"></script>
-    <script>
+    <script type="module">
       $vid.disabled = $aud.disabled = $start.disabled = !window.isSecureContext
       $start.onclick = async () => {
         const permission = { name: 'userMedia', video: $vid.checked, audio: $aud.checked }
diff --git a/examples/plain-text.html b/examples/plain-text.html
index 8b17ff7..cf2cb0e 100644
--- a/examples/plain-text.html
+++ b/examples/plain-text.html
@@ -30,7 +30,7 @@
     <button disabled id="$abort">Abort</button>
     <button disabled id="$close">Close</button>
 
-    <script>
+    <script type="module">
       var Lorem = `Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       Pellentesque gravida condimentum metus et porttitor. Curabitur
       pharetra vestibulum egestas. Pellentesque quis tortor id ligula
diff --git a/examples/saving-a-blob.html b/examples/saving-a-blob.html
index 6b913c7..250d3ef 100644
--- a/examples/saving-a-blob.html
+++ b/examples/saving-a-blob.html
@@ -12,7 +12,7 @@
     <!-- includes blob.stream() polyfill -->
     <script src="https://cdn.jsdelivr.net/gh/eligrey/Blob.js/Blob.js"></script>
     <script src="../StreamSaver.js"></script>
-    <script>
+    <script type="module">
       // Saving a blob is as simple as the fetch example, you just get the
       // readableStream from the blob by calling blob.stream() to get a
       // readableStream and then pipe it
diff --git a/examples/saving-multiple-files.html b/examples/saving-multiple-files.html
index eb47051..c804678 100644
--- a/examples/saving-multiple-files.html
+++ b/examples/saving-multiple-files.html
@@ -17,7 +17,7 @@
     <script src="https://cdn.jsdelivr.net/gh/eligrey/Blob.js/Blob.js"></script>
     <script src="../StreamSaver.js"></script>
     <script src="zip-stream.js"></script>
-    <script>
+    <script type="module">
       $start.onclick = () => {
         const fileStream = streamSaver.createWriteStream('archive.zip')
 
diff --git a/examples/torrent.html b/examples/torrent.html
index 0d4d3c1..d4c55da 100644
--- a/examples/torrent.html
+++ b/examples/torrent.html
@@ -16,7 +16,7 @@
     <script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
     <script src="../StreamSaver.js"></script>
-    <script>
+    <script type="module">
 
       function size (bytes, precision) {
         if (isNaN(parseFloat(bytes)) || !isFinite(bytes)) return '-';
diff --git a/examples/write-slowly.html b/examples/write-slowly.html
index 64e141c..30b1d4f 100644
--- a/examples/write-slowly.html
+++ b/examples/write-slowly.html
@@ -45,7 +45,7 @@
     <script src='https://code.responsivevoice.org/responsivevoice.js'></script>
     <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
     <script src="../StreamSaver.js"></script>
-    <script>
+    <script type="module">
       if ('isSecureContext' in window) {
         $ifr.checked = $sec.checked = isSecureContext
         $pop.checked = !isSecureContext

From 727df86e5dd07e645fead5c4719e57d3dc8f037a Mon Sep 17 00:00:00 2001
From: erjonify <erjonify@gmail.com>
Date: Thu, 9 Nov 2023 19:22:39 +0100
Subject: [PATCH 4/7] added type="module"

---
 examples/fetch.html                 | 2 +-
 examples/media-stream.html          | 2 +-
 examples/plain-text.html            | 2 +-
 examples/saving-a-blob.html         | 2 +-
 examples/saving-multiple-files.html | 2 +-
 examples/torrent.html               | 2 +-
 examples/write-slowly.html          | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/examples/fetch.html b/examples/fetch.html
index 74a8a91..87406f5 100644
--- a/examples/fetch.html
+++ b/examples/fetch.html
@@ -8,7 +8,7 @@
   <body>
     <button id="$start">Start</button>
     <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
-    <script src="../StreamSaver.js"></script>
+    <script type="module" src="../StreamSaver.js"></script>
     <script type="module">
       $start.onclick = () => {
         const url = 'https://d8d913s460fub.cloudfront.net/videoserver/cat-test-video-320x240.mp4'
diff --git a/examples/media-stream.html b/examples/media-stream.html
index 90cd374..4bd97f9 100644
--- a/examples/media-stream.html
+++ b/examples/media-stream.html
@@ -23,7 +23,7 @@
     <script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
     <script src="https://cdn.jsdelivr.net/gh/jimmywarting/browser-su@master/build/permissions.js"></script>
-    <script src="../StreamSaver.js"></script>
+    <script type="module" src="../StreamSaver.js"></script>
     <script type="module">
       $vid.disabled = $aud.disabled = $start.disabled = !window.isSecureContext
       $start.onclick = async () => {
diff --git a/examples/plain-text.html b/examples/plain-text.html
index cf2cb0e..c78ad9a 100644
--- a/examples/plain-text.html
+++ b/examples/plain-text.html
@@ -8,7 +8,7 @@
   <body>
     <script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
-    <script src="../StreamSaver.js"></script>
+    <script type="module" src="../StreamSaver.js"></script>
 
     <p>1) Set a filename</p>
     <input type="text" id="$filename" value="sample.txt">
diff --git a/examples/saving-a-blob.html b/examples/saving-a-blob.html
index 250d3ef..339a046 100644
--- a/examples/saving-a-blob.html
+++ b/examples/saving-a-blob.html
@@ -11,7 +11,7 @@
     <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
     <!-- includes blob.stream() polyfill -->
     <script src="https://cdn.jsdelivr.net/gh/eligrey/Blob.js/Blob.js"></script>
-    <script src="../StreamSaver.js"></script>
+    <script type="module" src="../StreamSaver.js"></script>
     <script type="module">
       // Saving a blob is as simple as the fetch example, you just get the
       // readableStream from the blob by calling blob.stream() to get a
diff --git a/examples/saving-multiple-files.html b/examples/saving-multiple-files.html
index c804678..9f258ee 100644
--- a/examples/saving-multiple-files.html
+++ b/examples/saving-multiple-files.html
@@ -15,7 +15,7 @@
     while Also making File constructor work in some browser that don't support it
     -->
     <script src="https://cdn.jsdelivr.net/gh/eligrey/Blob.js/Blob.js"></script>
-    <script src="../StreamSaver.js"></script>
+    <script type="module" src="../StreamSaver.js"></script>
     <script src="zip-stream.js"></script>
     <script type="module">
       $start.onclick = () => {
diff --git a/examples/torrent.html b/examples/torrent.html
index d4c55da..9590d1e 100644
--- a/examples/torrent.html
+++ b/examples/torrent.html
@@ -15,7 +15,7 @@
 
     <script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
-    <script src="../StreamSaver.js"></script>
+    <script type="module" src="../StreamSaver.js"></script>
     <script type="module">
 
       function size (bytes, precision) {
diff --git a/examples/write-slowly.html b/examples/write-slowly.html
index 30b1d4f..9c2b503 100644
--- a/examples/write-slowly.html
+++ b/examples/write-slowly.html
@@ -44,7 +44,7 @@
 
     <script src='https://code.responsivevoice.org/responsivevoice.js'></script>
     <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
-    <script src="../StreamSaver.js"></script>
+    <script type="module" src="../StreamSaver.js"></script>
     <script type="module">
       if ('isSecureContext' in window) {
         $ifr.checked = $sec.checked = isSecureContext

From 3ed1944d44b0babefe476c2c00867b8d4884b30b Mon Sep 17 00:00:00 2001
From: erjonify <erjonify@gmail.com>
Date: Sat, 11 Nov 2023 20:27:00 +0100
Subject: [PATCH 5/7] Exported streamSaver

---
 StreamSaver.js           | 13 ++-----------
 examples/plain-text.html |  3 ++-
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/StreamSaver.js b/StreamSaver.js
index f0ba6d9..2615134 100644
--- a/StreamSaver.js
+++ b/StreamSaver.js
@@ -2,15 +2,6 @@
 
 /* global chrome location ReadableStream define MessageChannel TransformStream */
 
-;((name, definition) => {
-  typeof module !== 'undefined'
-    ? module.exports = definition()
-    : typeof define === 'function' && typeof define.amd === 'object'
-      ? define(definition)
-      : this[name] = definition()
-})('streamSaver', () => {
-  'use strict'
-
   const global = typeof window === 'object' ? window : this
   if (!global.HTMLElement) console.warn('streamsaver is meant to run on browsers main thread')
 
@@ -313,5 +304,5 @@
     }, opts.writableStrategy)
   }
 
-  return streamSaver
-})
+ export default streamSaver
+
diff --git a/examples/plain-text.html b/examples/plain-text.html
index c78ad9a..ee4f837 100644
--- a/examples/plain-text.html
+++ b/examples/plain-text.html
@@ -8,7 +8,6 @@
   <body>
     <script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
-    <script type="module" src="../StreamSaver.js"></script>
 
     <p>1) Set a filename</p>
     <input type="text" id="$filename" value="sample.txt">
@@ -31,6 +30,8 @@
     <button disabled id="$close">Close</button>
 
     <script type="module">
+      import streamSaver from "../StreamSaver.js"
+      console.log("StreamSaver ", streamSaver);
       var Lorem = `Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       Pellentesque gravida condimentum metus et porttitor. Curabitur
       pharetra vestibulum egestas. Pellentesque quis tortor id ligula

From 459d9a538f212e4f2c760bdfdcc2af558535b3d0 Mon Sep 17 00:00:00 2001
From: erjonify <erjonify@gmail.com>
Date: Sat, 11 Nov 2023 20:39:04 +0100
Subject: [PATCH 6/7] Added module to all the examples

---
 examples/fetch.html                 |  4 ++--
 examples/media-stream.html          |  3 +--
 examples/plain-text.html            |  3 +--
 examples/saving-a-blob.html         |  5 +----
 examples/saving-multiple-files.html | 11 +++--------
 examples/torrent.html               |  3 +--
 examples/video-stream.html          |  0
 examples/write-slowly.html          |  4 ++--
 8 files changed, 11 insertions(+), 22 deletions(-)
 delete mode 100644 examples/video-stream.html

diff --git a/examples/fetch.html b/examples/fetch.html
index 87406f5..c9a831c 100644
--- a/examples/fetch.html
+++ b/examples/fetch.html
@@ -7,9 +7,9 @@
   </head>
   <body>
     <button id="$start">Start</button>
-    <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
-    <script type="module" src="../StreamSaver.js"></script>
+   
     <script type="module">
+      import streamSaver from "../StreamSaver.js"
       $start.onclick = () => {
         const url = 'https://d8d913s460fub.cloudfront.net/videoserver/cat-test-video-320x240.mp4'
         const fileStream = streamSaver.createWriteStream('cat.mp4')
diff --git a/examples/media-stream.html b/examples/media-stream.html
index 4bd97f9..5914e8f 100644
--- a/examples/media-stream.html
+++ b/examples/media-stream.html
@@ -21,10 +21,9 @@
     <button id="$close">Close</button>
 
     <script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
     <script src="https://cdn.jsdelivr.net/gh/jimmywarting/browser-su@master/build/permissions.js"></script>
-    <script type="module" src="../StreamSaver.js"></script>
     <script type="module">
+      import streamSaver from "../StreamSaver.js"
       $vid.disabled = $aud.disabled = $start.disabled = !window.isSecureContext
       $start.onclick = async () => {
         const permission = { name: 'userMedia', video: $vid.checked, audio: $aud.checked }
diff --git a/examples/plain-text.html b/examples/plain-text.html
index ee4f837..00d81c4 100644
--- a/examples/plain-text.html
+++ b/examples/plain-text.html
@@ -7,7 +7,6 @@
   </head>
   <body>
     <script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
 
     <p>1) Set a filename</p>
     <input type="text" id="$filename" value="sample.txt">
@@ -31,7 +30,7 @@
 
     <script type="module">
       import streamSaver from "../StreamSaver.js"
-      console.log("StreamSaver ", streamSaver);
+
       var Lorem = `Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       Pellentesque gravida condimentum metus et porttitor. Curabitur
       pharetra vestibulum egestas. Pellentesque quis tortor id ligula
diff --git a/examples/saving-a-blob.html b/examples/saving-a-blob.html
index 339a046..6837c8c 100644
--- a/examples/saving-a-blob.html
+++ b/examples/saving-a-blob.html
@@ -8,11 +8,8 @@
   <body>
     <button id="$start">Start</button>
 
-    <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
-    <!-- includes blob.stream() polyfill -->
-    <script src="https://cdn.jsdelivr.net/gh/eligrey/Blob.js/Blob.js"></script>
-    <script type="module" src="../StreamSaver.js"></script>
     <script type="module">
+      import streamSaver from "../StreamSaver.js"
       // Saving a blob is as simple as the fetch example, you just get the
       // readableStream from the blob by calling blob.stream() to get a
       // readableStream and then pipe it
diff --git a/examples/saving-multiple-files.html b/examples/saving-multiple-files.html
index 9f258ee..0c96c58 100644
--- a/examples/saving-multiple-files.html
+++ b/examples/saving-multiple-files.html
@@ -8,16 +8,11 @@
   <body>
     <button id="$start">Start</button>
 
-    <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
-
-    <!--
-    includes blob.stream() polyfill
-    while Also making File constructor work in some browser that don't support it
-    -->
-    <script src="https://cdn.jsdelivr.net/gh/eligrey/Blob.js/Blob.js"></script>
-    <script type="module" src="../StreamSaver.js"></script>
     <script src="zip-stream.js"></script>
+
     <script type="module">
+      import streamSaver from "../StreamSaver.js"
+
       $start.onclick = () => {
         const fileStream = streamSaver.createWriteStream('archive.zip')
 
diff --git a/examples/torrent.html b/examples/torrent.html
index 9590d1e..416ec52 100644
--- a/examples/torrent.html
+++ b/examples/torrent.html
@@ -14,9 +14,8 @@
     <button id="$start">Start</button>
 
     <script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
-    <script type="module" src="../StreamSaver.js"></script>
     <script type="module">
+      import streamSaver from "../StreamSaver.js"
 
       function size (bytes, precision) {
         if (isNaN(parseFloat(bytes)) || !isFinite(bytes)) return '-';
diff --git a/examples/video-stream.html b/examples/video-stream.html
deleted file mode 100644
index e69de29..0000000
diff --git a/examples/write-slowly.html b/examples/write-slowly.html
index 9c2b503..5428b9a 100644
--- a/examples/write-slowly.html
+++ b/examples/write-slowly.html
@@ -43,9 +43,9 @@
     </label>
 
     <script src='https://code.responsivevoice.org/responsivevoice.js'></script>
-    <script src="https://cdn.jsdelivr.net/npm/web-streams-polyfill@2.0.2/dist/ponyfill.min.js"></script>
-    <script type="module" src="../StreamSaver.js"></script>
     <script type="module">
+      import streamSaver from "../StreamSaver.js"
+      
       if ('isSecureContext' in window) {
         $ifr.checked = $sec.checked = isSecureContext
         $pop.checked = !isSecureContext

From f42df33cf69f19c98c0cba40149a6bc6549b7250 Mon Sep 17 00:00:00 2001
From: erjonify <erjonify@gmail.com>
Date: Sat, 11 Nov 2023 20:41:42 +0100
Subject: [PATCH 7/7] Updated the readme file with the changes

---
 README.md | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/README.md b/README.md
index 924664b..b96abd6 100644
--- a/README.md
+++ b/README.md
@@ -50,10 +50,6 @@ StreamSaver in it's simplest form
 
   const uInt8 = new TextEncoder().encode('StreamSaver is awesome')
 
-</script>
-<script>
-  const uInt8 = new TextEncoder().encode('StreamSaver is awesome')
-
   // streamSaver.createWriteStream() returns a writable byte stream
   // The WritableStream only accepts Uint8Array chunks
   // (no other typed arrays, arrayBuffers or strings are allowed)