@scottjgilbert/lexical-blog-editor 0.1.4 → 1.0.0-beta.2

package/build/plugins/CodeActionMenuPlugin/index.js

@@ -1,22 +1,24 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import './index.css';
-import { $isCodeNode, CodeNode, getLanguageFriendlyName, normalizeCodeLang, } from '@lexical/code';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $getNearestNodeFromDOMNode, isHTMLElement } from 'lexical';
-import { useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { CopyButton } from './components/CopyButton';
-import { canBePrettier, PrettierButton } from './components/PrettierButton';
-import { useDebounce } from './utils';
+import "./index.css";
+import { $isCodeNode, CodeNode } from "../../nodes/CodeNode/CodeNode";
+import { getLanguageFriendlyName, normalizeCodeLang } from "@lexical/code";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $getNearestNodeFromDOMNode, isHTMLElement } from "lexical";
+import { useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { CopyButton } from "./components/CopyButton";
+import { canBePrettier, PrettierButton } from "./components/PrettierButton";
+import { useDebounce } from "./utils";
 const CODE_PADDING = 8;
 function CodeActionMenuContainer({ anchorElem, }) {
     const [editor] = useLexicalComposerContext();
-    const [lang, setLang] = useState('');
+    const [lang, setLang] = useState("");
     const [isShown, setShown] = useState(false);
     const [shouldListenMouseMove, setShouldListenMouseMove] = useState(false);
     const [position, setPosition] = useState({
-        right: '0',
-        top: '0',
+        right: "0",
+        top: "0",
     });
     const codeSetRef = useRef(new Set());
     const codeDOMNodeRef = useRef(null);
@@ -34,12 +36,12 @@ function CodeActionMenuContainer({ anchorElem, }) {
         }
         codeDOMNodeRef.current = codeDOMNode;
         let codeNode = null;
-        let _lang = '';
+        let _lang = "";
         editor.update(() => {
             const maybeCodeNode = $getNearestNodeFromDOMNode(codeDOMNode);
             if ($isCodeNode(maybeCodeNode)) {
                 codeNode = maybeCodeNode;
-                _lang = codeNode.getLanguage() || '';
+                _lang = codeNode.getLanguage() || "";
             }
         });
         if (codeNode) {
@@ -57,11 +59,11 @@ function CodeActionMenuContainer({ anchorElem, }) {
         if (!shouldListenMouseMove) {
             return;
         }
-        document.addEventListener('mousemove', debouncedOnMouseMove);
+        document.addEventListener("mousemove", debouncedOnMouseMove);
         return () => {
             setShown(false);
             debouncedOnMouseMove.cancel();
-            document.removeEventListener('mousemove', debouncedOnMouseMove);
+            document.removeEventListener("mousemove", debouncedOnMouseMove);
         };
     }, [shouldListenMouseMove, debouncedOnMouseMove]);
     useEffect(() => {
@@ -69,10 +71,10 @@ function CodeActionMenuContainer({ anchorElem, }) {
             editor.getEditorState().read(() => {
                 for (const [key, type] of mutations) {
                     switch (type) {
-                        case 'created':
+                        case "created":
                             codeSetRef.current.add(key);
                             break;
-                        case 'destroyed':
+                        case "destroyed":
                             codeSetRef.current.delete(key);
                             break;
                         default:
@@ -90,9 +92,9 @@ function CodeActionMenuContainer({ anchorElem, }) {
 function getMouseInfo(event) {
     const target = event.target;
     if (isHTMLElement(target)) {
-        const codeDOMNode = target.closest('code.PlaygroundEditorTheme__code');
+        const codeDOMNode = target.closest("code.PlaygroundEditorTheme__code");
         const isOutside = !(codeDOMNode ||
-            target.closest('div.code-action-menu-container'));
+            target.closest("div.code-action-menu-container"));
         return { codeDOMNode, isOutside };
     }
     else {

package/build/plugins/CodeActionMenuPlugin/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/plugins/CodeActionMenuPlugin/utils.ts"],"names":[],"mappings":"AAUA,wBAAgB,WAAW,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,EAC9D,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,MAAM,EACV,OAAO,CAAC,EAAE,MAAM,4CAQA,UAAU,CAAC,CAAC,CAAC,WAU9B"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/plugins/CodeActionMenuPlugin/utils.ts"],"names":[],"mappings":"AAYA,wBAAgB,WAAW,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,EAC9D,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,MAAM,EACV,OAAO,CAAC,EAAE,MAAM,4CAQA,UAAU,CAAC,CAAC,CAAC,WAU9B"}

package/build/plugins/CodeActionMenuPlugin/utils.js

@@ -1,3 +1,4 @@
+"use client";
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -5,8 +6,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { debounce } from 'lodash-es';
-import { useMemo, useRef } from 'react';
+import { debounce } from "lodash-es";
+import { useMemo, useRef } from "react";
 export function useDebounce(fn, ms, maxWait) {
     const funcRef = useRef(null);
     funcRef.current = fn;

package/build/plugins/CodeHighlightPrismPlugin/index.d.ts

@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { JSX } from 'react';
+import type { JSX } from "react";
 export default function CodeHighlightPrismPlugin(): JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

package/build/plugins/CodeHighlightPrismPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/CodeHighlightPrismPlugin/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAM/B,MAAM,CAAC,OAAO,UAAU,wBAAwB,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CAQrE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/CodeHighlightPrismPlugin/index.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAMjC,MAAM,CAAC,OAAO,UAAU,wBAAwB,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CAQrE"}

package/build/plugins/CodeHighlightPrismPlugin/index.js

@@ -1,13 +1,7 @@
-/**
- * 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.
- *
- */
-import { registerCodeHighlighting } from '@lexical/code';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { useEffect } from 'react';
+"use client";
+import { registerCodeHighlighting } from "@lexical/code";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useEffect } from "react";
 export default function CodeHighlightPrismPlugin() {
     const [editor] = useLexicalComposerContext();
     useEffect(() => {

package/build/plugins/CodeHighlightShikiPlugin/index.d.ts

@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { JSX } from 'react';
+import type { JSX } from "react";
 export default function CodeHighlightShikiPlugin(): JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

package/build/plugins/CodeHighlightShikiPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/CodeHighlightShikiPlugin/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAM/B,MAAM,CAAC,OAAO,UAAU,wBAAwB,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CAQrE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/CodeHighlightShikiPlugin/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAMjC,MAAM,CAAC,OAAO,UAAU,wBAAwB,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CAQrE"}

package/build/plugins/CodeHighlightShikiPlugin/index.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { registerCodeHighlighting } from '@lexical/code-shiki';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { useEffect } from 'react';
+import { registerCodeHighlighting } from "../../nodes/CodeNode/CodeHighlighterShiki";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useEffect } from "react";
 export default function CodeHighlightShikiPlugin() {
     const [editor] = useLexicalComposerContext();
     useEffect(() => {

package/build/plugins/CollapsiblePlugin/Collapsible.css

@@ -34,7 +34,7 @@
   border-width: 4px 6px 4px 6px;
   border-left-color: #000;
   display: block;
-  content: '';
+  content: "";
   position: absolute;
   left: 7px;
   top: 50%;
@@ -55,3 +55,19 @@
   display: none;
   user-select: none;
 }
+
+@media (prefers-color-scheme: dark) {
+  .Collapsible__container {
+    background: #2a2a2a;
+    border: 1px solid #444;
+  }
+  .Collapsible__title {
+    color: #ddd;
+  }
+  .Collapsible__title:before {
+    border-left-color: #ddd;
+  }
+  .Collapsible__container[open] > .Collapsible__title:before {
+    border-top-color: #ddd;
+  }
+}

package/build/plugins/CollapsiblePlugin/index.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import './Collapsible.css';
+import "./Collapsible.css";
 export declare const INSERT_COLLAPSIBLE_COMMAND: import("lexical").LexicalCommand<void>;
 export default function CollapsiblePlugin(): null;
 //# sourceMappingURL=index.d.ts.map

package/build/plugins/CollapsiblePlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/CollapsiblePlugin/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,mBAAmB,CAAC;AAsC3B,eAAO,MAAM,0BAA0B,wCAEtC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,IAAI,IAAI,CAiMhD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/CollapsiblePlugin/index.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,mBAAmB,CAAC;AAsC3B,eAAO,MAAM,0BAA0B,wCAEtC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,IAAI,IAAI,CAiMhD"}

package/build/plugins/CollapsiblePlugin/index.js

@@ -1,3 +1,4 @@
+"use client";
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -5,15 +6,15 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import './Collapsible.css';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $findMatchingParent, $insertNodeToNearestRoot, mergeRegister, } from '@lexical/utils';
-import { $createParagraphNode, $getSelection, $isRangeSelection, COMMAND_PRIORITY_LOW, createCommand, INSERT_PARAGRAPH_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, } from 'lexical';
-import { useEffect } from 'react';
-import { $createCollapsibleContainerNode, $isCollapsibleContainerNode, CollapsibleContainerNode, } from './CollapsibleContainerNode';
-import { $createCollapsibleContentNode, $isCollapsibleContentNode, CollapsibleContentNode, } from './CollapsibleContentNode';
-import { $createCollapsibleTitleNode, $isCollapsibleTitleNode, CollapsibleTitleNode, } from './CollapsibleTitleNode';
-export const INSERT_COLLAPSIBLE_COMMAND = createCommand('INSERT_COLLAPSIBLE_COMMAND');
+import "./Collapsible.css";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $findMatchingParent, $insertNodeToNearestRoot, mergeRegister, } from "@lexical/utils";
+import { $createParagraphNode, $getSelection, $isRangeSelection, COMMAND_PRIORITY_LOW, createCommand, INSERT_PARAGRAPH_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, } from "lexical";
+import { useEffect } from "react";
+import { $createCollapsibleContainerNode, $isCollapsibleContainerNode, CollapsibleContainerNode, } from "./CollapsibleContainerNode";
+import { $createCollapsibleContentNode, $isCollapsibleContentNode, CollapsibleContentNode, } from "./CollapsibleContentNode";
+import { $createCollapsibleTitleNode, $isCollapsibleTitleNode, CollapsibleTitleNode, } from "./CollapsibleTitleNode";
+export const INSERT_COLLAPSIBLE_COMMAND = createCommand("INSERT_COLLAPSIBLE_COMMAND");
 export default function CollapsiblePlugin() {
     const [editor] = useLexicalComposerContext();
     useEffect(() => {
@@ -22,7 +23,7 @@ export default function CollapsiblePlugin() {
             CollapsibleTitleNode,
             CollapsibleContentNode,
         ])) {
-            throw new Error('CollapsiblePlugin: CollapsibleContainerNode, CollapsibleTitleNode, or CollapsibleContentNode not registered on editor');
+            throw new Error("CollapsiblePlugin: CollapsibleContainerNode, CollapsibleTitleNode, or CollapsibleContentNode not registered on editor");
         }
         const $onEscapeUp = () => {
             var _a;

package/build/plugins/ComponentPickerPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/ComponentPickerPlugin/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAWjC,OAAO,EAEL,UAAU,EAEX,MAAM,2CAA2C,CAAC;AAInD,OAAO,EAKL,aAAa,EAEd,MAAM,SAAS,CAAC;AAIjB,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAU5C,qBAAa,qBAAsB,SAAQ,UAAU;IAEnD,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAExB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;gBAGtC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;QACP,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;KACzC;CASJ;AAED,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,UAAU,EACV,OAAO,EACP,YAAY,EACZ,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,EAAE,qBAAqB,CAAC;CAC/B,2CAqBA;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,2BA6B3E;AAED,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAEvD,wBAAgB,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,2BAsLzE;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,IAAI,GAAG,CAAC,OAAO,CAqF/D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/ComponentPickerPlugin/index.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAWjC,OAAO,EAEL,UAAU,EAEX,MAAM,2CAA2C,CAAC;AAInD,OAAO,EAKL,aAAa,EAEd,MAAM,SAAS,CAAC;AAIjB,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAS5C,qBAAa,qBAAsB,SAAQ,UAAU;IAEnD,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAExB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;gBAGtC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;QACP,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;KACzC;CASJ;AAED,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,UAAU,EACV,OAAO,EACP,YAAY,EACZ,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,EAAE,qBAAqB,CAAC;CAC/B,2CAqBA;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,2BA6B3E;AAED,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAEvD,wBAAgB,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,2BAiLzE;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,IAAI,GAAG,CAAC,OAAO,CAqF/D"}

package/build/plugins/ComponentPickerPlugin/index.js

@@ -1,9 +1,10 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { $createCodeNode } from "@lexical/code";
+import { $createCodeNode } from "../../nodes/CodeNode/CodeNode";
 import { INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, } from "@lexical/list";
 import { INSERT_EMBED_COMMAND } from "@lexical/react/LexicalAutoEmbedPlugin";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { INSERT_HORIZONTAL_RULE_COMMAND } from "@lexical/react/LexicalHorizontalRuleNode";
+import { INSERT_HORIZONTAL_RULE_COMMAND } from "@lexical/extension";
 import { LexicalTypeaheadMenuPlugin, MenuOption, useBasicTypeaheadTriggerMatch, } from "@lexical/react/LexicalTypeaheadMenuPlugin";
 import { $createHeadingNode, $createQuoteNode } from "@lexical/rich-text";
 import { $setBlocksType } from "@lexical/selection";
@@ -18,7 +19,6 @@ import { INSERT_DATETIME_COMMAND } from "../DateTimePlugin";
 import { InsertEquationDialog } from "../EquationsPlugin";
 import { InsertImageDialog } from "../ImagesPlugin";
 import InsertLayoutDialog from "../LayoutPlugin/InsertLayoutDialog";
-import { INSERT_PAGE_BREAK } from "../PageBreakPlugin";
 import { InsertTableDialog } from "../TablePlugin";
 export class ComponentPickerOption extends MenuOption {
     constructor(title, options) {
@@ -132,11 +132,6 @@ export function getBaseOptions(editor, showModal) {
             keywords: ["horizontal rule", "divider", "hr"],
             onSelect: () => editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined),
         }),
-        new ComponentPickerOption("Page Break", {
-            icon: _jsx("i", { className: "icon page-break" }),
-            keywords: ["page break", "divider"],
-            onSelect: () => editor.dispatchCommand(INSERT_PAGE_BREAK, undefined),
-        }),
         ...EmbedConfigs.map((embedConfig) => new ComponentPickerOption(`Embed ${embedConfig.contentName}`, {
             icon: embedConfig.icon,
             keywords: [...embedConfig.keywords, "embed"],

package/build/plugins/ContextMenuPlugin/index.d.ts

@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { JSX } from 'react';
+import type { JSX } from "react";
 export default function ContextMenuPlugin(): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/build/plugins/ContextMenuPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/ContextMenuPlugin/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAqB/B,MAAM,CAAC,OAAO,UAAU,iBAAiB,IAAI,GAAG,CAAC,OAAO,CAgIvD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/ContextMenuPlugin/index.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAqBjC,MAAM,CAAC,OAAO,UAAU,iBAAiB,IAAI,GAAG,CAAC,OAAO,CAgIvD"}

package/build/plugins/ContextMenuPlugin/index.js

@@ -1,9 +1,10 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { NodeContextMenuOption, NodeContextMenuPlugin, NodeContextMenuSeparator, } from '@lexical/react/LexicalNodeContextMenuPlugin';
-import { $getSelection, $isDecoratorNode, $isNodeSelection, $isRangeSelection, COPY_COMMAND, CUT_COMMAND, PASTE_COMMAND, } from 'lexical';
-import { useMemo } from 'react';
+import { $isLinkNode, TOGGLE_LINK_COMMAND } from "@lexical/link";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { NodeContextMenuOption, NodeContextMenuPlugin, NodeContextMenuSeparator, } from "@lexical/react/LexicalNodeContextMenuPlugin";
+import { $getSelection, $isDecoratorNode, $isNodeSelection, $isRangeSelection, COPY_COMMAND, CUT_COMMAND, PASTE_COMMAND, } from "lexical";
+import { useMemo } from "react";
 export default function ContextMenuPlugin() {
     const [editor] = useLexicalComposerContext();
     const items = useMemo(() => {
@@ -41,17 +42,17 @@ export default function ContextMenuPlugin() {
                         const item = readClipboardItems[0];
                         const permission = await navigator.permissions.query({
                             // @ts-expect-error These types are incorrect.
-                            name: 'clipboard-read',
+                            name: "clipboard-read",
                         });
-                        if (permission.state === 'denied') {
-                            alert('Not allowed to paste from clipboard.');
+                        if (permission.state === "denied") {
+                            alert("Not allowed to paste from clipboard.");
                             return;
                         }
                         for (const type of item.types) {
                             const dataString = await (await item.getType(type)).text();
                             data.setData(type, dataString);
                         }
-                        const event = new ClipboardEvent('paste', {
+                        const event = new ClipboardEvent("paste", {
                             clipboardData: data,
                         });
                         editor.dispatchCommand(PASTE_COMMAND, event);
@@ -65,16 +66,16 @@ export default function ContextMenuPlugin() {
                     navigator.clipboard.read().then(async function (...args) {
                         const permission = await navigator.permissions.query({
                             // @ts-expect-error These types are incorrect.
-                            name: 'clipboard-read',
+                            name: "clipboard-read",
                         });
-                        if (permission.state === 'denied') {
-                            alert('Not allowed to paste from clipboard.');
+                        if (permission.state === "denied") {
+                            alert("Not allowed to paste from clipboard.");
                             return;
                         }
                         const data = new DataTransfer();
                         const clipboardText = await navigator.clipboard.readText();
-                        data.setData('text/plain', clipboardText);
-                        const event = new ClipboardEvent('paste', {
+                        data.setData("text/plain", clipboardText);
+                        const event = new ClipboardEvent("paste", {
                             clipboardData: data,
                         });
                         editor.dispatchCommand(PASTE_COMMAND, event);

package/build/plugins/DateTimePlugin/index.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { JSX } from 'react';
-import { LexicalCommand } from 'lexical';
+import type { JSX } from "react";
+import { LexicalCommand } from "lexical";
 type CommandPayload = {
     dateTime: Date;
 };

package/build/plugins/DateTimePlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/DateTimePlugin/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAI/B,OAAO,EAML,cAAc,EACf,MAAM,SAAS,CAAC;AAQjB,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,cAAc,CAAC,cAAc,CACzB,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,cAAc,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CA4B3D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/DateTimePlugin/index.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,OAAO,EAML,cAAc,EACf,MAAM,SAAS,CAAC;AAQjB,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,cAAc,CAAC,cAAc,CACzB,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,cAAc,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CA4B3D"}

package/build/plugins/DateTimePlugin/index.js

@@ -1,21 +1,15 @@
-/**
- * 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.
- *
- */
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $wrapNodeInElement, mergeRegister } from '@lexical/utils';
-import { $createParagraphNode, $insertNodes, $isRootOrShadowRoot, COMMAND_PRIORITY_EDITOR, createCommand, } from 'lexical';
-import { useEffect } from 'react';
-import { $createDateTimeNode, DateTimeNode, } from '../../nodes/DateTimeNode/DateTimeNode';
-export const INSERT_DATETIME_COMMAND = createCommand('INSERT_DATETIME_COMMAND');
+"use client";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $wrapNodeInElement, mergeRegister } from "@lexical/utils";
+import { $createParagraphNode, $insertNodes, $isRootOrShadowRoot, COMMAND_PRIORITY_EDITOR, createCommand, } from "lexical";
+import { useEffect } from "react";
+import { $createDateTimeNode, DateTimeNode, } from "../../nodes/DateTimeNode/DateTimeNode";
+export const INSERT_DATETIME_COMMAND = createCommand("INSERT_DATETIME_COMMAND");
 export default function DateTimePlugin() {
     const [editor] = useLexicalComposerContext();
     useEffect(() => {
         if (!editor.hasNodes([DateTimeNode])) {
-            throw new Error('DateTimePlugin: DateTimeNode not registered on editor');
+            throw new Error("DateTimePlugin: DateTimeNode not registered on editor");
         }
         return mergeRegister(editor.registerCommand(INSERT_DATETIME_COMMAND, (payload) => {
             const { dateTime } = payload;

package/build/plugins/DragDropPastePlugin/index.d.ts

@@ -1,9 +1,2 @@
-/**
- * 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.
- *
- */
 export default function DragDropPaste(): null;
 //# sourceMappingURL=index.d.ts.map

package/build/plugins/DragDropPastePlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/DragDropPastePlugin/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAkBH,MAAM,CAAC,OAAO,UAAU,aAAa,IAAI,IAAI,CA0B5C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/DragDropPastePlugin/index.ts"],"names":[],"mappings":"AA0BA,MAAM,CAAC,OAAO,UAAU,aAAa,IAAI,IAAI,CA0B5C"}

package/build/plugins/DragDropPastePlugin/index.js

@@ -1,3 +1,4 @@
+"use client";
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -5,18 +6,18 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { DRAG_DROP_PASTE } from '@lexical/rich-text';
-import { isMimeType, mediaFileReader } from '@lexical/utils';
-import { COMMAND_PRIORITY_LOW } from 'lexical';
-import { useEffect } from 'react';
-import { INSERT_IMAGE_COMMAND } from '../ImagesPlugin';
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { DRAG_DROP_PASTE } from "@lexical/rich-text";
+import { isMimeType, mediaFileReader } from "@lexical/utils";
+import { COMMAND_PRIORITY_LOW } from "lexical";
+import { useEffect } from "react";
+import { INSERT_IMAGE_COMMAND } from "../ImagesPlugin";
 const ACCEPTABLE_IMAGE_TYPES = [
-    'image/',
-    'image/heic',
-    'image/heif',
-    'image/gif',
-    'image/webp',
+    "image/",
+    "image/heic",
+    "image/heif",
+    "image/gif",
+    "image/webp",
 ];
 export default function DragDropPaste() {
     const [editor] = useLexicalComposerContext();

package/build/plugins/DraggableBlockPlugin/index.css

@@ -61,3 +61,9 @@
   font-size: 14px;
   border-radius: 8px 8px 0 0;
 }
+
+@media (prefers-color-scheme: dark) {
+  .draggable-block-menu .icon {
+    filter: invert(1);
+  }
+}

package/build/plugins/DraggableBlockPlugin/index.d.ts

@@ -1,5 +1,5 @@
-import type { JSX } from 'react';
-import './index.css';
+import type { JSX } from "react";
+import "./index.css";
 export default function DraggableBlockPlugin({ anchorElem, }: {
     anchorElem?: HTMLElement;
 }): JSX.Element;

package/build/plugins/DraggableBlockPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/DraggableBlockPlugin/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,aAAa,CAAC;AAkCrB,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B,GAAG,GAAG,CAAC,OAAO,CAkPd"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/DraggableBlockPlugin/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,aAAa,CAAC;AAkCrB,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B,GAAG,GAAG,CAAC,OAAO,CAmPd"}

package/build/plugins/DraggableBlockPlugin/index.js

@@ -1,13 +1,14 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import './index.css';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { DraggableBlockPlugin_EXPERIMENTAL } from '@lexical/react/LexicalDraggableBlockPlugin';
-import { $createParagraphNode, $createTextNode, $getNearestNodeFromDOMNode, $getNodeByKey, $isParagraphNode, $isTextNode, } from 'lexical';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import * as ReactDOM from 'react-dom';
-import useModal from '../../hooks/useModal';
-import { ComponentPickerMenuItem, getBaseOptions, getDynamicOptions, } from '../ComponentPickerPlugin';
-const DRAGGABLE_BLOCK_MENU_CLASSNAME = 'draggable-block-menu';
+import "./index.css";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { DraggableBlockPlugin_EXPERIMENTAL } from "@lexical/react/LexicalDraggableBlockPlugin";
+import { $createParagraphNode, $createTextNode, $getNearestNodeFromDOMNode, $getNodeByKey, $isParagraphNode, $isTextNode, } from "lexical";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import * as ReactDOM from "react-dom";
+import useModal from "../../hooks/useModal";
+import { ComponentPickerMenuItem, getBaseOptions, getDynamicOptions, } from "../ComponentPickerPlugin";
+const DRAGGABLE_BLOCK_MENU_CLASSNAME = "draggable-block-menu";
 function isOnMenu(element) {
     return !!element.closest(`.${DRAGGABLE_BLOCK_MENU_CLASSNAME}`);
 }
@@ -21,7 +22,7 @@ export default function DraggableBlockPlugin({ anchorElem = document.body, }) {
     const [draggableElement, setDraggableElement] = useState(null);
     const [pickerState, setPickerState] = useState(null);
     const [isPickerOpen, setIsPickerOpen] = useState(false);
-    const [queryString, setQueryString] = useState('');
+    const [queryString, setQueryString] = useState("");
     const [highlightedIndex, setHighlightedIndex] = useState(0);
     const [pickerPosition, setPickerPosition] = useState(null);
     const options = useMemo(() => {
@@ -29,7 +30,7 @@ export default function DraggableBlockPlugin({ anchorElem = document.body, }) {
         if (!queryString) {
             return baseOptions;
         }
-        const regex = new RegExp(queryString, 'i');
+        const regex = new RegExp(queryString, "i");
         return [
             ...getDynamicOptions(editor, queryString),
             ...baseOptions.filter((option) => regex.test(option.title) ||
@@ -60,9 +61,9 @@ export default function DraggableBlockPlugin({ anchorElem = document.body, }) {
             setIsPickerOpen(false);
             setPickerState(null);
         };
-        document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener("mousedown", handleClickOutside);
         return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [isPickerOpen]);
     const selectOption = useCallback((option) => {
@@ -77,7 +78,7 @@ export default function DraggableBlockPlugin({ anchorElem = document.body, }) {
                 return;
             }
             const placeholder = $createParagraphNode();
-            const textNode = $createTextNode('');
+            const textNode = $createTextNode("");
             placeholder.append(textNode);
             if (pickerState.insertBefore) {
                 node.insertBefore(placeholder);
@@ -106,30 +107,30 @@ export default function DraggableBlockPlugin({ anchorElem = document.body, }) {
             if (!isPickerOpen || !options.length) {
                 return;
             }
-            if (event.key === 'ArrowDown') {
+            if (event.key === "ArrowDown") {
                 event.preventDefault();
                 setHighlightedIndex((index) => index + 1 >= options.length ? 0 : index + 1);
             }
-            else if (event.key === 'ArrowUp') {
+            else if (event.key === "ArrowUp") {
                 event.preventDefault();
                 setHighlightedIndex((index) => index - 1 < 0 ? options.length - 1 : index - 1);
             }
-            else if (event.key === 'Enter') {
+            else if (event.key === "Enter") {
                 event.preventDefault();
                 const option = options[highlightedIndex];
                 if (option) {
                     selectOption(option);
                 }
             }
-            else if (event.key === 'Escape') {
+            else if (event.key === "Escape") {
                 event.preventDefault();
                 setIsPickerOpen(false);
                 setPickerState(null);
             }
         };
-        window.addEventListener('keydown', handleKeyDown);
+        window.addEventListener("keydown", handleKeyDown);
         return () => {
-            window.removeEventListener('keydown', handleKeyDown);
+            window.removeEventListener("keydown", handleKeyDown);
         };
     }, [highlightedIndex, isPickerOpen, options, selectOption]);
     function openComponentPicker(e) {
@@ -156,14 +157,14 @@ export default function DraggableBlockPlugin({ anchorElem = document.body, }) {
             }
             : null);
         setPickerState({ insertBefore, targetNodeKey });
-        setQueryString('');
+        setQueryString("");
         setHighlightedIndex(0);
         setIsPickerOpen(true);
     }
     return (_jsxs(_Fragment, { children: [modal, isPickerOpen && pickerPosition
                 ? ReactDOM.createPortal(_jsxs("div", { className: "typeahead-popover component-picker-menu draggable-block-component-picker", ref: pickerRef, style: {
                         left: pickerPosition.left,
-                        position: 'absolute',
+                        position: "absolute",
                         top: pickerPosition.top,
                         zIndex: 10,
                     }, children: [_jsx("input", { className: "component-picker-search", placeholder: "Filter blocks...", value: queryString, ref: searchInputRef, onChange: (event) => setQueryString(event.target.value) }), _jsx("ul", { children: options.map((option, i) => (_jsx(ComponentPickerMenuItem, { index: i, isSelected: highlightedIndex === i, onClick: () => {