@sparrowengg/twigs-editor-react 0.0.1

package/dist/cjs/components/toolbar-context/context.js

@@ -0,0 +1,148 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var code = require('@lexical/code');
+var link = require('@lexical/link');
+var list = require('@lexical/list');
+var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
+var richText = require('@lexical/rich-text');
+var utils = require('@lexical/utils');
+var lexical = require('lexical');
+var React = require('react');
+var getSelectedNode = require('../../utils/get-selected-node.js');
+var store = require('./store.js');
+var utils$1 = require('./utils.js');
+
+const LowPriority = 1;
+const ToolbarContextPlugin = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(store.ToolbarStoreProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarContextConsumer, { children }) });
+};
+const ToolbarContextConsumer = ({
+  children
+}) => {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const [, updateData] = store.useToolbarStore((state) => state.data);
+  const updateToolbar = React.useCallback(() => {
+    const selection = lexical.$getSelection();
+    if (lexical.$isRangeSelection(selection)) {
+      const anchorNode = selection.anchor.getNode();
+      const element = anchorNode.getKey() === "root" ? anchorNode : anchorNode.getTopLevelElementOrThrow();
+      const elementKey = element.getKey();
+      const elementDOM = editor.getElementByKey(elementKey);
+      if (elementDOM !== null) {
+        if (list.$isListNode(element)) {
+          const parentList = utils.$getNearestNodeOfType(anchorNode, list.ListNode);
+          const type = parentList ? parentList.getTag() : element.getTag();
+          if (type === "ul") {
+            updateData({
+              isUnOrderedList: true,
+              isOrderedList: false
+            });
+          } else if (type === "ol") {
+            updateData({
+              isUnOrderedList: false,
+              isOrderedList: true
+            });
+          }
+        } else {
+          updateData({
+            isUnOrderedList: false,
+            isOrderedList: false
+          });
+        }
+        if (richText.$isHeadingNode(element)) {
+          const headingTag = element.getTag();
+          updateData({
+            format: headingTag
+          });
+        }
+        if (lexical.$isParagraphNode(element)) {
+          updateData({
+            format: "paragraph"
+          });
+        }
+        if (code.$isCodeNode(element)) {
+          updateData({
+            format: "code"
+          });
+        }
+      }
+      updateData({
+        isBold: selection.hasFormat("bold"),
+        isItalic: selection.hasFormat("italic"),
+        isUnderline: selection.hasFormat("underline"),
+        isStrikethrough: selection.hasFormat("strikethrough"),
+        isSubscript: selection.hasFormat("subscript"),
+        isSuperscript: selection.hasFormat("superscript"),
+        isCode: selection.hasFormat("code")
+      });
+      const node = getSelectedNode.getSelectedNode(selection);
+      const parent = node.getParent();
+      if (link.$isLinkNode(parent) || link.$isLinkNode(node)) {
+        updateData({
+          isLink: true
+        });
+      } else {
+        updateData({
+          isLink: false
+        });
+      }
+      let matchingParent;
+      if (link.$isLinkNode(parent)) {
+        matchingParent = utils.$findMatchingParent(
+          node,
+          (parentNode) => lexical.$isElementNode(parentNode) && !parentNode.isInline()
+        );
+      }
+      let formatType = null;
+      if (lexical.$isElementNode(matchingParent)) {
+        formatType = matchingParent.getFormatType();
+      } else if (lexical.$isElementNode(node)) {
+        formatType = node.getFormatType();
+      } else {
+        formatType = parent == null ? void 0 : parent.getFormatType();
+      }
+      updateData({
+        textAlign: utils$1.textAlignments.includes(formatType) ? formatType : "left"
+      });
+    }
+  }, []);
+  React.useEffect(() => {
+    return utils.mergeRegister(
+      editor.registerUpdateListener(({ editorState }) => {
+        editorState.read(() => {
+          updateToolbar();
+        });
+      }),
+      editor.registerCommand(
+        lexical.SELECTION_CHANGE_COMMAND,
+        () => {
+          updateToolbar();
+          return false;
+        },
+        LowPriority
+      ),
+      editor.registerCommand(
+        lexical.CAN_UNDO_COMMAND,
+        () => {
+          return false;
+        },
+        LowPriority
+      ),
+      editor.registerCommand(
+        lexical.CAN_REDO_COMMAND,
+        () => {
+          return false;
+        },
+        LowPriority
+      )
+    );
+  }, [editor, updateToolbar]);
+  return children;
+};
+
+exports.ToolbarContextConsumer = ToolbarContextConsumer;
+exports.ToolbarContextPlugin = ToolbarContextPlugin;
+//# sourceMappingURL=context.js.map

