@w100n/documents 0.14.0 → 0.15.0

package/dist/{SheetView-4TPL7DES.js → SheetView-72KXS4DM.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useLive
-} from "./chunk-RCQODE2Z.js";
+} from "./chunk-OXC4PUOC.js";
 import {
   SheetRefusal,
   build,
@@ -25,12 +25,12 @@ import {
   strip,
   worksheets,
   writeSheet
-} from "./chunk-5MH4WDW4.js";
+} from "./chunk-Z7UNJ4ND.js";
 import {
   rove,
   useRestore
 } from "./chunk-TDP6OJET.js";
-import "./chunk-DR3TTJWZ.js";
+import "./chunk-M4OQG3EN.js";
 import {
   span
 } from "./chunk-ISOOUYLI.js";
@@ -966,4 +966,4 @@ export {
   readSheet,
   writeSheet
 };
-//# sourceMappingURL=SheetView-4TPL7DES.js.map
+//# sourceMappingURL=SheetView-72KXS4DM.js.map

package/dist/{TextEditor-VBHWUOZR.js → TextEditor-NSICFE6U.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-QDH7EZAF.js";
 import {
   useLive
-} from "./chunk-RCQODE2Z.js";
+} from "./chunk-OXC4PUOC.js";
 import {
   a4,
   align,
@@ -26,15 +26,16 @@ import {
   suggesting,
   toMarkdown,
   track
-} from "./chunk-5MH4WDW4.js";
+} from "./chunk-Z7UNJ4ND.js";
 import {
   rove,
   useRestore
 } from "./chunk-TDP6OJET.js";
 import {
+  mathml,
   readDocx,
   writeDocx
-} from "./chunk-DR3TTJWZ.js";
+} from "./chunk-M4OQG3EN.js";
 import "./chunk-ISOOUYLI.js";
 
 // src/editor/TextEditor.tsx
@@ -74,6 +75,7 @@ import {
   PaintBucket,
   PaintRoller,
   Search,
+  Omega,
   PanelLeft,
   PanelRight,
   Ruler,
@@ -86,6 +88,7 @@ import {
   Reply,
   RotateCcw,
   Save,
+  Sigma,
   Strikethrough,
   Table,
   Subscript,
@@ -156,6 +159,59 @@ function DocxView({ bytes, onOutline, failed }) {
 // src/editor/TextEditor.tsx
 import { Fragment as Fragment3, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var legal = { width: 816, height: 1344 };
+var symbols = [
+  ["\xA9", "copyright"],
+  ["\xAE", "registered"],
+  ["\u2122", "trademark"],
+  ["\xA7", "section"],
+  ["\xB6", "paragraph"],
+  ["\u2020", "dagger"],
+  ["\u2021", "double dagger"],
+  ["\u2022", "bullet"],
+  ["\u2026", "ellipsis"],
+  ["\u2030", "per mille"],
+  ["\u20AC", "euro"],
+  ["\xA3", "pound"],
+  ["\xA5", "yen"],
+  ["\u20B4", "hryvnia"],
+  ["z\u0142", "zloty"],
+  ["\xB0", "degree"],
+  ["\xB1", "plus minus"],
+  ["\xD7", "times multiply"],
+  ["\xF7", "divide"],
+  ["\u2248", "approximately"],
+  ["\u2260", "not equal"],
+  ["\u2264", "less or equal"],
+  ["\u2265", "greater or equal"],
+  ["\u221E", "infinity"],
+  ["\u221A", "square root"],
+  ["\u2211", "sum"],
+  ["\u03C0", "pi"],
+  ["\u03A9", "omega"],
+  ["\xB5", "micro"],
+  ["\u03B1", "alpha"],
+  ["\u03B2", "beta"],
+  ["\u03B3", "gamma"],
+  ["\u0394", "delta"],
+  ["\u03BB", "lambda"],
+  ["\u2192", "arrow right"],
+  ["\u2190", "arrow left"],
+  ["\u2191", "arrow up"],
+  ["\u2193", "arrow down"],
+  ["\u21D2", "arrow implies"],
+  ["\u2713", "check tick"],
+  ["\u2014", "em dash"],
+  ["\u2013", "en dash"],
+  ["\xAB", "quote left"],
+  ["\xBB", "quote right"],
+  ["\u201E", "quote low"],
+  ["\u2116", "number"],
+  ["\xBD", "half"],
+  ["\xBC", "quarter"],
+  ["\xB2", "squared"],
+  ["\xB3", "cubed"]
+];
+var helpers = [["x\xB2", "^{2}"], ["x\u2099", "_{n}"], ["\u221Ax", "\\sqrt{}"], ["a/b", "\\frac{}{}"], ["\u2211", "\\sum_{}^{}"], ["\u222B", "\\int "], ["\u03C0", "\\pi "], ["\u2264", "\\le "], ["\u2265", "\\ge "], ["\u2260", "\\ne "], ["\xB1", "\\pm "], ["\xB7", "\\cdot "]];
 var cm = (px) => Math.round(px / 96 * 254) / 100;
 var inks = ["#0f172a", "#475569", "#dc2626", "#ea580c", "#ca8a04", "#16a34a", "#0891b2", "#2563eb", "#7c3aed", "#db2777"];
 var glows = ["#fef08a", "#bbf7d0", "#bfdbfe", "#fbcfe8", "#fed7aa", "#ddd6fe"];
@@ -178,6 +234,8 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
   const scroller = useRef2(null);
   const root = useRef2(null);
   const [pop, setPop] = useState2(null);
+  const [dialog, setDialog] = useState2(null);
+  const field = useRef2(null);
   const [more, setMore] = useState2(() => typeof localStorage !== "undefined" && localStorage.getItem("w100n-docs-more") === "1");
   const [zoom, setZoom] = useState2(null);
   const [layout, setLayout] = useState2(null);
@@ -746,7 +804,11 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       item(t.rule, () => editor.chain().focus().setHorizontalRule().run()),
       "-",
       state.toc < 0 ? item(t.tocInsert, insertToc) : item(t.tocRemove, () => editor.chain().focus().deleteRange({ from: state.toc, to: state.toc + editor.state.doc.nodeAt(state.toc).nodeSize }).run()),
-      can.comment && item(t.addComment, begin, { off: state.empty, keys: `${mod}\u2325M` })
+      can.comment && item(t.addComment, begin, { off: state.empty, keys: `${mod}\u2325M` }),
+      "-",
+      item(t.symbols, () => setDialog({ kind: "symbol", query: "" })),
+      docx && item(t.formula, () => setDialog({ kind: "formula", latex: "", at: null })),
+      docx && item(t.footnote, () => setDialog({ kind: "note", text: "", at: null }))
     ] : []],
     ["format", t.menuFormat, can.edit ? [
       ...styles.map(([key, label, run]) => item(label, run, { on: state.style === key })),
@@ -1184,6 +1246,14 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       status
     ] }),
     /* @__PURE__ */ jsx2("div", { ref: scroller, className: "w100n-text-scroll", "data-paint": !!paint, onMouseUp: lay, onClick: (e) => {
+      const atom = can.edit ? e.target.closest(".w100n-math, sup[data-footnote]") : null;
+      if (atom) {
+        const at = editor.view.posAtDOM(atom, 0);
+        const node = editor.state.doc.nodeAt(at);
+        if (node?.type.name === "math") setDialog({ kind: "formula", latex: node.attrs.latex, at });
+        if (node?.type.name === "footnote") setDialog({ kind: "note", text: node.attrs.text, at });
+        return;
+      }
       const id = e.target.closest("[data-note]")?.getAttribute("data-note");
       if (!id) return;
       setActive(id);
@@ -1207,6 +1277,104 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       ] }),
       finder
     ] }) }),
