@supernova-studio/client 0.4.1 → 0.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supernova-studio/client",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "Supernova Data Models",
   "source": "src/index.ts",
   "main": "dist/index.js",

package/src/docs-editor/blocks-to-prosemirror.ts

@@ -10,6 +10,9 @@ import {
   PageBlockItemMultiRichTextValue,
   PageBlockTableCellAlignment,
   PageBlockItemTableNode,
+  PageBlockItemTableCell,
+  PageBlockItemTableValue,
+  PageBlockItemTableRow,
 } from "@supernova-studio/model";
 import { PageBlockEditorModel } from "./model/block";
 import { ProsemirrorNode, ProsemirrorMark } from "./prosemirror/types";
@@ -293,33 +296,43 @@ function serializeAsTable(input: InputWithProperty): ProsemirrorNode {
     content: [
       {
         type: "table",
-        content: table.value.map<ProsemirrorNode>((row, rowIndex) => {
-          const isHeaderRow = rowIndex === 0 && table.highlightHeaderRow === true;
-
-          return {
-            type: "tableRow",
-            content: row.cells.map<ProsemirrorNode>((cell, cellIndex) => {
-              const isHeaderColumn = cellIndex === 0 && table.highlightHeaderColumn === true;
-
-              return {
-                type: isHeaderRow || isHeaderColumn ? "tableHeader" : "tableCell",
-                attrs: {
-                  id: cell.id,
-                  textAlign: serializeTableCellAlignment(cell.alignment),
-                  colspan: 1,
-                  rowspan: 1,
-                  ...(cell.columnWidth && { colwidth: [cell.columnWidth] }),
-                },
-                content: cell.nodes.map<ProsemirrorNode>(serializeTableNode),
-              };
-            }),
-          };
-        }),
+        content: serializeTableRows(table),
       },
     ],
   };
 }
 
+function serializeTableRows(table: PageBlockItemTableValue): ProsemirrorNode[] {
+  // If no rows are present, we have to generate a least one empty row
+  const rows: PageBlockItemTableRow[] = table.value.length ? table.value : [{ cells: [] }];
+
+  return rows.map<ProsemirrorNode>((row, rowIndex) => {
+    const isHeaderRow = rowIndex === 0 && table.highlightHeaderRow === true;
+
+    // If no cells are present, we have to generate at least one cell
+    const cells: PageBlockItemTableCell[] = row.cells.length ? row.cells : [{ id: "", alignment: "Left", nodes: [] }];
+
+    return {
+      type: "tableRow",
+      content: cells.map<ProsemirrorNode>((cell, cellIndex) => {
+        const isHeaderColumn = cellIndex === 0 && table.highlightHeaderColumn === true;
+
+        return {
+          type: isHeaderRow || isHeaderColumn ? "tableHeader" : "tableCell",
+          attrs: {
+            ...(cell.id && { id: cell.id }),
+            textAlign: serializeTableCellAlignment(cell.alignment),
+            colspan: 1,
+            rowspan: 1,
+            ...(cell.columnWidth && { colwidth: [cell.columnWidth] }),
+          },
+          content: serializeTableCellNodes(cell),
+        };
+      }),
+    };
+  });
+}
+
 function serializeTableCellAlignment(alignment: PageBlockTableCellAlignment) {
   switch (alignment) {
     case "Left":
@@ -334,6 +347,16 @@ function serializeTableCellAlignment(alignment: PageBlockTableCellAlignment) {
   }
 }
 
+function serializeTableCellNodes(cell: PageBlockItemTableCell): ProsemirrorNode[] {
+  const result = cell.nodes.map(serializeTableNode);
+
+  if (result.length) {
+    return result;
+  } else {
+    return [{ type: "paragraph" }];
+  }
+}
+
 function serializeTableNode(node: PageBlockItemTableNode): ProsemirrorNode {
   switch (node.type) {
     case "RichText":