@w100n/documents 0.16.3 → 0.16.4

package/dist/index.d.cts

@@ -56,6 +56,15 @@ declare function DocumentsWorkspace({ host, language, theme, place, onPlace, sta
     actions?: (doc: DocumentFile) => ReactNode;
 }): react.JSX.Element;
 
+declare function FilePreview({ url, name, mimeType, size, bytes, pdfWorker }: {
+    url: string;
+    name: string;
+    mimeType?: string;
+    size?: number;
+    bytes?: (url: string) => Promise<ArrayBuffer>;
+    pdfWorker?: () => Worker;
+}): react.JSX.Element | null;
+
 type GuestRefusal = 'missing' | 'ended' | 'password' | 'wrong' | 'name' | 'busy';
 declare class GuestRefused extends Error {
     readonly reason: GuestRefusal;
@@ -160,4 +169,4 @@ declare function SlidesView({ html, name, rights, language, theme, baseUrl, scri
     guard?: Guard;
 }): react.JSX.Element;
 
-export { type Deck, type DeckKind, DocumentFile, DocumentOverlay, DocumentsHost, DocumentsWorkspace, type DocxModel, GuestDocument, GuestHost, type GuestRefusal, GuestRefused, Language, Place, Rights, type Slide, SlidesView, readDeck, readDocx, writeDeck, writeDocx };
+export { type Deck, type DeckKind, DocumentFile, DocumentOverlay, DocumentsHost, DocumentsWorkspace, type DocxModel, FilePreview, GuestDocument, GuestHost, type GuestRefusal, GuestRefused, Language, Place, Rights, type Slide, SlidesView, readDeck, readDocx, writeDeck, writeDocx };

package/dist/index.d.ts

@@ -56,6 +56,15 @@ declare function DocumentsWorkspace({ host, language, theme, place, onPlace, sta
     actions?: (doc: DocumentFile) => ReactNode;
 }): react.JSX.Element;
 
+declare function FilePreview({ url, name, mimeType, size, bytes, pdfWorker }: {
+    url: string;
+    name: string;
+    mimeType?: string;
+    size?: number;
+    bytes?: (url: string) => Promise<ArrayBuffer>;
+    pdfWorker?: () => Worker;
+}): react.JSX.Element | null;
+
 type GuestRefusal = 'missing' | 'ended' | 'password' | 'wrong' | 'name' | 'busy';
 declare class GuestRefused extends Error {
     readonly reason: GuestRefusal;
@@ -160,4 +169,4 @@ declare function SlidesView({ html, name, rights, language, theme, baseUrl, scri
     guard?: Guard;
 }): react.JSX.Element;
 
-export { type Deck, type DeckKind, DocumentFile, DocumentOverlay, DocumentsHost, DocumentsWorkspace, type DocxModel, GuestDocument, GuestHost, type GuestRefusal, GuestRefused, Language, Place, Rights, type Slide, SlidesView, readDeck, readDocx, writeDeck, writeDocx };
+export { type Deck, type DeckKind, DocumentFile, DocumentOverlay, DocumentsHost, DocumentsWorkspace, type DocxModel, FilePreview, GuestDocument, GuestHost, type GuestRefusal, GuestRefused, Language, Place, Rights, type Slide, SlidesView, readDeck, readDocx, writeDeck, writeDocx };

package/dist/index.js

@@ -2409,8 +2409,8 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
 
 // src/DocumentOverlay.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var TextEditor = lazy(() => import("./TextEditor-RNHXPYJX.js"));
-var SheetView = lazy(() => import("./SheetView-KXFUAILH.js"));
+var TextEditor = lazy(() => import("./TextEditor-5S7FSLIZ.js"));
+var SheetView = lazy(() => import("./SheetView-OEKOHMKW.js"));
 var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
 var read = { view: true, comment: false, edit: false };
 var quiet = () => {
@@ -3124,14 +3124,14 @@ function Thumb({ host, item, label }) {
       /* @__PURE__ */ jsx8("i", {}),
       /* @__PURE__ */ jsx8("i", {})
     ] }) }),