+    dialog && /* @__PURE__ */ jsx2("div", { className: "w100n-pdf-back", onKeyDown: (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        setDialog(null);
+      }
+    }, children: dialog.kind === "symbol" ? /* @__PURE__ */ jsxs2("div", { className: "w100n-pdf-dialog w100n-insert", role: "dialog", "aria-modal": true, "aria-label": t.symbols, children: [
+      /* @__PURE__ */ jsxs2("div", { className: "w100n-new-head", children: [
+        /* @__PURE__ */ jsx2("span", { className: "w100n-new-tile", "data-tone": "pink", children: /* @__PURE__ */ jsx2(Omega, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsx2("b", { className: "w100n-pdf-dialog-title", children: t.symbols }),
+        /* @__PURE__ */ jsx2("button", { type: "button", className: "w100n-docs-close", onClick: () => setDialog(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ jsx2(X, { "aria-hidden": true }) })
+      ] }),
+      /* @__PURE__ */ jsxs2("label", { className: "w100n-docs-field w100n-docs-search", children: [
+        /* @__PURE__ */ jsx2(Search, { "aria-hidden": true }),
+        /* @__PURE__ */ jsx2("input", { autoFocus: true, value: dialog.query, placeholder: t.symbolSearch, "aria-label": t.symbolSearch, onChange: (e) => setDialog({ kind: "symbol", query: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "w100n-insert-grid", role: "group", "aria-label": t.symbols, children: symbols.filter(([ch, name]) => !dialog.query.trim() || name.includes(dialog.query.trim().toLowerCase()) || ch === dialog.query.trim()).map(([ch, name]) => /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": name, title: name, onClick: () => {
+        editor.chain().focus().insertContent(ch).run();
+        setDialog(null);
+      }, children: ch }, ch)) })
+    ] }) : dialog.kind === "formula" ? /* @__PURE__ */ jsxs2("form", { className: "w100n-pdf-dialog w100n-insert", role: "dialog", "aria-modal": true, "aria-label": t.formula, onSubmit: (e) => {
+      e.preventDefault();
+      const latex = dialog.latex.trim();
+      if (!latex) return;
+      if (dialog.at !== null) editor.chain().focus().command(({ tr }) => {
+        tr.setNodeMarkup(dialog.at, void 0, { latex });
+        return true;
+      }).run();
+      else editor.chain().focus().insertContent({ type: "math", attrs: { latex } }).run();
+      setDialog(null);
+    }, children: [
+      /* @__PURE__ */ jsxs2("div", { className: "w100n-new-head", children: [
+        /* @__PURE__ */ jsx2("span", { className: "w100n-new-tile", "data-tone": "blue", children: /* @__PURE__ */ jsx2(Sigma, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsx2("b", { className: "w100n-pdf-dialog-title", children: t.formula }),
+        /* @__PURE__ */ jsx2("span", { className: "w100n-docs-badge", children: t.formulaHint }),
+        /* @__PURE__ */ jsx2("button", { type: "button", className: "w100n-docs-close", onClick: () => setDialog(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ jsx2(X, { "aria-hidden": true }) })
+      ] }),
+      /* @__PURE__ */ jsx2("input", { ref: field, autoFocus: true, className: "w100n-insert-latex", value: dialog.latex, "aria-label": t.formula, placeholder: "F = 900 + 12 \\\\cdot n", onChange: (e) => setDialog({ ...dialog, latex: e.target.value }) }),
+      /* @__PURE__ */ jsx2("div", { className: "w100n-insert-tools", role: "group", "aria-label": t.formula, children: helpers.map(([label, code]) => /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => {
+        const el = field.current;
+        const at = el.selectionStart ?? dialog.latex.length;
+        const latex = dialog.latex.slice(0, at) + code + dialog.latex.slice(el.selectionEnd ?? at);
+        setDialog({ ...dialog, latex });
+        const caret = at + (code.indexOf("{}") >= 0 ? code.indexOf("{}") + 1 : code.length);
+        requestAnimationFrame(() => {
+          el.focus();
+          el.setSelectionRange(caret, caret);
+        });
+      }, children: label }, label)) }),
+      /* @__PURE__ */ jsx2("div", { className: "w100n-insert-preview", "aria-live": "polite", dangerouslySetInnerHTML: { __html: dialog.latex.trim() ? mathml(dialog.latex) : "" } }),
+      /* @__PURE__ */ jsxs2("span", { className: "w100n-pdf-dialog-end", children: [
+        /* @__PURE__ */ jsx2("button", { type: "button", className: "w100n-pdf-link", onClick: () => setDialog(null), children: t.cancel }),
+        /* @__PURE__ */ jsxs2("button", { type: "submit", className: "w100n-docs-action", disabled: !dialog.latex.trim(), children: [
+          /* @__PURE__ */ jsx2(Check, { "aria-hidden": true }),
+          dialog.at !== null ? t.update : t.put
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs2("form", { className: "w100n-pdf-dialog w100n-insert", role: "dialog", "aria-modal": true, "aria-label": t.footnote, onSubmit: (e) => {
+      e.preventDefault();
+      const text = dialog.text.trim();
+      if (!text) return;
+      if (dialog.at !== null) editor.chain().focus().command(({ tr }) => {
+        tr.setNodeAttribute(dialog.at, "text", text);
+        return true;
+      }).run();
+      else editor.chain().focus().insertContent({ type: "footnote", attrs: { id: null, text } }).run();
+      setDialog(null);
+    }, children: [
+      /* @__PURE__ */ jsxs2("div", { className: "w100n-new-head", children: [
+        /* @__PURE__ */ jsx2("span", { className: "w100n-new-tile", "data-tone": "violet", children: /* @__PURE__ */ jsx2(Superscript, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsx2("b", { className: "w100n-pdf-dialog-title", children: t.footnote }),
+        /* @__PURE__ */ jsx2("button", { type: "button", className: "w100n-docs-close", onClick: () => setDialog(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ jsx2(X, { "aria-hidden": true }) })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        "textarea",
+        {
+          autoFocus: true,
+          className: "w100n-insert-note",
+          value: dialog.text,
+          "aria-label": t.footnoteText,
+          placeholder: t.footnoteText,
+          onChange: (e) => setDialog({ ...dialog, text: e.target.value }),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) e.currentTarget.form?.requestSubmit();
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs2("span", { className: "w100n-pdf-dialog-end", children: [
+        dialog.at !== null && /* @__PURE__ */ jsx2("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
+          editor.chain().focus().deleteRange({ from: dialog.at, to: dialog.at + 1 }).run();
+          setDialog(null);
+        }, children: t.removeFootnote }),
+        /* @__PURE__ */ jsx2("button", { type: "button", className: "w100n-pdf-link", onClick: () => setDialog(null), children: t.cancel }),
+        /* @__PURE__ */ jsxs2("button", { type: "submit", className: "w100n-docs-action", disabled: !dialog.text.trim(), children: [
+          /* @__PURE__ */ jsx2(Check, { "aria-hidden": true }),
+          dialog.at !== null ? t.update : t.put
+        ] })
+      ] })
+    ] }) }),
     draft2 && /* @__PURE__ */ jsx2("div", { className: "w100n-pdf-back", onKeyDown: (e) => {
       if (e.key === "Escape") {
         e.stopPropagation();
@@ -1391,4 +1559,4 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
 export {
   TextEditor as default
 };
-//# sourceMappingURL=TextEditor-VBHWUOZR.js.map
+//# sourceMappingURL=TextEditor-NSICFE6U.js.map