@pixerate/editor 0.46.1 → 0.48.0

package/dist/{chunk-Q25ZS4F7.js → chunk-VKPEPWKZ.js}

@@ -6,21 +6,36 @@ import {
   readZip
 } from "./chunk-MR2764X2.js";
 import {
+  CHART_OOXML_NS,
+  chartFromOoxml
+} from "./chunk-XUUD43OV.js";
+import {
+  Chart,
   MAX_TABLE_COLUMNS,
   MAX_TABLE_ROWS,
+  STRUCTURE_PRIORITY,
+  Sparkline,
   TABLE_ACTIONS,
   applyReplacements,
+  arraysEqual,
   compileFindPattern,
   createTableExtensions,
+  generateStructureId,
   getTableActionState,
   getTableState,
   handleTablePasteWithoutNesting,
   insertSliceAfterTable,
   outermostTableDepth,
+  presenceStateSpec,
   runTableAction,
+  scrollDomAtPos,
   searchDocument,
-  sliceContainsTable
-} from "./chunk-TK2XZK6Z.js";
+  sliceContainsTable,
+  syncInitialContent
+} from "./chunk-PKBWLEL7.js";
+import {
+  chartDataToTable
+} from "./chunk-LTUM52X6.js";
 import {
   compareDocuments
 } from "./chunk-QJSOZFCZ.js";
@@ -2442,6 +2457,36 @@ function toBase64(bytes) {
   }
   return btoa(binary);
 }
