@flozy/editor 1.1.5 → 1.1.7

package/dist/Editor/utils/insertChipText.js

@@ -0,0 +1,49 @@
+import { Editor, Transforms, Path, Range, Element } from "slate";
+export const createChipTextNode = (href, showInNewTab, text) => ({
+  type: "chip-text",
+  href,
+  target: showInNewTab ? "_blank" : "_self",
+  children: [{
+    text
+  }]
+});
+export const insertChipText = (editor, {
+  url,
+  showInNewTab
+}) => {
+  const {
+    selection
+  } = editor;
+  const chipText = createChipTextNode(url, showInNewTab, "Chip Text");
+  if (!!selection) {
+    const [parent, parentPath] = Editor.parent(editor, selection.focus.path);
+    if (editor.isVoid(parent)) {
+      Transforms.insertNodes(editor, {
+        type: "paragraph",
+        children: [chipText]
+      }, {
+        at: Path.next(parentPath),
+        select: true
+      });
+    } else if (Range.isCollapsed(selection)) {
+      Transforms.insertNodes(editor, chipText, {
+        select: true
+      });
+    } else {
+      Transforms.wrapNodes(editor, chipText, {
+        split: true
+      });
+    }
+  } else {
+    Transforms.insertNodes(editor, {
+      type: "paragraph",
+      children: [chipText]
+    });
+  }
+};
+export const removeChipText = (editor, path) => {
+  Transforms.unwrapNodes(editor, {
+    at: path,
+    match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "chip-text"
+  });
+};

package/dist/Editor/utils/insertDrawerMenu.js

@@ -0,0 +1,52 @@
+import { Editor, Transforms, Path, Range, Element } from "slate";
+export const createDrawerMenuNode = ({
+  text
+}) => ({
+  type: "drawer",
+  anchor: "left",
+  menus: [{
+    type: "menu",
+    text: "Menu 1",
+    url: "http://google.com"
+  }],
+  children: [{
+    text: "Menu"
+  }]
+});
+export const insertDrawerMenu = (editor, props) => {
+  const {
+    selection
+  } = editor;
+  const drawerMenu = createDrawerMenuNode(props);
+  if (!!selection) {
+    const [parent, parentPath] = Editor.parent(editor, selection.focus.path);
+    if (editor.isVoid(parent)) {
+      Transforms.insertNodes(editor, {
+        type: "paragraph",
+        children: [drawerMenu]
+      }, {
+        at: Path.next(parentPath),
+        select: true
+      });
+    } else if (Range.isCollapsed(selection)) {
+      Transforms.insertNodes(editor, drawerMenu, {
+        select: true
+      });
+    } else {
+      Transforms.wrapNodes(editor, drawerMenu, {
+        split: true
+      });
+    }
+  } else {
+    Transforms.insertNodes(editor, {
+      type: "paragraph",
+      children: [drawerMenu]
+    });
+  }
+};
+export const removeDrawerMenu = (editor, path) => {
+  Transforms.unwrapNodes(editor, {
+    at: path,
+    match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "drawer"
+  });
+};

package/dist/Editor/utils/serializer.js

@@ -1,28 +1,38 @@
-import { Text } from 'slate';
-import { getBlock, getMarked } from './SlateUtilityFunctions.js';
-import ReactDOMServer from 'react-dom/server';
+import { Text } from "slate";
+import { getBlock, getMarked } from "./SlateUtilityFunctions.js";
+import ReactDOMServer from "react-dom/server";
 const {
-  renderToStaticMarkup
+  renderToString
 } = ReactDOMServer;
 export const serialize = node => {
-  if (Text.isText(node)) {
-    let string = getMarked(node, node.text);
-    string = renderToStaticMarkup(string);
-    return string;
+  try {
+    if (Text.isText(node)) {
+      let string = getMarked(node, node.text);
+      string = renderToString(string);
+      return string;
+    }
+    const children = node.children.map(n => serialize(n)).join("");
+    let block = getBlock({
+      children,
+      element: node
+    });
+    block = renderToString(block);
+    return block;
+  } catch (err) {
+    console.log(err);
+    return null;
   }
-  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('');
+    return editorValue.map(n => serialize(n)).join("");
   }
 };
 export const deserializer = body => {
   console.log(body);
+};
+export const convertToHTML = editorWrapper => {
+  if (editorWrapper && editorWrapper?.current) {
+    return editorWrapper?.current;
+  }
 };

package/dist/Editor/utils/table.js

@@ -1,4 +1,5 @@
-import { Transforms, Editor, Range, Element, Path } from "slate";
+import { Transforms, Editor, Range, Element, Path, Node } from "slate";
+import { ReactEditor } from "slate-react";
 const prefixKey = (obj, pk = "") => {
   return Object.keys(obj).reduce((a, b) => {
     a[`${pk}${b}`] = obj[b];
@@ -54,6 +55,30 @@ export class TableUtil {
     });
   };
 
+  getDOMNode = path => {
+    try {
+      const [tableNode] = Editor.nodes(this.editor, {
+        at: path,
+        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
+      });
+      const tableDOM = ReactEditor.toDOMNode(this.editor, tableNode[0]);
+      return tableDOM;
+    } catch (err) {
+      console.log(err);
+    }
+  };
+  getTotalWidth = (path, colCount = 0) => {
+    try {
+      let totalWidth = 0;
+      for (let i = 0; i < colCount; i++) {
+        const dom = ReactEditor.toDOMNode(this.editor, Node.get(this.editor, [...path, 0, i]));
+        totalWidth += parseFloat(dom.style.width);
+      }
+      return totalWidth;
+    } catch (err) {
+      console.log(err);
+    }
+  };
   insertRow = action => {
     const {
       selection
@@ -172,7 +197,6 @@ export class TableUtil {
         selection
       } = this.editor;
       if (!!selection && Range.isCollapsed(selection)) {
-        console.log("styleProps", styleProps);
         const tableProps = parseByPrefixKey(styleProps, "table.");
         const rowProps = parseByPrefixKey(styleProps, "row.");
         const cellProps = parseByPrefixKey(styleProps, "col.");
@@ -181,7 +205,6 @@ export class TableUtil {
           currentRowPath,
           currentTablePath
         } = paths;
-        console.log(tableProps, rowProps, cellProps);
         Transforms.setNodes(this.editor, {
           ...tableProps
         }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"
@@ -22,6 +22,7 @@
     "interweave": "^13.1.0",
     "lint-staged": "^13.2.3",
     "prettier": "^3.0.1",
+    "react-best-gradient-color-picker": "^2.2.23",
     "react-datepicker": "^4.18.0",
     "react-icons": "^4.10.1",
     "react-katex": "^3.0.1",