@w100n/documents 0.16.3 → 0.16.4

package/dist/collab.js

@@ -11,7 +11,7 @@ import {
   pending,
   save,
   seed
-} from "./chunk-E2FVJNDT.js";
+} from "./chunk-AKJGYZME.js";
 import "./chunk-EQLBYW42.js";
 import "./chunk-VNXZVOPN.js";
 import "./chunk-ZAVXCH7V.js";

package/dist/index.cjs

@@ -4771,7 +4771,7 @@ var init_extensions = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.16.3";
+    version = "0.16.4";
   }
 });
 
@@ -10773,6 +10773,7 @@ var index_exports = {};
 __export(index_exports, {
   DocumentOverlay: () => DocumentOverlay,
   DocumentsWorkspace: () => DocumentsWorkspace,
+  FilePreview: () => FilePreview,
   GuestDocument: () => GuestDocument,
   GuestRefused: () => GuestRefused,
   SlidesView: () => SlidesView,
@@ -13883,7 +13884,7 @@ function Thumb({ host, item, label }) {
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", {}),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", {})
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
+    label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
   ] });
 }
 
@@ -14901,14 +14902,24 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   ] });
 }
 
-// src/GuestDocument.tsx
+// src/FilePreview.tsx
 var import_react18 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function FilePreview({ url, name, mimeType, size: size2 = 0, bytes, pdfWorker }) {
+  const [source] = (0, import_react18.useState)(() => ({ 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__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w100n-preview", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Thumb, { host: source, item: { id: url.split("?")[0], spaceId: "", name, kind, size: size2, updatedAt: "" } }) });
+}
+
+// src/GuestDocument.tsx
+var import_react19 = require("react");
 var import_lucide_react11 = require("lucide-react");
 init_text();
 init_useLoad();
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var TextEditor4 = (0, import_react18.lazy)(() => Promise.resolve().then(() => (init_TextEditor(), TextEditor_exports)));
-var SheetView4 = (0, import_react18.lazy)(() => Promise.resolve().then(() => (init_SheetView(), SheetView_exports)));
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var TextEditor4 = (0, import_react19.lazy)(() => Promise.resolve().then(() => (init_TextEditor(), TextEditor_exports)));
+var SheetView4 = (0, import_react19.lazy)(() => Promise.resolve().then(() => (init_SheetView(), SheetView_exports)));
 var icons4 = { docx: import_lucide_react11.FileText, markdown: import_lucide_react11.FileType, pdf: import_lucide_react11.Files, sheet: import_lucide_react11.FileSpreadsheet, slides: import_lucide_react11.Presentation };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {
@@ -14934,14 +14945,14 @@ var remember = (name) => {
 };
 function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const t = texts[language];
-  const [ask, setAsk] = (0, import_react18.useState)(() => ({ name: remembered() || void 0 }));
-  const [typed, setTyped] = (0, import_react18.useState)("");
-  const [name, setName] = (0, import_react18.useState)(remembered);
-  const named3 = (0, import_react18.useRef)(name);
-  const [slot, setSlot] = (0, import_react18.useState)(null);
-  const [saving, setSaving] = (0, import_react18.useState)("idle");
+  const [ask, setAsk] = (0, import_react19.useState)(() => ({ name: remembered() || void 0 }));
+  const [typed, setTyped] = (0, import_react19.useState)("");
+  const [name, setName] = (0, import_react19.useState)(remembered);
+  const named3 = (0, import_react19.useRef)(name);
+  const [slot, setSlot] = (0, import_react19.useState)(null);
+  const [saving, setSaving] = (0, import_react19.useState)("idle");
   const opened2 = useLoad((signal) => host.open(ask, { signal }), [host, ask]);
-  const [notes3] = (0, import_react18.useState)(() => ({
+  const [notes3] = (0, import_react19.useState)(() => ({
     me: { id: "", name: "" },
     spaces: async () => [],
     documents: async () => [],
@@ -14968,17 +14979,17 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const top = (file2, badge) => {
     const kind2 = file2 ? kindOf(file2.name, file2.mimeType) : null;
     const Kind = kind2 ? icons4[kind2] : import_lucide_react11.FileText;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
-      brand && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w100n-guest-brand", children: brand }),
-      file2 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Kind, { "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs-heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { className: "w100n-docs-title", children: file2.name }),
-          file2.sharedBy && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
+      brand && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w100n-guest-brand", children: brand }),
+      file2 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Kind, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs-heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { className: "w100n-docs-title", children: file2.name }),
+          file2.sharedBy && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
         ] }),
-        badge && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
-        file2.download && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs-end", children: [
-          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        badge && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
+        file2.download && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs-end", children: [
+          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
             "button",
             {
               type: "button",
@@ -14989,25 +15000,25 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               "aria-label": t.pdfCopy,
               title: t.pdfCopy,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.FileDown, { "aria-hidden": true }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: t.pdfCopy })
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react11.FileDown, { "aria-hidden": true }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: t.pdfCopy })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Download, { "aria-hidden": true }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: t.download })
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react11.Download, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: t.download })
           ] })
         ] })
       ] })
     ] });
   };