package/dist/cjs/components/toolbar-context/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/components/toolbar-context/context.tsx"],"sourcesContent":["import { $isCodeNode } from '@lexical/code';\nimport { $isLinkNode } from '@lexical/link';\nimport { $isListNode, ListNode } from '@lexical/list';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $isHeadingNode } from '@lexical/rich-text';\nimport {\n  $findMatchingParent,\n  $getNearestNodeOfType,\n  mergeRegister\n} from '@lexical/utils';\nimport {\n  $getSelection,\n  $isElementNode,\n  $isParagraphNode,\n  $isRangeSelection,\n  CAN_REDO_COMMAND,\n  CAN_UNDO_COMMAND,\n  ElementFormatType,\n  SELECTION_CHANGE_COMMAND\n} from 'lexical';\nimport { ReactNode, useCallback, useEffect } from 'react';\nimport { getSelectedNode } from '../../utils/get-selected-node';\nimport { useToolbarStore, ToolbarStoreProvider } from './store';\nimport { TextAlignments, textAlignments } from './utils';\n\nconst LowPriority = 1;\n\nexport const ToolbarContextPlugin = ({\n  children\n}: {\n  children?: ReactNode;\n}) => {\n  return (\n    <ToolbarStoreProvider>\n      <ToolbarContextConsumer>{children}</ToolbarContextConsumer>\n    </ToolbarStoreProvider>\n  );\n};\n\nexport const ToolbarContextConsumer = ({\n  children\n}: {\n  children?: ReactNode;\n}) => {\n  const [editor] = useLexicalComposerContext();\n  const [, updateData] = useToolbarStore((state) => state.data);\n\n  const updateToolbar = useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      const anchorNode = selection.anchor.getNode();\n      const element = anchorNode.getKey() === 'root'\n        ? anchorNode\n        : anchorNode.getTopLevelElementOrThrow();\n      const elementKey = element.getKey();\n      const elementDOM = editor.getElementByKey(elementKey);\n      if (elementDOM !== null) {\n        if ($isListNode(element)) {\n          const parentList = $getNearestNodeOfType(anchorNode, ListNode);\n          const type = parentList ? parentList.getTag() : element.getTag();\n          if (type === 'ul') {\n            updateData({\n              isUnOrderedList: true,\n              isOrderedList: false\n            });\n          } else if (type === 'ol') {\n            updateData({\n              isUnOrderedList: false,\n              isOrderedList: true\n            });\n          }\n        } else {\n          updateData({\n            isUnOrderedList: false,\n            isOrderedList: false\n          });\n        }\n\n        if ($isHeadingNode(element)) {\n          const headingTag = element.getTag();\n          updateData({\n            format: headingTag\n          });\n        }\n\n        if ($isParagraphNode(element)) {\n          updateData({\n            format: 'paragraph'\n          });\n        }\n\n        if ($isCodeNode(element)) {\n          updateData({\n            format: 'code'\n          });\n        }\n      }\n\n      // Update text format\n      updateData({\n        isBold: selection.hasFormat('bold'),\n        isItalic: selection.hasFormat('italic'),\n        isUnderline: selection.hasFormat('underline'),\n        isStrikethrough: selection.hasFormat('strikethrough'),\n        isSubscript: selection.hasFormat('subscript'),\n        isSuperscript: selection.hasFormat('superscript'),\n        isCode: selection.hasFormat('code')\n      });\n      // Update links\n      const node = getSelectedNode(selection);\n      const parent = node.getParent();\n\n      if ($isLinkNode(parent) || $isLinkNode(node)) {\n        updateData({\n          isLink: true\n        });\n      } else {\n        updateData({\n          isLink: false\n        });\n      }\n\n      let matchingParent;\n      if ($isLinkNode(parent)) {\n        // If node is a link, we need to fetch the parent paragraph node to set format\n        matchingParent = $findMatchingParent(\n          node,\n          (parentNode) => $isElementNode(parentNode) && !parentNode.isInline()\n        );\n      }\n\n      let formatType: ElementFormatType | null | undefined = null;\n      if ($isElementNode(matchingParent)) {\n        formatType = matchingParent.getFormatType();\n      } else if ($isElementNode(node)) {\n        formatType = node.getFormatType();\n      } else {\n        formatType = parent?.getFormatType();\n      }\n\n      updateData({\n        textAlign: textAlignments.includes(formatType as any)\n          ? (formatType as TextAlignments)\n          : 'left'\n      });\n    }\n  }, []);\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          updateToolbar();\n        });\n      }),\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          updateToolbar();\n          return false;\n        },\n        LowPriority\n      ),\n      editor.registerCommand(\n        CAN_UNDO_COMMAND,\n        () => {\n          return false;\n        },\n        LowPriority\n      ),\n      editor.registerCommand(\n        CAN_REDO_COMMAND,\n        () => {\n          return false;\n        },\n        LowPriority\n      )\n    );\n  }, [editor, updateToolbar]);\n\n  return children;\n};\n"],"names":["jsx","ToolbarStoreProvider","useLexicalComposerContext","useToolbarStore","useCallback","$getSelection","$isRangeSelection","$isListNode","$getNearestNodeOfType","ListNode","$isHeadingNode","$isParagraphNode","$isCodeNode","getSelectedNode","$isLinkNode","$findMatchingParent","$isElementNode","textAlignments","useEffect","mergeRegister","SELECTION_CHANGE_COMMAND","CAN_UNDO_COMMAND","CAN_REDO_COMMAND"],"mappings":"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"}

package/dist/cjs/components/toolbar-context/store.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const StoreContext = React.createContext(
+  null
+);
+const useStoreData = () => {
+  const store = React.useRef({
+    data: {
+      format: "paragraph",
+      isBold: false,
+      isCode: false,
+      isItalic: false,
+      isLink: false,
+      isOrderedList: false,
+      isStrikethrough: false,
+      isSubscript: false,
+      isSuperscript: false,
+      isUnderline: false,
+      isUnOrderedList: false,
+      textAlign: "left"
+    }
+  });
+  const get = React.useCallback(() => store.current, []);
+  const subscribers = React.useRef(/* @__PURE__ */ new Set());
+  const set = React.useCallback((value) => {
+    store.current = __spreadProps(__spreadValues({}, store.current), {
+      data: __spreadValues(__spreadValues({}, store.current.data), value)
+    });
+    return subscribers.current.forEach((callback) => callback());
+  }, []);
+  const subscribe = React.useCallback((callback) => {
+    subscribers.current.add(callback);
+    return () => subscribers.current.delete(callback);
+  }, []);
+  return { get, set, subscribe };
+};
+const useToolbarStore = (selector) => {
+  const store = React.useContext(StoreContext);
+  if (!store) {
+    throw new Error(
+      "useToolbarStore must be used within a ToolbarStoreProvider"
+    );
+  }
+  const state = React.useSyncExternalStore(store.subscribe, () => selector(store.get()));
+  return [state, store.set];
+};
+const ToolbarStoreProvider = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(StoreContext.Provider, { value: useStoreData(), children });
+};
+
+exports.ToolbarStoreProvider = ToolbarStoreProvider;
+exports.useToolbarStore = useToolbarStore;
+//# sourceMappingURL=store.js.map

