filens-preview 0.2.0 → 0.3.0

package/dist/split/index.html

@@ -1,14 +1,23 @@
 <!doctype html><html lang="en"><meta charset="utf-8"><meta name="viewport" content="width=device-width"><title>filens preview</title>
 <style>html,body,#preview{height:100%;margin:0}body{font-family:system-ui}#picker{position:fixed;z-index:100;top:12px;right:16px;background:white;padding:8px;border:1px solid #ddd;border-radius:6px}#picker input{max-width:220px}</style>
-<label id="picker">Open file <input type="file" id="file"></label><div id="preview"></div>
+<label id="picker">Open file(s) <input type="file" id="file" multiple><span id="source-error" role="alert" hidden></span></label><div id="preview"></div>
 <script type="module">
-import { createPreview } from './filens.js';
+import { createPreview, isArchiveVolumeName, selectArchiveVolumes } from './filens.js';
 let preview;
 const open = options => { document.body.dataset.state='loading'; delete document.body.dataset.error; preview?.destroy(); preview = createPreview('#preview', {
   ...options, onRendered: () => { document.body.dataset.state='ready'; },
   onError: error => { document.body.dataset.state='error'; document.body.dataset.error=error.message; }
 }); };
-document.querySelector('#file').onchange = event => { const file=event.target.files[0]; if(file) open({src:file,name:file.name}); };
+document.querySelector('#file').onchange = event => {
+  const files=Array.from(event.target.files), file=files.find(part=>isArchiveVolumeName(part.name))??files[0];
+  const error=document.querySelector('#source-error'); error.hidden=true;
+  if(!file) return;
+  try {
+    const set=selectArchiveVolumes(file.name,files);
+    open(set ? {src:{source:set.primary,archiveVolumes:set.files.slice(1).map(part=>({name:part.name,source:part}))},name:set.primary.name}
+      : {src:file,name:file.name});
+  } catch (cause) { error.textContent=cause.message; error.hidden=false; }
+};
 // The CLI serves metadata and file bytes from its local, token-scoped HTTP server.
 if (new URL(location.href).searchParams.has('cli')) {
   const response = await fetch('./source.json');

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "filens-preview",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "license": "MIT",
   "type": "module",
-  "description": "Browser-local Office, iWork, PDF, CAD, 3D, RAW and panorama previews, as split modules or one JavaScript file.",
+  "description": "Browser-local document and media previews, as split modules or one main JS with an optional external archive engine.",
   "main": "./dist/split/filens.js",
   "module": "./dist/split/filens.js",
   "types": "./dist/index.d.ts",