@scrider/formatter 1.8.3 → 1.8.5

package/dist/index.js

@@ -361,7 +361,272 @@ function isTextNode(node) {
   return node.nodeType === NODE_TYPE.TEXT_NODE;
 }
 
+// src/conversion/html/config.ts
+var INLINE_FORMAT_TAGS = {
+  link: "a",
+  bold: "strong",
+  italic: "em",
+  underline: "u",
+  strike: "s",
+  subscript: "sub",
+  superscript: "sup",
+  code: "code",
+  mark: "mark",
+  kbd: "kbd"
+};
+var INLINE_FORMAT_ORDER = [
+  "link",
+  "bold",
+  "italic",
+  "underline",
+  "strike",
+  "subscript",
+  "superscript",
+  "code",
+  "mark",
+  "kbd"
+];
+var INLINE_STYLE_FORMATS = {
+  color: "color",
+  background: "background-color",
+  font: "font-family",
+  size: "font-size"
+};
+var BLOCK_FORMAT_TAGS = {
+  header: (value) => `h${String(value)}`,
+  blockquote: "blockquote",
+  "code-block": "pre",
+  list: "li"
+  // Wrapped in ul/ol based on list type
+};
+var LIST_WRAPPER_TAGS = {
+  ordered: "ol",
+  bullet: "ul",
+  checked: "ul",
+  unchecked: "ul"
+};
+var EMBED_RENDERERS = {
+  image: (value, attrs) => {
+    const src = typeof value === "string" ? value : "";
+    const altVal = attrs?.alt;
+    const widthVal = attrs?.width;
+    const heightVal = attrs?.height;
+    const floatVal = attrs?.float;
+    const alt = altVal != null && (typeof altVal === "string" || typeof altVal === "number") ? ` alt="${escapeHtml(String(altVal))}"` : "";
+    const width = widthVal != null && (typeof widthVal === "string" || typeof widthVal === "number") ? ` width="${String(widthVal)}"` : "";
+    const height = heightVal != null && (typeof heightVal === "string" || typeof heightVal === "number") ? ` height="${String(heightVal)}"` : "";
+    const float = floatVal != null && typeof floatVal === "string" && floatVal !== "none" ? ` data-float="${escapeHtml(floatVal)}"` : "";
+    return `<img src="${escapeHtml(src)}"${alt}${width}${height}${float}>`;
+  },
+  video: (value, attrs, context) => {
+    const src = typeof value === "string" ? value : "";
+    const floatVal = attrs?.float;
+    const widthVal = attrs?.width;
+    const heightVal = attrs?.height;
+    const float = floatVal != null && typeof floatVal === "string" && floatVal !== "none" ? ` data-float="${escapeHtml(floatVal)}"` : "";
+    const styles = [];
+    if (widthVal != null && (typeof widthVal === "string" || typeof widthVal === "number")) {
+      const w = String(widthVal);
+      if (w && w !== "auto") styles.push(`width: ${/^\d+$/.test(w) ? w + "px" : w}`);
+    }
+    if (heightVal != null && (typeof heightVal === "string" || typeof heightVal === "number")) {
+      const h = String(heightVal);
+      if (h && h !== "auto") styles.push(`height: ${/^\d+$/.test(h) ? h + "px" : h}`);
+    }
+    const style = styles.length > 0 ? ` style="${styles.join("; ")}"` : "";
+    const embedSrc = toVideoEmbedUrl(src);
+    if (embedSrc) {
+      return `<iframe src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen${renderEmbedIframeIsolationAttrs(context, "video")}${float}${style}></iframe>`;
+    }
+    return `<video src="${escapeHtml(src)}" controls${float}${style}></video>`;
+  },
+  codeWidget: (value, attrs, context) => {
+    const src = typeof value === "string" ? value : "";
+    const floatVal = attrs?.float;
+    const widthVal = attrs?.width;
+    const heightVal = attrs?.height;
+    const float = floatVal != null && typeof floatVal === "string" && floatVal !== "none" ? ` data-float="${escapeHtml(floatVal)}"` : "";
+    const styles = [];
+    if (widthVal != null && (typeof widthVal === "string" || typeof widthVal === "number")) {
+      const w = String(widthVal);
+      if (w && w !== "auto") styles.push(`width: ${/^\d+$/.test(w) ? w + "px" : w}`);
+    }
+    if (heightVal != null && (typeof heightVal === "string" || typeof heightVal === "number")) {
+      const h = String(heightVal);
+      if (h && h !== "auto") styles.push(`height: ${/^\d+$/.test(h) ? h + "px" : h}`);
+    }
+    const style = styles.length > 0 ? ` style="${styles.join("; ")}"` : "";
+    const embedSrc = toCodeWidgetEmbedUrl(src);
+    return `<iframe data-code-widget src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen${renderEmbedIframeIsolationAttrs(context, "codeWidget")}${float}${style}></iframe>`;
+  },
+  formula: (value) => {
+    const latex = typeof value === "string" ? value : "";
+    return `<span class="formula" data-formula="${escapeHtml(latex)}">${escapeHtml(latex)}</span>`;
+  },
+  diagram: (value) => {
+    const source = typeof value === "string" ? value : "";
+    return `<span class="diagram" data-diagram="${escapeHtml(source)}">${escapeHtml(source)}</span>`;
+  },
+  drawio: (value, attrs) => {
+    const src = typeof value === "string" ? value : "";
+    const altVal = attrs?.alt;
+    const alt = altVal != null && (typeof altVal === "string" || typeof altVal === "number") ? ` data-alt="${escapeHtml(String(altVal))}"` : "";
+    return `<span class="drawio" data-drawio-src="${escapeHtml(src)}"${alt}></span>`;
+  },
+  "footnote-ref": (value) => {
+    const id = typeof value === "string" ? value : String(value);
+    return `<sup class="footnote-ref"><a href="#fn-${escapeHtml(id)}" id="fnref-${escapeHtml(id)}">[${escapeHtml(id)}]</a></sup>`;
+  },
+  divider: () => "<hr>",
+  // Soft line break (Shift+Enter equivalent). Emitted with an explicit
+  // `data-scrider-embed` marker so that html-to-delta can distinguish this
+  // embed from the placeholder `<br>` that appears inside an empty
+  // paragraph (`<p><br></p>`) without relying solely on positional
+  // heuristics. See `soft-break.ts` for the format definition.
+  softBreak: () => "<br data-scrider-embed>"
+};
+var TAG_TO_INLINE_FORMAT = {
+  strong: { format: "bold", value: true },
+  b: { format: "bold", value: true },
+  em: { format: "italic", value: true },
+  i: { format: "italic", value: true },
+  u: { format: "underline", value: true },
+  ins: { format: "underline", value: true },
+  s: { format: "strike", value: true },
+  strike: { format: "strike", value: true },
+  del: { format: "strike", value: true },
+  sub: { format: "subscript", value: true },
+  sup: { format: "superscript", value: true },
+  code: { format: "code", value: true },
+  mark: { format: "mark", value: true },
+  kbd: { format: "kbd", value: true }
+};
+var TAG_TO_BLOCK_FORMAT = {
+  h1: { format: "header", value: 1 },
+  h2: { format: "header", value: 2 },
+  h3: { format: "header", value: 3 },
+  h4: { format: "header", value: 4 },
+  h5: { format: "header", value: 5 },
+  h6: { format: "header", value: 6 },
+  blockquote: { format: "blockquote", value: true },
+  pre: { format: "code-block", value: true }
+};
+var CSS_ALIGN_TO_FORMAT = {
+  left: "left",
+  center: "center",
+  right: "right",
+  justify: "justify"
+};
+function escapeHtml(text) {
+  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+function unescapeHtml(text) {
+  return text.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#039;/g, "'").replace(/&amp;/g, "&");
+}
+function toVideoEmbedUrl(url) {
+  if (url.includes("youtube.com/embed") || url.includes("player.vimeo.com") || url.includes("dailymotion.com/embed") || url.includes("video_ext.php") || url.includes("rutube.ru/play/embed")) {
+    return url;
+  }
+  const ytMatch = url.match(/youtube\.com\/watch\?v=([\w-]+)/);
+  if (ytMatch) {
+    return `https://www.youtube.com/embed/${ytMatch[1]}`;
+  }
+  const ytShortMatch = url.match(/youtu\.be\/([\w-]+)/);
+  if (ytShortMatch) {
+    return `https://www.youtube.com/embed/${ytShortMatch[1]}`;
+  }
+  const rtMatch = url.match(/rutube\.ru\/video\/([\w]+)/);
+  if (rtMatch) {
+    return `https://rutube.ru/play/embed/${rtMatch[1]}`;
+  }
+  return null;
+}
+function fromVideoEmbedUrl(embedUrl) {
+  const ytMatch = embedUrl.match(/youtube\.com\/embed\/([\w-]+)/);
+  if (ytMatch) {
+    return `https://www.youtube.com/watch?v=${ytMatch[1]}`;
+  }
+  const rtMatch = embedUrl.match(/rutube\.ru\/play\/embed\/([\w]+)/);
+  if (rtMatch) {
+    return `https://rutube.ru/video/${rtMatch[1]}/`;
+  }
+  return embedUrl;
+}
+function splitUrl(url) {
+  let rest = url;
+  let hash = "";
+  const hashIdx = rest.indexOf("#");
+  if (hashIdx >= 0) {
+    hash = rest.slice(hashIdx);
+    rest = rest.slice(0, hashIdx);
+  }
+  let query = "";
+  const qIdx = rest.indexOf("?");
+  if (qIdx >= 0) {
+    query = rest.slice(qIdx);
+    rest = rest.slice(0, qIdx);
+  }
+  return { base: rest, query, hash };
+}
+function hasQueryParam(url, key) {
+  const { query } = splitUrl(url);
+  return new RegExp(`[?&]${key}=`, "i").test(query);
+}
+function appendQueryParam(url, key, value) {
+  const { base, query, hash } = splitUrl(url);
+  const next = query ? `${query}&${key}=${value}` : `?${key}=${value}`;
+  return `${base}${next}${hash}`;
+}
+var CODE_WIDGET_IFRAME_ALLOW = "accelerometer; camera; encrypted-media; geolocation; gyroscope; microphone; midi; payment; usb; xr-spatial-tracking; cross-origin-isolated";
+function renderEmbedIframeIsolationAttrs(context, kind) {
+  const opts = context?.embed;
+  const parts = [];
+  if (kind === "codeWidget" && opts?.crossOriginIsolated) {
+    parts.push(`allow="${CODE_WIDGET_IFRAME_ALLOW}"`);
+  }
+  if (opts?.credentialless) {
+    parts.push("credentialless");
+  }
+  return parts.length ? ` ${parts.join(" ")}` : "";
+}
+function toCodeWidgetEmbedUrl(url) {
+  const u = typeof url === "string" ? url.trim() : "";
+  if (!u) return "";
+  if (/(?:\/\/|^)(?:[\w-]+\.)*stackblitz\.com\//i.test(u)) {
+    return hasQueryParam(u, "embed") ? u : appendQueryParam(u, "embed", "1");
+  }
+  if (/(?:\/\/|^)(?:[\w-]+\.)*codesandbox\.io\//i.test(u)) {
+    if (/codesandbox\.io\/embed\//i.test(u)) return u;
+    return u.replace(/codesandbox\.io\/s\//i, "codesandbox.io/embed/");
+  }
+  if (/(?:\/\/|^)(?:[\w-]+\.)*replit\.com\//i.test(u)) {
+    return hasQueryParam(u, "embed") ? u : appendQueryParam(u, "embed", "true");
+  }
+  if (/(?:\/\/|^)(?:[\w-]+\.)*codepen\.io\//i.test(u)) {
+    if (/codepen\.io\/[^/]+\/embed\//i.test(u)) return u;
+    return u.replace(/(codepen\.io\/[^/]+)\/pen\//i, "$1/embed/");
+  }
+  if (/(?:\/\/|^)(?:[\w-]+\.)*jsfiddle\.net\//i.test(u)) {
+    const { base, query, hash } = splitUrl(u);
+    if (/\/embedded(?:\/|$)/i.test(base)) return u;
+    const trimmed = base.replace(/\/+$/, "");
+    return `${trimmed}/embedded/${query}${hash}`;
+  }
+  if (/(?:\/\/|^)(?:[\w-]+\.)*trinket\.io\//i.test(u)) {
+    if (/trinket\.io\/embed\//i.test(u)) return u;
+    return u.replace(/trinket\.io\//i, "trinket.io/embed/");
+  }
+  if (/(?:\/\/|^)(?:[\w-]+\.)*onecompiler\.com\//i.test(u)) {
+    if (/onecompiler\.com\/embed\//i.test(u)) return u;
+    return u.replace(/onecompiler\.com\//i, "onecompiler.com/embed/");
+  }
+  return u;
+}
+
 // src/schema/blocks/table.ts
+var EXT_TABLE_HOST_ATTR = "data-scrider-ext-table";
+var EXT_TABLE_HOST_CLASS = "scrider-ext-table-host";
+var VALID_TABLE_BLOCK_FLOATS = ["left", "center", "right"];
 var VALID_CELL_HORIZONTAL_ALIGNS = [
   "left",
   "center",
@@ -466,6 +731,46 @@ function promoteAlignFromCellOps(cell) {
   }
   return cell;
 }
+function parseVerticalAlign(value) {
+  const normalized = value?.trim().toLowerCase();
+  if (!normalized) return null;
+  if (normalized === "top" || normalized === "baseline" || normalized === "text-top") return "top";
+  if (normalized === "middle" || normalized === "center") return "middle";
+  if (normalized === "bottom" || normalized === "text-bottom") return "bottom";
+  return null;
+}
+function extractInlineVerticalAlign(element) {
+  const verticalAlign = element.style?.getPropertyValue?.("vertical-align");
+  const fromStyle = parseVerticalAlign(verticalAlign);
+  if (fromStyle) return fromStyle;
+  const style = element.getAttribute("style") || "";
+  const match = style.match(/vertical-align:\s*(top|middle|bottom|center|baseline|text-top|text-bottom)/i);
+  if (match?.[1]) {
+    const parsed = parseVerticalAlign(match[1]);
+    if (parsed) return parsed;
+  }
+  const msoMatch = style.match(/mso-vertical-align:\s*(top|middle|bottom|center)/i);
+  if (msoMatch?.[1]) {
+    const parsed = parseVerticalAlign(msoMatch[1]);
+    if (parsed) return parsed;
+  }
+  return null;
+}
+function extractCellVAlign(cell) {
+  const direct = extractInlineVerticalAlign(cell);
+  if (direct) return direct;
+  const children = cell.childNodes;
+  for (let i = 0; i < children.length; i++) {
+    const child = children[i];
+    if (!child || !isElement(child)) continue;
+    const tag = child.tagName.toLowerCase();
+    if (tag === "p" || tag === "div") {
+      const vAlign = extractInlineVerticalAlign(child);
+      if (vAlign) return vAlign;
+    }
+  }
+  return null;
+}
 function renderExtendedRow(data, row, cols, defaultCellTag, context, pretty) {
   const nl = pretty ? "\n" : "";
   const ind = (level) => pretty ? "  ".repeat(level) : "";
@@ -487,14 +792,17 @@ function renderExtendedRow(data, row, cols, defaultCellTag, context, pretty) {
     }
     const colDefault = data.colAligns?.[c] ?? "left";
     const effectiveAlign = resolveCellHorizontalAlign(cell, c, data.colAligns);
-    let alignStyle = null;
+    const styleParts = [];
     if (effectiveAlign !== "left") {
-      alignStyle = `text-align: ${effectiveAlign}`;
+      styleParts.push(`text-align: ${effectiveAlign}`);
     } else if (cell.align === "left" && colDefault !== "left") {
-      alignStyle = "text-align: left";
+      styleParts.push("text-align: left");
+    }
+    if (cell.vAlign !== void 0 && cell.vAlign !== "top") {
+      styleParts.push(`vertical-align: ${cell.vAlign}`);
     }
-    if (alignStyle) {
-      attrs.push(`style="${alignStyle}"`);
+    if (styleParts.length > 0) {
+      attrs.push(`style="${styleParts.join("; ")}"`);
     }
     const attrStr = attrs.length > 0 ? " " + attrs.join(" ") : "";
     let content = "";
@@ -506,6 +814,46 @@ function renderExtendedRow(data, row, cols, defaultCellTag, context, pretty) {
   html += `${ind(2)}</tr>${nl}`;
   return html;
 }
+function parseTableBlockFloat(value) {
+  if (value === "left" || value === "center" || value === "right") return value;
+  return void 0;
+}
+function extractHostBlockWidthPx(host) {
+  const style = host.getAttribute("style") || "";
+  const widthMatch = style.match(/(?:^|;\s*)width:\s*([\d.]+)px/i);
+  if (!widthMatch?.[1]) return void 0;
+  const n = parseFloat(widthMatch[1]);
+  if (!Number.isFinite(n) || n <= 0) return void 0;
+  return Math.round(n);
+}
+function enrichTableBlockFromHost(data, host) {
+  const float = parseTableBlockFloat(host.getAttribute("data-float"));
+  const width = extractHostBlockWidthPx(host);
+  if (float == null && width == null) return data;
+  const next = { ...data };
+  if (float != null) next.float = float;
+  if (width != null) next.width = width;
+  return next;
+}
+function tableNeedsHostWrapper(data) {
+  return data.float != null && VALID_TABLE_BLOCK_FLOATS.includes(data.float) || data.width != null && data.width > 0;
+}
+function renderTableHostWrapperOpen(data, pretty) {
+  const nl = pretty ? "\n" : "";
+  const ind = pretty ? "  " : "";
+  const attrs = [`class="${EXT_TABLE_HOST_CLASS}"`, EXT_TABLE_HOST_ATTR];
+  if (data.float) attrs.push(`data-float="${escapeHtml(data.float)}"`);
+  const styleParts = [];
+  if (data.width != null && data.width > 0) {
+    styleParts.push(`width: ${Math.round(data.width)}px`);
+    styleParts.push("max-width: 100%");
+  }
+  if (styleParts.length > 0) attrs.push(`style="${styleParts.join("; ")}"`);
+  return `<div ${attrs.join(" ")}>${nl}${ind}`;
+}
+function renderTableHostWrapperClose(pretty) {
+  return pretty ? "</div>\n" : "</div>";
+}
 function isGfmCompatible(data) {
   if (data.colWidths && data.colWidths.some((w) => w > 0)) {
     return false;
@@ -513,8 +861,17 @@ function isGfmCompatible(data) {
   if (data.rowHeights && data.rowHeights.some((h) => h > 0)) {
     return false;
   }
+  if (data.width != null && data.width > 0) {
+    return false;
+  }
+  if (data.float != null) {
+    return false;
+  }
+  for (const cell of Object.values(data.cells)) {
+    if (cell !== null && cell.align !== void 0) return false;
+  }
   for (const cell of Object.values(data.cells)) {
-    if (cell !== null && cell.align !== void 0) return false;
+    if (cell !== null && cell.vAlign !== void 0) return false;
   }
   for (const cell of Object.values(data.cells)) {
     if (cell === null) return false;
@@ -729,6 +1086,10 @@ function parseTableElement(table, context) {
         delete withoutAlign.align;
         cellData = withoutAlign;
       }
+      const htmlVAlign = extractCellVAlign(cell);
+      if (htmlVAlign && htmlVAlign !== "top") {
+        cellData = { ...cellData, vAlign: htmlVAlign };
+      }
       const cellKey = `${rowIdx}:${colIdx}`;
       cells[cellKey] = cellData;
       rawAligns[cellKey] = effectiveAlign;
@@ -858,6 +1219,12 @@ var tableBlockHandler = {
         if (typeof h !== "number" || h < 0) return false;
       }
     }
+    if (data.width !== void 0) {
+      if (typeof data.width !== "number" || data.width <= 0) return false;
+    }
+    if (data.float !== void 0 && !VALID_TABLE_BLOCK_FLOATS.includes(data.float)) {
+      return false;
+    }
     if (data.colAligns !== void 0) {
       if (!Array.isArray(data.colAligns) || data.colAligns.length !== cols) {
         return false;
@@ -909,6 +1276,9 @@ var tableBlockHandler = {
       html += `${ind(1)}</tbody>${nl}`;
     }
     html += `</table>`;
+    if (tableNeedsHostWrapper(data)) {
+      return renderTableHostWrapperOpen(data, pretty) + html + renderTableHostWrapperClose(pretty);
+    }
     return html;
   },
   fromHtml(element, context) {
@@ -1714,544 +2084,282 @@ var boldFormat = {
     return value === true;
   }
 };
-
-// src/schema/formats/inline/code.ts
-var codeFormat = {
-  name: "code",
-  scope: "inline",
-  validate(value) {
-    return value === true;
-  }
-};
-
-// src/schema/formats/inline/color.ts
-var colorFormat = {
-  name: "color",
-  scope: "inline",
-  normalize(value) {
-    return toHexColor(value);
-  },
-  validate(value) {
-    return typeof value === "string" && isValidColor(value);
-  }
-};
-
-// src/schema/formats/inline/font.ts
-var fontFormat = {
-  name: "font",
-  scope: "inline",
-  validate(value) {
-    return typeof value === "string" && value.length > 0;
-  }
-};
-
-// src/schema/formats/inline/italic.ts
-var italicFormat = {
-  name: "italic",
-  scope: "inline",
-  validate(value) {
-    return value === true;
-  }
-};
-
-// src/schema/formats/inline/kbd.ts
-var kbdFormat = {
-  name: "kbd",
-  scope: "inline",
-  validate(value) {
-    return value === true;
-  }
-};
-
-// src/schema/formats/inline/link.ts
-var linkFormat = {
-  name: "link",
-  scope: "inline",
-  normalize(value) {
-    return value.trim();
-  },
-  validate(value) {
-    if (typeof value !== "string" || value.length === 0) {
-      return false;
-    }
-    const trimmed = value.trim();
-    if (trimmed.startsWith("/") || trimmed.startsWith("./") || trimmed.startsWith("../")) {
-      return true;
-    }
-    if (trimmed.startsWith("//")) {
-      return true;
-    }
-    if (trimmed.startsWith("mailto:") || trimmed.startsWith("tel:")) {
-      return true;
-    }
-    try {
-      const url = new URL(trimmed);
-      return url.protocol === "http:" || url.protocol === "https:";
-    } catch {
-      return false;
-    }
-  }
-};
-
-// src/schema/formats/inline/mark.ts
-var markFormat = {
-  name: "mark",
-  scope: "inline",
-  validate(value) {
-    return value === true;
-  }
-};
-
-// src/schema/formats/inline/size.ts
-var sizeFormat = {
-  name: "size",
-  scope: "inline",
-  validate(value) {
-    return typeof value === "string" && value.length > 0;
-  }
-};
-
-// src/schema/formats/inline/strike.ts
-var strikeFormat = {
-  name: "strike",
-  scope: "inline",
-  validate(value) {
-    return value === true;
-  }
-};
-
-// src/schema/formats/inline/subscript.ts
-var subscriptFormat = {
-  name: "subscript",
-  scope: "inline",
-  validate(value) {
-    return value === true;
-  }
-};
-
-// src/schema/formats/inline/superscript.ts
-var superscriptFormat = {
-  name: "superscript",
-  scope: "inline",
-  validate(value) {
-    return value === true;
-  }
-};
-
-// src/schema/formats/inline/underline.ts
-var underlineFormat = {
-  name: "underline",
-  scope: "inline",
-  validate(value) {
-    return value === true;
-  }
-};
-
-// src/schema/formats/block/align.ts
-var VALID_ALIGN_TYPES = ["left", "center", "right", "justify"];
-var alignFormat = {
-  name: "align",
-  scope: "block",
-  normalize(value) {
-    return value.toLowerCase();
-  },
-  validate(value) {
-    return VALID_ALIGN_TYPES.includes(value);
-  }
-};
-
-// src/schema/formats/block/blockquote.ts
-var blockquoteFormat = {
-  name: "blockquote",
-  scope: "block",
-  validate(value) {
-    return value === true;
-  }
-};
-
-// src/schema/formats/block/code-block.ts
-var codeBlockFormat = {
-  name: "code-block",
-  scope: "block",
-  normalize(value) {
-    if (typeof value === "string") {
-      return value.toLowerCase().trim();
-    }
-    return value;
-  },
-  validate(value) {
-    if (value === true) {
-      return true;
-    }
-    if (typeof value === "string" && value.length > 0) {
-      return true;
-    }
-    return false;
-  }
-};
-
-// src/schema/formats/block/header.ts
-var headerFormat = {
-  name: "header",
-  scope: "block",
-  normalize(value) {
-    return Math.max(1, Math.min(6, Math.floor(value)));
-  },
-  validate(value) {
-    return Number.isInteger(value) && value >= 1 && value <= 6;
-  }
-};
-
-// src/schema/formats/block/header-id.ts
-var headerIdFormat = {
-  name: "header-id",
-  scope: "block",
-  normalize(value) {
-    return String(value).trim().toLowerCase();
-  },
-  validate(value) {
-    if (typeof value !== "string") return false;
-    const trimmed = value.trim();
-    return trimmed.length > 0 && !/\s/.test(trimmed);
-  }
-};
-
-// src/schema/formats/block/indent.ts
-var MAX_INDENT = 8;
-var indentFormat = {
-  name: "indent",
-  scope: "block",
-  normalize(value) {
-    return Math.max(0, Math.min(MAX_INDENT, Math.floor(value)));
-  },
-  validate(value) {
-    return Number.isInteger(value) && value >= 0 && value <= MAX_INDENT;
-  }
-};
-
-// src/schema/formats/block/list.ts
-var VALID_LIST_TYPES = ["ordered", "bullet", "checked", "unchecked"];
-var listFormat = {
-  name: "list",
-  scope: "block",
-  normalize(value) {
-    return value.toLowerCase();
-  },
-  validate(value) {
-    return VALID_LIST_TYPES.includes(value);
-  }
-};
-
-// src/schema/formats/block/table-row.ts
-var tableRowFormat = {
-  name: "table-row",
-  scope: "block",
-  validate(value) {
-    return typeof value === "number" && Number.isInteger(value) && value >= 0;
-  }
-};
-
-// src/schema/formats/block/table-col.ts
-var tableColFormat = {
-  name: "table-col",
-  scope: "block",
-  validate(value) {
-    return typeof value === "number" && Number.isInteger(value) && value >= 0;
-  }
-};
-
-// src/schema/formats/block/table-header.ts
-var tableHeaderFormat = {
-  name: "table-header",
-  scope: "block",
+
+// src/schema/formats/inline/code.ts
+var codeFormat = {
+  name: "code",
+  scope: "inline",
   validate(value) {
     return value === true;
   }
 };
 
-// src/schema/formats/block/table-col-align.ts
-var VALID_ALIGNS = ["left", "center", "right"];
-var tableColAlignFormat = {
-  name: "table-col-align",
-  scope: "block",
+// src/schema/formats/inline/color.ts
+var colorFormat = {
+  name: "color",
+  scope: "inline",
   normalize(value) {
-    return value.toLowerCase();
+    return toHexColor(value);
   },
   validate(value) {
-    return VALID_ALIGNS.includes(value);
+    return typeof value === "string" && isValidColor(value);
   }
 };
 
-// src/schema/formats/embed/block.ts
-var blockFormat = {
-  name: "block",
-  scope: "embed",
+// src/schema/formats/inline/font.ts
+var fontFormat = {
+  name: "font",
+  scope: "inline",
   validate(value) {
-    return typeof value === "object" && value !== null && !Array.isArray(value) && typeof value.type === "string" && value.type.length > 0;
+    return typeof value === "string" && value.length > 0;
   }
 };
 
-// src/conversion/html/config.ts
-var INLINE_FORMAT_TAGS = {
-  link: "a",
-  bold: "strong",
-  italic: "em",
-  underline: "u",
-  strike: "s",
-  subscript: "sub",
-  superscript: "sup",
-  code: "code",
-  mark: "mark",
-  kbd: "kbd"
-};
-var INLINE_FORMAT_ORDER = [
-  "link",
-  "bold",
-  "italic",
-  "underline",
-  "strike",
-  "subscript",
-  "superscript",
-  "code",
-  "mark",
-  "kbd"
-];
-var INLINE_STYLE_FORMATS = {
-  color: "color",
-  background: "background-color",
-  font: "font-family",
-  size: "font-size"
-};
-var BLOCK_FORMAT_TAGS = {
-  header: (value) => `h${String(value)}`,
-  blockquote: "blockquote",
-  "code-block": "pre",
-  list: "li"
-  // Wrapped in ul/ol based on list type
+// src/schema/formats/inline/italic.ts
+var italicFormat = {
+  name: "italic",
+  scope: "inline",
+  validate(value) {
+    return value === true;
+  }
 };
-var LIST_WRAPPER_TAGS = {
-  ordered: "ol",
-  bullet: "ul",
-  checked: "ul",
-  unchecked: "ul"
+
+// src/schema/formats/inline/kbd.ts
+var kbdFormat = {
+  name: "kbd",
+  scope: "inline",
+  validate(value) {
+    return value === true;
+  }
 };
-var EMBED_RENDERERS = {
-  image: (value, attrs) => {
-    const src = typeof value === "string" ? value : "";
-    const altVal = attrs?.alt;
-    const widthVal = attrs?.width;
-    const heightVal = attrs?.height;
-    const floatVal = attrs?.float;
-    const alt = altVal != null && (typeof altVal === "string" || typeof altVal === "number") ? ` alt="${escapeHtml(String(altVal))}"` : "";
-    const width = widthVal != null && (typeof widthVal === "string" || typeof widthVal === "number") ? ` width="${String(widthVal)}"` : "";
-    const height = heightVal != null && (typeof heightVal === "string" || typeof heightVal === "number") ? ` height="${String(heightVal)}"` : "";
-    const float = floatVal != null && typeof floatVal === "string" && floatVal !== "none" ? ` data-float="${escapeHtml(floatVal)}"` : "";
-    return `<img src="${escapeHtml(src)}"${alt}${width}${height}${float}>`;
+
+// src/schema/formats/inline/link.ts
+var linkFormat = {
+  name: "link",
+  scope: "inline",
+  normalize(value) {
+    return value.trim();
   },
-  video: (value, attrs, context) => {
-    const src = typeof value === "string" ? value : "";
-    const floatVal = attrs?.float;
-    const widthVal = attrs?.width;
-    const heightVal = attrs?.height;
-    const float = floatVal != null && typeof floatVal === "string" && floatVal !== "none" ? ` data-float="${escapeHtml(floatVal)}"` : "";
-    const styles = [];
-    if (widthVal != null && (typeof widthVal === "string" || typeof widthVal === "number")) {
-      const w = String(widthVal);
-      if (w && w !== "auto") styles.push(`width: ${/^\d+$/.test(w) ? w + "px" : w}`);
+  validate(value) {
+    if (typeof value !== "string" || value.length === 0) {
+      return false;
     }
-    if (heightVal != null && (typeof heightVal === "string" || typeof heightVal === "number")) {
-      const h = String(heightVal);
-      if (h && h !== "auto") styles.push(`height: ${/^\d+$/.test(h) ? h + "px" : h}`);
+    const trimmed = value.trim();
+    if (trimmed.startsWith("/") || trimmed.startsWith("./") || trimmed.startsWith("../")) {
+      return true;
     }
-    const style = styles.length > 0 ? ` style="${styles.join("; ")}"` : "";
-    const embedSrc = toVideoEmbedUrl(src);
-    if (embedSrc) {
-      return `<iframe src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen${renderEmbedIframeIsolationAttrs(context, "video")}${float}${style}></iframe>`;
+    if (trimmed.startsWith("//")) {
+      return true;
     }
-    return `<video src="${escapeHtml(src)}" controls${float}${style}></video>`;
-  },
-  codeWidget: (value, attrs, context) => {
-    const src = typeof value === "string" ? value : "";
-    const floatVal = attrs?.float;
-    const widthVal = attrs?.width;
-    const heightVal = attrs?.height;
-    const float = floatVal != null && typeof floatVal === "string" && floatVal !== "none" ? ` data-float="${escapeHtml(floatVal)}"` : "";
-    const styles = [];
-    if (widthVal != null && (typeof widthVal === "string" || typeof widthVal === "number")) {
-      const w = String(widthVal);
-      if (w && w !== "auto") styles.push(`width: ${/^\d+$/.test(w) ? w + "px" : w}`);
+    if (trimmed.startsWith("mailto:") || trimmed.startsWith("tel:")) {
+      return true;
     }
-    if (heightVal != null && (typeof heightVal === "string" || typeof heightVal === "number")) {
-      const h = String(heightVal);
-      if (h && h !== "auto") styles.push(`height: ${/^\d+$/.test(h) ? h + "px" : h}`);
+    try {
+      const url = new URL(trimmed);
+      return url.protocol === "http:" || url.protocol === "https:";
+    } catch {
+      return false;
     }
-    const style = styles.length > 0 ? ` style="${styles.join("; ")}"` : "";
-    const embedSrc = toCodeWidgetEmbedUrl(src);
-    return `<iframe data-code-widget src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen${renderEmbedIframeIsolationAttrs(context, "codeWidget")}${float}${style}></iframe>`;
-  },
-  formula: (value) => {
-    const latex = typeof value === "string" ? value : "";
-    return `<span class="formula" data-formula="${escapeHtml(latex)}">${escapeHtml(latex)}</span>`;
-  },
-  diagram: (value) => {
-    const source = typeof value === "string" ? value : "";
-    return `<span class="diagram" data-diagram="${escapeHtml(source)}">${escapeHtml(source)}</span>`;
-  },
-  drawio: (value, attrs) => {
-    const src = typeof value === "string" ? value : "";
-    const altVal = attrs?.alt;
-    const alt = altVal != null && (typeof altVal === "string" || typeof altVal === "number") ? ` data-alt="${escapeHtml(String(altVal))}"` : "";
-    return `<span class="drawio" data-drawio-src="${escapeHtml(src)}"${alt}></span>`;
-  },
-  "footnote-ref": (value) => {
-    const id = typeof value === "string" ? value : String(value);
-    return `<sup class="footnote-ref"><a href="#fn-${escapeHtml(id)}" id="fnref-${escapeHtml(id)}">[${escapeHtml(id)}]</a></sup>`;
-  },
-  divider: () => "<hr>",
-  // Soft line break (Shift+Enter equivalent). Emitted with an explicit
-  // `data-scrider-embed` marker so that html-to-delta can distinguish this
-  // embed from the placeholder `<br>` that appears inside an empty
-  // paragraph (`<p><br></p>`) without relying solely on positional
-  // heuristics. See `soft-break.ts` for the format definition.
-  softBreak: () => "<br data-scrider-embed>"
-};
-var TAG_TO_INLINE_FORMAT = {
-  strong: { format: "bold", value: true },
-  b: { format: "bold", value: true },
-  em: { format: "italic", value: true },
-  i: { format: "italic", value: true },
-  u: { format: "underline", value: true },
-  ins: { format: "underline", value: true },
-  s: { format: "strike", value: true },
-  strike: { format: "strike", value: true },
-  del: { format: "strike", value: true },
-  sub: { format: "subscript", value: true },
-  sup: { format: "superscript", value: true },
-  code: { format: "code", value: true },
-  mark: { format: "mark", value: true },
-  kbd: { format: "kbd", value: true }
-};
-var TAG_TO_BLOCK_FORMAT = {
-  h1: { format: "header", value: 1 },
-  h2: { format: "header", value: 2 },
-  h3: { format: "header", value: 3 },
-  h4: { format: "header", value: 4 },
-  h5: { format: "header", value: 5 },
-  h6: { format: "header", value: 6 },
-  blockquote: { format: "blockquote", value: true },
-  pre: { format: "code-block", value: true }
+  }
 };
-var CSS_ALIGN_TO_FORMAT = {
-  left: "left",
-  center: "center",
-  right: "right",
-  justify: "justify"
+
+// src/schema/formats/inline/mark.ts
+var markFormat = {
+  name: "mark",
+  scope: "inline",
+  validate(value) {
+    return value === true;
+  }
 };
-function escapeHtml(text) {
-  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-}
-function unescapeHtml(text) {
-  return text.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#039;/g, "'").replace(/&amp;/g, "&");
-}
-function toVideoEmbedUrl(url) {
-  if (url.includes("youtube.com/embed") || url.includes("player.vimeo.com") || url.includes("dailymotion.com/embed") || url.includes("video_ext.php") || url.includes("rutube.ru/play/embed")) {
-    return url;
+
+// src/schema/formats/inline/size.ts
+var sizeFormat = {
+  name: "size",
+  scope: "inline",
+  validate(value) {
+    return typeof value === "string" && value.length > 0;
   }
-  const ytMatch = url.match(/youtube\.com\/watch\?v=([\w-]+)/);
-  if (ytMatch) {
-    return `https://www.youtube.com/embed/${ytMatch[1]}`;
+};
+
+// src/schema/formats/inline/strike.ts
+var strikeFormat = {
+  name: "strike",
+  scope: "inline",
+  validate(value) {
+    return value === true;
   }
-  const ytShortMatch = url.match(/youtu\.be\/([\w-]+)/);
-  if (ytShortMatch) {
-    return `https://www.youtube.com/embed/${ytShortMatch[1]}`;
+};
+
+// src/schema/formats/inline/subscript.ts
+var subscriptFormat = {
+  name: "subscript",
+  scope: "inline",
+  validate(value) {
+    return value === true;
   }
-  const rtMatch = url.match(/rutube\.ru\/video\/([\w]+)/);
-  if (rtMatch) {
-    return `https://rutube.ru/play/embed/${rtMatch[1]}`;
+};
+
+// src/schema/formats/inline/superscript.ts
+var superscriptFormat = {
+  name: "superscript",
+  scope: "inline",
+  validate(value) {
+    return value === true;
   }
-  return null;
-}
-function fromVideoEmbedUrl(embedUrl) {
-  const ytMatch = embedUrl.match(/youtube\.com\/embed\/([\w-]+)/);
-  if (ytMatch) {
-    return `https://www.youtube.com/watch?v=${ytMatch[1]}`;
+};
+
+// src/schema/formats/inline/underline.ts
+var underlineFormat = {
+  name: "underline",
+  scope: "inline",
+  validate(value) {
+    return value === true;
   }
-  const rtMatch = embedUrl.match(/rutube\.ru\/play\/embed\/([\w]+)/);
-  if (rtMatch) {
-    return `https://rutube.ru/video/${rtMatch[1]}/`;
+};
+
+// src/schema/formats/block/align.ts
+var VALID_ALIGN_TYPES = ["left", "center", "right", "justify"];
+var alignFormat = {
+  name: "align",
+  scope: "block",
+  normalize(value) {
+    return value.toLowerCase();
+  },
+  validate(value) {
+    return VALID_ALIGN_TYPES.includes(value);
   }
-  return embedUrl;
-}
-function splitUrl(url) {
-  let rest = url;
-  let hash = "";
-  const hashIdx = rest.indexOf("#");
-  if (hashIdx >= 0) {
-    hash = rest.slice(hashIdx);
-    rest = rest.slice(0, hashIdx);
+};
+
+// src/schema/formats/block/blockquote.ts
+var blockquoteFormat = {
+  name: "blockquote",
+  scope: "block",
+  validate(value) {
+    return value === true;
   }
-  let query = "";
-  const qIdx = rest.indexOf("?");
-  if (qIdx >= 0) {
-    query = rest.slice(qIdx);
-    rest = rest.slice(0, qIdx);
+};
+
+// src/schema/formats/block/code-block.ts
+var codeBlockFormat = {
+  name: "code-block",
+  scope: "block",
+  normalize(value) {
+    if (typeof value === "string") {
+      return value.toLowerCase().trim();
+    }
+    return value;
+  },
+  validate(value) {
+    if (value === true) {
+      return true;
+    }
+    if (typeof value === "string" && value.length > 0) {
+      return true;
+    }
+    return false;
   }
-  return { base: rest, query, hash };
-}
-function hasQueryParam(url, key) {
-  const { query } = splitUrl(url);
-  return new RegExp(`[?&]${key}=`, "i").test(query);
-}
-function appendQueryParam(url, key, value) {
-  const { base, query, hash } = splitUrl(url);
-  const next = query ? `${query}&${key}=${value}` : `?${key}=${value}`;
-  return `${base}${next}${hash}`;
-}
-var CODE_WIDGET_IFRAME_ALLOW = "accelerometer; camera; encrypted-media; geolocation; gyroscope; microphone; midi; payment; usb; xr-spatial-tracking; cross-origin-isolated";
-function renderEmbedIframeIsolationAttrs(context, kind) {
-  const opts = context?.embed;
-  const parts = [];
-  if (kind === "codeWidget" && opts?.crossOriginIsolated) {
-    parts.push(`allow="${CODE_WIDGET_IFRAME_ALLOW}"`);
+};
+
+// src/schema/formats/block/header.ts
+var headerFormat = {
+  name: "header",
+  scope: "block",
+  normalize(value) {
+    return Math.max(1, Math.min(6, Math.floor(value)));
+  },
+  validate(value) {
+    return Number.isInteger(value) && value >= 1 && value <= 6;
   }
-  if (opts?.credentialless) {
-    parts.push("credentialless");
+};
+
+// src/schema/formats/block/header-id.ts
+var headerIdFormat = {
+  name: "header-id",
+  scope: "block",
+  normalize(value) {
+    return String(value).trim().toLowerCase();
+  },
+  validate(value) {
+    if (typeof value !== "string") return false;
+    const trimmed = value.trim();
+    return trimmed.length > 0 && !/\s/.test(trimmed);
   }
-  return parts.length ? ` ${parts.join(" ")}` : "";
-}
-function toCodeWidgetEmbedUrl(url) {
-  const u = typeof url === "string" ? url.trim() : "";
-  if (!u) return "";
-  if (/(?:\/\/|^)(?:[\w-]+\.)*stackblitz\.com\//i.test(u)) {
-    return hasQueryParam(u, "embed") ? u : appendQueryParam(u, "embed", "1");
+};
+
+// src/schema/formats/block/indent.ts
+var MAX_INDENT = 8;
+var indentFormat = {
+  name: "indent",
+  scope: "block",
+  normalize(value) {
+    return Math.max(0, Math.min(MAX_INDENT, Math.floor(value)));
+  },
+  validate(value) {
+    return Number.isInteger(value) && value >= 0 && value <= MAX_INDENT;
   }
-  if (/(?:\/\/|^)(?:[\w-]+\.)*codesandbox\.io\//i.test(u)) {
-    if (/codesandbox\.io\/embed\//i.test(u)) return u;
-    return u.replace(/codesandbox\.io\/s\//i, "codesandbox.io/embed/");
+};
+
+// src/schema/formats/block/list.ts
+var VALID_LIST_TYPES = ["ordered", "bullet", "checked", "unchecked"];
+var listFormat = {
+  name: "list",
+  scope: "block",
+  normalize(value) {
+    return value.toLowerCase();
+  },
+  validate(value) {
+    return VALID_LIST_TYPES.includes(value);
   }
-  if (/(?:\/\/|^)(?:[\w-]+\.)*replit\.com\//i.test(u)) {
-    return hasQueryParam(u, "embed") ? u : appendQueryParam(u, "embed", "true");
+};
+
+// src/schema/formats/block/table-row.ts
+var tableRowFormat = {
+  name: "table-row",
+  scope: "block",
+  validate(value) {
+    return typeof value === "number" && Number.isInteger(value) && value >= 0;
   }
-  if (/(?:\/\/|^)(?:[\w-]+\.)*codepen\.io\//i.test(u)) {
-    if (/codepen\.io\/[^/]+\/embed\//i.test(u)) return u;
-    return u.replace(/(codepen\.io\/[^/]+)\/pen\//i, "$1/embed/");
+};
+
+// src/schema/formats/block/table-col.ts
+var tableColFormat = {
+  name: "table-col",
+  scope: "block",
+  validate(value) {
+    return typeof value === "number" && Number.isInteger(value) && value >= 0;
   }
-  if (/(?:\/\/|^)(?:[\w-]+\.)*jsfiddle\.net\//i.test(u)) {
-    const { base, query, hash } = splitUrl(u);
-    if (/\/embedded(?:\/|$)/i.test(base)) return u;
-    const trimmed = base.replace(/\/+$/, "");
-    return `${trimmed}/embedded/${query}${hash}`;
+};
+
+// src/schema/formats/block/table-header.ts
+var tableHeaderFormat = {
+  name: "table-header",
+  scope: "block",
+  validate(value) {
+    return value === true;
   }
-  if (/(?:\/\/|^)(?:[\w-]+\.)*trinket\.io\//i.test(u)) {
-    if (/trinket\.io\/embed\//i.test(u)) return u;
-    return u.replace(/trinket\.io\//i, "trinket.io/embed/");
+};
+
+// src/schema/formats/block/table-col-align.ts
+var VALID_ALIGNS = ["left", "center", "right"];
+var tableColAlignFormat = {
+  name: "table-col-align",
+  scope: "block",
+  normalize(value) {
+    return value.toLowerCase();
+  },
+  validate(value) {
+    return VALID_ALIGNS.includes(value);
   }
-  if (/(?:\/\/|^)(?:[\w-]+\.)*onecompiler\.com\//i.test(u)) {
-    if (/onecompiler\.com\/embed\//i.test(u)) return u;
-    return u.replace(/onecompiler\.com\//i, "onecompiler.com/embed/");
+};
+
+// src/schema/formats/embed/block.ts
+var blockFormat = {
+  name: "block",
+  scope: "embed",
+  validate(value) {
+    return typeof value === "object" && value !== null && !Array.isArray(value) && typeof value.type === "string" && value.type.length > 0;
   }
-  return u;
-}
+};
 
 // src/schema/formats/embed/codeWidget.ts
 var codeWidgetFormat = {
@@ -3806,6 +3914,10 @@ function htmlToDelta(html, options = {}) {
         processBoxElement(node);
         return;
       }
+      if (node.hasAttribute("data-scrider-ext-table")) {
+        processExtTableHostElement(node);
+        return;
+      }
     }
     if (tagName === "p" || tagName === "div") {
       processDefaultBlock(node);
@@ -4149,27 +4261,43 @@ function htmlToDelta(html, options = {}) {
     }
     processChildren(element);
   }
-  function processTableElement(table) {
-    const tableHandler = options.blockHandlers?.get("table");
-    if (tableHandler) {
-      const blockContext = {
-        registry: void 0,
-        // Registry not needed for fromHtml parsing
-        parseElement: (el) => {
-          const innerHtml = el.innerHTML ?? "";
-          if (!innerHtml) return [{ insert: "\n" }];
-          return htmlToDelta(innerHtml, options).ops;
-        }
-      };
-      const data = tableHandler.fromHtml(table, blockContext);
-      if (data) {
-        flushText();
-        delta.insert({ block: data });
-        delta.insert("\n");
-        atLineStart = true;
-        return;
+  function processExtTableHostElement(host) {
+    let table = null;
+    const children2 = host.childNodes;
+    for (let i = 0; i < children2.length; i++) {
+      const child = children2[i];
+      if (child && isElement(child) && child.tagName.toLowerCase() === "table") {
+        table = child;
+        break;
       }
     }
+    if (table && insertExtendedTableBlock(table, host)) return;
+    processDefaultBlock(host);
+  }
+  function makeTableBlockParseContext() {
+    return {
+      registry: void 0,
+      parseElement: (el) => {
+        const innerHtml = el.innerHTML ?? "";
+        if (!innerHtml) return [{ insert: "\n" }];
+        return htmlToDelta(innerHtml, options).ops;
+      }
+    };
+  }
+  function insertExtendedTableBlock(table, host) {
+    const tableHandler = options.blockHandlers?.get("table");
+    if (!tableHandler) return false;
+    let data = tableHandler.fromHtml(table, makeTableBlockParseContext());
+    if (!data) return false;
+    if (host) data = enrichTableBlockFromHost(data, host);
+    flushText();
+    delta.insert({ block: data });
+    delta.insert("\n");
+    atLineStart = true;
+    return true;
+  }
+  function processTableElement(table) {
+    if (insertExtendedTableBlock(table, null)) return;
     let rowIdx = 0;
     const tableChildren = table.childNodes;
     for (let i = 0; i < tableChildren.length; i++) {