-    /* @__PURE__ */ jsx8("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
+    label && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
   ] });
 }
 
 // src/DocumentsWorkspace.tsx
 import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-var TextEditor2 = lazy2(() => import("./TextEditor-RNHXPYJX.js"));
-var SheetView2 = lazy2(() => import("./SheetView-KXFUAILH.js"));
+var TextEditor2 = lazy2(() => import("./TextEditor-5S7FSLIZ.js"));
+var SheetView2 = lazy2(() => import("./SheetView-OEKOHMKW.js"));
 var Compare = lazy2(() => import("./Compare-M57FG4R3.js"));
 var icons3 = { docx: FileText3, markdown: FileType3, pdf: Files2, sheet: FileSpreadsheet3, slides: Presentation3 };
 function DocumentsWorkspace({ host, language = "en", theme = "light", place, onPlace, start, end, aside, actions }) {
@@ -3408,8 +3408,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     clearTimeout(hover.current);
     hover.current = window.setTimeout(() => {
       if (item.id === here.documentId) return;
-      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-RNHXPYJX.js");
-      if (item.kind === "sheet") void import("./SheetView-KXFUAILH.js");
+      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-5S7FSLIZ.js");
+      if (item.kind === "sheet") void import("./SheetView-OEKOHMKW.js");
       const kept2 = early.current.get(item.id);
       if (kept2 && Date.now() - kept2.at < 15e3 || item.size > 5e6) return;
       const next = { at: Date.now(), doc: host.document(item.id), bytes: host.content(item.id, null) };
@@ -4141,12 +4141,22 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   ] });
 }
 
+// src/FilePreview.tsx
+import { useState as useState10 } from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function FilePreview({ url, name, mimeType, size = 0, bytes, pdfWorker }) {
+  const [source] = useState10(() => ({ pdfWorker, content: () => bytes ? bytes(url) : fetch(url, { credentials: "include" }).then((res) => res.ok ? res.arrayBuffer() : Promise.reject(new Error(String(res.status)))) }));
+  const kind = kindOf(name, mimeType);
+  if (!kind) return null;
+  return /* @__PURE__ */ jsx10("span", { className: "w100n-preview", children: /* @__PURE__ */ jsx10(Thumb, { host: source, item: { id: url.split("?")[0], spaceId: "", name, kind, size, updatedAt: "" } }) });
+}
+
 // src/GuestDocument.tsx
-import { lazy as lazy3, Suspense as Suspense3, useRef as useRef7, useState as useState10 } from "react";
+import { lazy as lazy3, Suspense as Suspense3, useRef as useRef7, useState as useState11 } from "react";
 import { Ban as Ban2, Download as Download4, Eye as Eye2, FileDown as FileDown2, FileSpreadsheet as FileSpreadsheet4, FileText as FileText4, FileType as FileType4, Files as Files3, Lock as Lock2, Presentation as Presentation4, UserRound } from "lucide-react";
