├── LICENSE.md
├── demo
    ├── demo.css
    ├── demo.min.js
    ├── index.xhtml
    └── demo.js
├── FileSaver.min.js
├── README.md
└── FileSaver.js


/LICENSE.md:
--------------------------------------------------------------------------------
 1 | Copyright © 2015 [Eli Grey][1].
 2 | 
 3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 4 | 
 5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 6 | 
 7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 8 | 
 9 |   [1]: http://eligrey.com
10 | 


--------------------------------------------------------------------------------
/demo/demo.css:
--------------------------------------------------------------------------------
 1 | html {
 2 | 	background-color: #DDD;
 3 | }
 4 | body {
 5 |     -webkit-box-sizing: content-box;
 6 |     -moz-box-sizing: content-box;
 7 |     box-sizing: content-box;
 8 | 	width: 900px;
 9 | 	margin: 0 auto;
10 | 	font-family: Verdana, Helvetica, Arial, sans-serif;
11 | 	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .5);
12 | 	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .5);
13 | 	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .5);
14 | 	padding: 7px 25px 70px;
15 | 	background-color: #FFF;
16 | }
17 | h1, h2, h3, h4, h5, h6 {
18 | 	font-family: Georgia, "Times New Roman", serif;
19 | }
20 | h2, form {
21 | 	text-align: center;
22 | }
23 | form {
24 | 	margin-top: 5px;
25 | }
26 | .input {
27 | 	width: 500px;
28 | 	height: 300px;
29 | 	margin: 0 auto;
30 | 	display: block;
31 | }
32 | section {
33 | 	margin-top: 40px;
34 | }
35 | #canvas {
36 | 	cursor: crosshair;
37 | }
38 | #canvas, #html {
39 | 	border: 1px solid #000;
40 | }
41 | .filename {
42 | 	text-align: right;
43 | }
44 | #html {
45 |     -webkit-box-sizing: border-box;
46 |     -moz-box-sizing: border-box;
47 |     box-sizing: border-box;
48 | 	overflow: auto;
49 | 	padding: 1em;
50 | }
51 | 


--------------------------------------------------------------------------------
/FileSaver.min.js:
--------------------------------------------------------------------------------
1 | /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
2 | var saveAs=saveAs||function(e){"use strict";if("undefined"==typeof navigator||!/MSIE [1-9]\./.test(navigator.userAgent)){var t=e.document,n=function(){return e.URL||e.webkitURL||e},o=t.createElementNS("http://www.w3.org/1999/xhtml","a"),r="download"in o,i=function(n){var o=t.createEvent("MouseEvents");o.initMouseEvent("click",!0,!1,e,0,0,0,0,0,!1,!1,!1,!1,0,null),n.dispatchEvent(o)},a=e.webkitRequestFileSystem,c=e.requestFileSystem||a||e.mozRequestFileSystem,u=function(t){(e.setImmediate||e.setTimeout)(function(){throw t},0)},f="application/octet-stream",s=0,d=500,l=function(t){var o=function(){"string"==typeof t?n().revokeObjectURL(t):t.remove()};e.chrome?o():setTimeout(o,d)},v=function(e,t,n){t=[].concat(t);for(var o=t.length;o--;){var r=e["on"+t[o]];if("function"==typeof r)try{r.call(e,n||e)}catch(i){u(i)}}},p=function(e){return/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type)?new Blob(["\ufeff",e],{type:e.type}):e},w=function(t,u){t=p(t);var d,w,y,m=this,S=t.type,h=!1,O=function(){v(m,"writestart progress write writeend".split(" "))},E=function(){if((h||!d)&&(d=n().createObjectURL(t)),w)w.location.href=d;else{var o=e.open(d,"_blank");void 0==o&&"undefined"!=typeof safari&&(e.location.href=d)}m.readyState=m.DONE,O(),l(d)},R=function(e){return function(){return m.readyState!==m.DONE?e.apply(this,arguments):void 0}},b={create:!0,exclusive:!1};return m.readyState=m.INIT,u||(u="download"),r?(d=n().createObjectURL(t),o.href=d,o.download=u,i(o),m.readyState=m.DONE,O(),void l(d)):(e.chrome&&S&&S!==f&&(y=t.slice||t.webkitSlice,t=y.call(t,0,t.size,f),h=!0),a&&"download"!==u&&(u+=".download"),(S===f||a)&&(w=e),c?(s+=t.size,void c(e.TEMPORARY,s,R(function(e){e.root.getDirectory("saved",b,R(function(e){var n=function(){e.getFile(u,b,R(function(e){e.createWriter(R(function(n){n.onwriteend=function(t){w.location.href=e.toURL(),m.readyState=m.DONE,v(m,"writeend",t),l(e)},n.onerror=function(){var e=n.error;e.code!==e.ABORT_ERR&&E()},"writestart progress write abort".split(" ").forEach(function(e){n["on"+e]=m["on"+e]}),n.write(t),m.abort=function(){n.abort(),m.readyState=m.DONE},m.readyState=m.WRITING}),E)}),E)};e.getFile(u,{create:!1},R(function(e){e.remove(),n()}),R(function(e){e.code===e.NOT_FOUND_ERR?n():E()}))}),E)}),E)):void E())},y=w.prototype,m=function(e,t){return new w(e,t)};return"undefined"!=typeof navigator&&navigator.msSaveOrOpenBlob?function(e,t){return navigator.msSaveOrOpenBlob(p(e),t)}:(y.abort=function(){var e=this;e.readyState=e.DONE,v(e,"abort")},y.readyState=y.INIT=0,y.WRITING=1,y.DONE=2,y.error=y.onwritestart=y.onprogress=y.onwrite=y.onabort=y.onerror=y.onwriteend=null,m)}}("undefined"!=typeof self&&self||"undefined"!=typeof window&&window||this.content);"undefined"!=typeof module&&module.exports?module.exports.saveAs=saveAs:"undefined"!=typeof define&&null!==define&&null!=define.amd&&define([],function(){return saveAs});


