@scrider/formatter 1.10.0 → 1.10.3

package/dist/index.js

@@ -459,9 +459,13 @@ var EMBED_RENDERERS = {
     const embedSrc = toCodeWidgetEmbedUrl(src);
     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
+  // KaTeX post-render replaces the text body with a `.katex` subtree. Without
+  // the marker, DomBridge counts the raw LaTeX length and drifts indices for
+  // everything after the formula (e.g. Simple Table chrome probe fails).
   formula: (value) => {
     const latex = typeof value === "string" ? value : "";
-    return `<span class="formula" data-formula="${escapeHtml(latex)}">${escapeHtml(latex)}</span>`;
+    return `<span class="formula" data-formula="${escapeHtml(latex)}" data-scrider-embed>${escapeHtml(latex)}</span>`;
   },
   diagram: (value) => {
     const source = typeof value === "string" ? value : "";
@@ -2587,7 +2591,7 @@ var formulaFormat = {
   },
   render(value) {
     const latex = typeof value === "string" ? value : "";
-    return `<span class="formula" data-formula="${escapeHtml(latex)}">${escapeHtml(latex)}</span>`;
+    return `<span class="formula" data-formula="${escapeHtml(latex)}" data-scrider-embed>${escapeHtml(latex)}</span>`;
   },
   match(element) {
     if (element.tagName.toLowerCase() !== "span") return null;
@@ -3174,6 +3178,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";
@@ -3338,6 +3426,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 = [];
@@ -3350,7 +3444,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;
     }
@@ -3441,7 +3535,8 @@ function deltaToHtml(delta, options = {}) {
         line.attributes,
         pretty,
         headingId,
-        resolvedDocumentPresentation
+        resolvedDocumentPresentation,
+        resolvedHeadingPolicy
       );
     }
   }
@@ -3761,19 +3856,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") {
@@ -6093,6 +6192,7 @@ export {
   BOX_OVERFLOW_VALUES,
   BlockHandlerRegistry,
   BrowserDOMAdapter,
+  HEADER_SIZE_PRESETS,
   LINE_HEIGHT_BLOCK_TAGS,
   NODE_TYPE,
   NodeDOMAdapter,
@@ -6147,6 +6247,7 @@ export {
   getNamedColors,
   headerFormat,
   headerIdFormat,
+  headingPolicyStyleParts,
   htmlToDelta,
   imageFormat,
   indentFormat,
@@ -6175,6 +6276,7 @@ export {
   preloadRemark,
   renderDelta,
   resolveDocumentPresentation,
+  resolveHeadingPolicy,
   resolveTablePresentation,
   sanitizeDelta,
   sizeFormat,