@w100n/documents 0.16.2 → 0.16.3

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, RefObject } from 'react';
-import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-DNcaU6SK.cjs';
-export { C as Comment, b as DocumentKind, c as DocumentSummary, d as DocumentVersion, F as Fetch, e as GuestFile, f as GuestLink, g as LinkEntry, h as Person, S as Signature, i as SignatureMethod, j as Space } from './types-DNcaU6SK.cjs';
+import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-BUO0OzOl.cjs';
+export { C as Comment, b as DocumentKind, c as DocumentSummary, d as DocumentVersion, F as Fetch, e as GuestFile, f as GuestLink, g as LinkEntry, h as Person, S as Signature, i as SignatureMethod, j as Space } from './types-BUO0OzOl.cjs';
 import { JSONContent } from '@tiptap/core';
 import { I as Img, S as Setup } from './write-BCI8yool.cjs';
 export { kindOf, kinds, matches, readable } from './kinds.cjs';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, RefObject } from 'react';
-import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-DNcaU6SK.js';
-export { C as Comment, b as DocumentKind, c as DocumentSummary, d as DocumentVersion, F as Fetch, e as GuestFile, f as GuestLink, g as LinkEntry, h as Person, S as Signature, i as SignatureMethod, j as Space } from './types-DNcaU6SK.js';
+import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-BUO0OzOl.js';
+export { C as Comment, b as DocumentKind, c as DocumentSummary, d as DocumentVersion, F as Fetch, e as GuestFile, f as GuestLink, g as LinkEntry, h as Person, S as Signature, i as SignatureMethod, j as Space } from './types-BUO0OzOl.js';
 import { JSONContent } from '@tiptap/core';
 import { I as Img, S as Setup } from './write-BCI8yool.js';
 export { kindOf, kinds, matches, readable } from './kinds.js';

package/dist/index.js

@@ -14,7 +14,7 @@ import {
 } from "./chunk-TDP6OJET.js";
 import {
   texts
-} from "./chunk-LZYITB56.js";
+} from "./chunk-VNXZVOPN.js";
 import {
   escape,
   readDocx,
@@ -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-7WQJFUUU.js"));
-var SheetView = lazy(() => import("./SheetView-S5AFXKPA.js"));
+var TextEditor = lazy(() => import("./TextEditor-RNHXPYJX.js"));
+var SheetView = lazy(() => import("./SheetView-KXFUAILH.js"));
 var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
 var read = { view: true, comment: false, edit: false };
 var quiet = () => {
@@ -2521,8 +2521,15 @@ import {
   Check as Check2,
   ChevronDown as ChevronDown2,
   ChevronRight as ChevronRight2,
+  Copy as Copy3,
+  Download as Download3,
+  ExternalLink as ExternalLink2,
   FileDiff,
   FileDown,
+  Link as Link2,
+  Pencil,
+  Send,
+  Trash2 as Trash24,
   FilePlus,
   FileSpreadsheet as FileSpreadsheet3,
   FileText as FileText3,
@@ -3123,8 +3130,8 @@ function Thumb({ host, item, label }) {
 
 // src/DocumentsWorkspace.tsx
 import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-var TextEditor2 = lazy2(() => import("./TextEditor-7WQJFUUU.js"));
-var SheetView2 = lazy2(() => import("./SheetView-S5AFXKPA.js"));
+var TextEditor2 = lazy2(() => import("./TextEditor-RNHXPYJX.js"));
+var SheetView2 = lazy2(() => import("./SheetView-KXFUAILH.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 }) {
@@ -3195,6 +3202,27 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     document.addEventListener("pointerdown", close);
     return () => document.removeEventListener("pointerdown", close);
   }, [picking]);
+  const [menu, setMenu] = useState9(null);
+  const [naming, setNaming] = useState9(null);
+  const [notice, setNotice] = useState9(null);
+  const early = useRef6(/* @__PURE__ */ new Map());
+  const hover = useRef6(0);
+  useEffect6(() => {
+    if (!menu) return;
+    const close = (e) => {
+      if (e.type === "pointerdown" && e.target.closest(".w100n-docs-context")) return;
+      if (e.type === "keydown" && e.key !== "Escape") return;
+      setMenu(null);
+    };
+    document.addEventListener("pointerdown", close);
+    window.addEventListener("keydown", close);
+    window.addEventListener("scroll", close, true);
+    return () => {
+      document.removeEventListener("pointerdown", close);
+      window.removeEventListener("keydown", close);
+      window.removeEventListener("scroll", close, true);
+    };
+  }, [menu]);
   const [tab, setTab] = useState9("outline");
   const [outline, setOutline] = useState9([]);
   const [reading, setReading] = useState9(null);
@@ -3236,9 +3264,15 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       document.removeEventListener("visibilitychange", sync);
     };
   }, []);
-  const doc = useLoad((signal) => here.documentId ? host.document(here.documentId, { signal }) : Promise.resolve(null), [host, here.documentId]);
+  const take = (id, key) => {
+    const kept2 = early.current.get(id);
+    const found = kept2 && Date.now() - kept2.at < 15e3 ? kept2[key] : void 0;
+    if (kept2) delete kept2[key];
+    return found;
+  };
+  const doc = useLoad((signal) => here.documentId ? take(here.documentId, "doc") ?? host.document(here.documentId, { signal }) : Promise.resolve(null), [host, here.documentId]);
   const versions = useLoad((signal) => here.documentId ? host.versions(here.documentId, { signal }) : Promise.resolve([]), [host, here.documentId]);
-  const content = useLoad((signal) => here.documentId ? host.content(here.documentId, versionId, { signal }) : Promise.resolve(null), [host, here.documentId, versionId]);
+  const content = useLoad((signal) => here.documentId ? !versionId && take(here.documentId, "bytes") || host.content(here.documentId, versionId, { signal }) : Promise.resolve(null), [host, here.documentId, versionId]);
   const pdf = doc.data?.kind === "pdf";
   const text = doc.data?.kind === "markdown" || doc.data?.kind === "docx";
   const docbar = text && !versionId && !narrow;
@@ -3370,6 +3404,52 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setKept({ id: file.id, state: "failed" });
     }
   };
