Merge branch 'main' into multi-char-suggestions

Author: nperez0111

packages/core/src/api/nodeConversions/blockToNode.ts

@@ -40,9 +40,13 @@ function styledTextToNodes<T extends StyleSchema>(
     }
 
     if (config.propSchema === "boolean") {
-      marks.push(schema.mark(style));
+      if (value) {
+        marks.push(schema.mark(style));
+      }
     } else if (config.propSchema === "string") {
-      marks.push(schema.mark(style, { stringValue: value }));
+      if (value) {
+        marks.push(schema.mark(style, { stringValue: value }));
+      }
     } else {
       throw new UnreachableCaseError(config.propSchema);
     }

tests/src/end-to-end/images/images.test.ts

@@ -27,7 +27,7 @@ test.describe("Check Image Block and Toolbar functionality", () => {
     await compareDocToSnapshot(page, "createImage");
     expect(await page.screenshot()).toMatchSnapshot("create-image.png");
   });
-  test("Should be able to upload image", async ({ page }) => {
+  test.skip("Should be able to upload image", async ({ page }) => {
     await focusOnEditor(page);
     await executeSlashCommand(page, "image");
 

tests/src/unit/core/formatConversion/export/__snapshots__/blocknoteHTML/malformed/JSON.html

@@ -0,0 +1,16 @@
+<div class="bn-block-group" data-node-type="blockGroup">
+  <div class="bn-block-outer" data-node-type="blockOuter" data-id="1">
+    <div class="bn-block" data-node-type="blockContainer" data-id="1">
+      <div class="bn-block-content" data-content-type="paragraph">
+        <p class="bn-inline-content">
+          Text1
+          <br />
+          Text2
+          <br />
+          Text3
+          <br />
+        </p>
+      </div>
+    </div>
+  </div>
+</div>

tests/src/unit/core/formatConversion/export/__snapshots__/html/malformed/JSON.html

@@ -0,0 +1,8 @@
+<p>
+  Text1
+  <br />
+  Text2
+  <br />
+  Text3
+  <br />
+</p>

tests/src/unit/core/formatConversion/export/__snapshots__/markdown/malformed/JSON.md

@@ -0,0 +1,3 @@
+Text1\
+Text2\
+Text3

tests/src/unit/core/formatConversion/export/__snapshots__/nodes/malformed/JSON.json

@@ -0,0 +1,41 @@
+[
+  {
+    "attrs": {
+      "backgroundColor": "default",
+      "id": "1",
+      "textColor": "default",
+    },
+    "content": [
+      {
+        "attrs": {
+          "textAlignment": "left",
+        },
+        "content": [
+          {
+            "text": "Text1",
+            "type": "text",
+          },
+          {
+            "type": "hardBreak",
+          },
+          {
+            "text": "Text2",
+            "type": "text",
+          },
+          {
+            "type": "hardBreak",
+          },
+          {
+            "text": "Text3",
+            "type": "text",
+          },
+          {
+            "type": "hardBreak",
+          },
+        ],
+        "type": "paragraph",
+      },
+    ],
+    "type": "blockContainer",
+  },
+]

tests/src/unit/core/formatConversion/export/exportTestInstances.ts

@@ -1592,6 +1592,43 @@ export const exportTestInstancesBlockNoteHTML: TestInstance<
     },
     executeTest: testExportBlockNoteHTML,
   },
+  {
+    testCase: {
+      name: "malformed/JSON",
+      content: [
+        {
+          // id: UniqueID.options.generateID(),
+          type: "paragraph",
+          content: [
+            {
+              type: "text",
+              text: "Text1\n",
+              styles: {
+                bold: false,
+              },
+            },
+            {
+              type: "text",
+              text: "Text2\n",
+              styles: {
+                italic: false,
+                fontSize: "",
+              },
+            },
+            {
+              type: "text",
+              text: "Text3\n",
+              styles: {
+                italic: false,
+                code: false,
+              },
+            },
+          ],
+        },
+      ],
+    },
+    executeTest: testExportBlockNoteHTML,
+  },
 ];
 
 export const exportTestInstancesHTML: TestInstance<

tests/src/unit/shared/formatConversion/exportParseEquality/exportParseEqualityTestExecutors.ts

@@ -29,9 +29,16 @@ export const testExportParseEqualityBlockNoteHTML = async <
 
   const exported = await editor.blocksToFullHTML(testCase.content);
 
-  expect(await editor.tryParseHTMLToBlocks(exported)).toStrictEqual(
-    partialBlocksToBlocksForTesting(editor.schema, testCase.content),
-  );
+  if (testCase.name.startsWith("malformed/")) {
+    // We purposefully are okay with malformed response, we know they won't match
+    expect(await editor.tryParseHTMLToBlocks(exported)).not.toStrictEqual(
+      partialBlocksToBlocksForTesting(editor.schema, testCase.content),
+    );
+  } else {
+    expect(await editor.tryParseHTMLToBlocks(exported)).toStrictEqual(
+      partialBlocksToBlocksForTesting(editor.schema, testCase.content),
+    );
+  }
 };
 
 export const testExportParseEqualityNodes = async <