@flozy/editor 1.0.5 → 1.0.7

package/dist/Editor/utils/serializer.js

@@ -0,0 +1,28 @@
+import { Text } from 'slate';
+import { getBlock, getMarked } from './SlateUtilityFunctions.js';
+import ReactDOMServer from 'react-dom/server';
+const {
+  renderToStaticMarkup
+} = ReactDOMServer;
+export const serialize = node => {
+  if (Text.isText(node)) {
+    let string = getMarked(node, node.text);
+    string = renderToStaticMarkup(string);
+    return string;
+  }
+  const children = node.children.map(n => serialize(n)).join('');
+  let block = getBlock({
+    children,
+    element: node
+  });
+  block = renderToStaticMarkup(block);
+  return block;
+};
+export const serializer = editorValue => {
+  if (editorValue.length > 0) {
+    return editorValue.map(n => serialize(n)).join('');
+  }
+};
+export const deserializer = body => {
+  console.log(body);
+};

package/dist/Editor/utils/table.js

@@ -0,0 +1,129 @@
+import { Transforms, Editor, Range, Element, Path } from "slate";
+export class TableUtil {
+  constructor(editor) {
+    this.editor = editor;
+  }
+  insertTable = (rows, columns) => {
+    const [tableNode] = Editor.nodes(this.editor, {
+      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table",
+      mode: "highest"
+    });
+    if (tableNode) return;
+    if (!rows || !columns) {
+      return;
+    }
+    //Creating a 2-d array of blank string as default text for the table
+    const cellText = Array.from({
+      length: rows
+    }, () => Array.from({
+      length: columns
+    }, () => ""));
+    const newTable = createTableNode(cellText, rows, columns);
+    Transforms.insertNodes(this.editor, newTable, {
+      //   mode: "highest",
+    });
+    Transforms.insertNodes(this.editor, {
+      type: "paragraph",
+      children: [{
+        text: ""
+      }]
+    }
+    //   { mode: "highest" }
+    );
+  };
+
+  removeTable = () => {
+    Transforms.removeNodes(this.editor, {
+      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
+      // mode:'highest'
+    });
+  };
+
+  insertRow = action => {
+    const {
+      selection
+    } = this.editor;
+    if (!!selection && Range.isCollapsed(selection)) {
+      const [tableNode] = Editor.nodes(this.editor, {
+        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-row"
+      });
+      if (tableNode) {
+        const [[table, tablePath]] = Editor.nodes(this.editor, {
+          match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
+        });
+        const [, currentRow] = tableNode;
+        const path = action === "after" ? Path.next(currentRow) : currentRow;
+        Transforms.insertNodes(this.editor, createRow(Array(table.columns).fill("")), {
+          at: path
+        });
+        Transforms.setNodes(this.editor, {
+          rows: table.rows + 1
+        }, {
+          at: tablePath
+        });
+      }
+    }
+  };
+  insertColumn = action => {
+    const {
+      selection
+    } = this.editor;
+    if (!!selection && Range.isCollapsed(selection)) {
+      const [tableNode] = Editor.nodes(this.editor, {
+        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-cell"
+      });
+      if (tableNode) {
+        const [[table, tablePath]] = Editor.nodes(this.editor, {
+          match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
+        });
+        const [, currentCell] = tableNode;
+        const startPath = action === "after" ? Path.next(currentCell) : currentCell;
+
+        // The last two indices of the path represents the row and column. We need to add one cell to each row starting from the first row
+        startPath[startPath.length - 2] = 0;
+        for (let row = 0; row < table.rows; row++) {
+          Transforms.insertNodes(this.editor, createTableCell(""), {
+            at: startPath
+          });
+          startPath[startPath.length - 2]++;
+        }
+        Transforms.setNodes(this.editor, {
+          columns: table.columns + 1
+        }, {
+          at: tablePath
+        });
+      }
+    }
+  };
+}
+const createRow = cellText => {
+  const newRow = Array.from(cellText, value => createTableCell(value));
+  return {
+    type: "table-row",
+    children: newRow
+  };
+};
+export const createTableCell = text => {
+  return {
+    type: "table-cell",
+    children: [{
+      type: "paragraph",
+      children: [{
+        text
+      }]
+    }]
+  };
+};
+const createTableNode = (cellText, rows, columns) => {
+  const tableChildren = Array.from(cellText, value => createRow(value));
+  let tableNode = {
+    type: "paragraph",
+    children: [{
+      type: "table",
+      children: tableChildren,
+      rows,
+      columns
+    }]
+  };
+  return tableNode;
+};

package/dist/index.js

@@ -0,0 +1,4 @@
+import Collaborative from "./Editor/CollaborativeEditor";
+import CommonEditor from "./Editor/CommonEditor";
+export const Editor = CommonEditor;
+export const CollaborativeEditor = Collaborative;

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@flozy/editor",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "An Editor for flozy app brain",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/index.js",
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
@@ -18,8 +22,6 @@
     "interweave": "^13.1.0",
     "lint-staged": "^13.2.3",
     "prettier": "^3.0.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "react-icons": "^4.10.1",
     "react-katex": "^3.0.1",
     "react-scripts": "5.0.1",
@@ -31,6 +33,10 @@
     "y-websocket": "^1.5.0",
     "yjs": "^13.6.8"
   },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
   "scripts": {
     "prepare": "husky install .husky",
     "lint": "./node_modules/.bin/eslint --ignore-path .gitignore . --fix",
@@ -39,7 +45,8 @@
     "test": "craco test --passWithNoTests",
     "eject": "react-scripts eject",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "publish:npm": "rm -rf dist && mkdir dist &&  babel src/components -d dist --copy-files"
   },
   "eslintConfig": {
     "extends": [
@@ -71,7 +78,9 @@
     ]
   },
   "devDependencies": {
+    "@babel/cli": "^7.23.0",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/preset-react": "^7.22.15",
     "@craco/craco": "^7.1.0",
     "@storybook/addon-essentials": "^7.4.0",
     "@storybook/addon-interactions": "^7.4.0",
@@ -104,8 +113,9 @@
   "bugs": {
     "url": "https://github.com/Flozy-App/editor/issues"
   },
-  "files": [
-    "dist"
-  ],
-  "main": "dist/index.js"
+  "babel": {
+    "presets": [
+      "@babel/preset-react"
+    ]
+  }
 }