@webiny/lexical-editor 0.0.0-unstable.13771d80a8

package/plugins/BlurEventPlugin/BlurEventPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BlurEventPlugin","onBlur","useLexicalComposerContext","editor","useEffect","registerCommand","BLUR_COMMAND","editorState","getEditorState","JSON","stringify","toJSON","COMMAND_PRIORITY_LOW"],"sources":["BlurEventPlugin.tsx"],"sourcesContent":["import { FC, useEffect } from \"react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { BLUR_COMMAND, COMMAND_PRIORITY_LOW } from \"lexical\";\nimport { LexicalValue } from \"~/types\";\n\ninterface BlurEventPlugin {\n    onBlur?: (editorState: LexicalValue) => void;\n}\n\nexport const BlurEventPlugin: FC<BlurEventPlugin> = ({ onBlur }) => {\n    const [editor] = useLexicalComposerContext();\n\n    useEffect(\n        () =>\n            editor.registerCommand(\n                BLUR_COMMAND,\n                () => {\n                    if (typeof onBlur === \"function\") {\n                        const editorState = editor.getEditorState();\n                        onBlur(JSON.stringify(editorState.toJSON()));\n                    }\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n        []\n    );\n    return null;\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAOO,IAAMA,eAAoC,GAAG,SAAvCA,eAAoC,OAAmB;EAAA,IAAbC,MAAM,QAANA,MAAM;EACzD,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EAEb,IAAAC,gBAAS,EACL;IAAA,OACID,MAAM,CAACE,eAAe,CAClBC,qBAAY,EACZ,YAAM;MACF,IAAI,OAAOL,MAAM,KAAK,UAAU,EAAE;QAC9B,IAAMM,YAAW,GAAGJ,MAAM,CAACK,cAAc,EAAE;QAC3CP,MAAM,CAACQ,IAAI,CAACC,SAAS,CAACH,YAAW,CAACI,MAAM,EAAE,CAAC,CAAC;MAChD;MACA,OAAO,KAAK;IAChB,CAAC,EACDC,6BAAoB,CACvB;EAAA,GACL,EAAE,CACL;EACD,OAAO,IAAI;AACf,CAAC;AAAC"}

package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+import type { LinkNode } from "@lexical/link";
+declare type LinkFilter = (event: MouseEvent, linkNode: LinkNode) => boolean;
+export declare function ClickableLinkPlugin({ filter, newTab }: {
+    filter?: LinkFilter;
+    newTab?: boolean;
+}): JSX.Element | null;
+export {};

package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClickableLinkPlugin = ClickableLinkPlugin;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _link = require("@lexical/link");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _lexical = require("lexical");
+var _react = require("react");
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+function ClickableLinkPlugin(_ref) {
+  var filter = _ref.filter,
+    _ref$newTab = _ref.newTab,
+    newTab = _ref$newTab === void 0 ? true : _ref$newTab;
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  (0, _react.useEffect)(function () {
+    function onClick(e) {
+      var event = e;
+      var linkDomNode = getLinkDomNode(event, editor);
+      if (linkDomNode === null) {
+        return;
+      }
+      var href = linkDomNode.getAttribute("href");
+      if (linkDomNode.getAttribute("contenteditable") === "false" || href === undefined) {
+        return;
+      }
+
+      // Allow user to select link text without following url
+      var selection = editor.getEditorState().read(_lexical.$getSelection);
+      if ((0, _lexical.$isRangeSelection)(selection) && !selection.isCollapsed()) {
+        return;
+      }
+      var linkNode = null;
+      editor.update(function () {
+        var maybeLinkNode = (0, _lexical.$getNearestNodeFromDOMNode)(linkDomNode);
+        if ((0, _link.$isLinkNode)(maybeLinkNode)) {
+          linkNode = maybeLinkNode;
+        }
+      });
+      if (linkNode === null || filter !== undefined && !filter(event, linkNode)) {
+        return;
+      }
+      try {
+        if (href !== null) {
+          window.open(href, newTab || event.metaKey || event.ctrlKey ? "_blank" : "_self");
+        }
+      } catch (_unused) {
+        // It didn't work, which is better than throwing an exception!
+      }
+    }
+    return editor.registerRootListener(function (rootElement, prevRootElement) {
+      if (prevRootElement !== null) {
+        prevRootElement.removeEventListener("click", onClick);
+      }
+      if (rootElement !== null) {
+        rootElement.addEventListener("click", onClick);
+      }
+    });
+  }, [editor, filter, newTab]);
+  return null;
+}
+function isLinkDomNode(domNode) {
+  return domNode.nodeName.toLowerCase() === "a";
+}
+function getLinkDomNode(event, editor) {
+  return editor.getEditorState().read(function () {
+    var domNode = event.target;
+    if (isLinkDomNode(domNode)) {
+      return domNode;
+    }
+    if (domNode.parentNode && isLinkDomNode(domNode.parentNode)) {
+      return domNode.parentNode;
+    }
+    return null;
+  });
+}