-import { Fragment as Fragment9, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-var TextEditor3 = lazy3(() => import("./TextEditor-RNHXPYJX.js"));
-var SheetView3 = lazy3(() => import("./SheetView-KXFUAILH.js"));
+import { Fragment as Fragment9, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var TextEditor3 = lazy3(() => import("./TextEditor-5S7FSLIZ.js"));
+var SheetView3 = lazy3(() => import("./SheetView-OEKOHMKW.js"));
 var icons4 = { docx: FileText4, markdown: FileType4, pdf: Files3, sheet: FileSpreadsheet4, slides: Presentation4 };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {
@@ -4172,14 +4182,14 @@ var remember = (name) => {
 };
 function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const t = texts[language];
-  const [ask, setAsk] = useState10(() => ({ name: remembered() || void 0 }));
-  const [typed, setTyped] = useState10("");
-  const [name, setName] = useState10(remembered);
+  const [ask, setAsk] = useState11(() => ({ name: remembered() || void 0 }));
+  const [typed, setTyped] = useState11("");
+  const [name, setName] = useState11(remembered);
   const named = useRef7(name);
-  const [slot, setSlot] = useState10(null);
-  const [saving, setSaving] = useState10("idle");
+  const [slot, setSlot] = useState11(null);
+  const [saving, setSaving] = useState11("idle");
   const opened = useLoad((signal) => host.open(ask, { signal }), [host, ask]);
-  const [notes] = useState10(() => ({
+  const [notes] = useState11(() => ({
     me: { id: "", name: "" },
     spaces: async () => [],
     documents: async () => [],
@@ -4207,14 +4217,14 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
     const kind2 = file2 ? kindOf(file2.name, file2.mimeType) : null;
     const Kind = kind2 ? icons4[kind2] : FileText4;
     return /* @__PURE__ */ jsxs10("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
-      brand && /* @__PURE__ */ jsx10("span", { className: "w100n-guest-brand", children: brand }),
+      brand && /* @__PURE__ */ jsx11("span", { className: "w100n-guest-brand", children: brand }),
       file2 && /* @__PURE__ */ jsxs10(Fragment9, { children: [
-        /* @__PURE__ */ jsx10("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ jsx10(Kind, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsx11("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ jsx11(Kind, { "aria-hidden": true }) }),
         /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-heading", children: [
-          /* @__PURE__ */ jsx10("strong", { className: "w100n-docs-title", children: file2.name }),
-          file2.sharedBy && /* @__PURE__ */ jsx10("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
+          /* @__PURE__ */ jsx11("strong", { className: "w100n-docs-title", children: file2.name }),
+          file2.sharedBy && /* @__PURE__ */ jsx11("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
         ] }),
-        badge && /* @__PURE__ */ jsx10("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
+        badge && /* @__PURE__ */ jsx11("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
         file2.download && /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-end", children: [
           (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ jsxs10(
             "button",
@@ -4227,14 +4237,14 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               "aria-label": t.pdfCopy,
               title: t.pdfCopy,
               children: [
-                /* @__PURE__ */ jsx10(FileDown2, { "aria-hidden": true }),
-                /* @__PURE__ */ jsx10("span", { children: t.pdfCopy })
+                /* @__PURE__ */ jsx11(FileDown2, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx11("span", { children: t.pdfCopy })
               ]
             }
           ),
           /* @__PURE__ */ jsxs10("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", disabled: saving === "busy", onClick: () => void download("file"), "aria-label": t.download, title: t.download, children: [
-            /* @__PURE__ */ jsx10(Download4, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx10("span", { children: t.download })
+            /* @__PURE__ */ jsx11(Download4, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx11("span", { children: t.download })
           ] })
         ] })
       ] })
@@ -4242,10 +4252,10 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   };
   const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ jsxs10("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ jsx10("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ jsxs10("div", { className: "w100n-guest-card", children: [
-      /* @__PURE__ */ jsx10("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ jsx10(Icon, { "aria-hidden": true }) }),
-      /* @__PURE__ */ jsx10("h2", { children: title }),
-      /* @__PURE__ */ jsx10("p", { children: body }),
+    /* @__PURE__ */ jsx11("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ jsxs10("div", { className: "w100n-guest-card", children: [
+      /* @__PURE__ */ jsx11("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ jsx11(Icon, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx11("h2", { children: title }),
+      /* @__PURE__ */ jsx11("p", { children: body }),
       form
     ] }) })
   ] });
@@ -4271,7 +4281,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
           }
           setTyped("");
         }, children: [
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             "input",
             {
               className: "w100n-share-input",
@@ -4284,21 +4294,21 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               onChange: (e) => setTyped(e.target.value)
             }
           ),
-          refused.reason === "wrong" && /* @__PURE__ */ jsx10("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
+          refused.reason === "wrong" && /* @__PURE__ */ jsx11("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
           /* @__PURE__ */ jsxs10("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
-            /* @__PURE__ */ jsx10(Eye2, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx11(Eye2, { "aria-hidden": true }),
             t.openDoc
           ] })
         ] })
       );
     }
     if (refused?.reason === "busy") return gate("slate", Ban2, t.failed, t.tooMany);
-    return gate("slate", Ban2, t.failed, "", /* @__PURE__ */ jsx10("button", { type: "button", className: "w100n-docs-action", onClick: opened.retry, children: t.retry }));
+    return gate("slate", Ban2, t.failed, "", /* @__PURE__ */ jsx11("button", { type: "button", className: "w100n-docs-action", onClick: opened.retry, children: t.retry }));
   }
   const file = opened.data;
   if (!file) return /* @__PURE__ */ jsxs10("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.loading })
+    /* @__PURE__ */ jsx11("div", { className: "w100n-docs-empty", children: t.loading })
   ] });
   const kind = kindOf(file.name, file.mimeType);
   const text = kind === "docx" || kind === "markdown";
