@openeditor/native 0.0.7 → 0.0.8

package/dist/index.js

@@ -63,14 +63,54 @@ const openEditorNativeSchema = {
             content: "column+",
             group: "block",
             role: "block",
-            htmlTag: "section",
-            attrs: { count: { default: 2 } },
+            layoutRole: "columns",
         },
         {
             name: "column",
             content: "block+",
             role: "block",
-            htmlTag: "div",
+            layoutRole: "column",
+        },
+        {
+            name: "table",
+            content: "tableRow+",
+            group: "block",
+            role: "block",
+            layoutRole: "table",
+            htmlTag: "table",
+        },
+        {
+            name: "tableRow",
+            content: "(tableCell | tableHeader)+",
+            role: "block",
+            layoutRole: "tableRow",
+            htmlTag: "tr",
+        },
+        {
+            name: "tableCell",
+            content: "block+",
+            role: "block",
+            layoutRole: "tableCell",
+            htmlTag: "td",
+            attrs: {
+                colspan: { default: 1 },
+                rowspan: { default: 1 },
+                colwidth: { default: null },
+                align: { default: null },
+            },
+        },
+        {
+            name: "tableHeader",
+            content: "block+",
+            role: "block",
+            layoutRole: "tableHeader",
+            htmlTag: "th",
+            attrs: {
+                colspan: { default: 1 },
+                rowspan: { default: 1 },
+                colwidth: { default: null },
+                align: { default: null },
+            },
         },
         {
             name: "image",
@@ -100,7 +140,7 @@ const openEditorNativeSchema = {
     ],
 };
 const toNativeEditorTheme = (theme) => ({
-    backgroundColor: "transparent",
+    backgroundColor: theme.background,
     borderRadius: 0,
     placeholderColor: theme.placeholder,
     contentInsets: {
@@ -234,7 +274,6 @@ const nativeSeedDocument = createDocument([
     },
     {
         type: "columns",
-        attrs: { count: 2 },
         content: [
             { type: "column", content: [textBlock("paragraph", "Columns now flow through the native engine.")] },
             { type: "column", content: [textBlock("paragraph", "Tables stay blocked until the native engine supports them cleanly.")] },
@@ -376,7 +415,7 @@ export const OpenEditorNative = ({ document = nativeSeedDocument, editable = tru
             return;
         }
         if (key === openEditorNativeToolbarActionKeys.undo) {
-            const previous = history.undoStack.at(-1);
+            const previous = history.undoStack[history.undoStack.length - 1];
             if (!previous) {
                 return;
             }
@@ -411,6 +450,14 @@ export const OpenEditorNative = ({ document = nativeSeedDocument, editable = tru
             editorRef.current?.toggleList("orderedList");
             return;
         }
+        if (key === openEditorNativeToolbarActionKeys.columns) {
+            editorRef.current?.insertColumns();
+            return;
+        }
+        if (key === openEditorNativeToolbarActionKeys.table) {
+            editorRef.current?.insertTable();
+            return;
+        }
         const actionDocument = defaultDocumentForToolbarAction(key);
         if (actionDocument) {
             editorRef.current?.insertContentJson(actionDocument);

package/dist/toolbar.d.ts

@@ -4,6 +4,8 @@ export declare const openEditorNativeToolbarActionKeys: {
     readonly paragraph: "paragraph";
     readonly bulletList: "bulletList";
     readonly orderedList: "orderedList";
+    readonly columns: "columns";
+    readonly table: "table";
     readonly moveBlockUp: "openeditor:block:moveUp";
     readonly moveBlockDown: "openeditor:block:moveDown";
     readonly undo: "openeditor:history:undo";

package/dist/toolbar.js

@@ -12,6 +12,8 @@ export const openEditorNativeToolbarActionKeys = {
     paragraph: "paragraph",
     bulletList: "bulletList",
     orderedList: "orderedList",
+    columns: "columns",
+    table: "table",
     moveBlockUp: "openeditor:block:moveUp",
     moveBlockDown: "openeditor:block:moveDown",
     undo: "openeditor:history:undo",
@@ -73,6 +75,12 @@ export const createOpenEditorNativeToolbarItems = ({ canUndo = true, canRedo = t
             items: [
                 { type: "blockquote", label: "Quote", icon: defaultIcon("blockquote") },
                 { type: "node", nodeType: "horizontalRule", label: "Divider", icon: defaultIcon("horizontalRule") },
+                { type: "action", key: openEditorNativeToolbarActionKeys.columns, label: "Columns", icon: glyphIcon("Cols") },
+                { type: "action", key: openEditorNativeToolbarActionKeys.table, label: "Table", icon: glyphIcon("Tbl") },
+                { type: "command", command: "insertTableRowAfter", label: "Add Row", icon: glyphIcon("+R") },
+                { type: "command", command: "insertTableColumnAfter", label: "Add Column", icon: glyphIcon("+C") },
+                { type: "command", command: "deleteTableRow", label: "Delete Row", icon: glyphIcon("-R") },
+                { type: "command", command: "deleteTableColumn", label: "Delete Column", icon: glyphIcon("-C") },
                 { type: "image", label: "Image", icon: defaultIcon("image") },
             ],
         },
@@ -153,6 +161,7 @@ export const nativeToolbarParityCoverage = () => {
         ["blockquote", "blockquote"],
         ["divider", "horizontalRule"],
         ["image", "image"],
+        ["table", openEditorNativeToolbarActionKeys.table],
     ]);
     const markControls = new Map([
         ["bold", "bold"],
@@ -196,6 +205,7 @@ export const defaultDocumentForToolbarAction = (key) => {
         || key === "taskList"
         || key === "codeBlock"
         || key === "columns"
+        || key === openEditorNativeToolbarActionKeys.table
         || key === openEditorNativeToolbarActionKeys.moveBlockUp
         || key === openEditorNativeToolbarActionKeys.moveBlockDown
         || key === openEditorNativeToolbarActionKeys.dismissKeyboard) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openeditor/native",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "sideEffects": false,
   "repository": {
@@ -27,14 +27,14 @@
   },
   "dependencies": {
     "@expo/vector-icons": "15.0.3",
-    "@openeditor/core": "0.0.7",
-    "@openeditor/exporters": "0.0.7",
-    "@openeditor/extensions": "0.0.7",
+    "@openeditor/core": "0.0.8",
+    "@openeditor/exporters": "0.0.8",
+    "@openeditor/extensions": "0.0.8",
     "react": "19.2.3",
     "react-native": "0.85.3"
   },
   "peerDependencies": {
-    "@openeditor/react-native-prose-editor": "0.0.7",
+    "@openeditor/react-native-prose-editor": "0.0.8",
     "react-native-keyboard-controller": ">=1.21",
     "react": ">=19",
     "react-native": ">=0.85"