package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ClickableLinkPlugin","filter","newTab","useLexicalComposerContext","editor","useEffect","onClick","e","event","linkDomNode","getLinkDomNode","href","getAttribute","undefined","selection","getEditorState","read","$getSelection","$isRangeSelection","isCollapsed","linkNode","update","maybeLinkNode","$getNearestNodeFromDOMNode","$isLinkNode","window","open","metaKey","ctrlKey","registerRootListener","rootElement","prevRootElement","removeEventListener","addEventListener","isLinkDomNode","domNode","nodeName","toLowerCase","target","parentNode"],"sources":["ClickableLinkPlugin.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { LinkNode } from \"@lexical/link\";\nimport type { LexicalEditor } from \"lexical\";\n\nimport { $isLinkNode } from \"@lexical/link\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { $getNearestNodeFromDOMNode, $getSelection, $isRangeSelection } from \"lexical\";\nimport { useEffect } from \"react\";\n\ntype LinkFilter = (event: MouseEvent, linkNode: LinkNode) => boolean;\n\nexport function ClickableLinkPlugin({\n    filter,\n    newTab = true\n}: {\n    filter?: LinkFilter;\n    newTab?: boolean;\n}): JSX.Element | null {\n    const [editor] = useLexicalComposerContext();\n    useEffect(() => {\n        function onClick(e: Event) {\n            const event = e as MouseEvent;\n            const linkDomNode = getLinkDomNode(event, editor);\n\n            if (linkDomNode === null) {\n                return;\n            }\n\n            const href = linkDomNode.getAttribute(\"href\");\n\n            if (linkDomNode.getAttribute(\"contenteditable\") === \"false\" || href === undefined) {\n                return;\n            }\n\n            // Allow user to select link text without following url\n            const selection = editor.getEditorState().read($getSelection);\n            if ($isRangeSelection(selection) && !selection.isCollapsed()) {\n                return;\n            }\n\n            let linkNode = null;\n            editor.update(() => {\n                const maybeLinkNode = $getNearestNodeFromDOMNode(linkDomNode);\n\n                if ($isLinkNode(maybeLinkNode)) {\n                    linkNode = maybeLinkNode;\n                }\n            });\n\n            if (linkNode === null || (filter !== undefined && !filter(event, linkNode))) {\n                return;\n            }\n\n            try {\n                if (href !== null) {\n                    window.open(\n                        href,\n                        newTab || event.metaKey || event.ctrlKey ? \"_blank\" : \"_self\"\n                    );\n                }\n            } catch {\n                // It didn't work, which is better than throwing an exception!\n            }\n        }\n\n        return editor.registerRootListener(\n            (rootElement: null | HTMLElement, prevRootElement: null | HTMLElement) => {\n                if (prevRootElement !== null) {\n                    prevRootElement.removeEventListener(\"click\", onClick);\n                }\n\n                if (rootElement !== null) {\n                    rootElement.addEventListener(\"click\", onClick);\n                }\n            }\n        );\n    }, [editor, filter, newTab]);\n    return null;\n}\n\nfunction isLinkDomNode(domNode: Node): boolean {\n    return domNode.nodeName.toLowerCase() === \"a\";\n}\n\nfunction getLinkDomNode(event: MouseEvent, editor: LexicalEditor): HTMLAnchorElement | null {\n    return editor.getEditorState().read(() => {\n        const domNode = event.target as Node;\n\n        if (isLinkDomNode(domNode)) {\n            return domNode as HTMLAnchorElement;\n        }\n\n        if (domNode.parentNode && isLinkDomNode(domNode.parentNode)) {\n            return domNode.parentNode as HTMLAnchorElement;\n        }\n\n        return null;\n    });\n}\n"],"mappings":";;;;;;;;AAWA;AACA;AACA;AACA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYO,SAASA,mBAAmB,OAMZ;EAAA,IALnBC,MAAM,QAANA,MAAM;IAAA,mBACNC,MAAM;IAANA,MAAM,4BAAG,IAAI;EAKb,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EACb,IAAAC,gBAAS,EAAC,YAAM;IACZ,SAASC,OAAO,CAACC,CAAQ,EAAE;MACvB,IAAMC,KAAK,GAAGD,CAAe;MAC7B,IAAME,WAAW,GAAGC,cAAc,CAACF,KAAK,EAAEJ,MAAM,CAAC;MAEjD,IAAIK,WAAW,KAAK,IAAI,EAAE;QACtB;MACJ;MAEA,IAAME,IAAI,GAAGF,WAAW,CAACG,YAAY,CAAC,MAAM,CAAC;MAE7C,IAAIH,WAAW,CAACG,YAAY,CAAC,iBAAiB,CAAC,KAAK,OAAO,IAAID,IAAI,KAAKE,SAAS,EAAE;QAC/E;MACJ;;MAEA;MACA,IAAMC,SAAS,GAAGV,MAAM,CAACW,cAAc,EAAE,CAACC,IAAI,CAACC,sBAAa,CAAC;MAC7D,IAAI,IAAAC,0BAAiB,EAACJ,SAAS,CAAC,IAAI,CAACA,SAAS,CAACK,WAAW,EAAE,EAAE;QAC1D;MACJ;MAEA,IAAIC,QAAQ,GAAG,IAAI;MACnBhB,MAAM,CAACiB,MAAM,CAAC,YAAM;QAChB,IAAMC,aAAa,GAAG,IAAAC,mCAA0B,EAACd,WAAW,CAAC;QAE7D,IAAI,IAAAe,iBAAW,EAACF,aAAa,CAAC,EAAE;UAC5BF,QAAQ,GAAGE,aAAa;QAC5B;MACJ,CAAC,CAAC;MAEF,IAAIF,QAAQ,KAAK,IAAI,IAAKnB,MAAM,KAAKY,SAAS,IAAI,CAACZ,MAAM,CAACO,KAAK,EAAEY,QAAQ,CAAE,EAAE;QACzE;MACJ;MAEA,IAAI;QACA,IAAIT,IAAI,KAAK,IAAI,EAAE;UACfc,MAAM,CAACC,IAAI,CACPf,IAAI,EACJT,MAAM,IAAIM,KAAK,CAACmB,OAAO,IAAInB,KAAK,CAACoB,OAAO,GAAG,QAAQ,GAAG,OAAO,CAChE;QACL;MACJ,CAAC,CAAC,gBAAM;QACJ;MAAA;IAER;IAEA,OAAOxB,MAAM,CAACyB,oBAAoB,CAC9B,UAACC,WAA+B,EAAEC,eAAmC,EAAK;MACtE,IAAIA,eAAe,KAAK,IAAI,EAAE;QAC1BA,eAAe,CAACC,mBAAmB,CAAC,OAAO,EAAE1B,OAAO,CAAC;MACzD;MAEA,IAAIwB,WAAW,KAAK,IAAI,EAAE;QACtBA,WAAW,CAACG,gBAAgB,CAAC,OAAO,EAAE3B,OAAO,CAAC;MAClD;IACJ,CAAC,CACJ;EACL,CAAC,EAAE,CAACF,MAAM,EAAEH,MAAM,EAAEC,MAAM,CAAC,CAAC;EAC5B,OAAO,IAAI;AACf;AAEA,SAASgC,aAAa,CAACC,OAAa,EAAW;EAC3C,OAAOA,OAAO,CAACC,QAAQ,CAACC,WAAW,EAAE,KAAK,GAAG;AACjD;AAEA,SAAS3B,cAAc,CAACF,KAAiB,EAAEJ,MAAqB,EAA4B;EACxF,OAAOA,MAAM,CAACW,cAAc,EAAE,CAACC,IAAI,CAAC,YAAM;IACtC,IAAMmB,OAAO,GAAG3B,KAAK,CAAC8B,MAAc;IAEpC,IAAIJ,aAAa,CAACC,OAAO,CAAC,EAAE;MACxB,OAAOA,OAAO;IAClB;IAEA,IAAIA,OAAO,CAACI,UAAU,IAAIL,aAAa,CAACC,OAAO,CAACI,UAAU,CAAC,EAAE;MACzD,OAAOJ,OAAO,CAACI,UAAU;IAC7B;IAEA,OAAO,IAAI;EACf,CAAC,CAAC;AACN"}

