testomatio-editor-blocks 0.4.32 → 0.4.34

package/package/editor/blocks/markdown.js

@@ -1,4 +1,4 @@
-const IMAGE_MARKDOWN_REGEX = /!\[([^\]]*)\]\(([^)]+)\)/g;
+const IMAGE_MARKDOWN_REGEX = /!\[([^\]]*)\]\(([^)]+?)(?:\s+=\d+x(?:\d+|\*))?\)/g;
 const MARKDOWN_ESCAPE_REGEX = /([*_\\])/g;
 const INLINE_SEGMENT_REGEX = /(\*\*\*[^*]+\*\*\*|___[^_]+___|\*\*[^*]+\*\*|__[^_]+__|\*[^*]+\*|_[^_]+_|<u>[^<]+<\/u>)/;
 export function escapeHtml(text) {

package/package/editor/customMarkdownConverter.d.ts

@@ -5,5 +5,9 @@ export type CustomEditorBlock = Block<Schema["blockSchema"], Schema["inlineConte
 export type CustomPartialBlock = PartialBlock<Schema["blockSchema"], Schema["inlineContentSchema"], Schema["styleSchema"]>;
 export declare function blocksToMarkdown(blocks: CustomEditorBlock[]): string;
 export declare function fixMalformedImageBlocks(blocks: CustomPartialBlock[]): CustomPartialBlock[];
-export declare function markdownToBlocks(markdown: string): CustomPartialBlock[];
+export interface MarkdownToBlocksOptions {
+    /** When true, every blank line produces an empty paragraph block. */
+    preserveBlankLines?: boolean;
+}
+export declare function markdownToBlocks(markdown: string, options?: MarkdownToBlocksOptions): CustomPartialBlock[];
 export {};

package/package/editor/customMarkdownConverter.js

@@ -262,8 +262,10 @@ function serializeBlock(block, ctx, orderedIndex, stepIndex) {
         case "image": {
             const url = block.props.url || "";
             const caption = block.props.caption || "";
+            const width = block.props.previewWidth;
             if (url) {
-                lines.push(`![${caption}](${url})`);
+                const size = width ? ` =${width}x*` : "";
+                lines.push(`![${caption}](${url}${size})`);
             }
             return flattenWithBlankLine(lines, true);
         }
@@ -1145,7 +1147,7 @@ export function fixMalformedImageBlocks(blocks) {
     }
     return result;
 }
-export function markdownToBlocks(markdown) {
+export function markdownToBlocks(markdown, options) {
     var _a, _b, _c;
     const normalized = markdown.replace(/\r\n/g, "\n");
     const lines = normalized.split("\n");
@@ -1155,6 +1157,11 @@ export function markdownToBlocks(markdown) {
     while (index < lines.length) {
         const line = lines[index];
         if (!line.trim()) {
+            if (options === null || options === void 0 ? void 0 : options.preserveBlankLines) {
+                blocks.push({ type: "paragraph", content: [], children: [] });
+                index += 1;
+                continue;
+            }
             index += 1;
             // Count consecutive blank lines
             let blankCount = 1;
@@ -1239,14 +1246,16 @@ export function markdownToBlocks(markdown) {
             index += 1;
             continue;
         }
-        const imageMatch = line.trim().match(/^!\[([^\]]*)\]\(([^)]+)\)$/);
+        const imageMatch = line.trim().match(/^!\[([^\]]*)\]\(([^)]+?)(?:\s+=(\d+)x(\d+|\*))?\)$/);
         if (imageMatch) {
+            const width = imageMatch[3] ? parseInt(imageMatch[3], 10) : undefined;
             blocks.push({
                 type: "image",
                 props: {
                     url: imageMatch[2],
                     caption: imageMatch[1] || "",
                     name: "",
+                    ...(width ? { previewWidth: width } : {}),
                 },
                 children: [],
             });

package/package/index.d.ts

@@ -2,7 +2,7 @@ export { customSchema, type CustomSchema, type CustomBlock, type CustomEditor, }
 export { stepBlock, canInsertStepOrSnippet, isStepsHeading, addStepsBlock } from "./editor/blocks/step";
 export { snippetBlock } from "./editor/blocks/snippet";
 export { markdownToHtml, htmlToMarkdown } from "./editor/blocks/markdown";
-export { blocksToMarkdown, markdownToBlocks, type CustomEditorBlock, type CustomPartialBlock, } from "./editor/customMarkdownConverter";
+export { blocksToMarkdown, markdownToBlocks, type CustomEditorBlock, type CustomPartialBlock, type MarkdownToBlocksOptions, } from "./editor/customMarkdownConverter";
 export { useStepAutocomplete, parseStepsFromJsonApi, setStepsFetcher, type StepSuggestion, type StepJsonApiDocument, type StepJsonApiResource, } from "./editor/stepAutocomplete";
 export { useStepImageUpload, setImageUploadHandler, type StepImageUploadHandler, } from "./editor/stepImageUpload";
 export { setFileDisplayUrlResolver, resolveFileDisplayUrl, type FileDisplayUrlResolver, } from "./editor/fileDisplayUrl";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "testomatio-editor-blocks",
-  "version": "0.4.32",
+  "version": "0.4.34",
   "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/blocks/markdown.ts

@@ -1,4 +1,4 @@
-const IMAGE_MARKDOWN_REGEX = /!\[([^\]]*)\]\(([^)]+)\)/g;
+const IMAGE_MARKDOWN_REGEX = /!\[([^\]]*)\]\(([^)]+?)(?:\s+=\d+x(?:\d+|\*))?\)/g;
 const MARKDOWN_ESCAPE_REGEX = /([*_\\])/g;
 const INLINE_SEGMENT_REGEX =
   /(\*\*\*[^*]+\*\*\*|___[^_]+___|\*\*[^*]+\*\*|__[^_]+__|\*[^*]+\*|_[^_]+_|<u>[^<]+<\/u>)/;

