@trafica/editor 1.0.34 → 1.0.36

package/dist/index.mjs

@@ -1633,47 +1633,38 @@ var htmlSerializer = {
     return parseHTMLBody(parsed.body);
   }
 };
-function alignAttrs(align, extraStyles = "") {
-  const dataAlign = align ? ` data-align="${align}"` : "";
-  const textAlign = align && align !== "left" ? `text-align:${align};` : "";
-  const combined = textAlign + extraStyles;
-  const style = combined ? ` style="${combined}"` : "";
-  return dataAlign + style;
-}
 function serializeBlock(node, idCounts = /* @__PURE__ */ new Map(), inCell = false) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
   switch (node.type) {
     case "paragraph": {
-      const align = (_a = node.attrs) == null ? void 0 : _a.align;
-      const extra = inCell ? "margin:0;min-height:1.2em;" : "";
-      return `<p${alignAttrs(align, extra)}>${serializeChildren(node.children)}</p>`;
+      const align = ((_a = node.attrs) == null ? void 0 : _a.align) ? ` data-align="${node.attrs.align}"` : "";
+      const style = inCell ? ` style="margin:0;min-height:1.2em;"` : "";
+      return `<p${align}${style}>${serializeChildren(node.children)}</p>`;
     }
     case "heading": {
       const l = (_c = (_b = node.attrs) == null ? void 0 : _b.level) != null ? _c : 1;
-      const align = (_d = node.attrs) == null ? void 0 : _d.align;
+      const align = ((_d = node.attrs) == null ? void 0 : _d.align) ? ` data-align="${node.attrs.align}"` : "";
       const rawText = node.children.filter((c) => "text" in c).map((c) => c.text).join("");
       const base = slugify(rawText) || `heading-${l}`;
       const count = (_e = idCounts.get(base)) != null ? _e : 0;
       idCounts.set(base, count + 1);
       const id = count === 0 ? base : `${base}-${count}`;
-      return `<h${l} id="${id}"${alignAttrs(align)}>${serializeChildren(node.children)}</h${l}>`;
+      return `<h${l} id="${id}"${align}>${serializeChildren(node.children)}</h${l}>`;
     }
     case "blockquote": {
-      const align = (_f = node.attrs) == null ? void 0 : _f.align;
-      return `<blockquote${alignAttrs(align)}>${serializeChildren(node.children)}</blockquote>`;
+      const align = ((_f = node.attrs) == null ? void 0 : _f.align) ? ` data-align="${node.attrs.align}"` : "";
+      return `<blockquote${align}>${serializeChildren(node.children)}</blockquote>`;
     }
     case "bullet_list":
       return `<ul>${serializeChildren(node.children)}</ul>`;
     case "ordered_list":
       return `<ol>${serializeChildren(node.children)}</ol>`;
-    case "list_item": {
-      const align = (_g = node.attrs) == null ? void 0 : _g.align;
-      return `<li${alignAttrs(align)}>${serializeChildren(node.children)}</li>`;
-    }
+    case "list_item":
+      return `<li>${serializeChildren(node.children)}</li>`;
     case "check_list":
       return `<ul class="todo-list" data-type="checklist">${serializeChildren(node.children)}</ul>`;
     case "check_list_item": {
-      const checked = !!((_h = node.attrs) == null ? void 0 : _h.checked);
+      const checked = !!((_g = node.attrs) == null ? void 0 : _g.checked);
       const dataChecked = checked ? ' data-checked="true"' : "";
       const itemClass = `todo-list__item${checked ? " todo-list__item_checked" : ""}`;
       const checkedAttr = checked ? ' checked="checked"' : "";
@@ -1681,16 +1672,16 @@ function serializeBlock(node, idCounts = /* @__PURE__ */ new Map(), inCell = fal
       return `<li class="${itemClass}"${dataChecked}><label class="todo-list__label"><input type="checkbox" disabled="disabled"${checkedAttr}><span class="todo-list__label__description">${innerContent}</span></label></li>`;
     }
     case "code_block": {
-      const lang = ((_i = node.attrs) == null ? void 0 : _i.language) ? ` class="language-${node.attrs.language}"` : "";
+      const lang = ((_h = node.attrs) == null ? void 0 : _h.language) ? ` class="language-${node.attrs.language}"` : "";
       const raw = node.children.map((c) => isTextNode(c) ? escapeHTML(c.text) : "").join("");
       return `<pre><code${lang}>${raw}</code></pre>`;
     }
     case "image": {
-      const src = escapeAttr((_k = (_j = node.attrs) == null ? void 0 : _j.src) != null ? _k : "");
-      const alt = escapeAttr((_m = (_l = node.attrs) == null ? void 0 : _l.alt) != null ? _m : "");
-      const width = ((_n = node.attrs) == null ? void 0 : _n.width) ? ` width="${node.attrs.width}"` : "";
-      const align = ((_o = node.attrs) == null ? void 0 : _o.align) ? ` data-align="${node.attrs.align}"` : "";
-      const caption = ((_p = node.attrs) == null ? void 0 : _p.caption) ? escapeHTML(node.attrs.caption) : "";
+      const src = escapeAttr((_j = (_i = node.attrs) == null ? void 0 : _i.src) != null ? _j : "");
+      const alt = escapeAttr((_l = (_k = node.attrs) == null ? void 0 : _k.alt) != null ? _l : "");
+      const width = ((_m = node.attrs) == null ? void 0 : _m.width) ? ` width="${node.attrs.width}"` : "";
+      const align = ((_n = node.attrs) == null ? void 0 : _n.align) ? ` data-align="${node.attrs.align}"` : "";
+      const caption = ((_o = node.attrs) == null ? void 0 : _o.caption) ? escapeHTML(node.attrs.caption) : "";
       if (caption) {
         return `<figure${align}><img src="${src}" alt="${alt}"${width} /><figcaption>${caption}</figcaption></figure>`;
       }
@@ -1700,7 +1691,7 @@ function serializeBlock(node, idCounts = /* @__PURE__ */ new Map(), inCell = fal
       return "<hr />";
     case "table": {
       const rows = node.children.map((c) => serializeBlock(c)).join("");
-      const colWidths = (_r = (_q = node.attrs) == null ? void 0 : _q.colWidths) != null ? _r : [];
+      const colWidths = (_q = (_p = node.attrs) == null ? void 0 : _p.colWidths) != null ? _q : [];
       let colgroup = "";
       if (colWidths.length > 0) {
         const total = colWidths.reduce((s, w) => s + w, 0) || colWidths.length * 120;
@@ -1713,15 +1704,15 @@ function serializeBlock(node, idCounts = /* @__PURE__ */ new Map(), inCell = fal
       return `<tr>${cells}</tr>`;
     }
     case "table_cell": {
-      if ((_s = node.attrs) == null ? void 0 : _s.covered) return "";
-      const cs = ((_t = node.attrs) == null ? void 0 : _t.colspan) > 1 ? ` colspan="${(_u = node.attrs) == null ? void 0 : _u.colspan}"` : "";
-      const rs = ((_v = node.attrs) == null ? void 0 : _v.rowspan) > 1 ? ` rowspan="${(_w = node.attrs) == null ? void 0 : _w.rowspan}"` : "";
+      if ((_r = node.attrs) == null ? void 0 : _r.covered) return "";
+      const cs = ((_s = node.attrs) == null ? void 0 : _s.colspan) > 1 ? ` colspan="${(_t = node.attrs) == null ? void 0 : _t.colspan}"` : "";
+      const rs = ((_u = node.attrs) == null ? void 0 : _u.rowspan) > 1 ? ` rowspan="${(_v = node.attrs) == null ? void 0 : _v.rowspan}"` : "";
       return `<td${cs}${rs} style="border:1px solid #d1d5db;padding:0.5em 0.75em;vertical-align:top;min-width:40px;word-break:break-word;">${node.children.map((c) => serializeBlock(c, /* @__PURE__ */ new Map(), true)).join("")}</td>`;
     }
     case "table_header": {
-      if ((_x = node.attrs) == null ? void 0 : _x.covered) return "";
-      const cs = ((_y = node.attrs) == null ? void 0 : _y.colspan) > 1 ? ` colspan="${(_z = node.attrs) == null ? void 0 : _z.colspan}"` : "";
-      const rs = ((_A = node.attrs) == null ? void 0 : _A.rowspan) > 1 ? ` rowspan="${(_B = node.attrs) == null ? void 0 : _B.rowspan}"` : "";
+      if ((_w = node.attrs) == null ? void 0 : _w.covered) return "";
+      const cs = ((_x = node.attrs) == null ? void 0 : _x.colspan) > 1 ? ` colspan="${(_y = node.attrs) == null ? void 0 : _y.colspan}"` : "";
+      const rs = ((_z = node.attrs) == null ? void 0 : _z.rowspan) > 1 ? ` rowspan="${(_A = node.attrs) == null ? void 0 : _A.rowspan}"` : "";
       return `<th${cs}${rs} style="border:1px solid #d1d5db;padding:0.5em 0.75em;vertical-align:top;min-width:40px;word-break:break-word;background:#f9fafb;font-weight:600;text-align:left;">${node.children.map((c) => serializeBlock(c, /* @__PURE__ */ new Map(), true)).join("")}</th>`;
     }
     default:
@@ -7852,7 +7843,6 @@ function Editor({
 }) {
   const containerRef = useRef(null);
   const isRenderingRef = useRef(false);
-  const skipRestoreSelectionRef = useRef(false);
   const scrollCaretIntoView = useCallback(() => {
     var _a, _b;
     const sel = window.getSelection();
@@ -7965,14 +7955,8 @@ function Editor({
   useLayoutEffect(() => {
     const container = containerRef.current;
     if (!container || !state.selection) return;
-    if (skipRestoreSelectionRef.current) {
-      skipRestoreSelectionRef.current = false;
-      return;
-    }
-    isRenderingRef.current = true;
     restoreSelection(container, state.selection);
     scrollCaretIntoView();
-    isRenderingRef.current = false;
   }, [state.selection]);
   useEffect(() => {
     const container = containerRef.current;
@@ -8037,7 +8021,6 @@ function Editor({
       if (currentSelection && JSON.stringify(currentSelection.anchor) === JSON.stringify(captured.anchor) && JSON.stringify(currentSelection.focus) === JSON.stringify(captured.focus)) {
         return;
       }
-      skipRestoreSelectionRef.current = true;
       const tr = createTransaction();
       tr.steps.push(tr_setSelection(captured));
       engine.dispatch(tr);
@@ -8416,7 +8399,6 @@ function Editor({
     if (!container) return;
     const selection = captureSelection(container);
     if (!selection) return;
-    skipRestoreSelectionRef.current = true;
     const tr = createTransaction();
     tr.steps.push(
       tr_setSelection(selection)