@tinacms/mdx 0.0.0-b1fe6d2-20241008011354 → 0.0.0-b4c6a60-20241010070518

package/dist/index.browser.mjs

@@ -38861,6 +38861,12 @@ var blockElement = (content3, field, imageCallback) => {
         type: "paragraph",
         children: eat2(content3.children, field, imageCallback)
       };
+    case "mermaid":
+      return {
+        type: "code",
+        lang: "mermaid",
+        value: content3.value
+      };
     case "code_block":
       return {
         type: "code",
@@ -38869,11 +38875,11 @@ var blockElement = (content3, field, imageCallback) => {
       };
     case "mdxJsxFlowElement":
       if (content3.name === "table") {
-        const table = content3.props;
+        const table2 = content3.props;
         return {
           type: "table",
-          align: table.align,
-          children: table.tableRows.map((tableRow) => {
+          align: table2.align,
+          children: table2.tableRows.map((tableRow) => {
             const tr2 = {
               type: "tableRow",
               children: tableRow.tableCells.map(({ value }) => {
@@ -38969,6 +38975,27 @@ var blockElement = (content3, field, imageCallback) => {
           }
         ]
       };
+    case "table":
+      const table = content3.props;
+      return {
+        type: "table",
+        align: table?.align,
+        children: content3.children.map((tableRow) => {
+          return {
+            type: "tableRow",
+            children: tableRow.children.map((tableCell) => {
+              return {
+                type: "tableCell",
+                children: eat2(
+                  tableCell.children?.at(0)?.children || [],
+                  field,
+                  imageCallback
+                )
+              };
+            })
+          };
+        })
+      };
     default:
       throw new Error(`BlockElement: ${content3.type} is not yet supported`);
   }
@@ -39188,6 +39215,7 @@ function stringifyProps2(element2, parentField, flatten2, imageCallback) {
         if (field.list) {
           throw new Error(`Rich-text list is not supported`);
         } else {
+          console.log("RICH-TEXT StringifyProps", value);
           const joiner = flatten2 ? " " : "\n";
           let val = "";
           assertShape2(
@@ -39531,6 +39559,12 @@ var blockElement2 = (content3, field, imageCallback) => {
         type: "paragraph",
         children: eat3(content3.children, field, imageCallback)
       };
+    case "mermaid":
+      return {
+        type: "code",
+        lang: "mermaid",
+        value: content3.value
+      };
     case "code_block":
       return {
         type: "code",
@@ -39539,11 +39573,11 @@ var blockElement2 = (content3, field, imageCallback) => {
       };
     case "mdxJsxFlowElement":
       if (content3.name === "table") {
-        const table = content3.props;
+        const table2 = content3.props;
         return {
           type: "table",
-          align: table.align,
-          children: table.tableRows.map((tableRow) => {
+          align: table2.align,
+          children: table2.tableRows.map((tableRow) => {
             const tr2 = {
               type: "tableRow",
               children: tableRow.tableCells.map(({ value }) => {
@@ -39610,6 +39644,27 @@ var blockElement2 = (content3, field, imageCallback) => {
           }
         ]
       };
+    case "table":
+      const table = content3.props;
+      return {
+        type: "table",
+        align: table?.align,
+        children: content3.children.map((tableRow) => {
+          return {
+            type: "tableRow",
+            children: tableRow.children.map((tableCell) => {
+              return {
+                type: "tableCell",
+                children: eat3(
+                  tableCell.children?.at(0)?.children || [],
+                  field,
+                  imageCallback
+                )
+              };
+            })
+          };
+        })
+      };
     default:
       throw new Error(`BlockElement: ${content3.type} is not yet supported`);
   }
@@ -42043,32 +42098,29 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess) => {
     switch (content4.type) {
       case "table": {
         return {
-          type: "mdxJsxFlowElement",
-          children: [{ type: "text", text: "" }],
-          name: "table",
-          props: {
-            align: content4.align?.filter((item) => !!item),
-            tableRows: content4.children.map((child) => {
-              return {
-                tableCells: child.children.map((child2) => {
-                  return {
-                    value: {
-                      type: "root",
-                      children: [
-                        {
-                          type: "p",
-                          children: (0, import_lodash.default)(
-                            child2.children.map(
-                              (child3) => phrasingContent(child3)
-                            )
-                          )
-                        }
-                      ]
+          type: "table",
+          children: content4.children.map((tableRow) => {
+            return {
+              type: "tr",
+              children: tableRow.children.map((tableCell) => {
+                return {
+                  type: "td",
+                  children: [
+                    {
+                      type: "p",
+                      children: (0, import_lodash.default)(
+                        tableCell.children.map(
+                          (child) => phrasingContent(child)
+                        )
+                      )
                     }
-                  };
-                })
-              };
-            })
+                  ]
+                };
+              })
+            };
+          }),
+          props: {
+            align: content4.align?.filter((item) => !!item)
           }
         };
       }
@@ -42087,7 +42139,7 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess) => {
       case "heading":
         return heading2(content4);
       case "code":
-        return code3(content4);
+        return parseCode(content4);
       case "paragraph":
         return paragraph2(content4);
       case "mdxJsxFlowElement":
@@ -42234,6 +42286,19 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess) => {
         );
     }
   };
+  const parseCode = (content4) => {
+    if (content4.lang === "mermaid") {
+      return mermaid(content4);
+    }
+    return code3(content4);
+  };
+  const mermaid = (content4) => {
+    return {
+      type: "mermaid",
+      value: content4.value,
+      children: [{ type: "text", text: "" }]
+    };
+  };
   const code3 = (content4) => {
     const extra = {};
     if (content4.lang)

package/dist/index.js

@@ -40750,6 +40750,12 @@ var blockElement = (content3, field, imageCallback) => {
         type: "paragraph",
         children: eat2(content3.children, field, imageCallback)
       };
+    case "mermaid":
+      return {
+        type: "code",
+        lang: "mermaid",
+        value: content3.value
+      };
     case "code_block":
       return {
         type: "code",
@@ -40758,11 +40764,11 @@ var blockElement = (content3, field, imageCallback) => {
       };
     case "mdxJsxFlowElement":
       if (content3.name === "table") {
-        const table = content3.props;
+        const table2 = content3.props;
         return {
           type: "table",
-          align: table.align,
-          children: table.tableRows.map((tableRow) => {
+          align: table2.align,
+          children: table2.tableRows.map((tableRow) => {
             const tr2 = {
               type: "tableRow",
               children: tableRow.tableCells.map(({ value }) => {
@@ -40859,6 +40865,28 @@ var blockElement = (content3, field, imageCallback) => {
           }
         ]
       };
+    case "table":
+      const table = content3.props;
+      return {
+        type: "table",
+        align: table == null ? void 0 : table.align,
+        children: content3.children.map((tableRow) => {
+          return {
+            type: "tableRow",
+            children: tableRow.children.map((tableCell) => {
+              var _a3, _b;
+              return {
+                type: "tableCell",
+                children: eat2(
+                  ((_b = (_a3 = tableCell.children) == null ? void 0 : _a3.at(0)) == null ? void 0 : _b.children) || [],
+                  field,
+                  imageCallback
+                )
+              };
+            })
+          };
+        })
+      };
     default:
       throw new Error(`BlockElement: ${content3.type} is not yet supported`);
   }
@@ -41081,6 +41109,7 @@ function stringifyProps2(element, parentField, flatten2, imageCallback) {
         if (field.list) {
           throw new Error(`Rich-text list is not supported`);
         } else {
+          console.log("RICH-TEXT StringifyProps", value);
           const joiner = flatten2 ? " " : "\n";
           let val = "";
           assertShape2(
@@ -41426,6 +41455,12 @@ var blockElement2 = (content3, field, imageCallback) => {
         type: "paragraph",
         children: eat3(content3.children, field, imageCallback)
       };
+    case "mermaid":
+      return {
+        type: "code",
+        lang: "mermaid",
+        value: content3.value
+      };
     case "code_block":
       return {
         type: "code",
@@ -41434,11 +41469,11 @@ var blockElement2 = (content3, field, imageCallback) => {
       };
     case "mdxJsxFlowElement":
       if (content3.name === "table") {
-        const table = content3.props;
+        const table2 = content3.props;
         return {
           type: "table",
-          align: table.align,
-          children: table.tableRows.map((tableRow) => {
+          align: table2.align,
+          children: table2.tableRows.map((tableRow) => {
             const tr2 = {
               type: "tableRow",
               children: tableRow.tableCells.map(({ value }) => {
@@ -41506,6 +41541,28 @@ var blockElement2 = (content3, field, imageCallback) => {
           }
         ]
       };
+    case "table":
+      const table = content3.props;
+      return {
+        type: "table",
+        align: table == null ? void 0 : table.align,
+        children: content3.children.map((tableRow) => {
+          return {
+            type: "tableRow",
+            children: tableRow.children.map((tableCell) => {
+              var _a3, _b;
+              return {
+                type: "tableCell",
+                children: eat3(
+                  ((_b = (_a3 = tableCell.children) == null ? void 0 : _a3.at(0)) == null ? void 0 : _b.children) || [],
+                  field,
+                  imageCallback
+                )
+              };
+            })
+          };
+        })
+      };
     default:
       throw new Error(`BlockElement: ${content3.type} is not yet supported`);
   }
@@ -43946,32 +44003,29 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess) => {
     switch (content4.type) {
       case "table": {
         return {
-          type: "mdxJsxFlowElement",
-          children: [{ type: "text", text: "" }],
-          name: "table",
-          props: {
-            align: (_a3 = content4.align) == null ? void 0 : _a3.filter((item) => !!item),
-            tableRows: content4.children.map((child) => {
-              return {
-                tableCells: child.children.map((child2) => {
-                  return {
-                    value: {
-                      type: "root",
-                      children: [
-                        {
-                          type: "p",
-                          children: (0, import_lodash.default)(
-                            child2.children.map(
-                              (child3) => phrasingContent(child3)
-                            )
-                          )
-                        }
-                      ]
+          type: "table",
+          children: content4.children.map((tableRow) => {
+            return {
+              type: "tr",
+              children: tableRow.children.map((tableCell) => {
+                return {
+                  type: "td",
+                  children: [
+                    {
+                      type: "p",
+                      children: (0, import_lodash.default)(
+                        tableCell.children.map(
+                          (child) => phrasingContent(child)
+                        )
+                      )
                     }
-                  };
-                })
-              };
-            })
+                  ]
+                };
+              })
+            };
+          }),
+          props: {
+            align: (_a3 = content4.align) == null ? void 0 : _a3.filter((item) => !!item)
           }
         };
       }
@@ -43990,7 +44044,7 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess) => {
       case "heading":
         return heading2(content4);
       case "code":
-        return code3(content4);
+        return parseCode(content4);
       case "paragraph":
         return paragraph2(content4);
       case "mdxJsxFlowElement":
@@ -44137,6 +44191,19 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess) => {
         );
     }
   };
+  const parseCode = (content4) => {
+    if (content4.lang === "mermaid") {
+      return mermaid(content4);
+    }
+    return code3(content4);
+  };
+  const mermaid = (content4) => {
+    return {
+      type: "mermaid",
+      value: content4.value,
+      children: [{ type: "text", text: "" }]
+    };
+  };
   const code3 = (content4) => {
     const extra = {};
     if (content4.lang)

package/dist/index.mjs

@@ -40733,6 +40733,12 @@ var blockElement = (content3, field, imageCallback) => {
         type: "paragraph",
         children: eat2(content3.children, field, imageCallback)
       };
+    case "mermaid":
+      return {
+        type: "code",
+        lang: "mermaid",
+        value: content3.value
+      };
     case "code_block":
       return {
         type: "code",
@@ -40741,11 +40747,11 @@ var blockElement = (content3, field, imageCallback) => {
       };
     case "mdxJsxFlowElement":
       if (content3.name === "table") {
-        const table = content3.props;
+        const table2 = content3.props;
         return {
           type: "table",
-          align: table.align,
-          children: table.tableRows.map((tableRow) => {
+          align: table2.align,
+          children: table2.tableRows.map((tableRow) => {
             const tr2 = {
               type: "tableRow",
               children: tableRow.tableCells.map(({ value }) => {
@@ -40841,6 +40847,27 @@ var blockElement = (content3, field, imageCallback) => {
           }
         ]
       };
+    case "table":
+      const table = content3.props;
+      return {
+        type: "table",
+        align: table?.align,
+        children: content3.children.map((tableRow) => {
+          return {
+            type: "tableRow",
+            children: tableRow.children.map((tableCell) => {
+              return {
+                type: "tableCell",
+                children: eat2(
+                  tableCell.children?.at(0)?.children || [],
+                  field,
+                  imageCallback
+                )
+              };
+            })
+          };
+        })
+      };
     default:
       throw new Error(`BlockElement: ${content3.type} is not yet supported`);
   }
@@ -41060,6 +41087,7 @@ function stringifyProps2(element, parentField, flatten2, imageCallback) {
         if (field.list) {
           throw new Error(`Rich-text list is not supported`);
         } else {
+          console.log("RICH-TEXT StringifyProps", value);
           const joiner = flatten2 ? " " : "\n";
           let val = "";
           assertShape2(
@@ -41403,6 +41431,12 @@ var blockElement2 = (content3, field, imageCallback) => {
         type: "paragraph",
         children: eat3(content3.children, field, imageCallback)
       };
+    case "mermaid":
+      return {
+        type: "code",
+        lang: "mermaid",
+        value: content3.value
+      };
     case "code_block":
       return {
         type: "code",
@@ -41411,11 +41445,11 @@ var blockElement2 = (content3, field, imageCallback) => {
       };
     case "mdxJsxFlowElement":
       if (content3.name === "table") {
-        const table = content3.props;
+        const table2 = content3.props;
         return {
           type: "table",
-          align: table.align,
-          children: table.tableRows.map((tableRow) => {
+          align: table2.align,
+          children: table2.tableRows.map((tableRow) => {
             const tr2 = {
               type: "tableRow",
               children: tableRow.tableCells.map(({ value }) => {
@@ -41482,6 +41516,27 @@ var blockElement2 = (content3, field, imageCallback) => {
           }
         ]
       };
+    case "table":
+      const table = content3.props;
+      return {
+        type: "table",
+        align: table?.align,
+        children: content3.children.map((tableRow) => {
+          return {
+            type: "tableRow",
+            children: tableRow.children.map((tableCell) => {
+              return {
+                type: "tableCell",
+                children: eat3(
+                  tableCell.children?.at(0)?.children || [],
+                  field,
+                  imageCallback
+                )
+              };
+            })
+          };
+        })
+      };
     default:
       throw new Error(`BlockElement: ${content3.type} is not yet supported`);
   }
@@ -43915,32 +43970,29 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess) => {
     switch (content4.type) {
       case "table": {
         return {
-          type: "mdxJsxFlowElement",
-          children: [{ type: "text", text: "" }],
-          name: "table",
-          props: {
-            align: content4.align?.filter((item) => !!item),
-            tableRows: content4.children.map((child) => {
-              return {
-                tableCells: child.children.map((child2) => {
-                  return {
-                    value: {
-                      type: "root",
-                      children: [
-                        {
-                          type: "p",
-                          children: (0, import_lodash.default)(
-                            child2.children.map(
-                              (child3) => phrasingContent(child3)
-                            )
-                          )
-                        }
-                      ]
+          type: "table",
+          children: content4.children.map((tableRow) => {
+            return {
+              type: "tr",
+              children: tableRow.children.map((tableCell) => {
+                return {
+                  type: "td",
+                  children: [
+                    {
+                      type: "p",
+                      children: (0, import_lodash.default)(
+                        tableCell.children.map(
+                          (child) => phrasingContent(child)
+                        )
+                      )
                     }
-                  };
-                })
-              };
-            })
+                  ]
+                };
+              })
+            };
+          }),
+          props: {
+            align: content4.align?.filter((item) => !!item)
           }
         };
       }
@@ -43959,7 +44011,7 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess) => {
       case "heading":
         return heading2(content4);
       case "code":
-        return code3(content4);
+        return parseCode(content4);
       case "paragraph":
         return paragraph2(content4);
       case "mdxJsxFlowElement":
@@ -44106,6 +44158,19 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess) => {
         );
     }
   };
+  const parseCode = (content4) => {
+    if (content4.lang === "mermaid") {
+      return mermaid(content4);
+    }
+    return code3(content4);
+  };
+  const mermaid = (content4) => {
+    return {
+      type: "mermaid",
+      value: content4.value,
+      children: [{ type: "text", text: "" }]
+    };
+  };
   const code3 = (content4) => {
     const extra = {};
     if (content4.lang)

package/dist/next/tests/markdown-mermaid/field.d.ts

@@ -0,0 +1,2 @@
+import type { RichTextField } from '@tinacms/schema-tools';
+export declare const field: RichTextField;

package/dist/next/tests/markdown-mermaid/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/parse/plate.d.ts

@@ -121,7 +121,37 @@ export type ParagraphElement = {
 /**
  * @group BlockElement
  */
-export type BlockElement = BlockquoteElement | CodeBlockElement | HeadingElement | HrElement | HTMLElement | ImageElement | InvalidMarkdownElement | ListItemElement | MdxBlockElement | ParagraphElement | OrderedListElement | UnorderedListElement;
+export type TableCellElement = {
+    type: 'td';
+    children: ParagraphElement[];
+};
+/**
+ * @group BlockElement
+ */
+export type TableRowElement = {
+    type: 'tr';
+    children: TableCellElement[];
+};
+/**
+ * @group BlockElement
+ */
+export type TableElement = {
+    type: 'table';
+    children: TableRowElement[];
+    props: Record<string, unknown>;
+};
+/**
+ * @group MermaidElement
+ */
+export type MermaidElement = {
+    type: 'mermaid';
+    value: string;
+    children: [EmptyTextElement];
+};
+/**
+ * @group BlockElement
+ */
+export type BlockElement = BlockquoteElement | CodeBlockElement | HeadingElement | HrElement | HTMLElement | ImageElement | InvalidMarkdownElement | ListItemElement | MdxBlockElement | ParagraphElement | MermaidElement | OrderedListElement | UnorderedListElement | TableCellElement | TableRowElement | TableElement;
 /**
  * @group InlineElement
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinacms/mdx",
-  "version": "0.0.0-b1fe6d2-20241008011354",
+  "version": "0.0.0-b4c6a60-20241010070518",
   "typings": "dist/index.d.ts",
   "main": "dist/index.js",
   "browser": "dist/index.browser.mjs",
@@ -56,7 +56,7 @@
     "unist-util-visit": "4.1.2",
     "uvu": "0.5.6",
     "vfile-message": "3.1.4",
-    "@tinacms/schema-tools": "0.0.0-b1fe6d2-20241008011354"
+    "@tinacms/schema-tools": "0.0.0-b4c6a60-20241010070518"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -80,7 +80,7 @@
     "typescript": "^5.6.2",
     "vite": "^4.5.5",
     "vitest": "^0.32.4",
-    "@tinacms/scripts": "1.2.3"
+    "@tinacms/scripts": "0.0.0-b4c6a60-20241010070518"
   },
   "scripts": {
     "types": "tsc",