testomatio-editor-blocks 0.4.60 → 0.4.61

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_COMMENT_REGEX = /<!--[\s\S]*?-->/g;
 const HTML_SPAN_REGEX = /<\/?span[^>]*>/g;
 const HTML_UNDERLINE_REGEX = /<\/?u>/g;
@@ -157,6 +157,7 @@ function applyTextStyles(text, styles) {
     return wrapped.join("\n");
 }
 function inlineToMarkdown(content) {
+    var _a;
     if (!content || !Array.isArray(content)) {
         return "";
     }
@@ -174,7 +175,9 @@ function inlineToMarkdown(content) {
                 i += 2;
                 continue;
             }
-            result.push(applyTextStyles(escapeMarkdown(item.text), item.styles));
+            const isCode = ((_a = item.styles) === null || _a === void 0 ? void 0 : _a.code) === true;
+            const rendered = isCode ? item.text : escapeMarkdown(item.text);
+            result.push(applyTextStyles(rendered, item.styles));
             i += 1;
             continue;
         }
@@ -261,7 +264,7 @@ function serializeBlock(block, ctx, orderedIndex, stepIndex) {
         case "codeBlock": {
             const language = block.props.language || "";
             const fence = "```" + language;
-            const body = inlineToMarkdown(block.content);
+            const body = inlineContentToPlainText(block.content);
             lines.push(fence);
             if (body.length > 0) {
                 lines.push(body);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "testomatio-editor-blocks",
-  "version": "0.4.60",
+  "version": "0.4.61",
   "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

@@ -62,7 +62,7 @@ describe("blocksToMarkdown", () => {
     expect(blocksToMarkdown(blocks)).toBe("<!-- ai/agent generated description -->");
   });
 
-  it("preserves HTML comments inline among text and still escapes stray angle brackets", () => {
+  it("preserves HTML comments inline among text without escaping stray angle brackets", () => {
     const blocks: CustomEditorBlock[] = [
       {
         id: "c2",
@@ -75,7 +75,98 @@ describe("blocksToMarkdown", () => {
       },
     ];
 
-    expect(blocksToMarkdown(blocks)).toBe("before <!-- note --> after \\<div>");
+    expect(blocksToMarkdown(blocks)).toBe("before <!-- note --> after <div>");
+  });
+
+  it("does not escape `<` in plain text (e.g. comparison operators)", () => {
+    const blocks: CustomEditorBlock[] = [
+      {
+        id: "p_lt",
+        type: "paragraph",
+        props: baseProps,
+        content: [
+          { type: "text", text: "< 768px is mobile", styles: {} },
+        ],
+        children: [],
+      },
+    ];
+
+    expect(blocksToMarkdown(blocks)).toBe("< 768px is mobile");
+  });
+
+  it("does not escape `<` in table cells (viewport breakpoints case)", () => {
+    const markdown = [
+      "| Viewport Width | Layout Expected | Nav Behavior |",
+      "| --- | --- | --- |",
+      "| < 768px | Single column | Hamburger menu |",
+      "| 768px – 1024px | Two column | Collapsed sidebar |",
+      "| > 1024px | Full desktop layout | Full nav visible |",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+    const out = blocksToMarkdown(blocks as CustomEditorBlock[]);
+    expect(out).toBe(markdown);
+    expect(out).not.toContain("\\<");
+  });
+
+  it("does not escape markdown chars inside inline code", () => {
+    const blocks: CustomEditorBlock[] = [
+      {
+        id: "p_code",
+        type: "paragraph",
+        props: baseProps,
+        content: [
+          { type: "text", text: "**bold**", styles: { code: true } },
+        ],
+        children: [],
+      },
+    ];
+
+    expect(blocksToMarkdown(blocks)).toBe("`**bold**`");
+  });
+
+  it("does not escape markdown chars inside inline code in a table (syntax/rendered case)", () => {
+    const markdown = [
+      "| Syntax | Rendered As |",
+      "| --- | --- |",
+      "| `**bold**` | **bold** |",
+      "| `*italic*` | _italic_ |",
+      "| `~~strike~~` | ~~strike~~ |",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+    const out = blocksToMarkdown(blocks as CustomEditorBlock[]);
+    expect(out).toBe(markdown);
+    expect(out).not.toMatch(/\\[*_~]/);
+  });
+
+  it("does not escape markdown chars inside fenced code blocks", () => {
+    const markdown = [
+      "```",
+      "**bold** _italic_ ~~strike~~ <div>",
+      "```",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+    const out = blocksToMarkdown(blocks as CustomEditorBlock[]);
+    expect(out).toBe(markdown);
+    expect(out).not.toMatch(/\\[*_~<]/);
+  });
+
+  it("still escapes literal backticks inside inline code", () => {
+    const blocks: CustomEditorBlock[] = [
+      {
+        id: "p_tick",
+        type: "paragraph",
+        props: baseProps,
+        content: [
+          { type: "text", text: "a`b", styles: { code: true } },
+        ],
+        children: [],
+      },
+    ];
+
+    expect(blocksToMarkdown(blocks)).toBe("`a\\`b`");
   });
 
   it("places bold markers outside leading/trailing spaces", () => {

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_COMMENT_REGEX = /<!--[\s\S]*?-->/g;
 const HTML_SPAN_REGEX = /<\/?span[^>]*>/g;
 const HTML_UNDERLINE_REGEX = /<\/?u>/g;
@@ -234,7 +234,9 @@ function inlineToMarkdown(content: CustomEditorBlock["content"]): string {
         i += 2;
         continue;
       }
-      result.push(applyTextStyles(escapeMarkdown(item.text), item.styles));
+      const isCode = (item.styles as any)?.code === true;
+      const rendered = isCode ? item.text : escapeMarkdown(item.text);
+      result.push(applyTextStyles(rendered, item.styles));
       i += 1;
       continue;
     }
@@ -334,7 +336,7 @@ function serializeBlock(
     case "codeBlock": {
       const language = (block.props as any).language || "";
       const fence = "```" + language;
-      const body = inlineToMarkdown(block.content);
+      const body = inlineContentToPlainText(block.content);
       lines.push(fence);
       if (body.length > 0) {
         lines.push(body);