@w100n/documents 0.14.0 → 0.15.0

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

@@ -5,7 +5,7 @@ import {
   pending,
   save,
   seed
-} from "./chunk-5MH4WDW4.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-RCQODE2Z.js.map
+//# sourceMappingURL=chunk-OXC4PUOC.js.map

package/dist/{chunk-5MH4WDW4.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-DR3TTJWZ.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.14.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({
@@ -111,7 +124,7 @@ var Pager = Extension.create({
         if (!view.dom.isConnected) return;
         const gaps = measure(view);
         const { marks } = paging.getState(view.state);
-        const next = gaps.map((g) => `${g.pos}:${g.height}`).join() + `|${marks.header}|${marks.footer}`;
+        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 line = (parent, cls, text) => {
@@ -136,8 +149,20 @@ var Pager = Extension.create({
           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}:${marks.header}:${marks.footer}`, 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) => {
@@ -309,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) => {
@@ -631,7 +687,7 @@ function kit(kind, t, live) {
     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 })] : []
   ];
 }
@@ -3557,4 +3613,4 @@ export {
   applyText,
   save
 };
-//# sourceMappingURL=chunk-5MH4WDW4.js.map
+//# sourceMappingURL=chunk-Z7UNJ4ND.js.map