1.0.0

Author: jimmywarting

README.md

@@ -91,14 +91,14 @@ writer.write(uint8array)
 writer.close()
 ```
 
-### Read blob as a stream and pipe it
+### Read blob as a stream and pipe it (see: [Screw FileReader](https://www.npmjs.com/package/screw-filereader))
 
 ```javascript
+require('screw-filereader')
 const fileStream = streamSaver.createWriteStream('filename.txt')
 const blob = new Blob([ 'a'.repeat(1E9*5) ]) // 1*5 MB
-const blobStream = streamSaver.createBlobReader(blob)
 
-blobStream.pipeTo(fileStream)
+blob.stream().pipeTo(fileStream)
 ```
 
 ### Save a media stream

StreamSaver.js

@@ -10,15 +10,15 @@
 	secure = location.protocol == 'https:' || location.hostname == 'localhost',
 	streamSaver = {
 		createWriteStream,
-		createBlobReader,
 		supported: false,
 		version: {
-			full: '0.2.1',
-			major: 0, minor: 2, dot: 1
+			full: '1.0.0',
+			major: 1, minor: 0, dot: 0
 		}
-	},
-	proxy = 'https://jimmywarting.github.io/StreamSaver.js/mitm.html?version=' +
-	         streamSaver.version.full
+	}
+
+	streamSaver.mitm = 'https://jimmywarting.github.io/StreamSaver.js/mitm.html?version=' +
+		streamSaver.version.full
 
 	try {
 		// Some browser has it but ain't allowed to construct a stream yet
@@ -51,7 +51,7 @@
 
 			if(secure && !iframe) {
 				iframe = document.createElement('iframe')
-				iframe.src = proxy
+				iframe.src = streamSaver.mitm
 				iframe.hidden = true
 				document.body.appendChild(iframe)
 			}
@@ -71,7 +71,7 @@
 			}
 
 			if(!secure) {
-				popup = window.open(proxy, Math.random())
+				popup = window.open(streamSaver.mitm, Math.random())
 				let onready = evt => {
 					if(evt.source === popup){
 						popup.postMessage({filename, size}, '*', [channel.port2])
@@ -116,43 +116,5 @@
 		}, queuingStrategy)
 	}
 
-	// May want to have this as a seperate module...
-	function createBlobReader(blob, queuingStrategy){
-		// Could just do: stream = (new Response(blob)).body
-		// but it's not fully developt yet
-		// Any ides how to upgrade a `Reader` to a full ReadableByteStream?
-		const DEFAULT_CHUNK_SIZE = 524288
-		let position = 0
-
-		return new ReadableStream({
-			type: 'bytes',
-			autoAllocateChunkSize: DEFAULT_CHUNK_SIZE,
-
-			pull(controller) {
-				const v = controller.byobRequest.view;
-
-				return new Promise((resolve, reject) => {
-					let fr = new FileReader()
-					fr.onload = evt => {
-						let uint8array = new Uint8Array(fr.result)
-						let bytesRead = uint8array.byteLength
-
-						position += bytesRead
-						v.set(uint8array)
-						controller.byobRequest.respond(bytesRead)
-
-						if(position >= blob.size)
-							controller.close()
-
-						resolve()
-					}
-
-					fr.readAsArrayBuffer(blob.slice(position, position + v.byteLength))
-				})
-			}
-		}, queuingStrategy)
-	}
-
 	return streamSaver
-
-});
+})

example.html

@@ -22,8 +22,6 @@ <h3>What would you like to save?</h3>
 			<input name="kind" value="text" type="radio" checked>Plain text (Save as you type)</label><br>
 		<label><input name="kind" value="video" type="radio">Video stream</label><br>
 		<label><input name="kind" value="audio" type="radio">Audio stream</label><br>
-		<!-- <label><input name="kind" value="blob" type="radio">Pipe a blob: <code>new Blob(['aaaa bbb ccc']))</code></label><br> -->
-		<!-- disabled until now, haven't had the time to write any demo using fetch -->
 		<label><input name="kind" value="torrent" type="radio">Torrent</label><br>
 		<label><input name="kind" value="fetch" type="radio">Fetch stream</label>
 		 - kind of cheesy, since you can use fetchEvent to add
@@ -46,6 +44,7 @@ <h3>What would you like to save?</h3>
 	<script src="StreamSaver.js"></script>
 	<script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
 	<script src="https://rawgit.com/jimmywarting/browser-su/master/build/permissions.js"></script>
+	<script src="https://rawgit.com/jimmywarting/browser-su/master/build/permissions.js"></script>
 
 	<!-- 1.2.2 -->
 	<script src="https://cdn.rawgit.com/creatorrr/web-streams-polyfill/68f93d7240d925d27b175ce39133f57993c3f109/dist/polyfill.min.js"
@@ -80,13 +79,9 @@ <h3>What would you like to save?</h3>
 			url = "https://d8d913s460fub.cloudfront.net/videoserver/cat-test-video-320x240.mp4",
 			fileStream = streamSaver.createWriteStream(filename)
 
-			if(kind == 'blob') {
-				$abort.onclick = event => fileStream.abort()
-			} else {
-				writer = fileStream.getWriter()
-				$abort.onclick = event => writer.abort()
-				$close.onclick = event => writer.close()
-			}
+			writer = fileStream.getWriter()
+			$abort.onclick = event => writer.abort()
+			$close.onclick = event => writer.close()
 
 			$form.remove()
 			$abort.hidden = false
@@ -123,27 +118,6 @@ <h3>What would you like to save?</h3>
 				break; case "screen":
 					permission = {name: 'screen'}
 				break;
-				case "file":
-				case "blob":
-					var blob = new Blob([
-						"a".repeat(1024),
-						"b".repeat(1024),
-						"c".repeat(1024)
-					])
-
-					let stream = streamSaver.createBlobReader(blob)
-					return stream.pipeTo(myFile)
-
-					// This is rather quite simple with fetch
-					// cuz you can retrive an actual stream with it
-					// Create a object url that you can request
-					// then just fall into next "fetch case"
-					url = URL.createObjectURL(blobOrFile)
-
-					// Alternetive method to get a blob to become a reader:
-					// stream = (new Response(blob)).body
-					// reader = stream.getReader()
-
 				case "fetch":
 					// Here we could just simply open the link and then let
 					// the SW add Content-Disposition header to that request.

package.json

@@ -1,6 +1,6 @@
 {
     "name": "streamsaver",
-    "version": "0.2.0",
+    "version": "1.0.0",
     "description": "StreamSaver writes stream to the filesystem directly - asynchronous",
     "main": "StreamSaver.js",
     "scripts": {