package/dist/cjs/components/toolbar-context/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sources":["../../../../src/components/toolbar-context/store.tsx"],"sourcesContent":["import {\n  ReactNode,\n  createContext,\n  useCallback,\n  useContext,\n  useRef,\n  useSyncExternalStore\n} from 'react';\nimport { ToolbarProperties } from './utils';\n\ninterface ToolbarStore {\n  data: ToolbarProperties;\n}\n\nconst StoreContext = createContext<ReturnType<typeof useStoreData> | null>(\n  null\n);\n\nconst useStoreData = () => {\n  const store = useRef<ToolbarStore>({\n    data: {\n      format: 'paragraph',\n      isBold: false,\n      isCode: false,\n      isItalic: false,\n      isLink: false,\n      isOrderedList: false,\n      isStrikethrough: false,\n      isSubscript: false,\n      isSuperscript: false,\n      isUnderline: false,\n      isUnOrderedList: false,\n      textAlign: 'left'\n    }\n  });\n\n  const get = useCallback(() => store.current, []);\n  const subscribers = useRef<Set<() => any>>(new Set());\n\n  const set = useCallback((value) => {\n    store.current = {\n      ...store.current,\n      data: { ...store.current.data, ...value }\n    };\n    return subscribers.current.forEach((callback) => callback());\n  }, []);\n\n  const subscribe = useCallback((callback) => {\n    subscribers.current.add(callback);\n    return () => subscribers.current.delete(callback);\n  }, []);\n\n  return { get, set, subscribe };\n};\n\nexport const useToolbarStore = <T, >(selector: (state: ToolbarStore) => T) => {\n  const store = useContext(StoreContext);\n  if (!store) {\n    throw new Error(\n      'useToolbarStore must be used within a ToolbarStoreProvider'\n    );\n  }\n\n  const state = useSyncExternalStore(store.subscribe, () => selector(store.get()));\n  return [state, store.set] as const;\n};\n\nexport const ToolbarStoreProvider = ({ children }: { children: ReactNode }) => {\n  return (\n    <StoreContext.Provider value={useStoreData()}>\n      {children}\n    </StoreContext.Provider>\n  );\n};\n"],"names":["createContext","useRef","useCallback","useContext","useSyncExternalStore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAe,GAAAA,mBAAA;AAAA,EACnB;AACF,CAAA;AAEA,MAAM,eAAe,MAAM;AACzB,EAAA,MAAM,QAAQC,YAAqB,CAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA,WAAA;AAAA,MACR,MAAQ,EAAA,KAAA;AAAA,MACR,MAAQ,EAAA,KAAA;AAAA,MACR,QAAU,EAAA,KAAA;AAAA,MACV,MAAQ,EAAA,KAAA;AAAA,MACR,aAAe,EAAA,KAAA;AAAA,MACf,eAAiB,EAAA,KAAA;AAAA,MACjB,WAAa,EAAA,KAAA;AAAA,MACb,aAAe,EAAA,KAAA;AAAA,MACf,WAAa,EAAA,KAAA;AAAA,MACb,eAAiB,EAAA,KAAA;AAAA,MACjB,SAAW,EAAA;AAAA;AACb,GACD,CAAA;AAED,EAAA,MAAM,MAAMC,iBAAY,CAAA,MAAM,KAAM,CAAA,OAAA,EAAS,EAAE,CAAA;AAC/C,EAAA,MAAM,WAAc,GAAAD,YAAA,iBAA2B,IAAA,GAAA,EAAK,CAAA;AAEpD,EAAM,MAAA,GAAA,GAAMC,iBAAY,CAAA,CAAC,KAAU,KAAA;AACjC,IAAM,KAAA,CAAA,OAAA,GAAU,aACX,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,OADK,CAAA,EAAA;AAAA,MAEd,IAAM,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,IAAS,CAAA,EAAA,KAAA;AAAA,KACpC,CAAA;AACA,IAAA,OAAO,YAAY,OAAQ,CAAA,OAAA,CAAQ,CAAC,QAAA,KAAa,UAAU,CAAA;AAAA,GAC7D,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,SAAA,GAAYA,iBAAY,CAAA,CAAC,QAAa,KAAA;AAC1C,IAAY,WAAA,CAAA,OAAA,CAAQ,IAAI,QAAQ,CAAA;AAChC,IAAA,OAAO,MAAM,WAAA,CAAY,OAAQ,CAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,GAClD,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA,EAAE,GAAK,EAAA,GAAA,EAAK,SAAU,EAAA;AAC/B,CAAA;AAEa,MAAA,eAAA,GAAkB,CAAM,QAAyC,KAAA;AAC5E,EAAM,MAAA,KAAA,GAAQC,iBAAW,YAAY,CAAA;AACrC,EAAA,IAAI,CAAC,KAAO,EAAA;AACV,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA;AAGF,EAAM,MAAA,KAAA,GAAQC,2BAAqB,KAAM,CAAA,SAAA,EAAW,MAAM,QAAS,CAAA,KAAA,CAAM,GAAI,EAAC,CAAC,CAAA;AAC/E,EAAO,OAAA,CAAC,KAAO,EAAA,KAAA,CAAM,GAAG,CAAA;AAC1B;AAEO,MAAM,oBAAuB,GAAA,CAAC,EAAE,QAAA,EAAwC,KAAA;AAC7E,EAAA,sCACG,YAAa,CAAA,QAAA,EAAb,EAAsB,KAAO,EAAA,YAAA,IAC3B,QACH,EAAA,CAAA;AAEJ;;;;;"}

