testomatio-editor-blocks 0.4.36 → 0.4.39

package/package/editor/customMarkdownConverter.js

@@ -22,7 +22,7 @@ const headingPrefixes = {
     5: "#####",
     6: "######",
 };
-const SPECIAL_CHAR_REGEX = /([*_`~\[\]()<>\\])/g;
+const SPECIAL_CHAR_REGEX = /([*_`~\[\]()<\\])/g;
 const HTML_SPAN_REGEX = /<\/?span[^>]*>/g;
 const HTML_UNDERLINE_REGEX = /<\/?u>/g;
 const EXPECTED_LABEL_REGEX = /^(?:[*_`]*\s*)?(expected(?:\s+result)?)\s*(?:[*_`]*\s*)?\s*[:\-–—]\s*/i;
@@ -77,7 +77,7 @@ function stripLeadingFormatting(text) {
     return result;
 }
 function unescapeMarkdown(text) {
-    return stripHtmlWrappers(text).replace(/\\([*_`~\[\]()<>\\])/g, "$1");
+    return stripHtmlWrappers(text).replace(/\\([*_`~\[\]()<>\\])/g, "$1").replace(/\\>/g, ">");
 }
 function applyTextStyles(text, styles) {
     if (!styles) {
@@ -426,7 +426,16 @@ function serializeBlock(block, ctx, orderedIndex, stepIndex) {
             const formatCell = (value) => {
                 if (!value.length)
                     return " ";
-                return value.replace(/\n/g, "<br/>");
+                // Handle newlines inside backtick code spans:
+                // close code before <br>, reopen after
+                let result = value.replace(/`([^`]*)`/g, (match) => {
+                    if (!match.includes("\n"))
+                        return match;
+                    const inner = match.slice(1, -1);
+                    const parts = inner.split("\n");
+                    return parts.map((p) => (p ? `\`${p}\`` : "")).join("<br>");
+                });
+                return result.replace(/\n/g, "<br>");
             };
             const toAlignmentToken = (alignment) => {
                 switch (alignment) {
@@ -1007,7 +1016,7 @@ function parseQuote(lines, index) {
         if (!trimmed.startsWith(">")) {
             break;
         }
-        collected.push(trimmed.replace(/^>\s?/, ""));
+        collected.push(trimmed.replace(/^(?:>\s?)+/, ""));
         next += 1;
     }
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "testomatio-editor-blocks",
-  "version": "0.4.36",
+  "version": "0.4.39",
   "description": "Custom BlockNote schema, markdown conversion helpers, and UI for Testomatio-style test cases and steps.",
   "type": "module",
   "main": "./package/index.js",

package/src/editor/customMarkdownConverter.test.ts

@@ -389,6 +389,26 @@ describe("blocksToMarkdown", () => {
     );
   });
 
+  it("serializes a blockquote", () => {
+    const blocks: CustomEditorBlock[] = [
+      {
+        id: "q1",
+        type: "quote",
+        props: { textColor: "default", backgroundColor: "default", textAlignment: "left" },
+        content: [{ type: "text", text: "Hello world", styles: {} }],
+        children: [],
+      },
+    ];
+
+    expect(blocksToMarkdown(blocks)).toBe("> Hello world");
+  });
+
+  it("round-trips a blockquote without escaping > in content", () => {
+    const markdown = "> Some quoted text";
+    const blocks = markdownToBlocks(markdown);
+    expect(blocksToMarkdown(blocks as any)).toBe("> Some quoted text");
+  });
+
   it("serializes table cells containing newlines as <br/>", () => {
     const blocks: CustomEditorBlock[] = [
       {
@@ -438,7 +458,64 @@ describe("blocksToMarkdown", () => {
       [
         "| Steps | Expected Results |",
         "| --- | --- |",
-        "| line1<br/>line2 | ok |",
+        "| line1<br>line2 | ok |",
+      ].join("\n"),
+    );
+  });
+
+  it("serializes table cell with code style and newline placing br outside backticks", () => {
+    const blocks: CustomEditorBlock[] = [
+      {
+        id: "tbl-code",
+        type: "table",
+        props: { textColor: "default" },
+        content: {
+          type: "tableContent",
+          columnWidths: [undefined, undefined],
+          headerRows: 1,
+          rows: [
+            {
+              cells: [
+                {
+                  type: "tableCell",
+                  props: cellProps,
+                  content: [{ type: "text", text: "A", styles: {} }],
+                },
+                {
+                  type: "tableCell",
+                  props: cellProps,
+                  content: [{ type: "text", text: "B", styles: {} }],
+                },
+              ],
+            },
+            {
+              cells: [
+                {
+                  type: "tableCell",
+                  props: cellProps,
+                  content: [
+                    { type: "text", text: "code", styles: { code: true } },
+                    { type: "text", text: "\nnext line", styles: {} },
+                  ],
+                },
+                {
+                  type: "tableCell",
+                  props: cellProps,
+                  content: [{ type: "text", text: "ok", styles: {} }],
+                },
+              ],
+            },
+          ],
+        },
+        children: [],
+      },
+    ];
+
+    expect(blocksToMarkdown(blocks)).toBe(
+      [
+        "| A | B |",
+        "| --- | --- |",
+        "| `code`<br>next line | ok |",
       ].join("\n"),
     );
   });
@@ -494,7 +571,7 @@ describe("blocksToMarkdown", () => {
       [
         "| Col A | Col B |",
         "| --- | --- |",
-        "| ok | **opened**<br/>**newline** |",
+        "| ok | **opened**<br>**newline** |",
       ].join("\n"),
     );
   });
@@ -516,6 +593,48 @@ describe("blocksToMarkdown", () => {
 });
 
 describe("markdownToBlocks", () => {
+  it("parses nested blockquote by flattening to single-level quote", () => {
+    const markdown = ">> The Witch bade her clean the pots.";
+    const blocks = markdownToBlocks(markdown);
+    expect(blocks).toEqual([
+      {
+        type: "quote",
+        props: { textColor: "default", backgroundColor: "default", textAlignment: "left" },
+        content: [{ type: "text", text: "The Witch bade her clean the pots.", styles: {} }],
+        children: [],
+      },
+    ]);
+  });
+
+  it("parses spaced nested blockquote > > text", () => {
+    const markdown = "> > The Witch bade her clean the pots.";
+    const blocks = markdownToBlocks(markdown);
+    expect(blocks).toEqual([
+      {
+        type: "quote",
+        props: { textColor: "default", backgroundColor: "default", textAlignment: "left" },
+        content: [{ type: "text", text: "The Witch bade her clean the pots.", styles: {} }],
+        children: [],
+      },
+    ]);
+  });
+
+  it("round-trips nested blockquote without \\> escaping", () => {
+    const markdown = [
+      "> Dorothy followed her through many of the beautiful rooms in her castle.",
+      ">> The Witch bade her clean the pots.",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+    const result = blocksToMarkdown(blocks as any);
+    expect(result).toBe(
+      [
+        "> Dorothy followed her through many of the beautiful rooms in her castle.",
+        "> The Witch bade her clean the pots.",
+      ].join("\n"),
+    );
+  });
+
   it("parses test steps and test cases", () => {
     const markdown = [
       "* Open the Login page.",
@@ -1436,7 +1555,7 @@ describe("markdownToBlocks", () => {
     const markdown = [
       "| A | B |",
       "| --- | --- |",
-      "| line1<br/>line2 | ok |",
+      "| line1<br>line2 | ok |",
     ].join("\n");
 
     const blocks = markdownToBlocks(markdown);
@@ -1530,7 +1649,7 @@ describe("markdownToBlocks", () => {
     ];
 
     const markdown = blocksToMarkdown(blocks);
-    expect(markdown).toContain("first<br/>second<br/>third");
+    expect(markdown).toContain("first<br>second<br>third");
 
     const parsed = markdownToBlocks(markdown);
     const row = (parsed[0] as any).content.rows[1];

package/src/editor/customMarkdownConverter.ts

@@ -60,7 +60,7 @@ const headingPrefixes: Record<number, string> = {
   6: "######",
 };
 
-const SPECIAL_CHAR_REGEX = /([*_`~\[\]()<>\\])/g;
+const SPECIAL_CHAR_REGEX = /([*_`~\[\]()<\\])/g;
 const HTML_SPAN_REGEX = /<\/?span[^>]*>/g;
 const HTML_UNDERLINE_REGEX = /<\/?u>/g;
 const EXPECTED_LABEL_REGEX = /^(?:[*_`]*\s*)?(expected(?:\s+result)?)\s*(?:[*_`]*\s*)?\s*[:\-–—]\s*/i;
@@ -125,7 +125,7 @@ function stripLeadingFormatting(text: string): string {
 }
 
 function unescapeMarkdown(text: string): string {
-  return stripHtmlWrappers(text).replace(/\\([*_`~\[\]()<>\\])/g, "$1");
+  return stripHtmlWrappers(text).replace(/\\([*_`~\[\]()<>\\])/g, "$1").replace(/\\>/g, ">");
 }
 
 function applyTextStyles(text: string, styles: EditorStyles | undefined): string {
@@ -525,7 +525,15 @@ function serializeBlock(
       const formattedRows = rows.map(normalizeRow);
       const formatCell = (value: string) => {
         if (!value.length) return " ";
-        return value.replace(/\n/g, "<br/>");
+        // Handle newlines inside backtick code spans:
+        // close code before <br>, reopen after
+        let result = value.replace(/`([^`]*)`/g, (match) => {
+          if (!match.includes("\n")) return match;
+          const inner = match.slice(1, -1);
+          const parts = inner.split("\n");
+          return parts.map((p) => (p ? `\`${p}\`` : "")).join("<br>");
+        });
+        return result.replace(/\n/g, "<br>");
       };
       const toAlignmentToken = (alignment: string) => {
         switch (alignment) {
@@ -1206,7 +1214,7 @@ function parseQuote(lines: string[], index: number): { block: CustomPartialBlock
     if (!trimmed.startsWith(">")) {
       break;
     }
-    collected.push(trimmed.replace(/^>\s?/, ""));
+    collected.push(trimmed.replace(/^(?:>\s?)+/, ""));
     next += 1;
   }