package/plugins/ClickableLinkPlugin/index.d.ts

@@ -0,0 +1 @@
+export * from "./ClickableLinkPlugin";

package/plugins/ClickableLinkPlugin/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ClickableLinkPlugin = require("./ClickableLinkPlugin");
+Object.keys(_ClickableLinkPlugin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ClickableLinkPlugin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ClickableLinkPlugin[key];
+    }
+  });
+});

package/plugins/ClickableLinkPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ClickableLinkPlugin\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.d.ts

@@ -0,0 +1 @@
+export declare function CodeHighlightPlugin(): null;

package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeHighlightPlugin = CodeHighlightPlugin;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _code = require("@lexical/code");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+function CodeHighlightPlugin() {
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  (0, _react.useEffect)(function () {
+    return (0, _code.registerCodeHighlighting)(editor);
+  }, [editor]);
+  return null;
+}

package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CodeHighlightPlugin","useLexicalComposerContext","editor","useEffect","registerCodeHighlighting"],"sources":["CodeHighlightPlugin.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { registerCodeHighlighting } from \"@lexical/code\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\n\nexport function CodeHighlightPlugin() {\n    const [editor] = useLexicalComposerContext();\n    useEffect(() => {\n        return registerCodeHighlighting(editor);\n    }, [editor]);\n    return null;\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEO,SAASA,mBAAmB,GAAG;EAClC,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EACb,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,8BAAwB,EAACF,MAAM,CAAC;EAC3C,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,OAAO,IAAI;AACf"}