package/src/editor/customMarkdownConverter.test.ts

@@ -995,6 +995,105 @@ describe("markdownToBlocks", () => {
     });
   });
 
+  it("parses all bullet items as steps when blank line follows Steps heading", () => {
+    const markdown = [
+      "### Requirements",
+      "",
+      "### Steps",
+      "",
+      "* next",
+      "  *Expected*: expected",
+      "* next 22",
+      "* next 3",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+    const stepBlocks = blocks.filter((block) => block.type === "testStep");
+
+    expect(stepBlocks).toHaveLength(3);
+    expect(stepBlocks[0].props).toMatchObject({ stepTitle: "next", expectedResult: "expected" });
+    expect(stepBlocks[1].props).toMatchObject({ stepTitle: "next 22" });
+    expect(stepBlocks[2].props).toMatchObject({ stepTitle: "next 3" });
+
+    // Ensure no bullet list items leaked
+    const bulletBlocks = blocks.filter((block) => block.type === "bulletListItem");
+    expect(bulletBlocks).toHaveLength(0);
+  });
+
+  it("parses all bullet items as steps WITHOUT blank line after Steps heading", () => {
+    const markdown = [
+      "### Requirements",
+      "",
+      "### Steps",
+      "* next",
+      "  *Expected*: expected",
+      "* next 22",
+      "* next 3",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+    const stepBlocks = blocks.filter((block) => block.type === "testStep");
+
+    expect(stepBlocks).toHaveLength(3);
+    expect(stepBlocks[0].props).toMatchObject({ stepTitle: "next", expectedResult: "expected" });
+    expect(stepBlocks[1].props).toMatchObject({ stepTitle: "next 22" });
+    expect(stepBlocks[2].props).toMatchObject({ stepTitle: "next 3" });
+
+    const bulletBlocks = blocks.filter((block) => block.type === "bulletListItem");
+    expect(bulletBlocks).toHaveLength(0);
+  });
+
+  it("round-trips steps with blank line after Steps heading", () => {
+    const markdown = [
+      "### Requirements",
+      "",
+      "### Steps",
+      "",
+      "* next",
+      "  *Expected*: expected",
+      "* next 22",
+      "* next 3",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+    const md = blocksToMarkdown(blocks as CustomEditorBlock[]);
+    const blocks2 = markdownToBlocks(md);
+    const stepBlocks2 = blocks2.filter((block) => block.type === "testStep");
+    expect(stepBlocks2).toHaveLength(3);
+  });
+
+  it("preserveBlankLines: creates empty paragraphs for each blank line", () => {
+    const markdown = [
+      "### Requirements",
+      "",
+      "### Steps",
+      "",
+      "* next",
+      "  *Expected*: expected",
+      "* next 22",
+      "* next 3",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown, { preserveBlankLines: true });
+    const stepBlocks = blocks.filter((block) => block.type === "testStep");
+    const emptyParas = blocks.filter(
+      (block) => block.type === "paragraph" && (!block.content || (block.content as any[]).length === 0),
+    );
+
+    // All 3 items should be test steps
+    expect(stepBlocks).toHaveLength(3);
+    expect(stepBlocks[0].props).toMatchObject({ stepTitle: "next" });
+    expect(stepBlocks[1].props).toMatchObject({ stepTitle: "next 22" });
+    expect(stepBlocks[2].props).toMatchObject({ stepTitle: "next 3" });
+
+    // Each blank line should produce an empty paragraph
+    expect(emptyParas.length).toBeGreaterThanOrEqual(2);
+
+    // No bullet list items
+    const bulletBlocks = blocks.filter((block) => block.type === "bulletListItem");
+    expect(bulletBlocks).toHaveLength(0);
+  });
+
   it("round-trips simple blocks", () => {
     const blocks: CustomEditorBlock[] = [
       {
@@ -1430,6 +1529,70 @@ describe("markdownToBlocks", () => {
     expect(roundTripMarkdown).toContain("![](/attachments/test.png)");
   });
 
+  it("parses image with size suffix =WIDTHxHEIGHT", () => {
+    const markdown = "![caption](http://localhost:3000/attachments/img.png =200x100)";
+    const blocks = markdownToBlocks(markdown);
+
+    const imageBlocks = blocks.filter(block => block.type === "image");
+    expect(imageBlocks.length).toBe(1);
+    expect((imageBlocks[0].props as any).url).toBe("http://localhost:3000/attachments/img.png");
+    expect((imageBlocks[0].props as any).caption).toBe("caption");
+    expect((imageBlocks[0].props as any).previewWidth).toBe(200);
+  });
+
+  it("parses image with size suffix =WIDTHx*", () => {
+    const markdown = "![](http://localhost:3000/attachments/img.png =150x*)";
+    const blocks = markdownToBlocks(markdown);
+
+    const imageBlocks = blocks.filter(block => block.type === "image");
+    expect(imageBlocks.length).toBe(1);
+    expect((imageBlocks[0].props as any).url).toBe("http://localhost:3000/attachments/img.png");
+    expect((imageBlocks[0].props as any).previewWidth).toBe(150);
+  });
+
+  it("serializes image block with previewWidth to =WIDTHx*", () => {
+    const blocks: any[] = [
+      {
+        type: "image",
+        props: {
+          url: "/attachments/test.png",
+          caption: "test",
+          name: "",
+          previewWidth: 300,
+        },
+        content: [],
+        children: [],
+      },
+    ];
+    const markdown = blocksToMarkdown(blocks as CustomEditorBlock[]);
+    expect(markdown).toContain("![test](/attachments/test.png =300x*)");
+  });
+
+  it("serializes image block without previewWidth normally", () => {
+    const blocks: any[] = [
+      {
+        type: "image",
+        props: {
+          url: "/attachments/test.png",
+          caption: "",
+          name: "",
+        },
+        content: [],
+        children: [],
+      },
+    ];
+    const markdown = blocksToMarkdown(blocks as CustomEditorBlock[]);
+    expect(markdown).toContain("![](/attachments/test.png)");
+    expect(markdown).not.toContain("=");
+  });
+
+  it("round-trips image with size preserving width", () => {
+    const markdown = "![photo](/attachments/photo.png =400x250)";
+    const blocks = markdownToBlocks(markdown);
+    const roundTripMarkdown = blocksToMarkdown(blocks as CustomEditorBlock[]);
+    expect(roundTripMarkdown).toContain("![photo](/attachments/photo.png =400x*)");
+  });
+
   it("removes malformed image blocks through post-processing", () => {
     // Simulate the malformed blocks you're seeing
     const malformedBlocks: any[] = [

package/src/editor/customMarkdownConverter.ts

@@ -340,8 +340,10 @@ function serializeBlock(
     case "image": {
       const url = (block.props as any).url || "";
       const caption = (block.props as any).caption || "";
+      const width = (block.props as any).previewWidth;
       if (url) {
-        lines.push(`![${caption}](${url})`);
+        const size = width ? ` =${width}x*` : "";
+        lines.push(`![${caption}](${url}${size})`);
       }
       return flattenWithBlankLine(lines, true);
     }
@@ -1370,7 +1372,12 @@ export function fixMalformedImageBlocks(blocks: CustomPartialBlock[]): CustomPar
   return result;
 }
 
-export function markdownToBlocks(markdown: string): CustomPartialBlock[] {
+export interface MarkdownToBlocksOptions {
+  /** When true, every blank line produces an empty paragraph block. */
+  preserveBlankLines?: boolean;
+}
+
+export function markdownToBlocks(markdown: string, options?: MarkdownToBlocksOptions): CustomPartialBlock[] {
   const normalized = markdown.replace(/\r\n/g, "\n");
   const lines = normalized.split("\n");
   const blocks: CustomPartialBlock[] = [];
@@ -1380,6 +1387,11 @@ export function markdownToBlocks(markdown: string): CustomPartialBlock[] {
   while (index < lines.length) {
     const line = lines[index];
     if (!line.trim()) {
+      if (options?.preserveBlankLines) {
+        blocks.push({ type: "paragraph", content: [], children: [] } as CustomPartialBlock);
+        index += 1;
+        continue;
+      }
       index += 1;
       // Count consecutive blank lines
       let blankCount = 1;
@@ -1482,14 +1494,16 @@ export function markdownToBlocks(markdown: string): CustomPartialBlock[] {
       continue;
     }
 
-    const imageMatch = line.trim().match(/^!\[([^\]]*)\]\(([^)]+)\)$/);
+    const imageMatch = line.trim().match(/^!\[([^\]]*)\]\(([^)]+?)(?:\s+=(\d+)x(\d+|\*))?\)$/);
     if (imageMatch) {
+      const width = imageMatch[3] ? parseInt(imageMatch[3], 10) : undefined;
       blocks.push({
         type: "image",
         props: {
           url: imageMatch[2],
           caption: imageMatch[1] || "",
           name: "",
+          ...(width ? { previewWidth: width } : {}),
         },
         children: [],
       } as CustomPartialBlock);

package/src/index.ts

@@ -13,6 +13,7 @@ export {
   markdownToBlocks,
   type CustomEditorBlock,
   type CustomPartialBlock,
+  type MarkdownToBlocksOptions,
 } from "./editor/customMarkdownConverter";
 
 export {