+  const warm = (item) => {
+    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");
+      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) };
+      next.doc.catch(() => {
+      });
+      next.bytes.catch(() => {
+      });
+      early.current.set(item.id, next);
+    }, 150);
+  };
+  const act = async (run2, done) => {
+    setMenu(null);
+    setNotice(null);
+    try {
+      await run2();
+      if (done) setNotice(done);
+    } catch {
+      setNotice(t.actionFailed);
+    }
+  };
+  const fetchFile = async (item) => {
+    const url = URL.createObjectURL(new Blob([await host.content(item.id)]));
+    const link = Object.assign(document.createElement("a"), { href: url, download: item.name });
+    link.click();
+    setTimeout(() => URL.revokeObjectURL(url), 1e3);
+  };
+  const retitle = async (item, draft) => {
+    setNaming(null);
+    const ext = /\.[^.]+$/.exec(item.name)?.[0] ?? "";
+    const name = draft.trim() && (/\.[^.\s]+$/.test(draft.trim()) ? draft.trim() : draft.trim() + ext);
+    if (!name || name === item.name) return;
+    await act(() => host.rename(item.id, name));
+    list.retry();
+    if (item.id === here.documentId) doc.retry();
+  };
+  const drop2 = async (item) => {
+    await act(() => host.remove(item.id), t.trashed);
+    list.retry();
+    if (item.id === here.documentId) go({ spaceId: here.spaceId, documentId: null });
+  };
   const rename = async (file, draft) => {
     setRenaming(null);
     const ext = /\.[^.]+$/.exec(file.name)?.[0] ?? "";
@@ -3616,6 +3696,21 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       kept?.id === here.documentId && kept.state === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", role: "alert", children: t.templateFailed }),
       renamed === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", children: t.renameFailed }),
       docbar && /* @__PURE__ */ jsx9("span", { ref: setStatusAt, className: "w100n-docs-status" }),
+      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ jsxs9(
+        "button",
+        {
+          type: "button",
+          className: "w100n-docs-action",
+          "data-tone": "blue",
+          "aria-label": t.sendChat,
+          title: t.sendChat,
+          onClick: () => host.send(doc.data.id),
+          children: [
+            /* @__PURE__ */ jsx9(Send, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx9("span", { children: t.sendChat })
+          ]
+        }
+      ),
       sharing && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
         setTab("sharing");
         side("panel", true);
@@ -3744,17 +3839,56 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
           sending === "failed" && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", role: "alert", children: t.uploadFailed }),
           list.error && failed(list.retry),
           list.loading && !list.data && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.loading }),