package/plugins/CodeHighlightPlugin/index.d.ts

@@ -0,0 +1 @@
+export * from "./CodeHighlightPlugin";

package/plugins/CodeHighlightPlugin/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CodeHighlightPlugin = require("./CodeHighlightPlugin");
+Object.keys(_CodeHighlightPlugin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CodeHighlightPlugin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CodeHighlightPlugin[key];
+    }
+  });
+});

package/plugins/CodeHighlightPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./CodeHighlightPlugin\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.css

@@ -0,0 +1,118 @@
+.link-editor {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  max-width: 400px;
+  width: 100%;
+  height: 48px;
+  opacity: 0;
+  background-color: #fff;
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  border-radius: 8px;
+  transition: opacity 0.5s;
+  will-change: transform;
+}
+
+.link-editor .button {
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+  padding: 6px;
+  border-radius: 8px;
+  cursor: pointer;
+  margin: 0 2px;
+}
+
+.link-editor .button.hovered {
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+  background-color: #eee;
+}
+
+.link-editor .button.active,
+.toolbar .button.active {
+  background-color: rgb(223, 232, 250);
+}
+
+.link-editor .link-input {
+  display: block;
+  width: calc(100% - 24px);
+  height: 32px;
+  box-sizing: border-box;
+  margin: 8px 12px;
+  padding: 8px 12px;
+  border-radius: 15px;
+  background-color: #eee;
+  font-size: 15px;
+  color: rgb(5, 5, 5);
+  border: 0;
+  outline: 0;
+  position: relative;
+  font-family: inherit;
+}
+
+.link-editor .link-input .link-unlink {
+  background-image: url(../../images/icons/unlink_icon.svg);
+  background-size: 18px;
+  background-position: center;
+  background-repeat: no-repeat;
+  width: 35px;
+  vertical-align: -0.25em;
+  position: absolute;
+  right: 5px;
+  top: 0;
+  bottom: 0;
+  cursor: pointer;
+}
+
+.link-editor .link-input .link-edit {
+  background-image: url(../../images/icons/pencil-fill.svg);
+  background-size: 16px;
+  background-position: center;
+  background-repeat: no-repeat;
+  width: 35px;
+  vertical-align: -0.25em;
+  position: absolute;
+  right: 35px;
+  top: 0;
+  bottom: 0;
+  cursor: pointer;
+}
+
+.link-editor .link-input a {
+  color: rgb(33, 111, 219);
+  text-decoration: none;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  margin-right: 30px;
+  text-overflow: ellipsis;
+}
+
+.link-editor .link-input a:hover {
+  text-decoration: underline;
+}
+
+.link-editor .font-size-wrapper,
+.link-editor .font-family-wrapper {
+  display: flex;
+  margin: 0 4px;
+}
+
+.link-editor select {
+  padding: 6px;
+  border: none;
+  background-color: rgba(0, 0, 0, 0.075);
+  border-radius: 4px;
+}
+
+.link-editor .button i,
+.actions i {
+  background-size: contain;
+  display: inline-block;
+  height: 20px;
+  width: 20px;
+  vertical-align: -0.25em;
+}

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/// <reference types="web" />
+/// <reference types="react" />
+import "./FloatingLinkEditorPlugin.css";
+export declare function FloatingLinkEditorPlugin({ anchorElem }: {
+    anchorElem?: HTMLElement;
+}): JSX.Element | null;

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js

