testomatio-editor-blocks 0.4.56 → 0.4.58

package/package/editor/customMarkdownConverter.js

@@ -1101,58 +1101,15 @@ function parseQuote(lines, index) {
     };
 }
 function parseParagraph(lines, index) {
-    const buffer = [];
-    let next = index;
-    const isTermination = (line) => {
-        const trimmed = line.trim();
-        if (!trimmed) {
-            return true;
-        }
-        if (trimmed.startsWith(":::test-case")) {
-            return true;
-        }
-        if (trimmed.startsWith("* ")) {
-            return true;
-        }
-        if (trimmed.startsWith("#")) {
-            return true;
-        }
-        if (trimmed.startsWith(">")) {
-            return true;
-        }
-        if (trimmed.startsWith("```")) {
-            return true;
-        }
-        if (detectListType(trimmed)) {
-            return true;
-        }
-        return false;
-    };
-    while (next < lines.length) {
-        const line = lines[next];
-        if (isTableRowLine(line) &&
-            next + 1 < lines.length &&
-            isSeparatorRow(lines[next + 1])) {
-            break;
-        }
-        if (isTermination(line) && buffer.length > 0) {
-            break;
-        }
-        if (!line.trim()) {
-            next += 1;
-            break;
-        }
-        buffer.push(line.trim());
-        next += 1;
-    }
+    const line = lines[index];
     return {
         block: {
             type: "paragraph",
             props: cloneBaseProps(),
-            content: createTextContent(unescapeMarkdown(buffer.join(" "))),
+            content: createTextContent(unescapeMarkdown(line.trim())),
             children: [],
         },
-        nextIndex: next,
+        nextIndex: index + 1,
     };
 }
 function parseSnippetWrapper(lines, index) {

package/package/styles.css

@@ -951,6 +951,11 @@ html.dark .bn-step-image-preview__content {
   overflow-x: clip;
 }
 
+.bn-container .bn-suggestion-menu {
+  max-height: none !important;
+  overflow: visible !important;
+}
+
 [data-tooltip] {
   position: relative;
 }

package/package.json

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

package/src/App.tsx

@@ -364,20 +364,36 @@ function CustomSlashMenu() {
           offset(10),
           size({
             apply({ elements }) {
-              Object.assign(elements.floating.style, { maxHeight: "" });
+              Object.assign(elements.floating.style, { maxHeight: "", overflowY: "" });
             },
           }),
           flip({
+            padding: 10,
             fallbackPlacements: ["top-start"],
           }),
-          shift(),
-          size({
-            apply({ availableHeight, elements }) {
+          shift({ padding: 10 }),
+          {
+            name: "fitToViewport",
+            fn({ y, rects, elements }) {
+              const padding = 10;
+              if (y < padding) {
+                const bottomEdge = rects.reference.y - 10;
+                const maxHeight = Math.max(bottomEdge - padding, 100);
+                Object.assign(elements.floating.style, {
+                  maxHeight: `${maxHeight}px`,
+                  overflowY: "auto",
+                });
+                return { y: padding };
+              }
+              const viewportHeight = window.innerHeight;
+              const available = viewportHeight - y - padding;
               Object.assign(elements.floating.style, {
-                maxHeight: `${Math.max(availableHeight - 10, 0)}px`,
+                maxHeight: `${Math.max(available, 100)}px`,
+                overflowY: "auto",
               });
+              return {};
             },
-          }),
+          },
         ],
       }}
     />

package/src/editor/customMarkdownConverter.ts

@@ -1309,63 +1309,15 @@ function parseQuote(lines: string[], index: number): { block: CustomPartialBlock
 }
 
 function parseParagraph(lines: string[], index: number): { block: CustomPartialBlock; nextIndex: number } {
-  const buffer: string[] = [];
-  let next = index;
-
-  const isTermination = (line: string) => {
-    const trimmed = line.trim();
-    if (!trimmed) {
-      return true;
-    }
-    if (trimmed.startsWith(":::test-case")) {
-      return true;
-    }
-    if (trimmed.startsWith("* ")) {
-      return true;
-    }
-    if (trimmed.startsWith("#")) {
-      return true;
-    }
-    if (trimmed.startsWith(">")) {
-      return true;
-    }
-    if (trimmed.startsWith("```") ) {
-      return true;
-    }
-    if (detectListType(trimmed)) {
-      return true;
-    }
-    return false;
-  };
-
-  while (next < lines.length) {
-    const line = lines[next];
-    if (
-      isTableRowLine(line) &&
-      next + 1 < lines.length &&
-      isSeparatorRow(lines[next + 1])
-    ) {
-      break;
-    }
-    if (isTermination(line) && buffer.length > 0) {
-      break;
-    }
-    if (!line.trim()) {
-      next += 1;
-      break;
-    }
-    buffer.push(line.trim());
-    next += 1;
-  }
-
+  const line = lines[index];
   return {
     block: {
       type: "paragraph",
       props: cloneBaseProps(),
-      content: createTextContent(unescapeMarkdown(buffer.join(" "))),
+      content: createTextContent(unescapeMarkdown(line.trim())),
       children: [],
     },
-    nextIndex: next,
+    nextIndex: index + 1,
   };
 }
 

package/src/editor/markdownToBlocks.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import { markdownToBlocks } from "./customMarkdownConverter";
+import { markdownToBlocks, blocksToMarkdown } from "./customMarkdownConverter";
 
 const baseProps = {
   textAlignment: "left" as const,
@@ -131,6 +131,37 @@ describe("markdownToBlocks", () => {
     });
   });
 
+  it("treats each consecutive text line as a separate paragraph block", () => {
+    const markdown = "One line\nAnother line\nThird line";
+    const blocks = markdownToBlocks(markdown);
+
+    expect(blocks).toHaveLength(3);
+    expect(blocks[0]).toEqual({
+      type: "paragraph",
+      props: baseProps,
+      content: [{ type: "text", text: "One line", styles: {} }],
+      children: [],
+    });
+    expect(blocks[1]).toEqual({
+      type: "paragraph",
+      props: baseProps,
+      content: [{ type: "text", text: "Another line", styles: {} }],
+      children: [],
+    });
+    expect(blocks[2]).toEqual({
+      type: "paragraph",
+      props: baseProps,
+      content: [{ type: "text", text: "Third line", styles: {} }],
+      children: [],
+    });
+  });
+
+  it("round-trips consecutive text lines through blocksToMarkdown", () => {
+    const markdown = "One line\nAnother line\nThird line";
+    const blocks = markdownToBlocks(markdown);
+    expect(blocksToMarkdown(blocks as any)).toBe("One line\nAnother line\nThird line");
+  });
+
   it("parses combined bold+italic using nested delimiters", () => {
     const blocks = markdownToBlocks(
       "The _**Username**_ and **_Password_** fields and ***both*** and ___both___.",

package/src/editor/styles.css

@@ -951,6 +951,11 @@ html.dark .bn-step-image-preview__content {
   overflow-x: clip;
 }
 
+.bn-container .bn-suggestion-menu {
+  max-height: none !important;
+  overflow: visible !important;
+}
+
 [data-tooltip] {
   position: relative;
 }