@scrider/formatter 1.10.1 → 1.10.4

package/dist/index.js

@@ -456,7 +456,7 @@ var EMBED_RENDERERS = {
       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);
+    const embedSrc = resolveCodeWidgetEmbedSrc(src, context);
     return `<iframe data-code-widget src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen${renderEmbedIframeIsolationAttrs(context, "codeWidget")}${float}${style}></iframe>`;
   },
   // `data-scrider-embed` marks this span as 1 Delta char for DomBridge before
@@ -556,31 +556,6 @@ function fromVideoEmbedUrl(embedUrl) {
   }
   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;
@@ -593,38 +568,13 @@ function renderEmbedIframeIsolationAttrs(context, kind) {
   }
   return parts.length ? ` ${parts.join(" ")}` : "";
 }
-function toCodeWidgetEmbedUrl(url) {
+function resolveCodeWidgetEmbedSrc(url, context) {
   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;
+  return context?.codeWidgetEmbedUrl ? context.codeWidgetEmbedUrl(u) : u;
+}
+function toCodeWidgetEmbedUrl(url) {
+  return typeof url === "string" ? url.trim() : "";
 }
 
 // src/schema/blocks/table.ts
@@ -2467,7 +2417,7 @@ var codeWidgetFormat = {
       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);
+    const embedSrc = resolveCodeWidgetEmbedSrc(src, context);
     return `<iframe data-code-widget src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen${renderEmbedIframeIsolationAttrs(context, "codeWidget")}${float}${style}></iframe>`;
   },
   match(element) {
@@ -3178,6 +3128,90 @@ function joinStyleParts(parts) {
   return parts.length > 0 ? ` style="${parts.join("; ")}"` : "";
 }
 
+// src/conversion/html/heading-presentation.ts
+var HEADER_SIZE_PRESETS = Object.freeze({
+  scrider: Object.freeze({
+    1: "32pt",
+    2: "24pt",
+    3: "20pt",
+    4: "18pt",
+    5: "16pt",
+    6: "14pt"
+  }),
+  google: Object.freeze({
+    1: "26pt",
+    2: "20pt",
+    3: "16pt",
+    4: "14pt",
+    5: "12pt",
+    6: "11pt"
+  }),
+  word: Object.freeze({
+    1: "22pt",
+    2: "18pt",
+    3: "16pt",
+    4: "14pt",
+    5: "12pt",
+    6: "12pt"
+  }),
+  browser: Object.freeze({
+    1: "24pt",
+    2: "18pt",
+    3: "14pt",
+    4: "12pt",
+    5: "10pt",
+    6: "8pt"
+  }),
+  githubEm: Object.freeze({
+    1: "32pt",
+    2: "24pt",
+    3: "20pt",
+    4: "16pt",
+    5: "14pt",
+    6: "14pt"
+  })
+});
+var HEADING_TAGS = /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "h6"]);
+function isHeaderSizePresetName(value) {
+  return Object.prototype.hasOwnProperty.call(HEADER_SIZE_PRESETS, value);
+}
+function resolveHeadingPolicy(metadata) {
+  if (!metadata) return void 0;
+  const align = metadata.headingAlign === "left" || metadata.headingAlign === "center" || metadata.headingAlign === "right" ? metadata.headingAlign : void 0;
+  const bold = metadata.headingBold === true;
+  const auto = metadata.headingAuto === true;
+  const presetRaw = metadata.headingSizeGridPreset;
+  const sizePreset = !auto && typeof presetRaw === "string" && isHeaderSizePresetName(presetRaw) ? presetRaw : void 0;
+  if (align === void 0 && !bold && sizePreset === void 0 && !auto) {
+    return void 0;
+  }
+  return { align, bold, sizePreset, auto };
+}
+function headingLevelFromTag(tag) {
+  if (!HEADING_TAGS.has(tag)) return void 0;
+  const n = Number(tag.slice(1));
+  if (n >= 1 && n <= 6) return n;
+  return void 0;
+}
+function headingPolicyStyleParts(tag, blockAttributes, policy) {
+  if (!policy) return [];
+  const level = headingLevelFromTag(tag);
+  if (level === void 0) return [];
+  const parts = [];
+  const bakedAlign = blockAttributes?.align;
+  if (policy.align && policy.align !== "left" && !(typeof bakedAlign === "string" && bakedAlign.length > 0)) {
+    parts.push(`text-align: ${policy.align}`);
+  }
+  if (policy.bold) {
+    parts.push("font-weight: bold");
+  }
+  if (policy.sizePreset) {
+    const size = HEADER_SIZE_PRESETS[policy.sizePreset][level];
+    if (size) parts.push(`font-size: ${size}`);
+  }
+  return parts;
+}
+
 // src/conversion/html/table-presentation.ts
 var DEFAULT_BORDER_COLOR = "#e7e7e7";
 var DEFAULT_HEADER_BG = "#f5f5f5";