@@ -0,0 +1,222 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloatingLinkEditorPlugin = FloatingLinkEditorPlugin;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+require("./FloatingLinkEditorPlugin.css");
+var _link = require("@lexical/link");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _utils = require("@lexical/utils");
+var _lexical = require("lexical");
+var _reactDom = require("react-dom");
+var _LinkPreview = require("../../ui/LinkPreview");
+var _getSelectedNode = require("../../utils/getSelectedNode");
+var _sanitizeUrl = require("../../utils/sanitizeUrl");
+var _setFloatingElemPosition = require("../../utils/setFloatingElemPosition");
+function FloatingLinkEditor(_ref) {
+  var editor = _ref.editor,
+    anchorElem = _ref.anchorElem;
+  var editorRef = (0, _react.useRef)(null);
+  var inputRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(""),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    linkUrl = _useState2[0],
+    setLinkUrl = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isEditMode = _useState4[0],
+    setEditMode = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    lastSelection = _useState6[0],
+    setLastSelection = _useState6[1];
+  var updateLinkEditor = (0, _react.useCallback)(function () {
+    var selection = (0, _lexical.$getSelection)();
+    if ((0, _lexical.$isRangeSelection)(selection)) {
+      var node = (0, _getSelectedNode.getSelectedNode)(selection);
+      var parent = node.getParent();
+      if ((0, _link.$isLinkNode)(parent)) {
+        setLinkUrl(parent.getURL());
+      } else if ((0, _link.$isLinkNode)(node)) {
+        setLinkUrl(node.getURL());
+      } else {
+        setLinkUrl("");
+      }
+    }
+    var editorElem = editorRef.current;
+    var nativeSelection = window.getSelection();
+    var activeElement = document.activeElement;
+    if (editorElem === null) {
+      return;
+    }
+    var rootElement = editor.getRootElement();
+    if (selection !== null && nativeSelection !== null && rootElement !== null && rootElement.contains(nativeSelection.anchorNode)) {
+      var domRange = nativeSelection.getRangeAt(0);
+      var rect;
+      if (nativeSelection.anchorNode === rootElement) {
+        var inner = rootElement;
+        while (inner.firstElementChild != null) {
+          inner = inner.firstElementChild;
+        }
+        rect = inner.getBoundingClientRect();
+      } else {
+        rect = domRange.getBoundingClientRect();
+      }
+      (0, _setFloatingElemPosition.setFloatingElemPosition)(rect, editorElem, anchorElem);
+      setLastSelection(selection);
+    } else if (!activeElement || activeElement.className !== "link-input") {
+      if (rootElement !== null) {
+        (0, _setFloatingElemPosition.setFloatingElemPosition)(null, editorElem, anchorElem);
+      }
+      setLastSelection(null);
+      setEditMode(false);
+      setLinkUrl("");
+    }
+    return true;
+  }, [anchorElem, editor]);
+  var removeLink = function removeLink() {
+    editor.dispatchCommand(_link.TOGGLE_LINK_COMMAND, null);
+    setEditMode(false);
+  };
+  (0, _react.useEffect)(function () {
+    var scrollerElem = anchorElem.parentElement;
+    var update = function update() {
+      editor.getEditorState().read(function () {
+        updateLinkEditor();
+      });
+    };
+    window.addEventListener("resize", update);
+    if (scrollerElem) {
+      scrollerElem.addEventListener("scroll", update);
+    }
+    return function () {
+      window.removeEventListener("resize", update);
+      if (scrollerElem) {
+        scrollerElem.removeEventListener("scroll", update);
+      }
+    };
+  }, [anchorElem.parentElement, editor, updateLinkEditor]);
+  (0, _react.useEffect)(function () {
+    return (0, _utils.mergeRegister)(editor.registerUpdateListener(function (_ref2) {
+      var editorState = _ref2.editorState;
+      editorState.read(function () {
+        updateLinkEditor();
+      });
+    }), editor.registerCommand(_lexical.SELECTION_CHANGE_COMMAND, function () {
+      updateLinkEditor();
+      return true;
+    }, _lexical.COMMAND_PRIORITY_LOW));
+  }, [editor, updateLinkEditor]);
+  (0, _react.useEffect)(function () {
+    editor.getEditorState().read(function () {
+      updateLinkEditor();
+    });
+  }, [editor, updateLinkEditor]);
+  (0, _react.useEffect)(function () {
+    if (isEditMode && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [isEditMode]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: editorRef,
+    className: "link-editor"
+  }, isEditMode ? /*#__PURE__*/_react.default.createElement("input", {
+    ref: inputRef,
+    className: "link-input",
+    value: linkUrl,
+    onChange: function onChange(event) {
+      setLinkUrl(event.target.value);
+    },
+    onKeyDown: function onKeyDown(event) {
+      if (event.key === "Enter") {
+        event.preventDefault();
+        if (lastSelection !== null) {
+          if (linkUrl !== "") {
+            editor.dispatchCommand(_link.TOGGLE_LINK_COMMAND, (0, _sanitizeUrl.sanitizeUrl)(linkUrl));
+          }
+          setEditMode(false);
+        }
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        setEditMode(false);
+      }
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "link-input"
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: linkUrl,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, linkUrl), /*#__PURE__*/_react.default.createElement("div", {
+    className: "link-edit",
+    role: "button",
+    tabIndex: 0,
+    onMouseDown: function onMouseDown(event) {
+      return event.preventDefault();
+    },
+    onClick: function onClick() {
+      setEditMode(true);
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "link-unlink",
+    role: "button",
+    tabIndex: 0,
+    onMouseDown: function onMouseDown(event) {
+      return event.preventDefault();
+    },
+    onClick: function onClick() {
+      removeLink();
+    }
+  })), /*#__PURE__*/_react.default.createElement(_LinkPreview.LinkPreview, {
+    url: linkUrl
+  })));
+}
+function useFloatingLinkEditorToolbar(editor, anchorElem) {
+  var _useState7 = (0, _react.useState)(editor),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    activeEditor = _useState8[0],
+    setActiveEditor = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    isLink = _useState10[0],
+    setIsLink = _useState10[1];
+  var updateToolbar = (0, _react.useCallback)(function () {
+    var selection = (0, _lexical.$getSelection)();
+    if ((0, _lexical.$isRangeSelection)(selection)) {
+      var node = (0, _getSelectedNode.getSelectedNode)(selection);
+      var linkParent = (0, _utils.$findMatchingParent)(node, _link.$isLinkNode);
+      var autoLinkParent = (0, _utils.$findMatchingParent)(node, _link.$isAutoLinkNode);
+
+      // We don't want this menu to open for auto links.
+      if (linkParent != null && autoLinkParent == null) {
+        setIsLink(true);
+      } else {
+        setIsLink(false);
+      }
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    return editor.registerCommand(_lexical.SELECTION_CHANGE_COMMAND, function (_payload, newEditor) {
+      updateToolbar();
+      setActiveEditor(newEditor);
+      return false;
+    }, _lexical.COMMAND_PRIORITY_CRITICAL);
+  }, [editor, updateToolbar]);
+  return isLink ? /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(FloatingLinkEditor, {
+    editor: activeEditor,
+    anchorElem: anchorElem
+  }), anchorElem) : null;
+}
+function FloatingLinkEditorPlugin(_ref3) {
+  var _ref3$anchorElem = _ref3.anchorElem,
+    anchorElem = _ref3$anchorElem === void 0 ? document.body : _ref3$anchorElem;
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  return useFloatingLinkEditorToolbar(editor, anchorElem);
+}

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FloatingLinkEditor","editor","anchorElem","editorRef","useRef","inputRef","useState","linkUrl","setLinkUrl","isEditMode","setEditMode","lastSelection","setLastSelection","updateLinkEditor","useCallback","selection","$getSelection","$isRangeSelection","node","getSelectedNode","parent","getParent","$isLinkNode","getURL","editorElem","current","nativeSelection","window","getSelection","activeElement","document","rootElement","getRootElement","contains","anchorNode","domRange","getRangeAt","rect","inner","firstElementChild","getBoundingClientRect","setFloatingElemPosition","className","removeLink","dispatchCommand","TOGGLE_LINK_COMMAND","useEffect","scrollerElem","parentElement","update","getEditorState","read","addEventListener","removeEventListener","mergeRegister","registerUpdateListener","editorState","registerCommand","SELECTION_CHANGE_COMMAND","COMMAND_PRIORITY_LOW","focus","event","target","value","key","preventDefault","sanitizeUrl","useFloatingLinkEditorToolbar","activeEditor","setActiveEditor","isLink","setIsLink","updateToolbar","linkParent","$findMatchingParent","autoLinkParent","$isAutoLinkNode","_payload","newEditor","COMMAND_PRIORITY_CRITICAL","createPortal","FloatingLinkEditorPlugin","body","useLexicalComposerContext"],"sources":["FloatingLinkEditorPlugin.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport \"./FloatingLinkEditorPlugin.css\";\nimport { $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from \"@lexical/link\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { $findMatchingParent, mergeRegister } from \"@lexical/utils\";\nimport {\n    $getSelection,\n    $isRangeSelection,\n    COMMAND_PRIORITY_CRITICAL,\n    COMMAND_PRIORITY_LOW,\n    GridSelection,\n    LexicalEditor,\n    NodeSelection,\n    RangeSelection,\n    SELECTION_CHANGE_COMMAND\n} from \"lexical\";\n\nimport { createPortal } from \"react-dom\";\nimport { LinkPreview } from \"../../ui/LinkPreview\";\nimport { getSelectedNode } from \"../../utils/getSelectedNode\";\nimport { sanitizeUrl } from \"../../utils/sanitizeUrl\";\nimport { setFloatingElemPosition } from \"../../utils/setFloatingElemPosition\";\n\nfunction FloatingLinkEditor({\n    editor,\n    anchorElem\n}: {\n    editor: LexicalEditor;\n    anchorElem: HTMLElement;\n}): JSX.Element {\n    const editorRef = useRef<HTMLDivElement | null>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [linkUrl, setLinkUrl] = useState(\"\");\n    const [isEditMode, setEditMode] = useState(false);\n    const [lastSelection, setLastSelection] = useState<\n        RangeSelection | GridSelection | NodeSelection | null\n    >(null);\n\n    const updateLinkEditor = useCallback(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n            const node = getSelectedNode(selection);\n            const parent = node.getParent();\n            if ($isLinkNode(parent)) {\n                setLinkUrl(parent.getURL());\n            } else if ($isLinkNode(node)) {\n                setLinkUrl(node.getURL());\n            } else {\n                setLinkUrl(\"\");\n            }\n        }\n        const editorElem = editorRef.current;\n        const nativeSelection = window.getSelection();\n        const activeElement = document.activeElement;\n\n        if (editorElem === null) {\n            return;\n        }\n\n        const rootElement = editor.getRootElement();\n\n        if (\n            selection !== null &&\n            nativeSelection !== null &&\n            rootElement !== null &&\n            rootElement.contains(nativeSelection.anchorNode)\n        ) {\n            const domRange = nativeSelection.getRangeAt(0);\n            let rect;\n            if (nativeSelection.anchorNode === rootElement) {\n                let inner = rootElement;\n                while (inner.firstElementChild != null) {\n                    inner = inner.firstElementChild as HTMLElement;\n                }\n                rect = inner.getBoundingClientRect();\n            } else {\n                rect = domRange.getBoundingClientRect();\n            }\n\n            setFloatingElemPosition(rect, editorElem, anchorElem);\n            setLastSelection(selection);\n        } else if (!activeElement || activeElement.className !== \"link-input\") {\n            if (rootElement !== null) {\n                setFloatingElemPosition(null, editorElem, anchorElem);\n            }\n            setLastSelection(null);\n            setEditMode(false);\n            setLinkUrl(\"\");\n        }\n\n        return true;\n    }, [anchorElem, editor]);\n\n    const removeLink = () => {\n        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n        setEditMode(false);\n    };\n\n    useEffect(() => {\n        const scrollerElem = anchorElem.parentElement;\n\n        const update = () => {\n            editor.getEditorState().read(() => {\n                updateLinkEditor();\n            });\n        };\n\n        window.addEventListener(\"resize\", update);\n\n        if (scrollerElem) {\n            scrollerElem.addEventListener(\"scroll\", update);\n        }\n\n        return () => {\n            window.removeEventListener(\"resize\", update);\n\n            if (scrollerElem) {\n                scrollerElem.removeEventListener(\"scroll\", update);\n            }\n        };\n    }, [anchorElem.parentElement, editor, updateLinkEditor]);\n\n    useEffect(() => {\n        return mergeRegister(\n            editor.registerUpdateListener(({ editorState }) => {\n                editorState.read(() => {\n                    updateLinkEditor();\n                });\n            }),\n\n            editor.registerCommand(\n                SELECTION_CHANGE_COMMAND,\n                () => {\n                    updateLinkEditor();\n                    return true;\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        );\n    }, [editor, updateLinkEditor]);\n\n    useEffect(() => {\n        editor.getEditorState().read(() => {\n            updateLinkEditor();\n        });\n    }, [editor, updateLinkEditor]);\n\n    useEffect(() => {\n        if (isEditMode && inputRef.current) {\n            inputRef.current.focus();\n        }\n    }, [isEditMode]);\n\n    return (\n        <div ref={editorRef} className=\"link-editor\">\n            {isEditMode ? (\n                <input\n                    ref={inputRef}\n                    className=\"link-input\"\n                    value={linkUrl}\n                    onChange={event => {\n                        setLinkUrl(event.target.value);\n                    }}\n                    onKeyDown={event => {\n                        if (event.key === \"Enter\") {\n                            event.preventDefault();\n                            if (lastSelection !== null) {\n                                if (linkUrl !== \"\") {\n                                    editor.dispatchCommand(\n                                        TOGGLE_LINK_COMMAND,\n                                        sanitizeUrl(linkUrl)\n                                    );\n                                }\n                                setEditMode(false);\n                            }\n                        } else if (event.key === \"Escape\") {\n                            event.preventDefault();\n                            setEditMode(false);\n                        }\n                    }}\n                />\n            ) : (\n                <>\n                    <div className=\"link-input\">\n                        <a href={linkUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                            {linkUrl}\n                        </a>\n                        <div\n                            className=\"link-edit\"\n                            role=\"button\"\n                            tabIndex={0}\n                            onMouseDown={event => event.preventDefault()}\n                            onClick={() => {\n                                setEditMode(true);\n                            }}\n                        />\n                        <div\n                            className=\"link-unlink\"\n                            role=\"button\"\n                            tabIndex={0}\n                            onMouseDown={event => event.preventDefault()}\n                            onClick={() => {\n                                removeLink();\n                            }}\n                        />\n                    </div>\n                    <LinkPreview url={linkUrl} />\n                </>\n            )}\n        </div>\n    );\n}\n\nfunction useFloatingLinkEditorToolbar(\n    editor: LexicalEditor,\n    anchorElem: HTMLElement\n): JSX.Element | null {\n    const [activeEditor, setActiveEditor] = useState(editor);\n    const [isLink, setIsLink] = useState(false);\n\n    const updateToolbar = useCallback(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n            const node = getSelectedNode(selection);\n            const linkParent = $findMatchingParent(node, $isLinkNode);\n            const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);\n\n            // We don't want this menu to open for auto links.\n            if (linkParent != null && autoLinkParent == null) {\n                setIsLink(true);\n            } else {\n                setIsLink(false);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        return editor.registerCommand(\n            SELECTION_CHANGE_COMMAND,\n            (_payload, newEditor) => {\n                updateToolbar();\n                setActiveEditor(newEditor);\n                return false;\n            },\n            COMMAND_PRIORITY_CRITICAL\n        );\n    }, [editor, updateToolbar]);\n\n    return isLink\n        ? createPortal(\n              <FloatingLinkEditor editor={activeEditor} anchorElem={anchorElem} />,\n              anchorElem\n          )\n        : null;\n}\n\nexport function FloatingLinkEditorPlugin({\n    anchorElem = document.body\n}: {\n    anchorElem?: HTMLElement;\n}): JSX.Element | null {\n    const [editor] = useLexicalComposerContext();\n    return useFloatingLinkEditorToolbar(editor, anchorElem);\n}\n"],"mappings":"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"}