-  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-guest-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { "aria-hidden": true }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h2", { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { children: body }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-guest-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { "aria-hidden": true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: body }),
       form
     ] }) })
   ] });
@@ -15023,7 +15034,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
         password ? import_lucide_react11.Lock : import_lucide_react11.UserRound,
         refused.file || t.documents,
         shared + (password ? t.passwordAsk : t.nameAsk),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("form", { className: "w100n-guest-form", onSubmit: (e) => {
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("form", { className: "w100n-guest-form", onSubmit: (e) => {
           e.preventDefault();
           if (!typed.trim()) return;
           if (password) setAsk({ ...ask, password: typed });
@@ -15033,7 +15044,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
           }
           setTyped("");
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "input",
             {
               className: "w100n-share-input",
@@ -15046,21 +15057,21 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               onChange: (e) => setTyped(e.target.value)
             }
           ),
-          refused.reason === "wrong" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Eye, { "aria-hidden": true }),
+          refused.reason === "wrong" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react11.Eye, { "aria-hidden": true }),
             t.openDoc
           ] })
         ] })
       );
     }
     if (refused?.reason === "busy") return gate("slate", import_lucide_react11.Ban, t.failed, t.tooMany);
-    return gate("slate", import_lucide_react11.Ban, t.failed, "", /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { type: "button", className: "w100n-docs-action", onClick: opened2.retry, children: t.retry }));
+    return gate("slate", import_lucide_react11.Ban, t.failed, "", /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", className: "w100n-docs-action", onClick: opened2.retry, children: t.retry }));
   }
   const file = opened2.data;
-  if (!file) return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  if (!file) return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-docs-empty", children: t.loading })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-empty", children: t.loading })
   ] });
   const kind = kindOf(file.name, file.mimeType);
   const text = kind === "docx" || kind === "markdown";
@@ -15068,23 +15079,23 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const rights = { view: true, comment: talk, edit: false };
   const quiet3 = () => {
   };
-  let stage = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
-  if (text) stage = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react18.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextEditor4, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes3 : void 0, documentId: file.id, onOutline: quiet3, slot: talk ? slot : null }) });
-  else if (kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet3 });
-  else if (kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet3 });
-  else if (kind === "sheet") stage = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react18.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SheetView4, { 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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  let stage = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
+  if (text) stage = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextEditor4, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes3 : void 0, documentId: file.id, onOutline: quiet3, slot: talk ? slot : null }) });
+  else if (kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet3 });
+  else if (kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet3 });
+  else if (kind === "sheet") stage = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SheetView4, { 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__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(file, talk ? t.badgeComment : t.badgeRead),
-    saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs-body w100n-guest-body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-docs-bare", children: stage }) }),
-      talk && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs-panel-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "w100n-share-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: t.yourName }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
+    saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs-body w100n-guest-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-bare", children: stage }) }),
+      talk && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs-panel-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "w100n-share-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: t.yourName }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { ref: setSlot })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: setSlot })
       ] }) })
     ] })
   ] });
@@ -15096,6 +15107,7 @@ init_docx();
 0 && (module.exports = {
   DocumentOverlay,
   DocumentsWorkspace,
+  FilePreview,
   GuestDocument,
   GuestRefused,
   SlidesView,