@@ -4306,23 +4316,23 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const rights = { view: true, comment: talk, edit: false };
   const quiet2 = () => {
   };
-  let stage = /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.unsupported });
-  if (text) stage = /* @__PURE__ */ jsx10(Suspense3, { fallback: /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx10(TextEditor3, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes : void 0, documentId: file.id, onOutline: quiet2, slot: talk ? slot : null }) });
-  else if (kind === "pdf") stage = /* @__PURE__ */ jsx10(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet2 });
-  else if (kind === "slides") stage = /* @__PURE__ */ jsx10(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet2 });
-  else if (kind === "sheet") stage = /* @__PURE__ */ jsx10(Suspense3, { fallback: /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx10(SheetView3, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
+  let stage = /* @__PURE__ */ jsx11("div", { className: "w100n-docs-empty", children: t.unsupported });
+  if (text) stage = /* @__PURE__ */ jsx11(Suspense3, { fallback: /* @__PURE__ */ jsx11("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx11(TextEditor3, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes : void 0, documentId: file.id, onOutline: quiet2, slot: talk ? slot : null }) });
+  else if (kind === "pdf") stage = /* @__PURE__ */ jsx11(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet2 });
+  else if (kind === "slides") stage = /* @__PURE__ */ jsx11(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet2 });
+  else if (kind === "sheet") stage = /* @__PURE__ */ jsx11(Suspense3, { fallback: /* @__PURE__ */ jsx11("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx11(SheetView3, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
   return /* @__PURE__ */ jsxs10("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(file, talk ? t.badgeComment : t.badgeRead),
-    saving === "failed" && /* @__PURE__ */ jsx10("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
+    saving === "failed" && /* @__PURE__ */ jsx11("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
     /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-body w100n-guest-body", children: [
-      /* @__PURE__ */ jsx10("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ jsx10("div", { className: "w100n-docs-bare", children: stage }) }),
-      talk && /* @__PURE__ */ jsx10("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-panel-body", children: [
+      /* @__PURE__ */ jsx11("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ jsx11("div", { className: "w100n-docs-bare", children: stage }) }),
+      talk && /* @__PURE__ */ jsx11("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-panel-body", children: [
         /* @__PURE__ */ jsxs10("label", { className: "w100n-share-field", children: [
-          /* @__PURE__ */ jsx10("span", { children: t.yourName }),
-          /* @__PURE__ */ jsx10("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
+          /* @__PURE__ */ jsx11("span", { children: t.yourName }),
+          /* @__PURE__ */ jsx11("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
         ] }),
-        /* @__PURE__ */ jsx10("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
-        /* @__PURE__ */ jsx10("div", { ref: setSlot })
+        /* @__PURE__ */ jsx11("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
+        /* @__PURE__ */ jsx11("div", { ref: setSlot })
       ] }) })
     ] })
   ] });
@@ -4330,6 +4340,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
 export {
   DocumentOverlay,
   DocumentsWorkspace,
+  FilePreview,
   GuestDocument,
   GuestRefused,
   SlidesView,