@flozy/editor 9.2.7 → 9.2.9

package/dist/Editor/CommonEditor.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-unused-vars */
 import React, { useRef, useCallback, useEffect, useMemo, useState, forwardRef, useImperativeHandle, createContext } from "react";
 import PropTypes from "prop-types";
-import { createEditor, Range, Transforms } from "slate";
+import { createEditor, Editor, Range, Transforms } from "slate";
 import { Slate, Editable, ReactEditor } from "slate-react";
 import { useDebouncedCallback } from "use-debounce";
 import { getMarked, getBlock } from "./utils/SlateUtilityFunctions";
@@ -42,6 +42,7 @@ import "animate.css";
 import FontLoader from "./common/FontLoader/FontLoader";
 import { ThemeAIIcon, ThemePaintIcon } from "./assets/svg/ThemeIcons";
 import { CustomDialogComponent } from "./common/CustomDialog";
+import { extractTextWithPath, replaceTextPath } from "./helper/textIndeces.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const ThemeContext = /*#__PURE__*/createContext(null);
@@ -86,6 +87,7 @@ const updateTopBanner = (content = [], setTopBanner) => {
     return firstNode?.type === "topbanner" ? firstNode : null;
   });
 };
+const dummyTranslation = () => {};
 const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     id,
@@ -136,7 +138,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     hideTools = [],
     translationMock
   } = otherProps || {};
-  const translationFn = translation || translationMock;
+  const translationFn = translation || translationMock || dummyTranslation;
   const editor = useMemo(() => {
     if (collaborativeEditor) return collaborativeEditor;
     const editor = createEditor();
@@ -551,6 +553,50 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
       console.log("handleCursorScroll", err);
     }
   };