package/dist/cjs/components/toolbar-context/utils.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const textAlignments = ["left", "center", "right", "justify"];
+
+exports.textAlignments = textAlignments;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/toolbar-context/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/toolbar-context/utils.ts"],"sourcesContent":["export type TextFormats =\n  | 'paragraph'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'code';\n\nexport const textAlignments = ['left', 'center', 'right', 'justify'] as const;\nexport type TextAlignments = (typeof textAlignments)[number];\n\nexport type ToolbarProperties = {\n  isBold: boolean;\n  isItalic: boolean;\n  isUnderline: boolean;\n  isOrderedList: boolean;\n  isUnOrderedList: boolean;\n  isLink: boolean;\n  isStrikethrough: boolean;\n  isSubscript: boolean;\n  isSuperscript: boolean;\n  isCode: boolean;\n  format: TextFormats;\n  textAlign: TextAlignments;\n};\n"],"names":[],"mappings":";;AAUO,MAAM,cAAiB,GAAA,CAAC,MAAQ,EAAA,QAAA,EAAU,SAAS,SAAS;;;;"}

package/dist/cjs/editor.js

@@ -0,0 +1,154 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var link$1 = require('@lexical/link');
+var list = require('@lexical/list');
+var LexicalClearEditorPlugin = require('@lexical/react/LexicalClearEditorPlugin');
+var LexicalComposer = require('@lexical/react/LexicalComposer');
+var LexicalHistoryPlugin = require('@lexical/react/LexicalHistoryPlugin');
+var LexicalListPlugin = require('@lexical/react/LexicalListPlugin');
+var LexicalOnChangePlugin = require('@lexical/react/LexicalOnChangePlugin');
+var richText = require('@lexical/rich-text');
+var code = require('@lexical/code');
+var React = require('react');
+var index = require('./plugins/data-management-plugin/index.js');
+require('@lexical/react/LexicalComposerContext');
+require('lexical');
+require('./components/base-dropdown/index.js');
+require('@lexical/utils');
+require('react-dom');
+require('@lexical/selection');
+require('./components/toolbar-context/store.js');
+require('./utils/commands.js');
+require('@lexical/react/LexicalContentEditable');
+require('@lexical/react/LexicalErrorBoundary');
+require('@lexical/react/LexicalRichTextPlugin');
+var context = require('./components/toolbar-context/context.js');
+require('./plugins/images/index.js');
+var autoLink = require('./plugins/link/auto-link.js');
+var link = require('./plugins/link/link.js');
+var index$1 = require('./plugins/tab-focus/index.js');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const initialConfig = {
+  namespace: "TwigsEditor",
+  theme: {
+    text: {
+      bold: "text-bold",
+      italic: "text-italic",
+      underline: "text-underline",
+      code: "text-code",
+      base: "text-base",
+      highlight: "text-highlight",
+      strikethrough: "text-strikethrough",
+      subscript: "text-subscript",
+      superscript: "text-superscript",
+      underlineStrikethrough: "text-underline-strikethrough"
+    },
+    code: "block-code",
+    quote: "block-quote",
+    heading: {
+      h1: "block-h1",
+      h2: "block-h2",
+      h3: "block-h3",
+      h4: "block-h4",
+      h5: "block-h5",
+      h6: "block-h6"
+    },
+    list: {
+      ol: "block-ol",
+      ul: "block-ul",
+      listitem: "block-listitem"
+    }
+  },
+  onError: (err) => {
+    console.error(err);
+  }
+};
+let featureId = 0;
+const featuresToNodeMapping = {
+  heading: {
+    node: richText.HeadingNode,
+    component: null
+  },
+  list: {
+    node: [list.ListNode, list.ListItemNode],
+    component: LexicalListPlugin.ListPlugin
+  },
+  link: {
+    node: [link$1.LinkNode, link$1.AutoLinkNode],
+    component: [autoLink.AutoLinkPlugin, link.LinkPlugin]
+  },
+  code: {
+    node: [code.CodeNode],
+    component: null
+  }
+};
+const Editor = ({
+  nodes,
+  onChange,
+  editable,
+  features,
+  children,
+  initialEditorState,
+  dataManagementRef
+}) => {
+  const supportedFeatures = React.useMemo(() => {
+    if (features) {
+      const selectedNodes = features.map((item) => featuresToNodeMapping[item].node).flat();
+      const selectedPlugins = features.map((item) => featuresToNodeMapping[item].component).flat().map((item) => ({ component: item, id: featureId++ }));
+      return { nodes: selectedNodes, components: selectedPlugins };
+    }
+    const defaultFeatures = {
+      nodes: Object.values(featuresToNodeMapping).map((item) => item.node).flat(),
+      components: Object.values(featuresToNodeMapping).map((item) => item.component).flat().map((item) => ({ component: item, id: featureId++ }))
+    };
+    return defaultFeatures;
+  }, [features]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LexicalComposer.LexicalComposer,
+    {
+      initialConfig: __spreadProps(__spreadValues({}, initialConfig), {
+        editorState: initialEditorState,
+        editable,
+        nodes: [...supportedFeatures.nodes, ...nodes != null ? nodes : []]
+      }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(context.ToolbarContextPlugin, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(LexicalHistoryPlugin.HistoryPlugin, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(LexicalClearEditorPlugin.ClearEditorPlugin, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(index.DataManagementPlugin, { ref: dataManagementRef }),
+        /* @__PURE__ */ jsxRuntime.jsx(index$1.TabFocusPlugin, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: onChange && /* @__PURE__ */ jsxRuntime.jsx(LexicalOnChangePlugin.OnChangePlugin, { onChange }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: supportedFeatures.components.map((comp) => {
+          const ToolComponent = comp.component;
+          if (ToolComponent) {
+            return /* @__PURE__ */ jsxRuntime.jsx(ToolComponent, {}, comp.id);
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, {}, comp.id);
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children })
+      ] })
+    }
+  );
+};
+
+exports.Editor = Editor;
+//# sourceMappingURL=editor.js.map

package/dist/cjs/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sources":["../../src/editor.tsx"],"sourcesContent":["import { AutoLinkNode, LinkNode } from '@lexical/link';\nimport { ListItemNode, ListNode } from '@lexical/list';\nimport { ClearEditorPlugin } from '@lexical/react/LexicalClearEditorPlugin';\nimport {\n  InitialConfigType,\n  InitialEditorStateType,\n  LexicalComposer\n} from '@lexical/react/LexicalComposer';\nimport { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';\nimport { ListPlugin } from '@lexical/react/LexicalListPlugin';\nimport { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';\nimport { HeadingNode } from '@lexical/rich-text';\n\nimport { CodeNode } from '@lexical/code';\nimport { EditorState, LexicalEditor } from 'lexical';\nimport {\n  Fragment, ReactNode, RefObject, useMemo\n} from 'react';\nimport {\n  AutoLinkPlugin,\n  DataManagementPlugin,\n  DataManagementPluginHandle,\n  LinkPlugin,\n  TabFocusPlugin\n} from './plugins';\n\nimport { ToolbarContextPlugin } from './components';\n\nconst initialConfig: InitialConfigType = {\n  namespace: 'TwigsEditor',\n  theme: {\n    text: {\n      bold: 'text-bold',\n      italic: 'text-italic',\n      underline: 'text-underline',\n      code: 'text-code',\n      base: 'text-base',\n      highlight: 'text-highlight',\n      strikethrough: 'text-strikethrough',\n      subscript: 'text-subscript',\n      superscript: 'text-superscript',\n      underlineStrikethrough: 'text-underline-strikethrough'\n    },\n    code: 'block-code',\n    quote: 'block-quote',\n    heading: {\n      h1: 'block-h1',\n      h2: 'block-h2',\n      h3: 'block-h3',\n      h4: 'block-h4',\n      h5: 'block-h5',\n      h6: 'block-h6'\n    },\n    list: {\n      ol: 'block-ol',\n      ul: 'block-ul',\n      listitem: 'block-listitem'\n    }\n  },\n  onError: (err) => {\n    // eslint-disable-next-line no-console\n    console.error(err);\n  }\n};\n\nlet featureId = 0;\n\nconst featuresToNodeMapping = {\n  heading: {\n    node: HeadingNode,\n    component: null\n  },\n  list: {\n    node: [ListNode, ListItemNode],\n    component: ListPlugin\n  },\n  link: {\n    node: [LinkNode, AutoLinkNode],\n    component: [AutoLinkPlugin, LinkPlugin]\n  },\n  code: {\n    node: [CodeNode],\n    component: null\n  }\n};\n\nexport const Editor = ({\n  nodes,\n  onChange,\n  editable,\n  features,\n  children,\n  initialEditorState,\n  dataManagementRef\n}: {\n  initialEditorState?: InitialEditorStateType;\n  onChange?: (\n    newEditorState: EditorState,\n    editor: LexicalEditor,\n    tags: Set<string>\n  ) => void;\n  editable?: boolean;\n  children?: ReactNode;\n  nodes?: InitialConfigType['nodes'];\n  features?: (keyof typeof featuresToNodeMapping)[];\n  dataManagementRef?: RefObject<DataManagementPluginHandle>;\n}) => {\n  const supportedFeatures = useMemo(() => {\n    if (features) {\n      const selectedNodes = features\n        .map((item) => featuresToNodeMapping[item].node)\n        .flat();\n\n      const selectedPlugins = features\n        .map((item) => featuresToNodeMapping[item].component)\n        .flat()\n        .map((item) => ({ component: item, id: featureId++ }));\n\n      return { nodes: selectedNodes, components: selectedPlugins };\n    }\n\n    const defaultFeatures = {\n      nodes: Object.values(featuresToNodeMapping)\n        .map((item) => item.node)\n        .flat(),\n      components: Object.values(featuresToNodeMapping)\n        .map((item) => item.component)\n        .flat()\n        .map((item) => ({ component: item, id: featureId++ }))\n    };\n\n    return defaultFeatures;\n  }, [features]);\n\n  return (\n    <LexicalComposer\n      initialConfig={{\n        ...initialConfig,\n        editorState: initialEditorState,\n        editable,\n        nodes: [...supportedFeatures.nodes, ...(nodes ?? [])]\n      }}\n    >\n      <ToolbarContextPlugin>\n        <HistoryPlugin />\n        <ClearEditorPlugin />\n        <DataManagementPlugin ref={dataManagementRef} />\n        <TabFocusPlugin />\n        <>{onChange && <OnChangePlugin onChange={onChange} />}</>\n        <>\n          {supportedFeatures.components.map((comp) => {\n            const ToolComponent = comp.component;\n            if (ToolComponent) {\n              return <ToolComponent key={comp.id} />;\n            }\n\n            return <Fragment key={comp.id} />;\n          })}\n        </>\n        <>{children}</>\n      </ToolbarContextPlugin>\n    </LexicalComposer>\n  );\n};\n"],"names":["HeadingNode","ListNode","ListItemNode","ListPlugin","LinkNode","AutoLinkNode","AutoLinkPlugin","LinkPlugin","CodeNode","useMemo","jsx","LexicalComposer","ToolbarContextPlugin","HistoryPlugin","ClearEditorPlugin","DataManagementPlugin","TabFocusPlugin","Fragment","OnChangePlugin"],"mappings":"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"}

package/dist/cjs/index.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var editor = require('./editor.js');
+var hashtag = require('./nodes/hashtag.js');
+var image = require('./nodes/image.js');
+var kudos = require('./nodes/kudos.js');
+var mention = require('./nodes/mention.js');
+var variables = require('./nodes/variables.js');
+var emoji = require('./nodes/emoji.js');
+var index = require('./plugins/data-management-plugin/index.js');
+var index$1 = require('./plugins/hashtag/index.js');
+var index$2 = require('./plugins/images/index.js');
+var autoLink = require('./plugins/link/auto-link.js');
+var link = require('./plugins/link/link.js');
+var convertSelectionOnPaste = require('./plugins/link/convert-selection-on-paste.js');
+var index$3 = require('./plugins/mentions/index.js');
+var index$4 = require('./plugins/tab-focus/index.js');
+var index$5 = require('./plugins/emoji/index.js');
+var index$6 = require('./components/base-dropdown/index.js');
+var floatingToolbar = require('./components/floating-toolbar/floating-toolbar.js');
+var index$7 = require('./components/dialog-link-editor/index.js');
+var index$8 = require('./components/rich-editor/index.js');
+var toolbar = require('./components/toolbar/toolbar.js');
+var bold = require('./components/toolbar/tools/bold.js');
+var code = require('./components/toolbar/tools/code.js');
+var codeBlock = require('./components/toolbar/tools/code-block.js');
+var italic = require('./components/toolbar/tools/italic.js');
+var link$1 = require('./components/toolbar/tools/link.js');
+var orderedList = require('./components/toolbar/tools/ordered-list.js');
+var underline = require('./components/toolbar/tools/underline.js');
+var unorderedList = require('./components/toolbar/tools/unordered-list.js');
+var format = require('./components/toolbar/tools/format.js');
+var textAlign = require('./components/toolbar/tools/text-align.js');
+var context = require('./components/toolbar-context/context.js');
+var store = require('./components/toolbar-context/store.js');
+
+
+
+exports.Editor = editor.Editor;
+exports.$createHashTagNode = hashtag.$createHashTagNode;
+exports.$isHashTagNode = hashtag.$isHashTagNode;
+exports.HashTagNode = hashtag.HashTagNode;
+exports.$createImageNode = image.$createImageNode;
+exports.$isImageNode = image.$isImageNode;
+exports.ImageNode = image.ImageNode;
+exports.$createKudosNode = kudos.$createKudosNode;
+exports.$isKudosNode = kudos.$isKudosNode;
+exports.KudosNode = kudos.KudosNode;
+exports.$createMentionNode = mention.$createMentionNode;
+exports.$isMentionNode = mention.$isMentionNode;
+exports.MentionNode = mention.MentionNode;
+exports.$createVariableNode = variables.$createVariableNode;
+exports.$isVariableNode = variables.$isVariableNode;
+exports.VariableNode = variables.VariableNode;
+exports.$createEmojiNode = emoji.$createEmojiNode;
+exports.$isEmojiNode = emoji.$isEmojiNode;
+exports.EmojiNode = emoji.EmojiNode;
+exports.DataManagementPlugin = index.DataManagementPlugin;
+exports.HashTagPlugin = index$1.HashTagPlugin;
+exports.ImagesPlugin = index$2.ImagesPlugin;
+exports.AutoLinkPlugin = autoLink.AutoLinkPlugin;
+exports.LinkPlugin = link.LinkPlugin;
+exports.ConvertSelectionToLinkOnPastePlugin = convertSelectionOnPaste.ConvertSelectionToLinkOnPastePlugin;
+exports.MentionsPlugin = index$3.MentionsPlugin;
+exports.TabFocusPlugin = index$4.TabFocusPlugin;
+exports.EmojiPlugin = index$5.EmojiPlugin;
+exports.EditorLookupDropdownBase = index$6.EditorLookupDropdownBase;
+exports.EditorFloatingToolbar = floatingToolbar.EditorFloatingToolbar;
+exports.DialogLinkEditor = index$7.DialogLinkEditor;
+exports.RichEditor = index$8.RichEditor;
+exports.EditorToolbar = toolbar.EditorToolbar;
+exports.BoldTool = bold.BoldTool;
+exports.CodeTool = code.CodeTool;
+exports.CodeBlockTool = codeBlock.CodeBlockTool;
+exports.ItalicTool = italic.ItalicTool;
+exports.LinkTool = link$1.LinkTool;
+exports.OrderedListTool = orderedList.OrderedListTool;
+exports.UnderlineTool = underline.UnderlineTool;
+exports.UnorderedListTool = unorderedList.UnorderedListTool;
+exports.FormatTool = format.FormatTool;
+exports.TextAlignTool = textAlign.TextAlignTool;
+exports.ToolbarContextConsumer = context.ToolbarContextConsumer;
+exports.ToolbarContextPlugin = context.ToolbarContextPlugin;
+exports.ToolbarStoreProvider = store.ToolbarStoreProvider;
+exports.useToolbarStore = store.useToolbarStore;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/nodes/emoji.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var lexical = require('lexical');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
+class EmojiNode extends lexical.TextNode {
+  constructor(className, text, key) {
+    super(text, key);
+    __publicField(this, "__className");
+    this.__className = className;
+  }
+  static getType() {
+    return "emoji";
+  }
+  static clone(node) {
+    return new EmojiNode(node.__className, node.__text, node.__key);
+  }
+  createDOM(config) {
+    const dom = document.createElement("span");
+    const inner = super.createDOM(config);
+    dom.className = this.__className;
+    inner.className = "emoji-inner";
+    dom.appendChild(inner);
+    return dom;
+  }
+  updateDOM(prevNode, dom, config) {
+    const inner = dom.firstChild;
+    if (inner === null) {
+      return true;
+    }
+    super.updateDOM(prevNode, inner, config);
+    return false;
+  }
+  static importJSON(serializedNode) {
+    const node = $createEmojiNode(
+      serializedNode.className,
+      serializedNode.text
+    );
+    node.setFormat(serializedNode.format);
+    node.setDetail(serializedNode.detail);
+    node.setMode(serializedNode.mode);
+    node.setStyle(serializedNode.style);
+    return node;
+  }
+  exportJSON() {
+    return __spreadProps(__spreadValues({}, super.exportJSON()), {
+      className: this.getClassName(),
+      type: "emoji"
+    });
+  }
+  getClassName() {
+    const self = this.getLatest();
+    return self.__className;
+  }
+}
+function $isEmojiNode(node) {
+  return node instanceof EmojiNode;
+}
+function $createEmojiNode(className, emojiText) {
+  const node = new EmojiNode(className, emojiText).setMode("token");
+  return lexical.$applyNodeReplacement(node);
+}
+
+exports.$createEmojiNode = $createEmojiNode;
+exports.$isEmojiNode = $isEmojiNode;
+exports.EmojiNode = EmojiNode;
+//# sourceMappingURL=emoji.js.map

package/dist/cjs/nodes/emoji.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.js","sources":["../../../src/nodes/emoji.ts"],"sourcesContent":["import type {\n  EditorConfig,\n  LexicalNode,\n  NodeKey,\n  SerializedTextNode,\n  Spread\n} from 'lexical';\n\nimport { $applyNodeReplacement, TextNode } from 'lexical';\n\nexport type SerializedEmojiNode = Spread<\n  {\n    className: string;\n  },\n  SerializedTextNode\n>;\n\nexport class EmojiNode extends TextNode {\n  __className: string;\n\n  static getType(): string {\n    return 'emoji';\n  }\n\n  static clone(node: EmojiNode): EmojiNode {\n    return new EmojiNode(node.__className, node.__text, node.__key);\n  }\n\n  constructor(className: string, text: string, key?: NodeKey) {\n    super(text, key);\n    this.__className = className;\n  }\n\n  createDOM(config: EditorConfig): HTMLElement {\n    const dom = document.createElement('span');\n    const inner = super.createDOM(config);\n    dom.className = this.__className;\n    inner.className = 'emoji-inner';\n    dom.appendChild(inner);\n    return dom;\n  }\n\n  updateDOM(\n    prevNode: TextNode,\n    dom: HTMLElement,\n    config: EditorConfig\n  ): boolean {\n    const inner = dom.firstChild;\n    if (inner === null) {\n      return true;\n    }\n    // @ts-expect-error\n    super.updateDOM(prevNode, inner as HTMLElement, config);\n    return false;\n  }\n\n  static importJSON(serializedNode: SerializedEmojiNode): EmojiNode {\n    const node = $createEmojiNode(\n      serializedNode.className,\n      serializedNode.text\n    );\n    node.setFormat(serializedNode.format);\n    node.setDetail(serializedNode.detail);\n    node.setMode(serializedNode.mode);\n    node.setStyle(serializedNode.style);\n    return node;\n  }\n\n  exportJSON(): SerializedEmojiNode {\n    return {\n      ...super.exportJSON(),\n      className: this.getClassName(),\n      type: 'emoji'\n    };\n  }\n\n  getClassName(): string {\n    const self = this.getLatest();\n    return self.__className;\n  }\n}\n\nexport function $isEmojiNode(\n  node: LexicalNode | null | undefined\n): node is EmojiNode {\n  return node instanceof EmojiNode;\n}\n\nexport function $createEmojiNode(\n  className: string,\n  emojiText: string\n): EmojiNode {\n  const node = new EmojiNode(className, emojiText).setMode('token');\n  return $applyNodeReplacement(node);\n}\n"],"names":["TextNode","$applyNodeReplacement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBO,MAAM,kBAAkBA,gBAAS,CAAA;AAAA,EAWtC,WAAA,CAAY,SAAmB,EAAA,IAAA,EAAc,GAAe,EAAA;AAC1D,IAAA,KAAA,CAAM,MAAM,GAAG,CAAA;AAXjB,IAAA,aAAA,CAAA,IAAA,EAAA,aAAA,CAAA;AAYE,IAAA,IAAA,CAAK,WAAc,GAAA,SAAA;AAAA;AACrB,EAXA,OAAO,OAAkB,GAAA;AACvB,IAAO,OAAA,OAAA;AAAA;AACT,EAEA,OAAO,MAAM,IAA4B,EAAA;AACvC,IAAA,OAAO,IAAI,SAAU,CAAA,IAAA,CAAK,aAAa,IAAK,CAAA,MAAA,EAAQ,KAAK,KAAK,CAAA;AAAA;AAChE,EAOA,UAAU,MAAmC,EAAA;AAC3C,IAAM,MAAA,GAAA,GAAM,QAAS,CAAA,aAAA,CAAc,MAAM,CAAA;AACzC,IAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,SAAA,CAAU,MAAM,CAAA;AACpC,IAAA,GAAA,CAAI,YAAY,IAAK,CAAA,WAAA;AACrB,IAAA,KAAA,CAAM,SAAY,GAAA,aAAA;AAClB,IAAA,GAAA,CAAI,YAAY,KAAK,CAAA;AACrB,IAAO,OAAA,GAAA;AAAA;AACT,EAEA,SAAA,CACE,QACA,EAAA,GAAA,EACA,MACS,EAAA;AACT,IAAA,MAAM,QAAQ,GAAI,CAAA,UAAA;AAClB,IAAA,IAAI,UAAU,IAAM,EAAA;AAClB,MAAO,OAAA,IAAA;AAAA;AAGT,IAAM,KAAA,CAAA,SAAA,CAAU,QAAU,EAAA,KAAA,EAAsB,MAAM,CAAA;AACtD,IAAO,OAAA,KAAA;AAAA;AACT,EAEA,OAAO,WAAW,cAAgD,EAAA;AAChE,IAAA,MAAM,IAAO,GAAA,gBAAA;AAAA,MACX,cAAe,CAAA,SAAA;AAAA,MACf,cAAe,CAAA;AAAA,KACjB;AACA,IAAK,IAAA,CAAA,SAAA,CAAU,eAAe,MAAM,CAAA;AACpC,IAAK,IAAA,CAAA,SAAA,CAAU,eAAe,MAAM,CAAA;AACpC,IAAK,IAAA,CAAA,OAAA,CAAQ,eAAe,IAAI,CAAA;AAChC,IAAK,IAAA,CAAA,QAAA,CAAS,eAAe,KAAK,CAAA;AAClC,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,UAAkC,GAAA;AAChC,IAAO,OAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACF,KAAM,CAAA,UAAA,EADJ,CAAA,EAAA;AAAA,MAEL,SAAA,EAAW,KAAK,YAAa,EAAA;AAAA,MAC7B,IAAM,EAAA;AAAA,KACR,CAAA;AAAA;AACF,EAEA,YAAuB,GAAA;AACrB,IAAM,MAAA,IAAA,GAAO,KAAK,SAAU,EAAA;AAC5B,IAAA,OAAO,IAAK,CAAA,WAAA;AAAA;AAEhB;AAEO,SAAS,aACd,IACmB,EAAA;AACnB,EAAA,OAAO,IAAgB,YAAA,SAAA;AACzB;AAEgB,SAAA,gBAAA,CACd,WACA,SACW,EAAA;AACX,EAAA,MAAM,OAAO,IAAI,SAAA,CAAU,WAAW,SAAS,CAAA,CAAE,QAAQ,OAAO,CAAA;AAChE,EAAA,OAAOC,8BAAsB,IAAI,CAAA;AACnC;;;;;;"}