+          notice && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", role: "status", children: notice }),
           list.data && !shown.length && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
           folders.map((folder2) => /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-folder", role: "group", "aria-label": folder2 || t.loose, children: [
             folders.length > 1 && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-group", children: folder2 || t.loose }),
-            /* @__PURE__ */ jsx9("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-card", "aria-current": item.id === here.documentId, onClick: () => open(item), title: item.name, children: [
+            /* @__PURE__ */ jsx9("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => naming?.id === item.id ? /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-card", children: [
               /* @__PURE__ */ jsx9(Thumb, { host, item, label: t.kinds[item.kind] }),
-              /* @__PURE__ */ jsxs9("span", { className: "w100n-docs-card-text", children: [
-                /* @__PURE__ */ jsx9("b", { children: item.name }),
-                /* @__PURE__ */ jsx9("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") }),
-                inside.get(item.id) && /* @__PURE__ */ jsx9("small", { className: "w100n-docs-hit", children: inside.get(item.id).split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ jsx9("mark", { children: part }, i) : part) })
-              ] })
-            ] }, item.id)) })
+              /* @__PURE__ */ jsx9("span", { className: "w100n-docs-card-text", children: /* @__PURE__ */ jsx9(
+                "input",
+                {
+                  className: "w100n-docs-field",
+                  autoFocus: true,
+                  value: naming.text,
+                  "aria-label": t.rename,
+                  onFocus: (e) => e.currentTarget.select(),
+                  onChange: (e) => setNaming({ ...naming, text: e.target.value }),
+                  onBlur: () => void retitle(item, naming.text),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") e.currentTarget.blur();
+                    if (e.key === "Escape") {
+                      e.stopPropagation();
+                      setNaming(null);
+                    }
+                  }
+                }
+              ) })
+            ] }, item.id) : /* @__PURE__ */ jsxs9(
+              "button",
+              {
+                type: "button",
+                className: "w100n-docs-card",
+                "aria-current": item.id === here.documentId,
+                onClick: () => open(item),
+                title: item.name,
+                onPointerEnter: () => warm(item),
+                onPointerLeave: () => clearTimeout(hover.current),
+                onContextMenu: (e) => {
+                  e.preventDefault();
+                  setMenu({ item, x: Math.min(e.clientX, innerWidth - 290), y: Math.min(e.clientY, innerHeight - 440), sure: false });
+                },
+                children: [
+                  /* @__PURE__ */ jsx9(Thumb, { host, item, label: t.kinds[item.kind] }),
+                  /* @__PURE__ */ jsxs9("span", { className: "w100n-docs-card-text", children: [
+                    /* @__PURE__ */ jsx9("b", { children: item.name }),
+                    /* @__PURE__ */ jsx9("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") }),
+                    inside.get(item.id) && /* @__PURE__ */ jsx9("small", { className: "w100n-docs-hit", children: inside.get(item.id).split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ jsx9("mark", { children: part }, i) : part) })
+                  ] })
+                ]
+              },
+              item.id
+            )) })
           ] }, folder2))
         ] })
       ] }),
@@ -3923,16 +4057,96 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setMaking(false);
       opened(made);
     } }),
