@scrider/formatter 1.4.4 → 1.5.0

package/dist/index.cjs

@@ -2856,7 +2856,16 @@ function deltaToHtml(delta, options = {}) {
       counters = [];
       const codeLines = collectCodeBlockLines(lines, i);
       const language = getCodeBlockLanguage(line.attributes);
-      html += renderCodeBlock(codeLines, language, embedRenderers, pretty, blockHandlers, options);
+      const codeBlockId = getCodeBlockId(line.attributes);
+      html += renderCodeBlock(
+        codeLines,
+        language,
+        embedRenderers,
+        pretty,
+        blockHandlers,
+        options,
+        codeBlockId
+      );
       i += codeLines.length - 1;
       continue;
     }
@@ -3127,11 +3136,13 @@ function collectCodeBlockLines(lines, startIndex) {
   const startLine = lines[startIndex];
   if (!startLine) return codeLines;
   const startLang = getCodeBlockLanguage(startLine.attributes);
+  const startId = getCodeBlockId(startLine.attributes);
   for (let i = startIndex; i < lines.length; i++) {
     const line = lines[i];
     if (!line || !line.attributes?.["code-block"]) break;
     const lang = getCodeBlockLanguage(line.attributes);
-    if (i > startIndex && lang !== startLang) break;
+    const id = getCodeBlockId(line.attributes);
+    if (i > startIndex && (lang !== startLang || id !== startId)) break;
     codeLines.push(line);
   }
   return codeLines;
@@ -3144,14 +3155,20 @@ function getCodeBlockLanguage(attributes) {
   }
   return void 0;
 }
-function renderCodeBlock(codeLines, language, embedRenderers, pretty, blockHandlers, options) {
+function getCodeBlockId(attributes) {
+  if (!attributes) return void 0;
+  const id = attributes["code-block-id"];
+  return typeof id === "string" ? id : void 0;
+}
+function renderCodeBlock(codeLines, language, embedRenderers, pretty, blockHandlers, options, codeBlockId) {
   const lineContents = codeLines.map(
     (line) => renderLineContent(line.ops, embedRenderers, blockHandlers, options)
   );
   const code = lineContents.join("\n");
   const langClass = language ? ` class="language-${escapeHtml(language)}"` : "";
   const langAttr = language ? ` data-language="${escapeHtml(language)}"` : "";
-  const html = `<pre${langAttr}><code${langClass}>${code}
+  const idAttr = codeBlockId ? ` data-code-block-id="${escapeHtml(codeBlockId)}"` : "";
+  const html = `<pre${langAttr}${idAttr}><code${langClass}>${code}
 </code></pre>`;
   return pretty ? html + "\n" : html;
 }
@@ -3365,6 +3382,7 @@ function htmlToDelta(html, options = {}) {
   let currentBlockAttributes = {};
   let pendingText = "";
   let atLineStart = true;
+  let codeBlockIdSeq = 0;
   const context = {
     delta,
     get attributes() {
@@ -3577,6 +3595,8 @@ function htmlToDelta(html, options = {}) {
     }
     const codeBlockValue = language || true;
     currentBlockAttributes["code-block"] = codeBlockValue;
+    const existingId = element.getAttribute("data-code-block-id");
+    currentBlockAttributes["code-block-id"] = existingId || `cb-${++codeBlockIdSeq}`;
     const sourceElement = codeElement || element;
     const rawText = sourceElement.textContent ?? "";
     const text = rawText.endsWith("\n") ? rawText.slice(0, -1) : rawText;
@@ -4312,11 +4332,13 @@ function collectCodeBlock(lines, startIndex) {
   const startLine = lines[startIndex];
   if (!startLine) return codeLines;
   const startLang = getCodeBlockLanguage2(startLine.attributes);
+  const startId = getCodeBlockId2(startLine.attributes);
   for (let i = startIndex; i < lines.length; i++) {
     const line = lines[i];
     if (!line || !line.attributes["code-block"]) break;
     const lang = getCodeBlockLanguage2(line.attributes);
-    if (i > startIndex && lang !== startLang) break;
+    const id = getCodeBlockId2(line.attributes);
+    if (i > startIndex && (lang !== startLang || id !== startId)) break;
     codeLines.push(line);
   }
   return codeLines;
@@ -4434,6 +4456,10 @@ function getCodeBlockLanguage2(attributes) {
   }
   return void 0;
 }
+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) {
   let result = "";
   for (const op of ops) {
@@ -4787,6 +4813,7 @@ function astToDelta(tree, customHandlers, mathBlock, mermaidBlock, plantumlBlock
   let pendingText = "";
   const spanAttrStack = [];
   const footnoteDefinitions = /* @__PURE__ */ new Map();
+  let codeBlockIdSeq = 0;
   const context = {
     delta,
     pushText(text, attrs) {
@@ -5102,7 +5129,8 @@ function astToDelta(tree, customHandlers, mathBlock, mermaidBlock, plantumlBlock
     }
     const lines = code.split("\n");
     const codeBlockAttr = {
-      "code-block": lang ?? true
+      "code-block": lang ?? true,
+      "code-block-id": `cb-${++codeBlockIdSeq}`
     };
     for (const line of lines) {
       context.pushText(line);
@@ -5116,7 +5144,10 @@ function astToDelta(tree, customHandlers, mathBlock, mermaidBlock, plantumlBlock
       context.pushNewline();
     } else {
       const lines = value.split("\n");
-      const mathBlockAttr = { "code-block": "math" };
+      const mathBlockAttr = {
+        "code-block": "math",
+        "code-block-id": `cb-${++codeBlockIdSeq}`
+      };
       for (const line of lines) {
         context.pushText(line);
         context.pushNewline(mathBlockAttr);