@@ -3342,6 +3376,12 @@ function deltaToHtml(delta, options = {}) {
   const resolvedDocumentPresentation = resolveDocumentPresentation(
     options.documentPresentation ?? documentMetadataToPresentation(options.documentMetadata)
   );
+  const resolvedHeadingPolicy = resolveHeadingPolicy(options.documentMetadata);
+  const effectiveTablePresentation = options.tablePresentation ?? options.documentMetadata?.tablePresentation;
+  const optionsWithTable = {
+    ...options,
+    ...effectiveTablePresentation !== void 0 ? { tablePresentation: effectiveTablePresentation } : {}
+  };
   let html = "";
   let listStack = [];
   let counters = [];
@@ -3354,7 +3394,7 @@ function deltaToHtml(delta, options = {}) {
       listStack = [];
       counters = [];
       const tableLines = collectAdjacentTableLines(lines, i);
-      html += renderTable(tableLines, embedRenderers, pretty, blockHandlers, options);
+      html += renderTable(tableLines, embedRenderers, pretty, blockHandlers, optionsWithTable);
       i += tableLines.length - 1;
       continue;
     }
@@ -3445,7 +3485,8 @@ function deltaToHtml(delta, options = {}) {
         line.attributes,
         pretty,
         headingId,
-        resolvedDocumentPresentation
+        resolvedDocumentPresentation,
+        resolvedHeadingPolicy
       );
     }
   }
@@ -3765,19 +3806,23 @@ function renderListItem(content, attrs, blockAttributes, pretty, indentLevel, hi
   const html = `${indent}<li${fullAttrs}>${innerContent}</li>`;
   return pretty ? html + "\n" : html;
 }
