@w100n/documents 0.13.0 → 0.15.0

package/dist/{chunk-T7XCGDE5.js → chunk-OXC4PUOC.js}

@@ -5,7 +5,7 @@ import {
   pending,
   save,
   seed
-} from "./chunk-MRP3EURG.js";
+} from "./chunk-Z7UNJ4ND.js";
 
 // src/editor/live.ts
 import { HocuspocusProvider } from "@hocuspocus/provider";
@@ -193,4 +193,4 @@ ${id}`, id, kind, doc, host2, { id: me.id, name: me.name, language }, edit) : ne
 export {
   useLive
 };
-//# sourceMappingURL=chunk-T7XCGDE5.js.map
+//# sourceMappingURL=chunk-OXC4PUOC.js.map

package/dist/{chunk-MRP3EURG.js → chunk-Z7UNJ4ND.js}

@@ -5,6 +5,7 @@ import {
   entry,
   escape,
   inflate,
+  mathml,
   parse,
   readDocx,
   texts,
@@ -12,7 +13,7 @@ import {
   unzip,
   writeDocx,
   zip
-} from "./chunk-WR3MT7KP.js";
+} from "./chunk-M4OQG3EN.js";
 import {
   a1,
   box,
@@ -35,7 +36,7 @@ import { prosemirrorJSONToYXmlFragment, updateYFragment, yXmlFragmentToProseMirr
 import * as Y2 from "yjs";
 
 // package.json
-var version = "0.13.0";
+var version = "0.15.0";
 
 // src/editor/extensions.ts
 import { Extension as Extension2, Mark, Node } from "@tiptap/core";
@@ -66,6 +67,10 @@ function measure(view) {
   const room = page.height - top - bottom;
   const els = [...view.dom.children];
   const gaps = [];
+  const line = page.width - page.margins[1] - page.margins[3];
+  const area = (list) => list.length ? 14 + list.reduce((h, text) => h + 15 * Math.max(1, Math.ceil(text.length * 5.6 / line)), 0) : 0;
+  let notes2 = [];
+  let count = 0;
   let i = 0;
   let shift = 0;
   let start = 0;
@@ -79,17 +84,25 @@ function measure(view) {
     if (!el) return;
     const y = el.offsetTop - shift;
     const end = y + el.offsetHeight;
+    const mine = [];
+    node.descendants((d) => {
+      if (d.type.name === "footnote") mine.push(`${count + mine.length + 1} ${d.attrs.text}`);
+    });
     if (node.type.name === "pageBreak") {
-      gaps.push({ pos: offset + node.nodeSize, height: start + room - end + bottom + 24 + top, page: gaps.length + 1 });
+      gaps.push({ pos: offset + node.nodeSize, height: start + room - end + bottom + 24 + top, page: gaps.length + 1, notes: notes2 });
+      notes2 = [];
       start = end;
-    } else if (end > start + room && y > start) {
-      gaps.push({ pos: offset, height: start + room - y + bottom + 24 + top, page: gaps.length + 1 });
+    } else if (end > start + room - area([...notes2, ...mine]) && y > start) {
+      gaps.push({ pos: offset, height: start + room - y + bottom + 24 + top, page: gaps.length + 1, notes: notes2 });
+      notes2 = [];
       start = y;
     }
+    notes2.push(...mine);
+    count += mine.length;
     while (end > start + room) start += room;
     last = end;
   });
-  gaps.push({ pos: view.state.doc.content.size, height: Math.max(0, start + room - last), page: gaps.length + 1, end: true });
+  gaps.push({ pos: view.state.doc.content.size, height: Math.max(0, start + room - last), page: gaps.length + 1, end: true, notes: notes2 });
   return gaps.map((g) => ({ ...g, height: Math.max(0, Math.round(g.height)) }));
 }
 var Pager = Extension.create({
@@ -97,10 +110,10 @@ var Pager = Extension.create({
   addProseMirrorPlugins: () => [new Plugin({
     key: paging,
     state: {
-      init: () => ({ set: DecorationSet.empty, page: a4 }),
+      init: () => ({ set: DecorationSet.empty, page: a4, marks: { header: "", footer: "" } }),
       apply(tr, value2) {
         const next = tr.getMeta(paging);
-        return { set: next?.set ?? value2.set.map(tr.mapping, tr.doc), page: next?.page ?? value2.page };
+        return { set: next?.set ?? value2.set.map(tr.mapping, tr.doc), page: next?.page ?? value2.page, marks: next?.marks ?? value2.marks };
       }
     },
     props: { decorations: (state) => paging.getState(state).set },
@@ -110,17 +123,46 @@ var Pager = Extension.create({
       const run = () => {
         if (!view.dom.isConnected) return;
         const gaps = measure(view);
-        const next = gaps.map((g) => `${g.pos}:${g.height}`).join();
+        const { marks } = paging.getState(view.state);
+        const next = gaps.map((g) => `${g.pos}:${g.height}:${g.notes.join("\n")}`).join() + `|${marks.header}|${marks.footer}`;
         if (next === sig) return;
         sig = next;
-        const set = DecorationSet.create(view.state.doc, gaps.map((g) => Decoration.widget(g.pos, () => {
+        const line = (parent, cls, text) => {
+          if (!text) return;
+          const span2 = document.createElement("span");
+          span2.className = cls;
+          span2.textContent = text;
+          parent.append(span2);
+        };
+        const first = Decoration.widget(0, () => {
+          const el = document.createElement("div");
+          el.className = "w100n-text-first";
+          el.contentEditable = "false";
+          line(el, "w100n-text-head", marks.header);
+          return el;
+        }, { key: `first:${marks.header}`, side: -1, ignoreSelection: true });
+        const set = DecorationSet.create(view.state.doc, [first, ...gaps.map((g) => Decoration.widget(g.pos, () => {
           const el = document.createElement("div");
           el.className = g.end ? "w100n-text-gap is-end" : "w100n-text-gap";
           el.style.height = `${g.height}px`;
           el.dataset.page = String(g.page);
           el.contentEditable = "false";
+          line(el, "w100n-text-foot", marks.footer);
+          if (!g.end) line(el, "w100n-text-head", marks.header);
+          if (g.notes.length) {
+            const list = document.createElement("div");
+            list.className = "w100n-text-footnotes";
+            for (const note of g.notes) {
+              const p = document.createElement("p");
+              const n = document.createElement("sup");
+              n.textContent = note.slice(0, note.indexOf(" "));
+              p.append(n, note.slice(note.indexOf(" ")));
+              list.append(p);
+            }
+            el.append(list);
+          }
           return el;
-        }, { key: `${g.pos}:${g.height}:${g.page}`, side: -1, ignoreSelection: true })));
+        }, { key: `${g.pos}:${g.height}:${g.page}:${marks.header}:${marks.footer}:${g.notes.join("\n")}`, side: -1, ignoreSelection: true }))]);
         view.dispatch(view.state.tr.setMeta(paging, { set }).setMeta("addToHistory", false));
       };
       const later = (ms) => {
@@ -132,7 +174,7 @@ var Pager = Extension.create({
       later(0);
       return {
         update: (next, prev) => {
-          if (paging.getState(next.state).page !== paging.getState(prev).page) later(0);
+          if (paging.getState(next.state).page !== paging.getState(prev).page || paging.getState(next.state).marks !== paging.getState(prev).marks) later(0);
           else if (next.state.doc !== prev.doc) later(400);
         },
         destroy: () => {
@@ -175,6 +217,63 @@ var changed = (trs) => {
   }));
   return ranges;
 };
+var Cells = Extension2.create({
+  name: "cells",
+  addGlobalAttributes: () => [
+    { types: ["tableCell", "tableHeader"], attributes: { background: { default: null, parseHTML: (el) => el.dataset.fill ?? null, renderHTML: (attrs2) => attrs2.background ? { "data-fill": attrs2.background, style: `background-color: ${attrs2.background}` } : {} } } },
+    { types: ["table"], attributes: { borders: { default: null, parseHTML: (el) => el.dataset.borders ?? null, renderHTML: (attrs2) => attrs2.borders ? { "data-borders": attrs2.borders } : {} } } }
+  ]
+});
+var searching = new PluginKey2("w100n-search");
+var lookup = (doc, query, matchCase) => {
+  const hits = [];
+  if (!query) return hits;
+  const needle = matchCase ? query : query.toLowerCase();
+  doc.descendants((node, pos) => {
+    if (!node.isTextblock) return true;
+    let text = "";
+    const at = [];
+    node.forEach((child, offset) => {
+      const part = child.isText ? child.text : "\uFFFC";
+      for (let i = 0; i < part.length; i++) at.push(pos + 1 + offset + i);
+      text += part;
+    });
+    const hay = matchCase ? text : text.toLowerCase();
+    for (let i = hay.indexOf(needle); i >= 0; i = hay.indexOf(needle, i + needle.length)) hits.push({ from: at[i], to: at[i + needle.length - 1] + 1 });
+    return false;
+  });
+  return hits;
+};
+var Search = Extension2.create({
+  name: "search",
+  addProseMirrorPlugins: () => [new Plugin2({
+    key: searching,
+    state: {
+      init: () => ({ query: "", matchCase: false, hits: [], at: 0, set: DecorationSet2.empty }),
+      apply(tr, value2) {
+        const meta = tr.getMeta(searching);
+        if (!meta && !tr.docChanged) return value2;
+        const next = { ...value2, ...meta };
+        const hits = lookup(tr.doc, next.query, next.matchCase);
+        const at = hits.length ? (next.at % hits.length + hits.length) % hits.length : 0;
+        return { ...next, hits, at, set: DecorationSet2.create(tr.doc, hits.map((h, i) => Decoration2.inline(h.from, h.to, { class: i === at ? "w100n-found is-current" : "w100n-found" }))) };
+      }
+    },
+    props: { decorations: (state) => searching.getState(state).set }
+  })]
+});
+var replace = (editor, text, all) => {
+  const { hits, at } = searching.getState(editor.state);
+  if (!hits.length) return 0;
+  const tr = editor.state.tr;
+  for (const hit of all ? [...hits].reverse() : [hits[at]]) tr.insertText(text, hit.from, hit.to);
+  editor.view.dispatch(tr);
+  return all ? hits.length : 1;
+};
+var cleanPaste = (html) => html.replace(/<!--\[if[\s\S]*?<!\[endif\]-->/g, "").replace(/<o:p>[\s\S]*?<\/o:p>/g, "").replace(/\sclass=("|')?Mso[^"'\s>]*\1?/g, "").replace(/<img\b[^>]*\ssrc=("|')file:[^"']*\1[^>]*>/gi, "").replace(/\sstyle=("|')([^"']*)\1/g, (_, q, css) => {
+  const kept = css.split(";").map((x) => x.trim()).filter((x) => x && !/^mso-|^tab-stops|^font-family:\s*["']?(Symbol|Wingdings)/i.test(x)).join("; ");
+  return kept ? ` style=${q}${kept}${q}` : "";
+});
 var Blocks = Extension2.create({
   name: "blocks",
   addGlobalAttributes: () => [{
@@ -182,6 +281,8 @@ var Blocks = Extension2.create({
     attributes: {
       align: { default: null, parseHTML: (el) => el.style.textAlign || null, renderHTML: (attrs2) => attrs2.align ? { style: `text-align: ${attrs2.align}` } : {} },
       indent: { default: 0, parseHTML: (el) => Number(el.dataset.indent) || 0, renderHTML: (attrs2) => attrs2.indent ? { "data-indent": attrs2.indent, style: `margin-left: ${attrs2.indent * 0.5}in` } : {} },
+      line: { default: null, parseHTML: (el) => Number(el.dataset.line) || null, renderHTML: (attrs2) => attrs2.line ? { "data-line": attrs2.line, style: `line-height: ${attrs2.line * 1.15}` } : {} },
+      after: { default: null, parseHTML: (el) => el.dataset.after ? Number(el.dataset.after) : null, renderHTML: (attrs2) => attrs2.after === null || attrs2.after === void 0 ? {} : { "data-after": attrs2.after, style: `margin-bottom: ${attrs2.after}pt` } },
       ref: { default: null, rendered: false, keepOnSplit: false }
     }
   }],
@@ -233,6 +334,37 @@ var PageBreak = Node.create({
     return ["div", { "data-page-break": "", "data-label": this.options.label, class: "w100n-text-break", contenteditable: "false" }];
   }
 });
+var Formula = Node.create({
+  name: "math",
+  group: "inline",
+  inline: true,
+  atom: true,
+  selectable: true,
+  addAttributes: () => ({ latex: { default: "", parseHTML: (el) => el.getAttribute("data-math") ?? "" } }),
+  parseHTML: () => [{ tag: "span[data-math]" }],
+  renderHTML: ({ node }) => ["span", { "data-math": node.attrs.latex, class: "w100n-math" }],
+  addNodeView: () => ({ node }) => {
+    const dom = document.createElement("span");
+    dom.className = "w100n-math";
+    dom.dataset.math = node.attrs.latex;
+    dom.contentEditable = "false";
+    dom.innerHTML = mathml(node.attrs.latex);
+    return { dom };
+  }
+});
+var Footnote = Node.create({
+  name: "footnote",
+  group: "inline",
+  inline: true,
+  atom: true,
+  selectable: true,
+  addAttributes: () => ({
+    id: { default: null, parseHTML: (el) => el.getAttribute("data-note-id") },
+    text: { default: "", parseHTML: (el) => el.getAttribute("title") ?? "" }
+  }),
+  parseHTML: () => [{ tag: "sup[data-footnote]" }],
+  renderHTML: ({ node }) => ["sup", { "data-footnote": "", "data-note-id": node.attrs.id ?? void 0, title: node.attrs.text, class: "w100n-fn", contenteditable: "false" }]
+});
 var headings = (doc, after) => {
   const found = [];
   doc.descendants((node, pos) => {
@@ -521,24 +653,41 @@ var Notes = Extension2.create({
     props: { decorations: (state) => notes.getState(state).set }
   })]
 });
+var script = (name, tag, other) => Mark.create({
+  name,
+  excludes: other,
+  parseHTML: () => [{ tag }, { style: `vertical-align=${name === "superscript" ? "super" : "sub"}` }],
+  renderHTML: () => [tag, 0],
+  addKeyboardShortcuts() {
+    return { [name === "superscript" ? "Mod-." : "Mod-,"]: () => this.editor.commands.toggleMark(name) };
+  }
+});
 function kit(kind, t, live) {
   return [
     StarterKit.configure({ trailingNode: false, link: { openOnClick: false, autolink: true, defaultProtocol: "https" }, dropcursor: { color: "#8b5cf6", width: 2 }, ...live ? { undoRedo: false } : {} }),
     TaskList,
     TaskItem.configure({ nested: true, a11y: { checkboxLabel: (node) => node.textContent || t.tasks } }),
-    TableKit.configure({ table: { resizable: false } }),
-    Image.configure({ inline: true, allowBase64: true }),
+    TableKit.configure({ table: { resizable: true, cellMinWidth: 32 } }),
+    Cells,
+    Search,
+    Image.extend({
+      addAttributes() {
+        return { ...this.parent?.(), wrap: { default: null, parseHTML: (el) => el.dataset.wrap ?? null, renderHTML: (attrs2) => attrs2.wrap ? { "data-wrap": attrs2.wrap } : {} } };
+      }
+    }).configure({ inline: true, allowBase64: true, resize: { enabled: true, directions: ["top-left", "top-right", "bottom-left", "bottom-right"], minWidth: 24, minHeight: 24, alwaysPreserveAspectRatio: true } }),
     Highlight.configure({ multicolor: true }),
     TextStyle,
     Color,
     FontSize,
     FontFamily,
+    script("superscript", "sup", "subscript"),
+    script("subscript", "sub", "superscript"),
     Blocks,
     PageBreak.configure({ label: t.pageBreak }),
     Toc.configure({ relative: kind === "markdown", label: t.toc, empty: t.tocEmpty }),
     Note,
     Notes,
-    ...kind === "docx" ? [Pager, Locks.configure({ label: t.locked }), revision("insertion", "ins"), revision("deletion", "del"), Suggest] : [],
+    ...kind === "docx" ? [Formula, Footnote, Pager, Locks.configure({ label: t.locked }), revision("insertion", "ins"), revision("deletion", "del"), Suggest] : [],
     ...live ? [Collaboration.configure({ document: live.doc }), CollaborationCaret.configure({ provider: live.link, user: live.user })] : []
   ];
 }
@@ -551,6 +700,7 @@ var textblocks = (editor, change) => editor.chain().focus().command(({ tr, state
   return true;
 }).run();
 var align = (editor, value2) => textblocks(editor, () => ({ align: value2 === "left" ? null : value2 }));
+var spacing = (editor, change) => textblocks(editor, () => change);
 var indent = (editor, step) => {
   const type = editor.isActive("taskItem") ? "taskItem" : editor.isActive("listItem") ? "listItem" : null;
   if (type) return step > 0 ? editor.chain().focus().sinkListItem(type).run() : editor.chain().focus().liftListItem(type).run();
@@ -2172,7 +2322,7 @@ function equalValue(a, b) {
   if (typeof a === "number" && typeof b === "number") return a === b || Math.abs(a - b) <= 1e-9 * Math.max(1, Math.abs(a), Math.abs(b));
   return a === b;
 }
-function lookup(book, s) {
+function lookup2(book, s) {
   if (!s) return {};
   return (typeof s === "string" ? book.styles[s] : s) ?? {};
 }
@@ -2330,7 +2480,7 @@ function writeXlsx(original, model) {
       const id = typeof s === "string" ? (bk === cur ? "c" : "b") + s : "";
       const known = id && seen2.get(id);
       if (known) return known;
-      const look = norm({ ...defaults, ...lookup(bk, s) });
+      const look = norm({ ...defaults, ...lookup2(bk, s) });
       const made2 = { look, json: JSON.stringify(look) };
       if (id) seen2.set(id, made2);
       return made2;
@@ -2371,8 +2521,8 @@ function writeXlsx(original, model) {
         changed2 = true;
         tag = setAttr(tag, "hidden", hidden ? "1" : null);
       }
-      const look = rd.s ? norm({ ...defaults, ...lookup(cur, rd.s) }) : null;
-      const was = od.s ? norm({ ...defaults, ...lookup(base.book, od.s) }) : null;
+      const look = rd.s ? norm({ ...defaults, ...lookup2(cur, rd.s) }) : null;
+      const was = od.s ? norm({ ...defaults, ...lookup2(base.book, od.s) }) : null;
       if (!same(look, was)) {
         changed2 = true;
         tag = setAttr(setAttr(tag, "s", look ? String(xfFor(look, xfOf(od.s))) : null), "customFormat", look ? "1" : null);
@@ -2663,7 +2813,7 @@ function cellXml(p, ref, xf, x, f, v) {
 function columns(p, rec, sheet, old, cols, defaults, cur, baseBook, xfFor, xfOf) {
   const now = sheet.columnData ?? {}, was = old.columnData ?? {};
   const count = sheet.columnCount ?? 26;
-  const look = (bk, s) => s ? norm({ ...defaults, ...lookup(bk, s) }) : null;
+  const look = (bk, s) => s ? norm({ ...defaults, ...lookup2(bk, s) }) : null;
   let differs = cols.moved;
   for (let c = 0; c < count && !differs; c++) {
     const c0 = cols.from(c);
@@ -3052,6 +3202,11 @@ function applyCells(doc, list, origin) {
 
 // src/sheets/text.ts
 var en = {
+  asCurrency: "Format as euro",
+  asPercent: "Format as percent",
+  fewerDecimals: "Fewer decimal places",
+  moreDecimals: "More decimal places",
+  sum: "Sum",
   tools: "Sheet tools",
   loading: "Opening the sheet",
   failed: "This sheet could not be opened",
@@ -3120,6 +3275,11 @@ var en = {
   }
 };
 var pl = {
+  asCurrency: "Formatuj jako euro",
+  asPercent: "Formatuj jako procent",
+  fewerDecimals: "Mniej miejsc po przecinku",
+  moreDecimals: "Wi\u0119cej miejsc po przecinku",
+  sum: "Suma",
   tools: "Narz\u0119dzia arkusza",
   loading: "Otwieranie arkusza",
   failed: "Nie uda\u0142o si\u0119 otworzy\u0107 tego arkusza",
@@ -3188,6 +3348,11 @@ var pl = {
   }
 };
 var uk = {
+  asCurrency: "\u0424\u043E\u0440\u043C\u0430\u0442 \u0454\u0432\u0440\u043E",
+  asPercent: "\u0424\u043E\u0440\u043C\u0430\u0442 \u0432\u0456\u0434\u0441\u043E\u0442\u043A\u0456\u0432",
+  fewerDecimals: "\u041C\u0435\u043D\u0448\u0435 \u0437\u043D\u0430\u043A\u0456\u0432 \u043F\u0456\u0441\u043B\u044F \u043A\u043E\u043C\u0438",
+  moreDecimals: "\u0411\u0456\u043B\u044C\u0448\u0435 \u0437\u043D\u0430\u043A\u0456\u0432 \u043F\u0456\u0441\u043B\u044F \u043A\u043E\u043C\u0438",
+  sum: "\u0421\u0443\u043C\u0430",
   tools: "\u0406\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0438 \u0442\u0430\u0431\u043B\u0438\u0446\u0456",
   loading: "\u0412\u0456\u0434\u043A\u0440\u0438\u0432\u0430\u0454\u043C\u043E \u0442\u0430\u0431\u043B\u0438\u0446\u044E",
   failed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u0432\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u0446\u044E \u0442\u0430\u0431\u043B\u0438\u0446\u044E",
@@ -3262,7 +3427,7 @@ var ours = "w100n-collab";
 var schemas = /* @__PURE__ */ new Map();
 var schemaOf = (kind) => schemas.get(kind) ?? schemas.set(kind, getSchema(kit(kind, texts.en))).get(kind);
 var parse2 = async (kind, bytes) => kind === "docx" ? (await readDocx(bytes)).doc : fromMarkdown(new TextDecoder().decode(bytes)).doc;
-var edits = (tr) => tr.changedParentTypes.has(tr.doc.get("default")) || tr.changedParentTypes.has(tr.doc.get("book"));
+var edits = (tr) => tr.changedParentTypes.has(tr.doc.get("default")) || tr.changedParentTypes.has(tr.doc.get("book")) || tr.changedParentTypes.has(tr.doc.get("setup"));
 var filled = (doc) => doc.getXmlFragment("default").length > 0 || doc.getMap("book").size > 0;
 function seed(doc, kind, bytes, json) {
   if (filled(doc)) return false;
@@ -3310,8 +3475,8 @@ function applyText(doc, kind, changes2, origin) {
   updateYFragment({ transact: (run) => doc.transact(run, origin) }, fragment, step.doc, { mapping: /* @__PURE__ */ new Map(), isOMark: /* @__PURE__ */ new Map() });
   return changes2.length;
 }
-async function write(kind, base, node, load2) {
-  if (kind === "docx") return writeDocx(base, node.toJSON(), load2);
+async function write(kind, base, node, load2, setup) {
+  if (kind === "docx") return writeDocx(base, node.toJSON(), load2, setup);
   const parsed = fromMarkdown(new TextDecoder().decode(base));
   return new TextEncoder().encode(toMarkdown(node, track(parsed, node.type.schema.nodeFromJSON(parsed.doc))).text).buffer;
 }
@@ -3348,7 +3513,7 @@ async function save(doc, kind, base, put, load2, note) {
   };
   doc.on("afterTransaction", watch);
   try {
-    const bytes = await write(kind, base, node, load2);
+    const bytes = await write(kind, base, node, load2, doc.getMap("setup").size ? doc.getMap("setup").toJSON() : void 0);
     const changed2 = !same2(bytes, base);
     const id = changed2 ? await put(bytes, note ?? named((texts[who[0].language] ?? texts.en).editedNote, who)) : null;
     const refs = [];
@@ -3398,12 +3563,16 @@ export {
   letter,
   paging,
   notes,
+  searching,
+  replace,
+  cleanPaste,
   entries,
   changes,
   decide,
   suggesting,
   kit,
   align,
+  spacing,
   indent,
   clear,
   locate,
@@ -3444,4 +3613,4 @@ export {
   applyText,
   save
 };
-//# sourceMappingURL=chunk-MRP3EURG.js.map
+//# sourceMappingURL=chunk-Z7UNJ4ND.js.map