fix: Parsing paragraphs without text content (#798)

* Made paragraphs only get parsed if they have text content

* Added unit test

Author: matthewlipski

packages/core/src/api/parsers/html/__snapshots__/paste/parse-image-in-paragraph.json

@@ -0,0 +1,16 @@
+[
+  {
+    "id": "1",
+    "type": "image",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "name": "",
+      "url": "exampleURL",
+      "caption": "",
+      "showPreview": true,
+      "previewWidth": 512
+    },
+    "children": []
+  }
+]

packages/core/src/api/parsers/html/parseHTML.test.ts

@@ -295,6 +295,14 @@ describe("Parse HTML", () => {
     await parseHTMLAndCompareSnapshots(html, "parse-two-divs");
   });
 
+  it("Parse image in paragraph", async () => {
+    const html = `<p>
+    <img src="exampleURL">
+  </p>`;
+
+    await parseHTMLAndCompareSnapshots(html, "parse-image-in-paragraph");
+  });
+
   it("Parse fake image caption", async () => {
     const html = `<div>
     <img src="exampleURL">

packages/core/src/blocks/ParagraphBlockContent/ParagraphBlockContent.ts

@@ -41,6 +41,13 @@ export const ParagraphBlockContent = createStronglyTypedTiptapNode({
       {
         tag: "p",
         priority: 200,
+        getAttrs: (element) => {
+          if (typeof element === "string" || !element.textContent?.trim()) {
+            return false;
+          }
+
+          return {};
+        },
         node: "paragraph",
       },
     ];

packages/core/src/blocks/TableBlockContent/TableBlockContent.ts

@@ -45,7 +45,29 @@ const TableParagraph = Node.create({
   content: "inline*",
 
   parseHTML() {
-    return [{ tag: "p" }];
+    return [
+      { tag: "td" },
+      {
+        tag: "p",
+        getAttrs: (element) => {
+          if (typeof element === "string" || !element.textContent) {
+            return false;
+          }
+
+          const parent = element.parentElement;
+
+          if (parent === null) {
+            return false;
+          }
+
+          if (parent.tagName === "TD") {
+            return {};
+          }
+
+          return false;
+        },
+      },
+    ];
   },
 
   renderHTML({ HTMLAttributes }) {