-function renderBlock(content, tag, attributes, pretty, id, resolvedDocumentPresentation) {
+function renderBlock(content, tag, attributes, pretty, id, resolvedDocumentPresentation, resolvedHeadingPolicy) {
   const idAttr = id ? ` id="${escapeHtml(id)}"` : "";
-  const styleAttr = getBlockStyleAttribute(tag, attributes, resolvedDocumentPresentation);
+  const styleAttr = getBlockStyleAttribute(
+    tag,
+    attributes,
+    resolvedDocumentPresentation,
+    resolvedHeadingPolicy
+  );
   const innerContent = content || "<br>";
   const html = `<${tag}${idAttr}${styleAttr}>${innerContent}</${tag}>`;
   return pretty ? html + "\n" : html;
 }
-function getBlockStyleAttribute(tag, attributes, resolvedDocumentPresentation) {
-  const styles = blockPresentationStyleParts(
-    tag,
-    attributes,
-    resolvedDocumentPresentation
-  );
+function getBlockStyleAttribute(tag, attributes, resolvedDocumentPresentation, resolvedHeadingPolicy) {
+  const styles = [
+    ...blockPresentationStyleParts(tag, attributes, resolvedDocumentPresentation),
+    ...headingPolicyStyleParts(tag, attributes, resolvedHeadingPolicy)
+  ];
   if (attributes) {
     const alignVal = attributes.align;
     if (alignVal && typeof alignVal === "string" && alignVal !== "left") {
@@ -3869,7 +3914,10 @@ function renderEmbed(value, attributes, renderers, blockHandlers, options) {
     return "";
   }
   const embedValue = value[embedType];
-  const embedContext = options?.embed != null ? { embed: options.embed } : {};
+  const embedContext = {
+    ...options?.embed != null ? { embed: options.embed } : {},
+    ...options?.codeWidgetEmbedUrl != null ? { codeWidgetEmbedUrl: options.codeWidgetEmbedUrl } : {}
+  };
   const registry = options?.registry;
   if (registry) {
     const format = registry.get(embedType);
@@ -4703,7 +4751,8 @@ function deltaToMarkdown(delta, options = {}) {
     prettyHtml = false,
     registry,
     softBreakStyle = "spaces",
-    trimTrailingNewlines = false
+    trimTrailingNewlines = false,
+    codeWidgetEmbedUrl
   } = options;
   const useLatexDelimiters = mathSyntax === "latex";
   const lines = splitIntoLines2(delta.ops);
@@ -4745,7 +4794,9 @@ function deltaToMarkdown(delta, options = {}) {
           blockHandlers,
           false,
           registry,
-          softBreakStyle
+          softBreakStyle,
+          false,
+          codeWidgetEmbedUrl
         )
       ).join("\n");
       if (language === "math") {
@@ -4797,7 +4848,9 @@ ${code}
       blockHandlers,
       prettyHtml,
       registry,
-      softBreakStyle
+      softBreakStyle,
+      false,
+      codeWidgetEmbedUrl
     );
     if (!content && !hasBlockFormat(attrs)) {
       result.push(preserveEmptyLines ? "<br>" : "");
@@ -5021,7 +5074,7 @@ function getCodeBlockId2(attributes) {
   const id = attributes["code-block-id"];
   return typeof id === "string" ? id : void 0;
 }
-function renderLineContent2(ops, embedRenderers, inCodeBlock, useLatexDelimiters = false, blockHandlers, prettyHtml = false, registry, softBreakStyle = "spaces", inTableCell = false) {
+function renderLineContent2(ops, embedRenderers, inCodeBlock, useLatexDelimiters = false, blockHandlers, prettyHtml = false, registry, softBreakStyle = "spaces", inTableCell = false, codeWidgetEmbedUrl) {
   let result = "";
   for (const op of ops) {
     const attrs = op.attributes;
@@ -5043,7 +5096,8 @@ function renderLineContent2(ops, embedRenderers, inCodeBlock, useLatexDelimiters
         prettyHtml,
         registry,
         softBreakStyle,
-        inTableCell
+        inTableCell,
+        codeWidgetEmbedUrl
       );
     }
   }
@@ -5077,7 +5131,7 @@ function renderInlineText2(text, attributes) {
   }
   return result;
 }
-function renderEmbed2(embed, attributes, customRenderers, useLatexDelimiters = false, blockHandlers, prettyHtml = false, registry, softBreakStyle = "spaces", inTableCell = false) {
+function renderEmbed2(embed, attributes, customRenderers, useLatexDelimiters = false, blockHandlers, prettyHtml = false, registry, softBreakStyle = "spaces", inTableCell = false, codeWidgetEmbedUrl) {
   const entries = Object.entries(embed);
   if (entries.length === 0) return "";
   const firstEntry = entries[0];
@@ -5126,7 +5180,11 @@ function renderEmbed2(embed, attributes, customRenderers, useLatexDelimiters = f
         if (md !== null) return md;
       }
       if (format.render) {
-        return format.render(embedValue, attributes);
+        return format.render(
+          embedValue,
+          attributes,
+          codeWidgetEmbedUrl != null ? { codeWidgetEmbedUrl } : void 0
+        );
       }
     }
   }
@@ -5187,7 +5245,7 @@ function renderEmbed2(embed, attributes, customRenderers, useLatexDelimiters = f
         if (h && h !== "auto") styles.push(`height: ${/^\d+$/.test(h) ? h + "px" : h}`);
       }
       const styleAttr = styles.length > 0 ? ` style="${styles.join("; ")}"` : "";
-      const embedSrc = toCodeWidgetEmbedUrl(src);
+      const embedSrc = codeWidgetEmbedUrl ? codeWidgetEmbedUrl(src) : src;
       return `<iframe data-code-widget src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen${floatAttr}${styleAttr}></iframe>`;
     }
     return `![Widget](${src})`;
@@ -6097,6 +6155,7 @@ export {
   BOX_OVERFLOW_VALUES,
   BlockHandlerRegistry,
   BrowserDOMAdapter,
+  HEADER_SIZE_PRESETS,
   LINE_HEIGHT_BLOCK_TAGS,
   NODE_TYPE,
   NodeDOMAdapter,
@@ -6151,6 +6210,7 @@ export {
   getNamedColors,
   headerFormat,
   headerIdFormat,
+  headingPolicyStyleParts,
   htmlToDelta,
   imageFormat,
   indentFormat,
@@ -6178,7 +6238,9 @@ export {
   parseScriderMarginEm,
   preloadRemark,
   renderDelta,
+  resolveCodeWidgetEmbedSrc,
   resolveDocumentPresentation,
+  resolveHeadingPolicy,
   resolveTablePresentation,
   sanitizeDelta,
   sizeFormat,