package/plugins/FloatingLinkEditorPlugin/index.d.ts

@@ -0,0 +1 @@
+export * from "./FloatingLinkEditorPlugin";

package/plugins/FloatingLinkEditorPlugin/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _FloatingLinkEditorPlugin = require("./FloatingLinkEditorPlugin");
+Object.keys(_FloatingLinkEditorPlugin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FloatingLinkEditorPlugin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FloatingLinkEditorPlugin[key];
+    }
+  });
+});

package/plugins/FloatingLinkEditorPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./FloatingLinkEditorPlugin\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/plugins/FontColorPlugin/FontColorPlugin.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FontColorPlugin: React.FC;

package/plugins/FontColorPlugin/FontColorPlugin.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FontColorPlugin = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _FontColorNode = require("../../nodes/FontColorNode");
+var _lexical = require("lexical");
+var _utils = require("@lexical/utils");
+var FontColorPlugin = function FontColorPlugin() {
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  (0, _react.useEffect)(function () {
+    return editor.registerCommand(_FontColorNode.ADD_FONT_COLOR_COMMAND, function (payload) {
+      editor.update(function () {
+        var color = payload.color,
+          themeColorName = payload.themeColorName;
+        var selection = (0, _lexical.$getSelection)();
+        if ((0, _lexical.$isRangeSelection)(selection)) {
+          var fontColorNode = (0, _FontColorNode.$createFontColorNode)(selection.getTextContent(), color, themeColorName);
+          (0, _FontColorNode.$applyStylesToNode)(fontColorNode, selection);
+          (0, _lexical.$insertNodes)([fontColorNode]);
+          if ((0, _lexical.$isRootOrShadowRoot)(fontColorNode.getParentOrThrow())) {
+            (0, _utils.$wrapNodeInElement)(fontColorNode, _lexical.$createParagraphNode).selectEnd();
+          }
+        }
+      });
+      return true;
+    }, _lexical.COMMAND_PRIORITY_EDITOR);
+  }, [editor]);
+  return null;
+};
+exports.FontColorPlugin = FontColorPlugin;