--------------------------------------------------------------------------------
/demo/demo.min.js:
--------------------------------------------------------------------------------
1 | /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/demo/demo.js */
2 | (function(n){"use strict";var s=n.document,g=function(A){return s.getElementById(A)},b=n.sessionStorage,x=function(){return n.Blob},f=g("canvas"),r=g("canvas-options"),y=g("canvas-filename"),p=g("canvas-clear"),q=g("text"),t=g("text-options"),h=g("text-filename"),m=g("html"),e=g("html-options"),i=g("html-filename"),u=f.getContext("2d"),z=false,a=b.x_points||[],o=b.y_points||[],d=b.drag_points||[],j=function(A,C,B){a.push(A);o.push(C);d.push(B)},l=function(){f.width=f.width;u.lineWidth=6;u.lineJoin="round";u.strokeStyle="#000000";var B=0,A=a.length;for(;B<A;B++){u.beginPath();if(B&&d[B]){u.moveTo(a[B-1],o[B-1])}else{u.moveTo(a[B]-1,o[B])}u.lineTo(a[B],o[B]);u.closePath();u.stroke()}},c=function(){z=false},w=function(E){var D="h6 h5 h4 h3 h2 h1".split(" "),C=D.length,F,G;while(C--){F=E.getElementsByTagName(D[C]);for(var B=0,A=F.length;B<A;B++){G=F[B].textContent.trim();if(G){return G}}}},v=s.implementation,k=function(D){var B=v.createDocumentType("html",null,null),J=v.createDocument("http://www.w3.org/1999/xhtml","html",B),A=J.documentElement,H=A.appendChild(J.createElement("head")),K=H.appendChild(J.createElement("meta")),I=H.appendChild(J.createElement("title")),E=A.appendChild(J.createElement("body")),C=0,G=D.childNodes.length;K.setAttribute("charset",D.ownerDocument.characterSet);for(;C<G;C++){E.appendChild(J.importNode(D.childNodes.item(C),true))}var F=w(J);if(F){I.appendChild(J.createTextNode(F))}return J};f.width=500;f.height=300;if(typeof a==="string"){a=JSON.parse(a)}if(typeof o==="string"){o=JSON.parse(o)}if(typeof d==="string"){d=JSON.parse(d)}if(b.canvas_filename){y.value=b.canvas_filename}if(b.text){q.value=b.text}if(b.text_filename){h.value=b.text_filename}if(b.html){m.innerHTML=b.html}if(b.html_filename){i.value=b.html_filename}z=true;l();z=false;p.addEventListener("click",function(){f.width=f.width;a.length=o.length=d.length=0},false);f.addEventListener("mousedown",function(A){A.preventDefault();z=true;j(A.pageX-f.offsetLeft,A.pageY-f.offsetTop,false);l()},false);f.addEventListener("mousemove",function(A){if(z){j(A.pageX-f.offsetLeft,A.pageY-f.offsetTop,true);l()}},false);f.addEventListener("mouseup",c,false);f.addEventListener("mouseout",c,false);r.addEventListener("submit",function(A){A.preventDefault();f.toBlob(function(B){saveAs(B,(y.value||y.placeholder)+".png")},"image/png")},false);t.addEventListener("submit",function(A){A.preventDefault();var B=x();saveAs(new B([q.value||q.placeholder],{type:"text/plain;charset="+s.characterSet}),(h.value||h.placeholder)+".txt")},false);e.addEventListener("submit",function(B){B.preventDefault();var D=x(),A=new XMLSerializer,C=k(m);saveAs(new D([A.serializeToString(C)],{type:"application/xhtml+xml;charset="+s.characterSet}),(i.value||i.placeholder)+".xhtml")},false);n.addEventListener("unload",function(){b.x_points=JSON.stringify(a);b.y_points=JSON.stringify(o);b.drag_points=JSON.stringify(d);b.canvas_filename=y.value;b.text=q.value;b.text_filename=h.value;b.html=m.innerHTML;b.html_filename=i.value},false)}(self));


