@w100n/documents 0.15.1 → 0.16.1

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-BTsVooZw.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-BTsVooZw.cjs';
+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 { 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-BTsVooZw.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-BTsVooZw.js';
+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 { 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

@@ -12,12 +12,14 @@ import {
   rove,
   useRestore
 } from "./chunk-TDP6OJET.js";
+import {
+  texts
+} from "./chunk-LZYITB56.js";
 import {
   escape,
   readDocx,
-  texts,
   writeDocx
-} from "./chunk-CAPICJ6B.js";
+} from "./chunk-ZAVXCH7V.js";
 
 // src/DocumentOverlay.tsx
 import { Download, ExternalLink, FileSpreadsheet, FileText, FileType, Files, Presentation, X as X4 } from "lucide-react";
@@ -2407,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-D6QH2B7O.js"));
-var SheetView = lazy(() => import("./SheetView-RPQS43XY.js"));
+var TextEditor = lazy(() => import("./TextEditor-BF6HCNHL.js"));
+var SheetView = lazy(() => import("./SheetView-FVLKQR7J.js"));
 var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
 var read = { view: true, comment: false, edit: false };
 var quiet = () => {
@@ -2519,6 +2521,7 @@ import {
   Check as Check2,
   ChevronDown as ChevronDown2,
   ChevronRight as ChevronRight2,
+  FileDiff,
   FileDown,
   FilePlus,
   FileSpreadsheet as FileSpreadsheet3,
@@ -2678,14 +2681,20 @@ function NewDocument({ host, t, onClose, onMade }) {
   const [kind, setKind] = useState6("docx");
   const [template, setTemplate] = useState6("blank");
   const [name, setName] = useState6("");
+  const [team, setTeam] = useState6(null);
+  const shared = useLoad((signal) => host.templates ? host.templates({ signal }) : Promise.resolve([]), [host]);
+  const ours = (shared.data ?? []).filter((item) => item.kind === kind);
+  const stem = (file) => file.replace(/\.[^.]+$/, "");
   const [state, setState] = useState6("idle");
   useRestore(true);
   const choices = kind === "docx" || kind === "markdown" ? shaped : ["blank"];
   const make2 = async () => {
-    const title = name.trim() || (template === "blank" ? t.untitled : t.templates[template]);
+    const title = name.trim() || (team ? stem(team.name) : template === "blank" ? t.untitled : t.templates[template]);
     setState("busy");
     try {
-      onMade(await host.create({ name: `${title.replace(/[\\/:*?"<>|\s]+/g, " ").trim()}.${extensions[kind]}`, bytes: blank2(kind, title, template), mimeType: mimes[kind] }));
+      const ext = team ? team.name.split(".").pop() : extensions[kind];
+      const bytes = team ? await host.content(team.id) : blank2(kind, title, template);
+      onMade(await host.create({ name: `${title.replace(/[\\/:*?"<>|\s]+/g, " ").trim()}.${ext}`, bytes, mimeType: mimes[kind] }));
     } catch {
       setState("failed");
     }
@@ -2708,6 +2717,7 @@ function NewDocument({ host, t, onClose, onMade }) {
       const Icon = icons2[item];
       return /* @__PURE__ */ jsxs6("button", { type: "button", role: "radio", "aria-checked": kind === item, "data-kind": item, onClick: () => {
         setKind(item);
+        setTeam(null);
         if (item === "sheet" || item === "slides") setTemplate("blank");
       }, children: [
         /* @__PURE__ */ jsx6("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ jsx6(Icon, { "aria-hidden": true }) }),
@@ -2718,7 +2728,10 @@ function NewDocument({ host, t, onClose, onMade }) {
       ] }, item);
     }) }),
     /* @__PURE__ */ jsx6("p", { className: "w100n-docs-caption", children: t.startFrom }),
-    /* @__PURE__ */ jsx6("div", { role: "radiogroup", "aria-label": t.startFrom, className: "w100n-new-templates", children: choices.map((item) => /* @__PURE__ */ jsxs6("button", { type: "button", role: "radio", "aria-checked": template === item, onClick: () => setTemplate(item), children: [
+    /* @__PURE__ */ jsx6("div", { role: "radiogroup", "aria-label": t.startFrom, className: "w100n-new-templates", children: choices.map((item) => /* @__PURE__ */ jsxs6("button", { type: "button", role: "radio", "aria-checked": !team && template === item, onClick: () => {
+      setTeam(null);
+      setTemplate(item);
+    }, children: [
       /* @__PURE__ */ jsx6("span", { className: "w100n-new-sheet", "data-blank": item === "blank", children: item === "blank" ? /* @__PURE__ */ jsx6(Plus2, { "aria-hidden": true }) : /* @__PURE__ */ jsxs6(Fragment5, { children: [
         /* @__PURE__ */ jsx6("i", { "data-head": true }),
         /* @__PURE__ */ jsx6("i", {}),
@@ -2729,10 +2742,23 @@ function NewDocument({ host, t, onClose, onMade }) {
       ] }) }),
       /* @__PURE__ */ jsx6("span", { children: t.templates[item] })
     ] }, item)) }),
+    ours.length > 0 && /* @__PURE__ */ jsxs6(Fragment5, { children: [
+      /* @__PURE__ */ jsx6("p", { className: "w100n-docs-caption", children: t.teamTemplates }),
+      /* @__PURE__ */ jsx6("div", { role: "radiogroup", "aria-label": t.teamTemplates, className: "w100n-new-templates", children: ours.map((item) => /* @__PURE__ */ jsxs6("button", { type: "button", role: "radio", "aria-checked": team?.id === item.id, onClick: () => setTeam(item), children: [
+        /* @__PURE__ */ jsxs6("span", { className: "w100n-new-sheet", children: [
+          /* @__PURE__ */ jsx6("i", { "data-head": true }),
+          /* @__PURE__ */ jsx6("i", {}),
+          /* @__PURE__ */ jsx6("i", { "data-accent": true }),
+          /* @__PURE__ */ jsx6("i", {}),
+          /* @__PURE__ */ jsx6("i", {})
+        ] }),
+        /* @__PURE__ */ jsx6("span", { title: item.name, children: stem(item.name) })
+      ] }, item.id)) })
+    ] }),
     /* @__PURE__ */ jsxs6("div", { className: "w100n-new-fields", children: [
       /* @__PURE__ */ jsxs6("label", { children: [
         /* @__PURE__ */ jsx6("span", { className: "w100n-docs-caption", children: t.name }),
-        /* @__PURE__ */ jsx6("input", { className: "w100n-docs-field", autoFocus: true, value: name, onChange: (e) => setName(e.target.value), placeholder: template === "blank" ? t.untitled : t.templates[template] })
+        /* @__PURE__ */ jsx6("input", { className: "w100n-docs-field", autoFocus: true, value: name, onChange: (e) => setName(e.target.value), placeholder: team ? stem(team.name) : template === "blank" ? t.untitled : t.templates[template] })
       ] }),
       host.createIn && /* @__PURE__ */ jsxs6("div", { children: [
         /* @__PURE__ */ jsx6("span", { className: "w100n-docs-caption", children: t.savesTo }),
@@ -3097,8 +3123,9 @@ 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-D6QH2B7O.js"));
-var SheetView2 = lazy2(() => import("./SheetView-RPQS43XY.js"));
+var TextEditor2 = lazy2(() => import("./TextEditor-BF6HCNHL.js"));
+var SheetView2 = lazy2(() => import("./SheetView-FVLKQR7J.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 }) {
   const t = texts[language];
@@ -3175,9 +3202,11 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   const [fold, setFold] = useState9({});
   const [version, setVersion] = useState9({ documentId: null, id: null });
   const versionId = version.documentId === here.documentId ? version.id : null;
+  const [comparing, setComparing] = useState9(false);
   const [restoring, setRestoring] = useState9("idle");
   const [exporting, setExporting] = useState9("idle");
   const [copying, setCopying] = useState9("idle");
+  const [kept, setKept] = useState9(null);
   const [box, setBox] = useState9(null);
   const [making, setMaking] = useState9(false);
   const [sending, setSending] = useState9("idle");
@@ -3215,7 +3244,14 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   const docbar = text && !versionId && !narrow;
   const signatures = useLoad((signal) => here.documentId && pdf && host.signatures ? host.signatures(here.documentId, { signal }) : Promise.resolve([]), [host, here.documentId, pdf]);
   const all = list.data ?? [];
-  const shown = all.filter((item) => matches(item, query, picked));
+  const deep = useLoad(async (signal) => {
+    const text2 = query.trim();
+    if (!host.search || text2.length < 2) return [];
+    await new Promise((done) => setTimeout(done, 300));
+    return signal.aborted ? [] : host.search(text2, { signal });
+  }, [host, query]);
+  const inside = new Map((deep.data ?? []).map((hit2) => [hit2.id, hit2.excerpt]));
+  const shown = all.filter((item) => matches(item, query, picked) || inside.has(item.id) && matches(item, "", picked));
   const present = kinds.filter((item) => all.some((doc2) => doc2.kind === item));
   const folders = spaceId ? [.../* @__PURE__ */ new Set(["", ...shown.map((item) => item.folder ?? "")])].filter((folder2) => shown.some((item) => (item.folder ?? "") === folder2)) : [""];
   const names2 = new Map((spaces.data ?? []).map((item) => [item.id, item.name]));
@@ -3271,6 +3307,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     if (id === versionId) return;
     ask(() => {
       setRestoring("idle");
+      setComparing(false);
       setVersion({ documentId: here.documentId, id });
     });
   };
@@ -3324,6 +3361,15 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setCopying("failed");
     }
   };
+  const keep = async (file) => {
+    setKept({ id: file.id, state: "busy" });
+    try {
+      await host.saveTemplate(file.id);
+      setKept({ id: file.id, state: "done" });
+    } catch {
+      setKept({ id: file.id, state: "failed" });
+    }
+  };
   const rename = async (file, draft) => {
     setRenaming(null);
     const ext = /\.[^.]+$/.exec(file.name)?.[0] ?? "";
@@ -3362,6 +3408,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       content.retry();
     });
     else if (!doc.data || !content.data) stage = /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading });
+    else if (comparing && versionId && (doc.data.kind === "markdown" || doc.data.kind === "docx")) stage = /* @__PURE__ */ jsx9(Suspense2, { fallback: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx9(Compare, { host, documentId: doc.data.id, kind: doc.data.kind, older: content.data, t }, versionId) });
     else if (doc.data.kind === "markdown" || doc.data.kind === "docx") stage = /* @__PURE__ */ jsx9(Suspense2, { fallback: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx9(
       TextEditor2,
       {
@@ -3387,7 +3434,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
           formats: host.exportAs ? doc.data.exports ?? [] : [],
           download: (f) => void exportAs(doc.data, f),
           copy: host.create ? () => void copy(doc.data) : void 0,
-          rename: host.rename && doc.data.rights.edit ? () => setRenaming(doc.data.name.replace(/\.[^.]+$/, "")) : void 0
+          rename: host.rename && doc.data.rights.edit ? () => setRenaming(doc.data.name.replace(/\.[^.]+$/, "")) : void 0,
+          template: host.saveTemplate && doc.data.rights.edit ? () => void keep(doc.data) : void 0
         },
         onSaved: () => {
           versions.retry();
@@ -3550,6 +3598,10 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         ] }, i)) }) : /* @__PURE__ */ jsx9("span", { className: "w100n-docs-hint", children: t.hint })
       ] }),
       versionId && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-badge", children: versions.data?.find((v) => v.id === versionId) && date(versions.data.find((v) => v.id === versionId).createdAt) }),
+      versionId && text && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", "aria-pressed": comparing, onClick: () => setComparing(!comparing), children: [
+        /* @__PURE__ */ jsx9(FileDiff, { "aria-hidden": true }),
+        comparing ? t.hideChanges : t.showChanges
+      ] }),
       versionId && here.documentId && host.restore && doc.data?.rights.edit && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
         /* @__PURE__ */ jsx9(RotateCcw2, { "aria-hidden": true }),
         t.restore
@@ -3560,6 +3612,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         t.copyAs
       ] }),
       copying === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", children: t.copyFailed }),
+      kept?.id === here.documentId && kept.state === "done" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", role: "status", children: t.templateSaved }),
+      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" }),
       sharing && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
@@ -3697,7 +3751,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
               /* @__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 ") })
+                /* @__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))
@@ -3876,8 +3931,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
 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 { Fragment as Fragment9, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-var TextEditor3 = lazy3(() => import("./TextEditor-D6QH2B7O.js"));
-var SheetView3 = lazy3(() => import("./SheetView-RPQS43XY.js"));
+var TextEditor3 = lazy3(() => import("./TextEditor-BF6HCNHL.js"));
+var SheetView3 = lazy3(() => import("./SheetView-FVLKQR7J.js"));
 var icons4 = { docx: FileText4, markdown: FileType4, pdf: Files3, sheet: FileSpreadsheet4, slides: Presentation4 };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {