filens-preview 0.2.0 → 0.3.1

package/dist/all-in-one/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/dist/index.d.ts

@@ -1,6 +1,7 @@
 export type PreviewSource = string | ArrayBuffer | Uint8Array | Blob | File;
 export interface SourceDescriptor {
   source: PreviewSource;
+  archiveVolumes?: readonly { name: string; source: PreviewSource }[];
   name?: string;
   extension?: string;
   contentType?: string;
@@ -15,6 +16,8 @@ export interface BrowserPreviewOptions {
   password?: string;
   fit?: 'contain' | 'width' | 'height' | 'none';
   toolbar?: boolean;
+  /** Native first; local MP4/MOV recovery without a conversion service. Off by default. */
+  browserMedia?: boolean | { allowTranscoding?: boolean; fetch?: typeof globalThis.fetch };
   /** ZimaOS codes (zh_CN) and BCP 47 tags (zh-CN); defaults to browser language. */
   locale?: string;
   /** English source phrases mapped to host translations. */
@@ -38,3 +41,7 @@ export interface BrowserPreview {
   destroy(): void;
 }
 export declare function createPreview(element: Element | string, options: BrowserPreviewOptions): BrowserPreview;
+export declare function isArchiveVolumeName(name: string): boolean;
+export declare function selectArchiveVolumes<T extends { name: string }>(name: string, candidates: readonly T[]): {
+  format: 'rar' | '7z' | 'zip'; primary: T; files: T[];
+} | undefined;