+  window.getTextIndeces = () => {
+    try {
+      const textWithPaths = extractTextWithPath(editor.children, []);
+      return textWithPaths;
+    } catch (err) {
+      console.log(err);
+    }
+  };
+  window.replaceTextIndeces = (path_data = []) => {
+    try {
+      const replacedJson = replaceTextPath(JSON.parse(JSON.stringify(editor.children)), path_data);
+
+      // loop delete all
+      editor.children.forEach(() => {
+        Transforms.delete(editor, {
+          at: [0]
+        });
+      });
+
+      // Insert new nodes
+      Transforms.insertNodes(editor, replacedJson, {
+        at: [0]
+      });
+    } catch (err) {
+      console.log(err);
+    }
+  };
+  window.replaceEditorContent = (fragments = []) => {
+    try {
+      // loop delete all
+      editor.children.forEach(() => {
+        Transforms.delete(editor, {
+          at: [0]
+        });
+      });
+
+      // Insert new nodes
+      Transforms.insertNodes(editor, fragments, {
+        at: [0]
+      });
+    } catch (err) {
+      console.log(err);
+    }
+  };
   return /*#__PURE__*/_jsxs(EditorProvider, {
     theme: theme,
     editor: editor,

package/dist/Editor/Elements/Link/Link.js

@@ -1,5 +1,5 @@
 import React, { useRef, useState } from "react";
-import { Node, Transforms } from "slate";
+import { Node, Range, Transforms } from "slate";
 import { ReactEditor, useSelected, useSlateStatic } from "slate-react";
 import { Box, IconButton, Popper, Tooltip } from "@mui/material";
 import OpenInNewIcon from "@mui/icons-material/OpenInNew";
@@ -25,7 +25,11 @@ const Toolbar = props => {
   const btnProps = handleLinkType(urlPath, linkType, true, showInNewTab === "_blank");
   const navType = getLinkType(linkType, urlPath);
   const hideOpenLink = navType === "page" || !navType;
-  return selected ? /*#__PURE__*/_jsx(Popper, {
+
+  // To avoid mupltiple link setting pop up opens [Range used]
+  const renageSelected = editor.selection && !Range.isCollapsed(editor.selection);
+  const openLinkOptions = !renageSelected && selected;
+  return openLinkOptions ? /*#__PURE__*/_jsx(Popper, {
     anchorEl: linkRef?.current,
     open: true,
     placement: "top-start",

package/dist/Editor/common/Shorthands/elements.js

@@ -154,7 +154,10 @@ const ELEMENTS_LIST = [{
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "image"
   }),
-  onInsert: editor => insertDefaultEmbed(editor, "image")
+  onInsert: editor => {
+    Transforms.delete(editor, editor.selection);
+    insertDefaultEmbed(editor, "image");
+  }
 }, {
   name: "Video",
   desc: "",
@@ -163,9 +166,12 @@ const ELEMENTS_LIST = [{
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "video"
   }),
-  onInsert: editor => insertDefaultEmbed(editor, "video", "", {
-    aspectRatio: "16 / 9"
-  })
+  onInsert: editor => {
+    Transforms.delete(editor, editor.selection);
+    insertDefaultEmbed(editor, "video", "", {
+      aspectRatio: "16 / 9"
+    });
+  }
 }, {
   name: "Embed",
   desc: "",
@@ -174,7 +180,10 @@ const ELEMENTS_LIST = [{
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "embed"
   }),
-  onInsert: editor => insertDefaultEmbed(editor, "embed", "")
+  onInsert: editor => {
+    Transforms.delete(editor, editor.selection);
+    insertDefaultEmbed(editor, "embed", "");
+  }
 }, {
   name: "Calendly",
   desc: "",
@@ -183,7 +192,10 @@ const ELEMENTS_LIST = [{
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "calenderNewIcon"
   }),
-  onInsert: editor => insertDefaultEmbed(editor, "calendly", "")
+  onInsert: editor => {
+    Transforms.delete(editor, editor.selection);
+    insertDefaultEmbed(editor, "calendly", "");
+  }
 }, {
   name: "Table",
   group: "Elements",

package/dist/Editor/helper/textIndeces.js

@@ -0,0 +1,58 @@
+export function extractTextWithPath(data, path = []) {
+  let result = [];
+  data.forEach((item, index) => {
+    const currentPath = [...path, index];
+    if (item.text) {
+      result.push({
+        path_id: currentPath.join(","),
+        text: item.text
+      });
+    }
+    if (item.children) {
+      result = result.concat(extractTextWithPath(item.children, currentPath));
+    }
+  });
+  return result;
+}
+export function replaceTextPath(nestedJson, pathIdJson) {
+  // Create a map from path_id JSON for quick lookup
+  const pathIdMap = new Map(pathIdJson.map(item => [item.path_id, item.text]));
+  console.log(pathIdMap);
+  function extractTextWithPath(data, path = []) {
+    data.forEach((item, index) => {
+      const currentPath = [...path, index];
+      if (item.text) {
+        if (pathIdMap.has(currentPath?.join(","))) {
+          item.text = pathIdMap.get(currentPath?.join(","));
+        }
+      }
+      if (item.children) {
+        extractTextWithPath(item.children, currentPath);
+      }
+    });
+  }
+  extractTextWithPath(nestedJson, []);
+  return nestedJson;
+}
+
+// export function replaceTextPath(nestedJson, pathIdJson) {
+//   // Create a map from path_id JSON for quick lookup
+//   const pathIdMap = new Map(
+//     pathIdJson.map((item) => [item.path_id, item.text])
+//   );
+
+//   function traverseAndReplace(node) {
+//     if (Array.isArray(node)) {
+//       node.forEach(traverseAndReplace);
+//     } else if (typeof node === "object" && node !== null) {
+//       console.log(node);
+//       if (node.text && pathIdMap.has(node.text)) {
+//         node.text = pathIdMap.get(node.path_id);
+//       }
+//       Object.values(node).forEach(traverseAndReplace);
+//     }
+//   }
+
+//   traverseAndReplace(nestedJson);
+//   return nestedJson;
+// }

package/dist/Editor/utils/embed.js

@@ -1,5 +1,6 @@
 import { Transforms } from "slate";
 import insertNewLine, { insertNewLineAfterCurrentPath } from "./insertNewLine";
+import { getCurrentNodeText } from "./helper";
 export const insertDefaultEmbed = (editor, type, defaultURL = "", extProps = {}) => {
   try {
     const url = defaultURL ? defaultURL : type === "image" ? "" : "";
@@ -51,11 +52,15 @@ export const createEmbedNode = (type, {
 });
 export const insertEmbed = (editor, embedData, format) => {
   try {
+    const blockText = getCurrentNodeText(editor);
     const embed = createEmbedNode(format, embedData);
-    Transforms.insertNodes(editor, embed, {
-      at: editor.selection.anchor.path
-    });
-    insertNewLine(editor);
+    if (!blockText) {
+      Transforms.removeNodes(editor, {
+        at: editor?.selection
+      });
+      insertNewLine(editor);
+    }
+    Transforms.insertNodes(editor, embed);
     insertNewLineAfterCurrentPath(editor);
   } catch (err) {
     console.log(err);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "9.2.7",
+  "version": "9.2.9",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"