| <!DOCTYPE html> |
|
|
| <html> |
| <head> |
| <script> |
| var lastMsg, allowed=false, dir=null, noThumbs=null; |
| |
| var locStor = {}; |
| |
| function go() { |
| console.log("deviceStorage"); |
| var free = false; |
| |
| window.addEventListener("message", onMessage,false); |
| |
| |
| var idb = { req: window["indexedDB"].open("deviceStorage") }; |
| idb.req["onupgradeneeded"] = function(e) { |
| |
| var db = e.target.result; |
| var os = db["createObjectStore"]("rsrc", { "keyPath": "k" }); |
| } |
| idb.req["onsuccess"] = function(e) { |
| var db = locStor.db = e.target.result; |
| var os = db["transaction"](["rsrc"], "readwrite")["objectStore"]("rsrc"); |
| |
| var req = os["get"]("fs0"); |
| req["onsuccess"] = function(e) { |
| if(e.target.result) { |
| if(localStorage.getItem("forget")=="1") { |
| localStorage.removeItem("forget"); |
| } |
| else { |
| locStor.fset = e.target.result["fset"]; |
| |
| dir = locStor.fset; |
| } |
| |
| } |
| }; |
| } |
| |
| allowed=false; send("ready",false); |
| |
| } |
| |
| async function makeFolder(path) { |
| path = __getPath(path); |
| var fld = dir; for(var i=0; i<path.length-1; i++) fld = await fld.getDirectoryHandle(path[i]); |
| |
| var dirHandle = await fld.getDirectoryHandle(path[path.length-1], { create: true }); |
| send("0",""); |
| } |
| |
| async function deleteFile(path) { |
| path = __getPath(path); |
| var fld = dir; for(var i=0; i<path.length-1; i++) fld = await fld.getDirectoryHandle(path[i]); |
| |
| await fld.removeEntry(path[path.length-1], { recursive: true }); |
| send("0",""); |
| } |
| |
| async function saveFile (path, buff) { |
| path = __getPath(path); |
| var fld = dir; for(var i=0; i<path.length-1; i++) fld = await fld.getDirectoryHandle(path[i]); |
| |
| var han = await fld.getFileHandle(path[path.length-1],{create:true}); |
| |
| var wrt = await han.createWritable(); |
| await wrt.write(buff); |
| await wrt.close(); |
| send("0",""); |
| } |
| async function printFile(path) { |
| path = __getPath(path); |
| var fld = dir; for(var i=0; i<path.length-1; i++) fld = await fld.getDirectoryHandle(path[i]); |
| |
| var han = await fld.getFileHandle(path[path.length-1]); |
| var fil = await han.getFile(); |
| var buf = await fil.arrayBuffer(); |
| window.parent.postMessage(buf,"*"); |
| } |
| |
| var fmap,left,fls, gtime, timg; |
| async function printFolder(path) { |
| path = __getPath(path); |
| var fld = dir; for(var i=0; i<path.length; i++) fld = await fld.getDirectoryHandle(path[i]); |
| |
| fls = []; fmap={}; left=0; timg=0; gtime=Date.now(); |
| var time = Date.now(), cnt=0, gotFile=false; |
| for await (var entry of fld.values()) { |
| var file = [entry.name,-1]; fls.push(file); |
| |
| |
| if(entry.kind=="file") { |
| gotFile=true; |
| fmap[entry.name]=fls.length-1; left++; |
| entry.getFile().then(fileLoaded); |
| |
| } |
| } |
| if(!gotFile) send("0",fls); |
| } |
| async function fileLoaded(fil) { |
| file = fls[fmap[fil.name]]; |
| await makeFile(fil,file); left--; |
| if(left==0) { |
| console.log(Date.now()-gtime, timg); |
| send("0",fls); |
| } |
| } |
| |
| async function makeFile(fil, file) { |
| var np = fil.name.split("."), ext = (np.length==1 ? "" : np.pop()).toLowerCase(); |
| file[1]=fil.size; |
| file.push(~~(fil.lastModified/1000)); |
| if(ext=="jpeg") ext="jpg"; |
| if(ext=="tiff") ext="tif"; |
| if(["dng","cr2","nef","arw","3fr","fff","gpr"].indexOf(ext)!=-1) ext="tif"; |
| |
| if(noThumbs) ext="---"; |
| var thmb=null; |
| if(thmb==null && (ext=="jpg" || ext=="tif")) { |
| var lim = 130000; |
| var buf = await fil.slice(0,(lim*1.5>fil.size) ? fil.size : lim).arrayBuffer(); |
| if(ext=="jpg" && buf.byteLength==fil.size) thmb = bufToUrl(buf, "jpg"); |
| else thmb=findJPG(fil.name,buf); |
| } |
| |
| if(thmb==null && (ext=="psd" || ext=="psb")) { |
| var buf = await fil.slice(0,4096).arrayBuffer(); |
| buf = new Uint8Array(buf); |
| var off = 26; |
| var clen = readUint(buf,off); off+=4; |
| off+=clen; |
| var rlen = readUint(buf,off); off+=4; |
| |
| if(off+rlen<=4096) buf=buf.slice(off,off+rlen); |
| else buf = new Uint8Array(await fil.slice(off,off+rlen).arrayBuffer()); |
| |
| off = 0; |
| while(off<buf.length) { |
| var sign = readASCII(buf,off,4); off+=4; |
| var resID = readUshort(buf,off); off+=2; |
| var sz = buf[off]; |
| off+=sz+(1-(sz&1))+1; |
| |
| var asiz = readUint(buf,off); off+=4; |
| if(resID==1036) { |
| |
| var tsz = readUint(buf,off+20); |
| var io = off+28; |
| thmb = bufToUrl(buf.slice(io,io+tsz).buffer,"jpg"); |
| break; |
| } |
| off+=asiz+(asiz&1); |
| } |
| } |
| if(thmb==null && fil.size<100000 && ["png","svg","bmp","gif","webp"].indexOf(ext)!=-1) { |
| var buf = await fil.arrayBuffer(); |
| if(ext=="png") { |
| var data=new Uint8Array(buf), off=16; |
| var bf = new Uint8Array(4), dim=[]; |
| for(var i=0; i<2; i++) { |
| for(var j=0; j<4; j++) bf[j] = data[off+3-j]; |
| dim.push((new Uint32Array(bf.buffer))[0]); |
| } |
| if(dim[0]*dim[1]<1e6) thmb=bufToUrl(buf,ext); |
| } |
| else thmb=bufToUrl(buf,ext); |
| } |
| if(thmb) { file.push(thmb); timg++; } |
| } |
| |
| function findJPG(name, buf) { |
| buf = new Uint8Array(buf); |
| var d8=-1, d9=-1, end=buf.length-1; |
| var ints = []; |
| for(var i=2; i<end; i++) { |
| if(buf[i]==255) { |
| var b1=buf[i+1], b2=buf[i+2], b3 = buf[i+3]; |
| |
| if (d8==-1 && b1==0xd8 && b2==0xff) d8=i; |
| else if(d8!=-1 && b1==0xd9) { d9=i; ints.push(d8,d9); d8=d9=-1; } |
| } |
| } |
| if(ints.length!=0) { |
| d8=ints[0]; d9=ints[1]; |
| return bufToUrl(buf.slice(d8, d9+2).buffer, "jpg"); |
| } |
| } |
| |
| var u8 = new Uint8Array(4); |
| var u16 = new Uint16Array(u8.buffer); |
| var u32 = new Uint32Array(u8.buffer); |
| function readASCII (b, o, l) { var out=""; for(var i=0; i<l; i++) out+=String.fromCharCode(b[o+i]); return out; } |
| function readUshort(b, o) { u8[0]=b[o+1]; u8[1]=b[o]; return u16[0]; } |
| function readUint (b, o) { u8[0]=b[o+3]; u8[1]=b[o+2]; u8[2]=b[o+1]; u8[3]=b[o]; return u32[0]; } |
| function bufToUrl(buf, ext) { |
| var str=[]; buf=new Uint8Array(buf); |
| for(var i=0; i<buf.length; i++) str.push(String.fromCharCode(buf[i])); |
| return "data:image/"+ext+(ext=="svg"?"+xml":"")+";base64,"+btoa(str.join("")) |
| } |
| |
| async function askPermissions() { |
| if(dir) { |
| if(await dir.requestPermission({mode:"readwrite"})!="granted") { send("1","You must give us access to some folder."); return; } |
| } |
| else { |
| try { dir = await window.showDirectoryPicker(); } |
| catch(e) { console.log(e); send("1","You must give us access to some folder."); return; } |
| locStor.fset = dir; |
| |
| var os = locStor.db["transaction"](["rsrc"], "readwrite")["objectStore"]("rsrc"); |
| var ooo=os["put"]({ "k":"fs0", "fset":locStor.fset }); |
| ooo.onerror = function(e) { console.log(e); alert("Storing failed. Browser says: "+e["target"]["error"]["message"],7000); } |
| } |
| allowed = true; printFolder("/"); |
| } |
| |
| function onMessage(e) { |
| if((typeof e.data) == "string") { |
| |
| |
| if(window.showDirectoryPicker==null) { send("1","Your browser can not perform this feature."); return; } |
| |
| var msg = null; |
| try { msg = JSON.parse(e.data); } catch(e) { return; } |
| if(msg.code==null) return; |
| |
| if(!allowed) { askPermissions(); return; } |
| |
| |
| if(msg.code=="show") { |
| noThumbs=msg.nothumbs; |
| printFolder(msg.prm); |
| } |
| else if(msg.code=="load") { |
| printFile(msg.prm); |
| } |
| else if(msg.code=="delete") { |
| deleteFile(msg.prm); |
| } |
| else if(msg.code=="save" && msg.prm.endsWith("/")) makeFolder(msg.prm.slice(0,-1)); |
| else if(msg.code=="forget") { console.log("forget message"); localStorage.setItem("forget", "1"); send("0",""); } |
| else if(msg.code=="rename") { |
| send("1","We can not rename files in your coputer yet."); |
| } |
| |
| lastMsg=msg; |
| } |
| else { |
| if(lastMsg.code=="save") saveFile(lastMsg.prm, e.data); |
| } |
| } |
| |
| function __getPath(path) { |
| var pth = []; if(path.length>1) pth=path.slice(1).split("/"); |
| return pth; |
| } |
| |
| function send(code,prm) { |
| var time = Date.now(); |
| var str = JSON.stringify({"code":code, "prm":prm}); |
| |
| window.parent.postMessage(str,"*"); |
| } |
| </script> |
| </head> |
| <body onload="go()"></body> |
| </html> |