+    menu && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
+      /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-context-head", children: [
+        /* @__PURE__ */ jsx9("b", { children: menu.item.name }),
+        /* @__PURE__ */ jsx9("small", { children: [t.kinds[menu.item.kind], size(menu.item.size), names2.get(menu.item.spaceId), menu.item.folder].filter(Boolean).join(" \xB7 ") }),
+        menu.item.createdAt && /* @__PURE__ */ jsx9("small", { children: [t.createdOn.replace("{when}", date(menu.item.createdAt)), menu.item.createdBy?.name].filter(Boolean).join(" \xB7 ") }),
+        /* @__PURE__ */ jsx9("small", { children: [t.updatedOn.replace("{when}", ago(menu.item.updatedAt)), menu.item.updatedBy?.name].filter(Boolean).join(" \xB7 ") })
+      ] }),
+      menu.sure ? /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-context-ask", children: [
+        /* @__PURE__ */ jsx9("p", { children: t.trashAsk.replace("{name}", menu.item.name) }),
+        /* @__PURE__ */ jsxs9("span", { className: "w100n-pdf-dialog-end", children: [
+          /* @__PURE__ */ jsx9("button", { type: "button", className: "w100n-pdf-link", onClick: () => setMenu({ ...menu, sure: false }), children: t.cancel }),
+          /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => void drop2(menu.item), children: [
+            /* @__PURE__ */ jsx9(Trash24, { "aria-hidden": true }),
+            t.trash
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs9(Fragment8, { children: [
+        /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          open(menu.item);
+        }, children: [
+          /* @__PURE__ */ jsx9(FileText3, { "aria-hidden": true }),
+          t.openFile
+        ] }),
+        host.href && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          window.open(host.href(menu.item.id), "_blank", "noopener");
+        }, children: [
+          /* @__PURE__ */ jsx9(ExternalLink2, { "aria-hidden": true }),
+          t.openTab
+        ] }),
+        host.href && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => void act(() => navigator.clipboard.writeText(host.href(menu.item.id)), t.linkCopied), children: [
+          /* @__PURE__ */ jsx9(Link2, { "aria-hidden": true }),
+          t.copyLink
+        ] }),
+        host.send && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          host.send(menu.item.id);
+        }, children: [
+          /* @__PURE__ */ jsx9(Send, { "aria-hidden": true }),
+          t.sendChat
+        ] }),
+        /* @__PURE__ */ jsx9("hr", {}),
+        host.rename && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          setNaming({ id: menu.item.id, text: menu.item.name.replace(/\.[^.]+$/, "") });
+        }, children: [
+          /* @__PURE__ */ jsx9(Pencil, { "aria-hidden": true }),
+          t.rename
+        ] }),
+        host.create && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => void act(async () => copy(await host.document(menu.item.id))), children: [
+          /* @__PURE__ */ jsx9(Copy3, { "aria-hidden": true }),
+          t.makeCopy
+        ] }),
+        /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => void act(() => fetchFile(menu.item)), children: [
+          /* @__PURE__ */ jsx9(Download3, { "aria-hidden": true }),
+          t.download
+        ] }),
+        host.saveTemplate && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => void act(() => host.saveTemplate(menu.item.id), t.templateSaved), children: [
+          /* @__PURE__ */ jsx9(Bookmark, { "aria-hidden": true }),
+          t.saveTemplate
+        ] }),
+        /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          open(menu.item);
+          setTab("details");
+          side("panel", true);
+        }, children: [
+          /* @__PURE__ */ jsx9(Info, { "aria-hidden": true }),
+          t.details
+        ] }),
+        host.remove && /* @__PURE__ */ jsxs9(Fragment8, { children: [
+          /* @__PURE__ */ jsx9("hr", {}),
+          /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setMenu({ ...menu, sure: true }), children: [
+            /* @__PURE__ */ jsx9(Trash24, { "aria-hidden": true }),
+            t.trash
+          ] })
+        ] })
+      ] })
+    ] }),
     dialog
   ] });
 }
 
 // src/GuestDocument.tsx
 import { lazy as lazy3, Suspense as Suspense3, useRef as useRef7, useState as useState10 } from "react";
-import { Ban as Ban2, Download as Download3, 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 { 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-7WQJFUUU.js"));
-var SheetView3 = lazy3(() => import("./SheetView-S5AFXKPA.js"));
+var TextEditor3 = lazy3(() => import("./TextEditor-RNHXPYJX.js"));
+var SheetView3 = lazy3(() => import("./SheetView-KXFUAILH.js"));
 var icons4 = { docx: FileText4, markdown: FileType4, pdf: Files3, sheet: FileSpreadsheet4, slides: Presentation4 };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {
@@ -4019,7 +4233,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
             }
           ),
           /* @__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(Download3, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx10(Download4, { "aria-hidden": true }),
             /* @__PURE__ */ jsx10("span", { children: t.download })
           ] })
         ] })