+async function loadCharts(zip, Parser, root, rels, options) {
+  const charts = /* @__PURE__ */ new Map();
+  if (options.charts === false) return charts;
+  for (const el of descendants(root, "chart")) {
+    if (el.namespaceURI !== CHART_OOXML_NS) continue;
+    const id = attr(el, "id");
+    const rel = id ? rels.get(id) : void 0;
+    if (!id || !rel || rel.external || charts.has(id)) continue;
+    const entry = zip.get(rel.target);
+    if (!entry) continue;
+    const read = chartFromOoxml(await zip.readText(entry), { DOMParser: Parser });
+    charts.set(id, {
+      id: `chart-${charts.size + 1}`,
+      path: rel.target,
+      title: read.spec.title,
+      spec: read.spec,
+      issues: read.issues.map((i) => i.message),
+      unsupported: read.unsupported,
+      lossless: read.lossless
+    });
+  }
+  return charts;
+}
+function chartBlockHtml(chart) {
+  const [head, ...rows] = chartDataToTable(chart.spec);
+  const cell = (v, tag) => `<${tag}><p>${escapeHtml(v === null || v === void 0 ? "" : String(v))}</p></${tag}>`;
+  const table = `<table><tbody><tr>${head.map((h) => cell(h, "th")).join("")}</tr>${rows.map((r) => `<tr>${r.map((v, i) => cell(v, i ? "td" : "th")).join("")}</tr>`).join("")}</tbody></table>`;
+  const caption = `<p>${escapeHtml(`[Chart: ${chart.title || "untitled"}]`)}</p>`;
+  return `<div data-type="chart" data-chart-id="${escapeHtml(chart.id)}" data-chart="${escapeHtml(JSON.stringify(chart.spec))}">${caption}${table}</div>`;
+}
 async function loadImages(zip, root, rels, options) {
   const images = /* @__PURE__ */ new Map();
   if (options.images === false) return images;
@@ -2910,6 +2955,7 @@ function renderSegments(segments, code = false) {
       if (seg.kind === "text") inner += escapeHtml(seg.text);
       else if (seg.kind === "br") inner += code ? "\n" : "<br>";
       else if (seg.kind === "img") inner += code ? "" : `<img src="${escapeHtml(seg.src)}" alt="${escapeHtml(seg.alt)}">`;
+      else if (seg.kind === "chart") inner += code ? escapeHtml(`[Chart: ${seg.chart.title || "untitled"}]`) : "";
       else inner += `<sup>${seg.n}</sup>`;
     }
     const format = segments[i].format;
@@ -3088,7 +3134,7 @@ var ParagraphRenderer = class {
     };
     if (child.localName === "AlternateContent") {
       const branch = childElements(child).find(
-        (b) => descendants(b, "blip").length || descendants(b, "imagedata").length
+        (b) => descendants(b, "blip").length || descendants(b, "imagedata").length || descendants(b, "chart").some((el) => el.namespaceURI === CHART_OOXML_NS)
       );
       if (branch) this.image(branch, format, push);
       return;
@@ -3152,7 +3198,17 @@ var ParagraphRenderer = class {
         break;
     }
   }
+  /** Charts this paragraph contains, in order. */
+  charts = [];
   image(container, format, push) {
+    const chartRef = descendants(container, "chart").find((el) => el.namespaceURI === CHART_OOXML_NS);
+    const chart = chartRef ? this.part.charts.get(attr(chartRef, "id") ?? "") : void 0;
+    if (chart) {
+      if (!this.ctx.charts.includes(chart)) this.ctx.charts.push(chart);
+      this.charts.push(chart);
+      push({ kind: "chart", chart, format });
+      return;
+    }
     const blip = descendants(container, "blip")[0];
     const imageData = descendants(container, "imagedata")[0];
     const id = blip ? attr(blip, "embed") : attr(imageData, "id");
@@ -3290,7 +3346,8 @@ function renderBlocks(container, ctx, part, topLevel = false) {
     const mappedStyle = styleId ? ctx.styleIds.get(styleId) : void 0;
     const styleAttr = !heading && !list && mappedStyle && mappedStyle !== NORMAL_STYLE_ID ? ` data-style="${escapeHtml(mappedStyle)}"` : "";
     const changeAttr = topLevel && !list && ctx.tracked === "marks" ? blockChangeAttr(pPr, ctx) : "";
-    const blockHtml = heading ? `<h${heading}${changeAttr}>${inner}</h${heading}>` : `<p${styleAttr}${changeAttr}>${inner}</p>`;
+    const charts = renderer.charts.map(chartBlockHtml).join("");
+    const blockHtml = (charts && !inner && !heading ? "" : heading ? `<h${heading}${changeAttr}>${inner}</h${heading}>` : `<p${styleAttr}${changeAttr}>${inner}</p>`) + charts;
     if (!list) {
       closeAll();
       html += blockHtml;
@@ -3438,21 +3495,22 @@ async function docxToDocumentImport(data, options = {}) {
     moveRanges: /* @__PURE__ */ new Map(),
     moveIds: /* @__PURE__ */ new Map(),
     segmentCount: 0,
-    lastChange: null
+    lastChange: null,
+    charts: []
   };
   for (const kind of ["footnote", "endnote"]) {
     const path = partByType(`${kind}s`) ?? `${baseDir}${kind}s.xml`;
     const notesXml = await readXmlPart(zip, Parser, path);
     if (!notesXml) continue;
     const noteRels = await readRelationships(zip, Parser, path);
-    const part2 = { rels: noteRels, images: await loadImages(zip, notesXml, noteRels, options) };
+    const part2 = { rels: noteRels, images: await loadImages(zip, notesXml, noteRels, options), charts: await loadCharts(zip, Parser, notesXml, noteRels, options) };
     descendants(notesXml, kind).filter((note) => isW(note)).forEach((note) => {
       const type = attr(note, "type");
       if (type && type !== "normal") return;
       ctx.notes.set(`${kind}:${attr(note, "id")}`, { element: note, part: part2 });
     });
   }
-  const part = { rels, images: await loadImages(zip, documentXml, rels, options) };
+  const part = { rels, images: await loadImages(zip, documentXml, rels, options), charts: await loadCharts(zip, Parser, documentXml, rels, options) };
   let html = renderBlocks(body, ctx, part, true);
   if (ctx.noteOrder.length) {
     let notesHtml = "";
@@ -3465,6 +3523,7 @@ async function docxToDocumentImport(data, options = {}) {
   const sanitized = sanitizeImportedHtml(html);
   const result = { html: sanitized, text: htmlToPlainText(sanitized) };
   if (threads.length) result.comments = { version: 1, threads };
+  if (ctx.charts.length) result.charts = ctx.charts;
   if (useStyles) {
     const definitions = styleDefinitions(styles, styleIds);
     if (definitions.length) result.styles = createStyleRegistry({ styles: definitions });
@@ -4086,90 +4145,6 @@ import {
   PluginKey as PluginKey7,
   TextSelection as TextSelection2
 } from "@tiptap/pm/state";
-
-// src/extensions/document-structure/utils.ts
-import { createDocument } from "@tiptap/core";
-import { EditorState } from "@tiptap/pm/state";
-import { ReplaceAroundStep, ReplaceStep } from "@tiptap/pm/transform";
-var idCounter = 0;
-function generateStructureId(prefix) {
-  idCounter = (idCounter + 1) % 1296;
-  const random = Math.random().toString(36).slice(2, 8).padEnd(6, "0");
-  return `${prefix}-${random}${idCounter.toString(36).padStart(2, "0")}`;
-}
-function transactionsInsert(transactions, typeNames) {
-  for (const tr of transactions) {
-    for (const step of tr.steps) {
-      if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep)) {
-        const mark = step.mark;
-        if (mark && typeNames.includes(mark.type.name)) return true;
-        continue;
-      }
-      let found = false;
-      step.slice.content.descendants((node) => {
-        if (found) return false;
-        if (typeNames.includes(node.type.name) || node.marks.some((m) => typeNames.includes(m.type.name))) {
-          found = true;
-        }
-        return !found;
-      });
-      if (found) return true;
-    }
-  }
-  return false;
-}
-function docContains(doc, typeNames) {
-  let found = false;
-  doc.descendants((node) => {
-    if (found) return false;
-    if (typeNames.includes(node.type.name) || node.marks.some((m) => typeNames.includes(m.type.name))) {
-      found = true;
-    }
-    return !found;
-  });
-  return found;
-}
-function presenceStateSpec(typeNames) {
-  return {
-    init: (_config, state) => docContains(state.doc, typeNames),
-    apply: (tr, present, _oldState, newState) => {
-      if (!tr.docChanged) return present;
-      if (!present && !transactionsInsert([tr], typeNames)) return false;
-      return docContains(newState.doc, typeNames);
-    }
-  };
-}
-function arraysEqual(a, b, eq) {
-  if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i++) {
-    if (!eq(a[i], b[i])) return false;
-  }
-  return true;
-}
-function scrollDomAtPos(view, pos, behavior = "smooth") {
-  try {
-    const dom = view?.nodeDOM?.(pos);
-    if (dom && typeof dom.scrollIntoView === "function") {
-      dom.scrollIntoView({ block: "start", behavior });
-    }
-  } catch {
-  }
-}
-function syncInitialContent(editor, sync) {
-  const { content } = editor.options;
-  if (content == null || content === "") return;
-  try {
-    const doc = createDocument(content, editor.schema, editor.options.parseOptions, {
-      errorOnInvalidContent: false
-    });
-    const tr = sync(EditorState.create({ doc }));
-    if (tr?.docChanged) editor.options.content = tr.doc;
-  } catch {
-  }
-}
-var STRUCTURE_PRIORITY = 45;
-
-// src/extensions/document-structure/outline.ts
 var outlinePluginKey = new PluginKey7("outline");
 var outlineIdPluginKey = new PluginKey7("outlineIds");
 var sameHeading = (a, b) => a.id === b.id && a.level === b.level && a.text === b.text && a.pos === b.pos && a.depth === b.depth;
@@ -6445,6 +6420,11 @@ function createRichTextPreset(options = {}) {
   if (options.findReplace) {
     extensions2.push(FindReplace.configure(optionObject(options.findReplace)));
   }
+  if (options.chart) {
+    const { sparkline = true, ...chartOptions } = optionObject(options.chart);
+    extensions2.push(Chart.configure(chartOptions));
+    if (sparkline) extensions2.push(Sparkline.configure(optionObject(sparkline)));
+  }
   if (options.paragraphStyles) {
     extensions2.push(ParagraphStyles.configure(optionObject(options.paragraphStyles)));
   }
@@ -6773,4 +6753,4 @@ export {
   validateFindPattern,
   createTableCommands
 };
-//# sourceMappingURL=chunk-Q25ZS4F7.js.map
+//# sourceMappingURL=chunk-VKPEPWKZ.js.map