@w100n/documents 0.16.4 → 0.17.0

package/dist/{Compare-M57FG4R3.js → Compare-RHAUAKUJ.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-QDH7EZAF.js";
 import {
   fromMarkdown
-} from "./chunk-EQLBYW42.js";
+} from "./chunk-GSIPTCQH.js";
 import {
   diff,
   readDocx
@@ -93,4 +93,4 @@ export {
   Compare as default,
   textOf
 };
-//# sourceMappingURL=Compare-M57FG4R3.js.map
+//# sourceMappingURL=Compare-RHAUAKUJ.js.map

package/dist/{SheetView-OEKOHMKW.js → SheetView-SBLAFGTL.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useLive
-} from "./chunk-3D2G5NBI.js";
+} from "./chunk-ASTNK6WZ.js";
 import {
   SheetRefusal,
   build,
@@ -25,13 +25,13 @@ import {
   strip,
   worksheets,
   writeSheet
-} from "./chunk-AKJGYZME.js";
-import "./chunk-EQLBYW42.js";
+} from "./chunk-A6AHJCEK.js";
+import "./chunk-GSIPTCQH.js";
 import {
   rove,
   useRestore
 } from "./chunk-TDP6OJET.js";
-import "./chunk-VNXZVOPN.js";
+import "./chunk-B7C6NBBQ.js";
 import "./chunk-ZAVXCH7V.js";
 import {
   span
@@ -970,4 +970,4 @@ export {
   readSheet,
   writeSheet
 };
-//# sourceMappingURL=SheetView-OEKOHMKW.js.map
+//# sourceMappingURL=SheetView-SBLAFGTL.js.map

package/dist/{TextEditor-5S7FSLIZ.js → TextEditor-X2GSL4QM.js}

@@ -1,10 +1,25 @@
 'use client';
+import {
+  findNote,
+  linkTo,
+  suggest
+} from "./chunk-FFXAOK4A.js";
 import {
   useLoad
 } from "./chunk-QDH7EZAF.js";
 import {
   useLive
-} from "./chunk-3D2G5NBI.js";
+} from "./chunk-ASTNK6WZ.js";
+import "./chunk-A6AHJCEK.js";
+import {
+  fromMarkdown,
+  toMarkdown,
+  track
+} from "./chunk-GSIPTCQH.js";
+import {
+  rove,
+  useRestore
+} from "./chunk-TDP6OJET.js";
 import {
   a4,
   align,
@@ -22,18 +37,10 @@ import {
   replace,
   searching,
   spacing,
-  suggesting
-} from "./chunk-AKJGYZME.js";
-import {
-  fromMarkdown,
-  toMarkdown,
-  track
-} from "./chunk-EQLBYW42.js";
-import {
-  rove,
-  useRestore
-} from "./chunk-TDP6OJET.js";
-import "./chunk-VNXZVOPN.js";
+  suggesting,
+  wikiAsk,
+  wikiName
+} from "./chunk-B7C6NBBQ.js";
 import {
   mathml,
   readDocx,
@@ -60,6 +67,7 @@ import {
   CloudAlert,
   Code,
   FilePenLine,
+  FileText,
   Highlighter,
   ImagePlus,
   Italic,
@@ -283,7 +291,7 @@ var glows = ["#fef08a", "#bbf7d0", "#bfdbfe", "#fbcfe8", "#fed7aa", "#ddd6fe"];
 var faces = ["Arial", "Calibri", "Cambria", "Courier New", "Georgia", "Inter", "Roboto", "Times New Roman", "Verdana"];
 var sizes = [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 72];
 var uid = () => Math.random().toString(36).slice(2, 10);
-function TextEditor({ kind, bytes, t, language, rights, host, together, documentId, onSaved, onOutline, onReading, onPanel, slot, head, file, guard }) {
+function TextEditor({ kind, bytes, t, language, rights, host, together, documentId, onSaved, onOutline, onReading, onPanel, slot, head, file, guard, wiki }) {
   const docx = kind === "docx";
   const can = { edit: !!host?.save && !!rights?.edit, comment: !!host?.comment && !!rights && (rights.comment || rights.edit) };
   const source = useLoad(async () => {
@@ -334,13 +342,23 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
   useRestore(pop !== null);
   useRestore(editing !== null);
   useRestore(dropping !== null);
+  const wikiRef = useRef3(wiki);
+  wikiRef.current = wiki;
+  const wikiKeys = useRef3(null);
+  const [ask, setAsk] = useState3(null);
+  const [askAt, setAskAt] = useState3(0);
+  const [shut, setShut] = useState3(null);
   const editor = useEditor({
-    extensions: kit(kind, t, shared),
+    extensions: kit(kind, t, shared, docx || !wiki ? void 0 : { known: (target) => !!findNote(wikiRef.current?.notes ?? [], target) }),
     content: shared ? null : source.data?.doc ?? null,
     editable: can.edit && (!live || !!shared),
     immediatelyRender: true,
     shouldRerenderOnTransaction: false,
-    editorProps: { attributes: { class: "w100n-docs-prose w100n-text-body", "aria-label": t.documentText, spellcheck: String(spell), lang: language }, transformPastedHTML: cleanPaste },
+    editorProps: {
+      attributes: { class: "w100n-docs-prose w100n-text-body", "aria-label": t.documentText, spellcheck: String(spell), lang: language },
+      transformPastedHTML: cleanPaste,
+      handleKeyDown: (view, event) => !!wikiAsk.getState(view.state) && !!wikiKeys.current?.(event.key)
+    },
     onCreate: ({ editor: made }) => {
       if (source.data && !live) baseline.current = { bytes, doc: made.state.doc, base: source.data.md && track(source.data.md, made.state.doc) };
     }
@@ -440,8 +458,8 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
   useEffect(() => {
     if (!editor || !source.data) return;
     const have = new Map(notes.getState(editor.state).spots.map((s) => [s.id, s]));
-    const fresh = open.filter((c) => !have.has(c.id));
-    const found2 = locate(editor.state.doc, fresh.map((c) => ({ id: c.id, quote: c.quote, anchor: anchors.current.get(c.id) })));
+    const fresh2 = open.filter((c) => !have.has(c.id));
+    const found2 = locate(editor.state.doc, fresh2.map((c) => ({ id: c.id, quote: c.quote, anchor: anchors.current.get(c.id) })));
     editor.view.dispatch(editor.state.tr.setMeta(notes, { spots: [...open.flatMap((c) => have.get(c.id) ?? []), ...found2] }));
   }, [editor, source.data, openIds]);
   useEffect(() => {
@@ -561,7 +579,7 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
   }, [editor, pop, query]);
   useEffect(() => {
     const press = (e) => {
-      if (!(e.metaKey || e.ctrlKey) || e.altKey || e.shiftKey || e.key.toLowerCase() !== "p") return;
+      if (!(e.metaKey || e.ctrlKey) || e.altKey || e.shiftKey || e.key.toLowerCase() !== "p" || !docx && wiki) return;
       e.preventDefault();
       e.stopPropagation();
       print();
@@ -586,6 +604,23 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       window.removeEventListener("scroll", off, true);
     };
   }, [pop]);
+  const wikied = !!wiki;
+  useEffect(() => {
+    if (!editor || !wikied) return;
+    const sync = () => {
+      const next = wikiAsk.getState(editor.state) ?? null;
+      setAsk((prev) => prev?.from === next?.from && prev?.query === next?.query ? prev : next);
+    };
+    editor.on("transaction", sync);
+    return () => {
+      editor.off("transaction", sync);
+    };
+  }, [editor, wikied]);
+  useEffect(() => setAskAt(0), [ask?.query]);
+  const roster = wiki?.notes.map((n) => `${n.id}:${n.name}:${n.folder ?? ""}`).join("|");
+  useEffect(() => {
+    if (editor && !editor.isDestroyed) editor.view.dispatch(editor.state.tr.setMeta("wiki", true));
+  }, [editor, roster]);
   if (source.error) return docx ? /* @__PURE__ */ jsx3("div", { className: "w100n-docs-scroll", children: /* @__PURE__ */ jsx3(DocxView, { bytes, onOutline, failed: t.failed }) }) : /* @__PURE__ */ jsx3("div", { className: "w100n-docs-empty", children: t.failed });
   if (!source.data || !editor || !state || live && !live.ready && !live.late && !live.denied) return /* @__PURE__ */ jsx3("div", { className: "w100n-docs-empty", children: t.loading });
   const save = async (auto = false) => {
@@ -606,8 +641,8 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       await host.save(documentId, out, auto ? t.autosavedNote : t.editedNote, auto);
       baseline.current = { bytes: md ? out : was.bytes, doc, base: md ? md.base : null };
       if (!md && editor.state.doc === doc) {
-        const fresh = (await readDocx(out)).doc;
-        if (editor.state.doc === doc && renew(fresh)) baseline.current = { bytes: out, doc: editor.state.doc, base: null };
+        const fresh2 = (await readDocx(out)).doc;
+        if (editor.state.doc === doc && renew(fresh2)) baseline.current = { bytes: out, doc: editor.state.doc, base: null };
       }
       setUnsetup(false);
       setSaving("done");
@@ -618,13 +653,13 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       return false;
     }
   };
-  const renew = (fresh) => {
+  const renew = (fresh2) => {
     const at = [];
     const refs = [];
     editor.state.doc.descendants((node, pos) => {
       if (node.isBlock) at.push(pos);
     });
-    editor.schema.nodeFromJSON(fresh).descendants((node) => {
+    editor.schema.nodeFromJSON(fresh2).descendants((node) => {
       if (node.isBlock) refs.push(node.type.name, node.attrs.ref);
     });
     if (refs.length !== at.length * 2 || at.some((pos, i) => editor.state.doc.nodeAt(pos).type.name !== refs[i * 2])) return false;
@@ -852,7 +887,7 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     const at = editor.state.selection.$from.before(1);
     editor.chain().focus().insertContentAt(at, { type: "toc", attrs: { entries: JSON.stringify(entries(editor.state.doc, !docx, at - 1)) } }).run();
   };
-  const suggest = () => editor.view.dispatch(editor.state.tr.setMeta(suggesting, { on: !state.suggest, me: host?.me.name ?? "" }));
+  const suggest2 = () => editor.view.dispatch(editor.state.tr.setMeta(suggesting, { on: !state.suggest, me: host?.me.name ?? "" }));
   const aligns = [[AlignLeft, t.alignLeft, "left"], [AlignCenter, t.alignCenter, "center"], [AlignRight, t.alignRight, "right"], [AlignJustify, t.justify, "justify"]];
   const lines = [[1, t.single], [1.15, "1.15"], [1.5, "1.5"], [2, t.double]];
   const menus = [
@@ -929,7 +964,7 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       item(t.indent, () => indent(editor, 1), { keys: `${mod}]` })
     ] : []],
     ["tools", t.menuTools, [
-      docx && can.edit && item(t.suggest, suggest, { on: state.suggest }),
+      docx && can.edit && item(t.suggest, suggest2, { on: state.suggest }),
       docx && can.edit && state.revs.length > 0 && item(t.acceptAll, () => decide(editor, true)),
       docx && can.edit && state.revs.length > 0 && item(t.rejectAll, () => decide(editor, false)),
       !!host?.comments && (can.comment || open.length > 0) && item(t.comments, () => onPanel?.("comments")),
@@ -1333,7 +1368,7 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     tool(RemoveFormatting, t.clearFormat, () => clear(editor)),
     docx && /* @__PURE__ */ jsxs3(Fragment3, { children: [
       gap,
-      tool(FilePenLine, t.suggest, suggest, state.suggest)
+      tool(FilePenLine, t.suggest, suggest2, state.suggest)
     ] })
   ] });
   const context = can.edit && (state.table ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
@@ -1372,6 +1407,39 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     if (e.target.closest("button")) e.preventDefault();
   };
   const sheet = docx ? { "--page-w": `${page.width}px`, "--page-h": `${page.height}px`, "--mt": `${page.margins[0]}px`, "--mr": `${page.margins[1]}px`, "--mb": `${page.margins[2]}px`, "--ml": `${page.margins[3]}px` } : void 0;
+  const asking = wiki && ask && shut !== ask.from ? ask : null;
+  const offers = asking ? suggest(wiki.notes, asking.query, documentId) : [];
+  const fresh = asking?.query.trim() ?? "";
+  const options = [
+    ...offers.map((note) => ({ note })),
+    ...fresh && wiki?.create && !offers.some((n) => n.name.replace(/\.(md|markdown)$/i, "").toLowerCase() === fresh.toLowerCase()) ? [{ make: fresh }] : []
+  ];
+  const choose = async (option) => {
+    const from = asking.from;
+    let target;
+    if ("note" in option) target = linkTo(wiki.notes, option.note);
+    else {
+      if (!await wiki.create(option.make)) return;
+      target = option.make;
+    }
+    editor.chain().focus().command(({ tr, state: now }) => {
+      tr.replaceWith(from, now.selection.from, now.schema.nodes.wikilink.create({ target }));
+      return true;
+    }).run();
+  };
+  wikiKeys.current = !asking || !options.length ? null : (key) => {
+    if (key === "ArrowDown" || key === "ArrowUp") setAskAt((askAt + (key === "ArrowDown" ? 1 : options.length - 1)) % options.length);
+    else if (key === "Enter" || key === "Tab") void choose(options[Math.min(askAt, options.length - 1)]);
+    else if (key === "Escape") setShut(asking.from);
+    else return false;
+    return true;
+  };
+  const askSpot = asking && options.length ? editor.view.coordsAtPos(asking.from) : null;
+  const follow = (target) => {
+    const note = findNote(wiki.notes, target);
+    if (note) return wiki.open(note.id);
+    if (wiki.create) void wiki.create(wikiName(target)).then((id) => id && wiki.open(id));
+  };
   return /* @__PURE__ */ jsxs3("div", { ref: root, className: "w100n-text", "data-kind": kind, "data-docs-find": true, onKeyDown: keys, children: [
     head ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
       head.menus && createPortal(/* @__PURE__ */ jsx3("div", { className: "w100n-text-ribbon w100n-text-docbar", onKeyDown: rove, onPointerDown: keep, children: menubar }), head.menus),
@@ -1391,6 +1459,8 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       setSpot({ x: Math.min(e.clientX, innerWidth - 260), y: Math.min(e.clientY, innerHeight - 360) });
       setPop("context");
     }, onClick: (e) => {
+      const link = wiki ? e.target.closest("[data-wiki]") : null;
+      if (link) return follow(link.dataset.wiki);
       const atom = can.edit ? e.target.closest(".w100n-math, sup[data-footnote]") : null;
       if (atom) {
         const at = editor.view.posAtDOM(atom, 0);
@@ -1404,6 +1474,28 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       setActive(id);
       onPanel?.("comments");
     }, children: /* @__PURE__ */ jsx3("div", { className: "w100n-text-zoomed", style: { zoom: percent / 100 }, children: /* @__PURE__ */ jsx3("div", { className: docx ? `w100n-text-sheet${flow ? " is-flow" : ""}` : "w100n-docs-page w100n-text-column", style: sheet, children: /* @__PURE__ */ jsx3(EditorContent, { editor }) }) }) }),
+    askSpot && /* @__PURE__ */ jsxs3(
+      "span",
+      {
+        className: "w100n-text-pop w100n-text-menu w100n-wiki-ask",
+        role: "listbox",
+        "aria-label": t.link,
+        style: { left: Math.min(askSpot.left, innerWidth - 340), top: askSpot.bottom + 6 },
+        onPointerDown: (e) => e.preventDefault(),
+        children: [
+          options.map((option, i) => /* @__PURE__ */ jsx3("button", { type: "button", role: "option", "aria-selected": i === Math.min(askAt, options.length - 1), onClick: () => void choose(option), children: "note" in option ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
+            /* @__PURE__ */ jsx3(FileText, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx3("b", { children: option.note.name.replace(/\.(md|markdown)$/i, "") }),
+            option.note.folder && /* @__PURE__ */ jsx3("small", { children: option.note.folder })
+          ] }) : /* @__PURE__ */ jsxs3(Fragment3, { children: [
+            /* @__PURE__ */ jsx3(Plus, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx3("b", { children: t.wikiCreate.replace("{name}", option.make) }),
+            /* @__PURE__ */ jsx3("small", { children: t.wikiNew })
+          ] }) }, "note" in option ? option.note.id : "make")),
+          /* @__PURE__ */ jsx3("small", { className: "w100n-text-hint", children: t.wikiKeys })
+        ]
+      }
+    ),
     pop === "context" && /* @__PURE__ */ jsxs3("span", { className: "w100n-text-pop w100n-text-menu w100n-text-context", role: "menu", "aria-label": t.textTools, style: { left: spot.x, top: spot.y }, onPointerDown: keep, children: [
       rows(near),
       spell && /* @__PURE__ */ jsx3("small", { className: "w100n-text-hint", children: t.spellHint })
@@ -1694,4 +1786,4 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
 export {
   TextEditor as default
 };
-//# sourceMappingURL=TextEditor-5S7FSLIZ.js.map
+//# sourceMappingURL=TextEditor-X2GSL4QM.js.map