--------------------------------------------------------------------------------
/demo/index.xhtml:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US-x-Hixie">
 3 | <head>
 4 |     <meta charset="utf-8"/>
 5 |     <title>FileSaver.js demo</title>
 6 |     <link rel="stylesheet" type="text/css" href="demo.css"/>
 7 | </head>
 8 | <body>
 9 |     <h1><a href="https://github.com/eligrey/FileSaver.js">FileSaver.js</a> demo</h1>
10 |     <p>
11 |         The following examples demonstrate how it is possible to generate and save any type of data right in the browser using the W3C <code>saveAs()</code> <a href="http://www.w3.org/TR/file-writer-api/#the-filesaver-interface">FileSaver</a> interface, without contacting any servers.
12 |     </p>
13 |     <section id="image-demo">
14 |         <h2>Saving an image</h2>
15 |         <canvas class="input" id="canvas" width="500" height="300"/>
16 |         <form id="canvas-options">
17 |             <label>Filename: <input type="text" class="filename" id="canvas-filename" placeholder="doodle"/>.png</label>
18 |             <input type="submit" value="Save"/>
19 |             <input type="button" id="canvas-clear" value="Clear"/>
20 |         </form>
21 |     </section>
22 |     <section id="text-demo">
23 |         <h2>Saving text</h2>
24 |         <textarea class="input" id="text" placeholder="Once upon a time..."/>
25 |         <form id="text-options">
26 |             <label>Filename: <input type="text" class="filename" id="text-filename" placeholder="a plain document"/>.txt</label>
27 |             <input type="submit" value="Save"/>
28 |         </form>
29 |     </section>
30 |     <section id="html-demo">
31 |         <h2>Saving rich text</h2>
32 |         <div class="input" id="html" contenteditable="">
33 |             <h3>Some example rich text</h3>
34 |             <ul>
35 |                 <li><del>Plain</del> <ins>Boring</ins> text.</li>
36 |                 <li><em>Emphasized text!</em></li>
37 |                 <li><strong>Strong text!</strong></li>
38 |                 <li>
39 |                     <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="70" height="70">
40 |                         <circle cx="35" cy="35" r="35" fill="red"/>
41 |                         <text x="10" y="40">image</text>
42 |                     </svg>
43 |                 </li>
44 |                 <li><a href="https://github.com/eligrey/FileSaver.js">A link.</a></li>
45 |             </ul>
46 |         </div>
47 |         <form id="html-options">
48 |             <label>Filename: <input type="text" class="filename" id="html-filename" placeholder="a rich document"/>.xhtml</label>
49 |             <input type="submit" value="Save"/>
50 |         </form>
51 |     </section>
52 |     <script async="" src="https://cdn.rawgit.com/eligrey/Blob.js/master/Blob.js"/>
53 |     <script async="" src="https://cdn.rawgit.com/eligrey/canvas-toBlob.js/master/canvas-toBlob.js"/>
54 |     <script async="" src="https://cdn.rawgit.com/eligrey/FileSaver.js/master/FileSaver.js"/>
55 |     <script async="" src="https://cdn.rawgit.com/eligrey/FileSaver.js/master/demo/demo.js"/>
56 | </body>
57 | </html>
58 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | FileSaver.js
  2 | ============
  3 | 
  4 | FileSaver.js implements the HTML5 W3C `saveAs()` FileSaver interface in browsers that do
  5 | not natively support it. There is a [FileSaver.js demo][1] that demonstrates saving
  6 | various media types.
  7 | 
  8 | FileSaver.js is the solution to saving files on the client-side, and is perfect for
  9 | webapps that need to generate files, or for saving sensitive information that shouldn't be
 10 | sent to an external server.
 11 | 
 12 | Looking for `canvas.toBlob()` for saving canvases? Check out
 13 | [canvas-toBlob.js][2] for a cross-browser implementation.
 14 | 
 15 | Supported browsers
 16 | ------------------
 17 | 
 18 | | Browser        | Constructs as | Filenames    | Max Blob Size | Dependencies |
 19 | | -------------- | ------------- | ------------ | ------------- | ------------ |
 20 | | Firefox 20+    | Blob          | Yes          | 800 MiB       | None         |
 21 | | Firefox < 20   | data: URI     | No           | n/a           | [Blob.js](https://github.com/eligrey/Blob.js) |
 22 | | Chrome         | Blob          | Yes          | [500 MiB][3]  | None         |
 23 | | Chrome for Android | Blob      | Yes          | [500 MiB][3]  | None         |
 24 | | IE 10+         | Blob          | Yes          | 600 MiB       | None         |
 25 | | Opera 15+      | Blob          | Yes          | 500 MiB       | None         |
 26 | | Opera < 15     | data: URI     | No           | n/a           | [Blob.js](https://github.com/eligrey/Blob.js) |
 27 | | Safari 6.1+*   | Blob          | No           | ?             | None         |
 28 | | Safari < 6     | data: URI     | No           | n/a           | [Blob.js](https://github.com/eligrey/Blob.js) |
 29 | 
 30 | Feature detection is possible:
 31 | 
 32 | ```js
 33 | try {
 34 |     var isFileSaverSupported = !!new Blob;
 35 | } catch (e) {}
 36 | ```
 37 | 
 38 | ### IE < 10
 39 | 
 40 | It is possible to save text files in IE < 10 without Flash-based polyfills.
 41 | See [ChenWenBrian and koffsyrup's `saveTextAs()`](https://github.com/koffsyrup/FileSaver.js#examples) for more details.
 42 | 
 43 | ### Safari 6.1+
 44 | 
 45 | Blobs may be opened instead of saved sometimes—you may have to direct your Safari users to manually
 46 | press <kbd>⌘</kbd>+<kbd>S</kbd> to save the file after it is opened. Using the `application/octet-stream` MIME type to force downloads [can cause issues in Safari](https://github.com/eligrey/FileSaver.js/issues/12#issuecomment-47247096).
 47 | 
 48 | ### iOS
 49 | 
 50 | saveAs must be run within a user interaction event such as onTouchDown or onClick; setTimeout will prevent saveAs from triggering. Due to restrictions in iOS saveAs opens in a new window instead of downloading, if you want this fixed please [tell Apple](https://bugs.webkit.org/show_bug.cgi?id=102914) how this bug is affecting you.
 51 | 
 52 | Syntax
 53 | ------
 54 | 
 55 | ```js
 56 | FileSaver saveAs(in Blob data, in DOMString filename)
 57 | ```
 58 | 
 59 | Examples
 60 | --------
 61 | 
 62 | ### Saving text
 63 | 
 64 | ```js
 65 | var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
 66 | saveAs(blob, "hello world.txt");
 67 | ```
 68 | 
 69 | The standard W3C File API [`Blob`][4] interface is not available in all browsers.
 70 | [Blob.js][5] is a cross-browser `Blob` implementation that solves this.
 71 | 
 72 | ### Saving a canvas
 73 | 
 74 | ```js
 75 | var canvas = document.getElementById("my-canvas"), ctx = canvas.getContext("2d");
 76 | // draw to canvas...
 77 | canvas.toBlob(function(blob) {
 78 |     saveAs(blob, "pretty image.png");
 79 | });
 80 | ```
 81 | 
 82 | Note: The standard HTML5 `canvas.toBlob()` method is not available in all browsers.
 83 | [canvas-toBlob.js][6] is a cross-browser `canvas.toBlob()` that polyfills this.
 84 | 
 85 | 
 86 | ![Tracking image](https://in.getclicky.com/212712ns.gif)
 87 | 
 88 |   [1]: http://eligrey.com/demos/FileSaver.js/
 89 |   [2]: https://github.com/eligrey/canvas-toBlob.js
 90 |   [3]: https://code.google.com/p/chromium/issues/detail?id=375297
 91 |   [4]: https://developer.mozilla.org/en-US/docs/DOM/Blob
 92 |   [5]: https://github.com/eligrey/Blob.js
 93 |   [6]: https://github.com/eligrey/canvas-toBlob.js
 94 | 
 95 | Contributing
 96 | ------------
 97 | 
 98 | The `FileSaver.js` distribution file is compiled with Uglify.js like so:
 99 | 
100 | ```bash
101 | uglifyjs FileSaver.js --comments /@source/ > FileSaver.min.js
102 | ```
103 | 
104 | Please make sure you build a production version before submitting a pull request.
105 | 
106 | Bower Installation
107 | ------------------
108 | 
109 | Please see the [this repo](http://github.com/Teleborder/FileSaver.js) for a bower-compatible fork of FileSaver.js, available under the package name `file-saver.js`.
110 | 


--------------------------------------------------------------------------------
/demo/demo.js:
--------------------------------------------------------------------------------
  1 | /*! FileSaver.js demo script
  2 |  *  2012-01-23
  3 |  *
  4 |  *  By Eli Grey, http://eligrey.com
  5 |  *  License: X11/MIT
  6 |  *    See LICENSE.md
  7 |  */
  8 | 
  9 | /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/demo/demo.js */
 10 | 
 11 | /*jshint laxbreak: true, laxcomma: true, smarttabs: true*/
 12 | /*global saveAs, self*/
 13 | 
 14 | (function(view) {
 15 | "use strict";
 16 | // The canvas drawing portion of the demo is based off the demo at
 17 | // http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/
 18 | var
 19 | 	  document = view.document
 20 | 	, $ = function(id) {
 21 | 		return document.getElementById(id);
 22 | 	}
 23 | 	, session = view.sessionStorage
 24 | 	// only get URL when necessary in case Blob.js hasn't defined it yet
 25 | 	, get_blob = function() {
 26 | 		return view.Blob;
 27 | 	}
 28 | 
 29 | 	, canvas = $("canvas")
 30 | 	, canvas_options_form = $("canvas-options")
 31 | 	, canvas_filename = $("canvas-filename")
 32 | 	, canvas_clear_button = $("canvas-clear")
 33 | 
 34 | 	, text = $("text")
 35 | 	, text_options_form = $("text-options")
 36 | 	, text_filename = $("text-filename")
 37 | 
 38 | 	, html = $("html")
 39 | 	, html_options_form = $("html-options")
 40 | 	, html_filename = $("html-filename")
 41 | 
 42 | 	, ctx = canvas.getContext("2d")
 43 | 	, drawing = false
 44 | 	, x_points = session.x_points || []
 45 | 	, y_points = session.y_points || []
 46 | 	, drag_points = session.drag_points || []
 47 | 	, add_point = function(x, y, dragging) {
 48 | 		x_points.push(x);
 49 | 		y_points.push(y);
 50 | 		drag_points.push(dragging);
 51 | 	}
 52 | 	, draw = function(){
 53 | 		canvas.width = canvas.width;
 54 | 		ctx.lineWidth = 6;
 55 | 		ctx.lineJoin = "round";
 56 | 		ctx.strokeStyle = "#000000";
 57 | 		var
 58 | 			  i = 0
 59 | 			, len = x_points.length
 60 | 		;
 61 | 		for(; i < len; i++) {
 62 | 			ctx.beginPath();
 63 | 			if (i && drag_points[i]) {
 64 | 				ctx.moveTo(x_points[i-1], y_points[i-1]);
 65 | 			} else {
 66 | 				ctx.moveTo(x_points[i]-1, y_points[i]);
 67 | 			}
 68 | 			ctx.lineTo(x_points[i], y_points[i]);
 69 | 			ctx.closePath();
 70 | 			ctx.stroke();
 71 | 		}
 72 | 	}
 73 | 	, stop_drawing = function() {
 74 | 		drawing = false;
 75 | 	}
 76 | 
 77 | 	// Title guesser and document creator available at https://gist.github.com/1059648
 78 | 	, guess_title = function(doc) {
 79 | 		var
 80 | 			  h = "h6 h5 h4 h3 h2 h1".split(" ")
 81 | 			, i = h.length
 82 | 			, headers
 83 | 			, header_text
 84 | 		;
 85 | 		while (i--) {
 86 | 			headers = doc.getElementsByTagName(h[i]);
 87 | 			for (var j = 0, len = headers.length; j < len; j++) {
 88 | 				header_text = headers[j].textContent.trim();
 89 | 				if (header_text) {
 90 | 					return header_text;
 91 | 				}
 92 | 			}
 93 | 		}
 94 | 	}
 95 | 	, doc_impl = document.implementation
 96 | 	, create_html_doc = function(html) {
 97 | 		var
 98 | 			  dt = doc_impl.createDocumentType('html', null, null)
 99 | 			, doc = doc_impl.createDocument("http://www.w3.org/1999/xhtml", "html", dt)
100 | 			, doc_el = doc.documentElement
101 | 			, head = doc_el.appendChild(doc.createElement("head"))
102 | 			, charset_meta = head.appendChild(doc.createElement("meta"))
103 | 			, title = head.appendChild(doc.createElement("title"))
104 | 			, body = doc_el.appendChild(doc.createElement("body"))
105 | 			, i = 0
106 | 			, len = html.childNodes.length
107 | 		;
108 | 		charset_meta.setAttribute("charset", html.ownerDocument.characterSet);
109 | 		for (; i < len; i++) {
110 | 			body.appendChild(doc.importNode(html.childNodes.item(i), true));
111 | 		}
112 | 		var title_text = guess_title(doc);
113 | 		if (title_text) {
114 | 			title.appendChild(doc.createTextNode(title_text));
115 | 		}
116 | 		return doc;
117 | 	}
118 | ;
119 | canvas.width = 500;
120 | canvas.height = 300;
121 | 
122 |   if (typeof x_points === "string") {
123 | 	x_points = JSON.parse(x_points);
124 | } if (typeof y_points === "string") {
125 | 	y_points = JSON.parse(y_points);
126 | } if (typeof drag_points === "string") {
127 | 	drag_points = JSON.parse(drag_points);
128 | } if (session.canvas_filename) {
129 | 	canvas_filename.value = session.canvas_filename;
130 | } if (session.text) {
131 | 	text.value = session.text;
132 | } if (session.text_filename) {
133 | 	text_filename.value = session.text_filename;
134 | } if (session.html) {
135 | 	html.innerHTML = session.html;
136 | } if (session.html_filename) {
137 | 	html_filename.value = session.html_filename;
138 | }
139 | 
140 | drawing = true;
141 | draw();
142 | drawing = false;
143 | 
144 | canvas_clear_button.addEventListener("click", function() {
145 | 	canvas.width = canvas.width;
146 | 	x_points.length =
147 | 	y_points.length =
148 | 	drag_points.length =
149 | 		0;
150 | }, false);
151 | canvas.addEventListener("mousedown", function(event) {
152 | 	event.preventDefault();
153 | 	drawing = true;
154 | 	add_point(event.pageX - canvas.offsetLeft, event.pageY - canvas.offsetTop, false);
155 | 	draw();
156 | }, false);
157 | canvas.addEventListener("mousemove", function(event) {
158 | 	if (drawing) {
159 | 		add_point(event.pageX - canvas.offsetLeft, event.pageY - canvas.offsetTop, true);
160 | 		draw();
161 | 	}
162 | }, false);
163 | canvas.addEventListener("mouseup", stop_drawing, false);
164 | canvas.addEventListener("mouseout", stop_drawing, false);
165 | 
166 | canvas_options_form.addEventListener("submit", function(event) {
167 | 	event.preventDefault();
168 | 	canvas.toBlob(function(blob) {
169 | 		saveAs(
170 | 			  blob
171 | 			, (canvas_filename.value || canvas_filename.placeholder) + ".png"
172 | 		);
173 | 	}, "image/png");
174 | }, false);
175 | 
176 | text_options_form.addEventListener("submit", function(event) {
177 | 	event.preventDefault();
178 | 	var BB = get_blob();
179 | 	saveAs(
180 | 		  new BB(
181 | 			  [text.value || text.placeholder]
182 | 			, {type: "text/plain;charset=" + document.characterSet}
183 | 		)
184 | 		, (text_filename.value || text_filename.placeholder) + ".txt"
185 | 	);
186 | }, false);
187 | 
188 | html_options_form.addEventListener("submit", function(event) {
189 | 	event.preventDefault();
190 | 	var
191 | 		  BB = get_blob()
192 | 		, xml_serializer = new XMLSerializer()
193 | 		, doc = create_html_doc(html)
194 | 	;
195 | 	saveAs(
196 | 		  new BB(
197 | 			  [xml_serializer.serializeToString(doc)]
198 | 			, {type: "application/xhtml+xml;charset=" + document.characterSet}
199 | 		)
200 | 		, (html_filename.value || html_filename.placeholder) + ".xhtml"
201 | 	);
202 | }, false);
203 | 
204 | view.addEventListener("unload", function() {
205 | 	session.x_points = JSON.stringify(x_points);
206 | 	session.y_points = JSON.stringify(y_points);
207 | 	session.drag_points = JSON.stringify(drag_points);
208 | 	session.canvas_filename = canvas_filename.value;
209 | 
210 | 	session.text = text.value;
211 | 	session.text_filename = text_filename.value;
212 | 
213 | 	session.html = html.innerHTML;
214 | 	session.html_filename = html_filename.value;
215 | }, false);
216 | }(self));
217 | 


--------------------------------------------------------------------------------
/FileSaver.js:
--------------------------------------------------------------------------------
  1 | /* FileSaver.js
  2 |  * A saveAs() FileSaver implementation.
  3 |  * 2015-05-07.2
  4 |  *
  5 |  * By Eli Grey, http://eligrey.com
  6 |  * License: X11/MIT
  7 |  *   See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md
  8 |  */
  9 | 
 10 | /*global self */
 11 | /*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */
 12 | 
 13 | /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
 14 | 
 15 | var saveAs = saveAs || (function(view) {
 16 | 	"use strict";
 17 | 	// IE <10 is explicitly unsupported
 18 | 	if (typeof navigator !== "undefined" && /MSIE [1-9]\./.test(navigator.userAgent)) {
 19 | 		return;
 20 | 	}
 21 | 	var
 22 | 		  doc = view.document
 23 | 		  // only get URL when necessary in case Blob.js hasn't overridden it yet
 24 | 		, get_URL = function() {
 25 | 			return view.URL || view.webkitURL || view;
 26 | 		}
 27 | 		, save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a")
 28 | 		, can_use_save_link = "download" in save_link
 29 | 		, click = function(node) {
 30 | 			var event = doc.createEvent("MouseEvents");
 31 | 			event.initMouseEvent(
 32 | 				"click", true, false, view, 0, 0, 0, 0, 0
 33 | 				, false, false, false, false, 0, null
 34 | 			);
 35 | 			node.dispatchEvent(event);
 36 | 		}
 37 | 		, webkit_req_fs = view.webkitRequestFileSystem
 38 | 		, req_fs = view.requestFileSystem || webkit_req_fs || view.mozRequestFileSystem
 39 | 		, throw_outside = function(ex) {
 40 | 			(view.setImmediate || view.setTimeout)(function() {
 41 | 				throw ex;
 42 | 			}, 0);
 43 | 		}
 44 | 		, force_saveable_type = "application/octet-stream"
 45 | 		, fs_min_size = 0
 46 | 		// See https://code.google.com/p/chromium/issues/detail?id=375297#c7 and
 47 | 		// https://github.com/eligrey/FileSaver.js/commit/485930a#commitcomment-8768047
 48 | 		// for the reasoning behind the timeout and revocation flow
 49 | 		, arbitrary_revoke_timeout = 500 // in ms
 50 | 		, revoke = function(file) {
 51 | 			var revoker = function() {
 52 | 				if (typeof file === "string") { // file is an object URL
 53 | 					get_URL().revokeObjectURL(file);
 54 | 				} else { // file is a File
 55 | 					file.remove();
 56 | 				}
 57 | 			};
 58 | 			if (view.chrome) {
 59 | 				revoker();
 60 | 			} else {
 61 | 				setTimeout(revoker, arbitrary_revoke_timeout);
 62 | 			}
 63 | 		}
 64 | 		, dispatch = function(filesaver, event_types, event) {
 65 | 			event_types = [].concat(event_types);
 66 | 			var i = event_types.length;
 67 | 			while (i--) {
 68 | 				var listener = filesaver["on" + event_types[i]];
 69 | 				if (typeof listener === "function") {
 70 | 					try {
 71 | 						listener.call(filesaver, event || filesaver);
 72 | 					} catch (ex) {
 73 | 						throw_outside(ex);
 74 | 					}
 75 | 				}
 76 | 			}
 77 | 		}
 78 | 		, auto_bom = function(blob) {
 79 | 			// prepend BOM for UTF-8 XML and text/* types (including HTML)
 80 | 			if (/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) {
 81 | 				return new Blob(["\ufeff", blob], {type: blob.type});
 82 | 			}
 83 | 			return blob;
 84 | 		}
 85 | 		, FileSaver = function(blob, name) {
 86 | 			blob = auto_bom(blob);
 87 | 			// First try a.download, then web filesystem, then object URLs
 88 | 			var
 89 | 				  filesaver = this
 90 | 				, type = blob.type
 91 | 				, blob_changed = false
 92 | 				, object_url
 93 | 				, target_view
 94 | 				, dispatch_all = function() {
 95 | 					dispatch(filesaver, "writestart progress write writeend".split(" "));
 96 | 				}
 97 | 				// on any filesys errors revert to saving with object URLs
 98 | 				, fs_error = function() {
 99 | 					// don't create more object URLs than needed
100 | 					if (blob_changed || !object_url) {
101 | 						object_url = get_URL().createObjectURL(blob);
102 | 					}
103 | 					if (target_view) {
104 | 						target_view.location.href = object_url;
105 | 					} else {
106 | 						var new_tab = view.open(object_url, "_blank");
107 | 						if (new_tab == undefined && typeof safari !== "undefined") {
108 | 							//Apple do not allow window.open, see http://bit.ly/1kZffRI
109 | 							view.location.href = object_url
110 | 						}
111 | 					}
112 | 					filesaver.readyState = filesaver.DONE;
113 | 					dispatch_all();
114 | 					revoke(object_url);
115 | 				}
116 | 				, abortable = function(func) {
117 | 					return function() {
118 | 						if (filesaver.readyState !== filesaver.DONE) {
119 | 							return func.apply(this, arguments);
120 | 						}
121 | 					};
122 | 				}
123 | 				, create_if_not_found = {create: true, exclusive: false}
124 | 				, slice
125 | 			;
126 | 			filesaver.readyState = filesaver.INIT;
127 | 			if (!name) {
128 | 				name = "download";
129 | 			}
130 | 			if (can_use_save_link) {
131 | 				object_url = get_URL().createObjectURL(blob);
132 | 				save_link.href = object_url;
133 | 				save_link.download = name;
134 | 				click(save_link);
135 | 				filesaver.readyState = filesaver.DONE;
136 | 				dispatch_all();
137 | 				revoke(object_url);
138 | 				return;
139 | 			}
140 | 			// Object and web filesystem URLs have a problem saving in Google Chrome when
141 | 			// viewed in a tab, so I force save with application/octet-stream
142 | 			// http://code.google.com/p/chromium/issues/detail?id=91158
143 | 			// Update: Google errantly closed 91158, I submitted it again:
144 | 			// https://code.google.com/p/chromium/issues/detail?id=389642
145 | 			if (view.chrome && type && type !== force_saveable_type) {
146 | 				slice = blob.slice || blob.webkitSlice;
147 | 				blob = slice.call(blob, 0, blob.size, force_saveable_type);
148 | 				blob_changed = true;
149 | 			}
150 | 			// Since I can't be sure that the guessed media type will trigger a download
151 | 			// in WebKit, I append .download to the filename.
152 | 			// https://bugs.webkit.org/show_bug.cgi?id=65440
153 | 			if (webkit_req_fs && name !== "download") {
154 | 				name += ".download";
155 | 			}
156 | 			if (type === force_saveable_type || webkit_req_fs) {
157 | 				target_view = view;
158 | 			}
159 | 			if (!req_fs) {
160 | 				fs_error();
161 | 				return;
162 | 			}
163 | 			fs_min_size += blob.size;
164 | 			req_fs(view.TEMPORARY, fs_min_size, abortable(function(fs) {
165 | 				fs.root.getDirectory("saved", create_if_not_found, abortable(function(dir) {
166 | 					var save = function() {
167 | 						dir.getFile(name, create_if_not_found, abortable(function(file) {
168 | 							file.createWriter(abortable(function(writer) {
169 | 								writer.onwriteend = function(event) {
170 | 									target_view.location.href = file.toURL();
171 | 									filesaver.readyState = filesaver.DONE;
172 | 									dispatch(filesaver, "writeend", event);
173 | 									revoke(file);
174 | 								};
175 | 								writer.onerror = function() {
176 | 									var error = writer.error;
177 | 									if (error.code !== error.ABORT_ERR) {
178 | 										fs_error();
179 | 									}
180 | 								};
181 | 								"writestart progress write abort".split(" ").forEach(function(event) {
182 | 									writer["on" + event] = filesaver["on" + event];
183 | 								});
184 | 								writer.write(blob);
185 | 								filesaver.abort = function() {
186 | 									writer.abort();
187 | 									filesaver.readyState = filesaver.DONE;
188 | 								};
189 | 								filesaver.readyState = filesaver.WRITING;
190 | 							}), fs_error);
191 | 						}), fs_error);
192 | 					};
193 | 					dir.getFile(name, {create: false}, abortable(function(file) {
194 | 						// delete file if it already exists
195 | 						file.remove();
196 | 						save();
197 | 					}), abortable(function(ex) {
198 | 						if (ex.code === ex.NOT_FOUND_ERR) {
199 | 							save();
200 | 						} else {
201 | 							fs_error();
202 | 						}
203 | 					}));
204 | 				}), fs_error);
205 | 			}), fs_error);
206 | 		}
207 | 		, FS_proto = FileSaver.prototype
208 | 		, saveAs = function(blob, name) {
209 | 			return new FileSaver(blob, name);
210 | 		}
211 | 	;
212 | 	// IE 10+ (native saveAs)
213 | 	if (typeof navigator !== "undefined" && navigator.msSaveOrOpenBlob) {
214 | 		return function(blob, name) {
215 | 			return navigator.msSaveOrOpenBlob(auto_bom(blob), name);
216 | 		};
217 | 	}
218 | 
219 | 	FS_proto.abort = function() {
220 | 		var filesaver = this;
221 | 		filesaver.readyState = filesaver.DONE;
222 | 		dispatch(filesaver, "abort");
223 | 	};
224 | 	FS_proto.readyState = FS_proto.INIT = 0;
225 | 	FS_proto.WRITING = 1;
226 | 	FS_proto.DONE = 2;
227 | 
228 | 	FS_proto.error =
229 | 	FS_proto.onwritestart =
230 | 	FS_proto.onprogress =
231 | 	FS_proto.onwrite =
232 | 	FS_proto.onabort =
233 | 	FS_proto.onerror =
234 | 	FS_proto.onwriteend =
235 | 		null;
236 | 
237 | 	return saveAs;
238 | }(
239 | 	   typeof self !== "undefined" && self
240 | 	|| typeof window !== "undefined" && window
241 | 	|| this.content
242 | ));
243 | // `self` is undefined in Firefox for Android content script context
244 | // while `this` is nsIContentFrameMessageManager
245 | // with an attribute `content` that corresponds to the window
246 | 
247 | if (typeof module !== "undefined" && module.exports) {
248 |   module.exports.saveAs = saveAs;
249 | } else if ((typeof define !== "undefined" && define !== null) && (define.amd != null)) {
250 |   define([], function() {
251 |     return saveAs;
252 |   });
253 | }


--------------------------------------------------------------------------------