@pixerate/editor 0.47.0 → 0.48.0

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

@@ -7,25 +7,35 @@ import {
 } from "./chunk-MR2764X2.js";
 import {
   CHART_OOXML_NS,
-  chartDataToTable,
   chartFromOoxml
-} from "./chunk-C3NWJE3K.js";
+} 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";
@@ -2470,10 +2480,12 @@ async function loadCharts(zip, Parser, root, rels, options) {
   }
   return charts;
 }
-function chartTableHtml(chart) {
+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}>`;
-  return `<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 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();
@@ -2943,7 +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 += escapeHtml(`[Chart: ${seg.chart.title || "untitled"}]`);
+      else if (seg.kind === "chart") inner += code ? escapeHtml(`[Chart: ${seg.chart.title || "untitled"}]`) : "";
       else inner += `<sup>${seg.n}</sup>`;
     }
     const format = segments[i].format;
@@ -3334,8 +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 tables = renderer.charts.map(chartTableHtml).join("");
-    const blockHtml = (heading ? `<h${heading}${changeAttr}>${inner}</h${heading}>` : `<p${styleAttr}${changeAttr}>${inner}</p>`) + tables;
+    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;
@@ -4133,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;
@@ -6492,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)));
   }
@@ -6820,4 +6753,4 @@ export {
   validateFindPattern,
   createTableCommands
 };
-//# sourceMappingURL=chunk-PQFAHT5O.js.map
+//# sourceMappingURL=chunk-VKPEPWKZ.js.map