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

package/build/nodes/TweetNode/ServerTweetNode.js

@@ -0,0 +1,59 @@
+import { DecoratorBlockNode, } from "@lexical/react/LexicalDecoratorBlockNode";
+function $convertTweetElement(domNode) {
+    const id = domNode.getAttribute("data-lexical-tweet-id");
+    if (id) {
+        const node = $createTweetNode(id);
+        return { node };
+    }
+    return null;
+}
+export class TweetNode extends DecoratorBlockNode {
+    static getType() {
+        return "tweet";
+    }
+    static clone(node) {
+        return new TweetNode(node.__id, node.__format, node.__key);
+    }
+    static importJSON(serializedNode) {
+        return $createTweetNode(serializedNode.id).updateFromJSON(serializedNode);
+    }
+    exportJSON() {
+        return Object.assign(Object.assign({}, super.exportJSON()), { id: this.getId() });
+    }
+    static importDOM() {
+        return {
+            div: (domNode) => {
+                if (!domNode.hasAttribute("data-lexical-tweet-id")) {
+                    return null;
+                }
+                return {
+                    conversion: $convertTweetElement,
+                    priority: 2,
+                };
+            },
+        };
+    }
+    exportDOM() {
+        const element = document.createElement("div");
+        element.setAttribute("data-lexical-tweet-id", this.__id);
+        const text = document.createTextNode(this.getTextContent());
+        element.append(text);
+        return { element };
+    }
+    constructor(id, format, key) {
+        super(format, key);
+        this.__id = id;
+    }
+    getId() {
+        return this.__id;
+    }
+    getTextContent(_includeInert, _includeDirectionless) {
+        return `https://x.com/i/web/status/${this.__id}`;
+    }
+}
+export function $createTweetNode(tweetID) {
+    return new TweetNode(tweetID);
+}
+export function $isTweetNode(node) {
+    return node instanceof TweetNode;
+}

package/build/nodes/TweetNode/TweetNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TweetNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/TweetNode/TweetNode.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EACV,gBAAgB,EAEhB,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,OAAO,EACP,MAAM,EACP,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EACL,kBAAkB,EAClB,4BAA4B,EAC7B,MAAM,0CAA0C,CAAC;AAqGlD,MAAM,MAAM,mBAAmB,GAAG,MAAM,CACtC;IACE,EAAE,EAAE,MAAM,CAAC;CACZ,EACD,4BAA4B,CAC7B,CAAC;AAEF,qBAAa,SAAU,SAAQ,kBAAkB;IAC/C,IAAI,EAAE,MAAM,CAAC;IAEb,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS;IAIxC,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS;IAIjE,UAAU,IAAI,mBAAmB;IAOjC,MAAM,CAAC,SAAS,IAAI,gBAAgB,CAAC,cAAc,CAAC,GAAG,IAAI;IAc3D,SAAS,IAAI,eAAe;gBAQhB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,iBAAiB,EAAE,GAAG,CAAC,EAAE,OAAO;IAKjE,KAAK,IAAI,MAAM;IAIf,cAAc,CACZ,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,EACnC,qBAAqB,CAAC,EAAE,KAAK,GAAG,SAAS,GACxC,MAAM;IAIT,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO;CAgBnE;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,CAE3D;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,GAC/C,IAAI,IAAI,SAAS,CAEnB"}

package/build/nodes/YouTubeNode/ServerYouTubeNode.d.ts

@@ -0,0 +1,21 @@
+import type { DOMConversionMap, DOMExportOutput, ElementFormatType, LexicalNode, NodeKey, Spread } from "lexical";
+import { DecoratorBlockNode, SerializedDecoratorBlockNode } from "@lexical/react/LexicalDecoratorBlockNode";
+export type SerializedYouTubeNode = Spread<{
+    videoID: string;
+}, SerializedDecoratorBlockNode>;
+export declare class YouTubeNode extends DecoratorBlockNode {
+    __id: string;
+    static getType(): string;
+    static clone(node: YouTubeNode): YouTubeNode;
+    static importJSON(serializedNode: SerializedYouTubeNode): YouTubeNode;
+    exportJSON(): SerializedYouTubeNode;
+    constructor(id: string, format?: ElementFormatType, key?: NodeKey);
+    exportDOM(): DOMExportOutput;
+    static importDOM(): DOMConversionMap | null;
+    updateDOM(): false;
+    getId(): string;
+    getTextContent(_includeInert?: boolean | undefined, _includeDirectionless?: false | undefined): string;
+}
+export declare function $createYouTubeNode(videoID: string): YouTubeNode;
+export declare function $isYouTubeNode(node: YouTubeNode | LexicalNode | null | undefined): node is YouTubeNode;
+//# sourceMappingURL=ServerYouTubeNode.d.ts.map

package/build/nodes/YouTubeNode/ServerYouTubeNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerYouTubeNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/YouTubeNode/ServerYouTubeNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAEhB,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,OAAO,EACP,MAAM,EACP,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,kBAAkB,EAClB,4BAA4B,EAC7B,MAAM,0CAA0C,CAAC;AAElD,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,OAAO,EAAE,MAAM,CAAC;CACjB,EACD,4BAA4B,CAC7B,CAAC;AAaF,qBAAa,WAAY,SAAQ,kBAAkB;IACjD,IAAI,EAAE,MAAM,CAAC;IAEb,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;IAI5C,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,WAAW;IAMrE,UAAU,IAAI,qBAAqB;gBAOvB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,iBAAiB,EAAE,GAAG,CAAC,EAAE,OAAO;IAKjE,SAAS,IAAI,eAAe;IAmB5B,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAc3C,SAAS,IAAI,KAAK;IAIlB,KAAK,IAAI,MAAM;IAIf,cAAc,CACZ,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,EACnC,qBAAqB,CAAC,EAAE,KAAK,GAAG,SAAS,GACxC,MAAM;CAGV;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CAE/D;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,GACjD,IAAI,IAAI,WAAW,CAErB"}

package/build/nodes/YouTubeNode/ServerYouTubeNode.js

@@ -0,0 +1,67 @@
+import { DecoratorBlockNode, } from "@lexical/react/LexicalDecoratorBlockNode";
+function $convertYoutubeElement(domNode) {
+    const videoID = domNode.getAttribute("data-lexical-youtube");
+    if (videoID) {
+        const node = $createYouTubeNode(videoID);
+        return { node };
+    }
+    return null;
+}
+export class YouTubeNode extends DecoratorBlockNode {
+    static getType() {
+        return "youtube";
+    }
+    static clone(node) {
+        return new YouTubeNode(node.__id, node.__format, node.__key);
+    }
+    static importJSON(serializedNode) {
+        return $createYouTubeNode(serializedNode.videoID).updateFromJSON(serializedNode);
+    }
+    exportJSON() {
+        return Object.assign(Object.assign({}, super.exportJSON()), { videoID: this.__id });
+    }
+    constructor(id, format, key) {
+        super(format, key);
+        this.__id = id;
+    }
+    exportDOM() {
+        const element = document.createElement("iframe");
+        element.setAttribute("data-lexical-youtube", this.__id);
+        element.setAttribute("width", "560");
+        element.setAttribute("height", "315");
+        element.setAttribute("src", `https://www.youtube-nocookie.com/embed/${this.__id}`);
+        element.setAttribute("frameborder", "0");
+        element.setAttribute("allow", "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture");
+        element.setAttribute("allowfullscreen", "true");
+        element.setAttribute("title", "YouTube video");
+        return { element };
+    }
+    static importDOM() {
+        return {
+            iframe: (domNode) => {
+                if (!domNode.hasAttribute("data-lexical-youtube")) {
+                    return null;
+                }
+                return {
+                    conversion: $convertYoutubeElement,
+                    priority: 1,
+                };
+            },
+        };
+    }
+    updateDOM() {
+        return false;
+    }
+    getId() {
+        return this.__id;
+    }
+    getTextContent(_includeInert, _includeDirectionless) {
+        return `https://www.youtube.com/watch?v=${this.__id}`;
+    }
+}
+export function $createYouTubeNode(videoID) {
+    return new YouTubeNode(videoID);
+}
+export function $isYouTubeNode(node) {
+    return node instanceof YouTubeNode;
+}

package/build/nodes/YouTubeNode/YouTubeNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YouTubeNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/YouTubeNode/YouTubeNode.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EACV,gBAAgB,EAEhB,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,OAAO,EACP,MAAM,EACP,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EACL,kBAAkB,EAClB,4BAA4B,EAC7B,MAAM,0CAA0C,CAAC;AAqClD,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,OAAO,EAAE,MAAM,CAAC;CACjB,EACD,4BAA4B,CAC7B,CAAC;AAaF,qBAAa,WAAY,SAAQ,kBAAkB;IACjD,IAAI,EAAE,MAAM,CAAC;IAEb,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;IAI5C,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,WAAW;IAMrE,UAAU,IAAI,qBAAqB;gBAOvB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,iBAAiB,EAAE,GAAG,CAAC,EAAE,OAAO;IAKjE,SAAS,IAAI,eAAe;IAmB5B,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAc3C,SAAS,IAAI,KAAK;IAIlB,KAAK,IAAI,MAAM;IAIf,cAAc,CACZ,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,EACnC,qBAAqB,CAAC,EAAE,KAAK,GAAG,SAAS,GACxC,MAAM;IAIT,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO;CAepE;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CAE/D;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,GACjD,IAAI,IAAI,WAAW,CAErB"}

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

@@ -1,10 +1,3 @@
-/**
- * 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 type { JSX } from "react";
 export default function ActionsPlugin({ shouldPreserveNewLinesInMarkdown, useCollabV2, }: {
     shouldPreserveNewLinesInMarkdown: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/ActionsPlugin/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAiEjC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,gCAAgC,EAChC,WAAW,GACZ,EAAE;IACD,gCAAgC,EAAE,OAAO,CAAC;IAC1C,WAAW,EAAE,OAAO,CAAC;CACtB,GAAG,GAAG,CAAC,OAAO,CAkKd"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/ActionsPlugin/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AA4DjC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,gCAAgC,EAChC,WAAW,GACZ,EAAE;IACD,gCAAgC,EAAE,OAAO,CAAC;IAC1C,WAAW,EAAE,OAAO,CAAC;CACtB,GAAG,GAAG,CAAC,OAAO,CAkKd"}

package/build/plugins/ActionsPlugin/index.js

@@ -1,5 +1,6 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { $createCodeNode, $isCodeNode } from "@lexical/code";
+import { $createCodeNode, $isCodeNode } from "../../nodes/CodeNode/CodeNode";
 import { editorStateFromSerializedDocument, exportFile, importFile, } from "@lexical/file";
 import { $convertFromMarkdownString, $convertToMarkdownString, } from "@lexical/markdown";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";

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

@@ -1,12 +1,5 @@
-/**
- * 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 type { JSX } from 'react';
-import { EmbedConfig } from '@lexical/react/LexicalAutoEmbedPlugin';
+import type { JSX } from "react";
+import { EmbedConfig } from "@lexical/react/LexicalAutoEmbedPlugin";
 interface PlaygroundEmbedConfig extends EmbedConfig {
     contentName: string;
     icon?: JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/AutoEmbedPlugin/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,WAAW,EAIZ,MAAM,uCAAuC,CAAC;AAa/C,UAAU,qBAAsB,SAAQ,WAAW;IAEjD,WAAW,EAAE,MAAM,CAAC;IAGpB,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAGnB,UAAU,EAAE,MAAM,CAAC;IAGnB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAGxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,qBAgChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,qBAmChC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,qBA+B9B,CAAC;AAEF,eAAO,MAAM,YAAY,yBAIxB,CAAC;AA0EF,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,OAAO,GACR,EAAE;IACD,WAAW,EAAE,qBAAqB,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,GAAG,CAAC,OAAO,CAuDd;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,IAAI,GAAG,CAAC,OAAO,CAiErD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/AutoEmbedPlugin/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAEL,WAAW,EAIZ,MAAM,uCAAuC,CAAC;AAY/C,UAAU,qBAAsB,SAAQ,WAAW;IAEjD,WAAW,EAAE,MAAM,CAAC;IAGpB,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAGnB,UAAU,EAAE,MAAM,CAAC;IAGnB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAGxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,qBAgChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,qBAmChC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,qBA+B9B,CAAC;AAEF,eAAO,MAAM,YAAY,yBAIxB,CAAC;AA2EF,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,OAAO,GACR,EAAE;IACD,WAAW,EAAE,qBAAqB,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,GAAG,CAAC,OAAO,CAwDd;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,IAAI,GAAG,CAAC,OAAO,CAuErD"}

package/build/plugins/AutoEmbedPlugin/index.js

@@ -1,23 +1,24 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { AutoEmbedOption, LexicalAutoEmbedPlugin, URL_MATCHER, } from '@lexical/react/LexicalAutoEmbedPlugin';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { useMemo, useState } from 'react';
-import * as ReactDOM from 'react-dom';
-import useModal from '../../hooks/useModal';
-import Button from '../../ui/Button';
-import { DialogActions } from '../../ui/Dialog';
-import { INSERT_FIGMA_COMMAND } from '../FigmaPlugin';
-import { INSERT_TWEET_COMMAND } from '../TwitterPlugin';
-import { INSERT_YOUTUBE_COMMAND } from '../YouTubePlugin';
+import { AutoEmbedOption, LexicalAutoEmbedPlugin, URL_MATCHER, } from "@lexical/react/LexicalAutoEmbedPlugin";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useMemo, useState } from "react";
+import * as ReactDOM from "react-dom";
+import useModal from "../../hooks/useModal";
+import Button from "../../ui/Button";
+import { DialogActions } from "../../ui/Dialog";
+import { INSERT_FIGMA_COMMAND } from "../FigmaPlugin";
+import { INSERT_TWEET_COMMAND } from "../TwitterPlugin";
+import { INSERT_YOUTUBE_COMMAND } from "../YouTubePlugin";
 export const YoutubeEmbedConfig = {
-    contentName: 'Youtube Video',
-    exampleUrl: 'https://www.youtube.com/watch?v=jNQXAC9IVRw',
+    contentName: "Youtube Video",
+    exampleUrl: "https://www.youtube.com/watch?v=jNQXAC9IVRw",
     // Icon for display.
     icon: _jsx("i", { className: "icon youtube" }),
     insertNode: (editor, result) => {
         editor.dispatchCommand(INSERT_YOUTUBE_COMMAND, result.id);
     },
-    keywords: ['youtube', 'video'],
+    keywords: ["youtube", "video"],
     // Determine if a given URL is a match and return url data.
     parseUrl: async (url) => {
         const match = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/.exec(url);
@@ -30,12 +31,12 @@ export const YoutubeEmbedConfig = {
         }
         return null;
     },
-    type: 'youtube-video',
+    type: "youtube-video",
 };
 export const TwitterEmbedConfig = {
     // e.g. Tweet or Google Map.
-    contentName: 'X(Tweet)',
-    exampleUrl: 'https://x.com/jack/status/20',
+    contentName: "X(Tweet)",
+    exampleUrl: "https://x.com/jack/status/20",
     // Icon for display.
     icon: _jsx("i", { className: "icon x" }),
     // Create the Lexical embed node from the url data.
@@ -43,7 +44,7 @@ export const TwitterEmbedConfig = {
         editor.dispatchCommand(INSERT_TWEET_COMMAND, result.id);
     },
     // For extra searching.
-    keywords: ['tweet', 'twitter', 'x'],
+    keywords: ["tweet", "twitter", "x"],
     // Determine if a given URL is a match and return url data.
     parseUrl: (text) => {
         const match = /^https:\/\/(twitter|x)\.com\/(#!\/)?(\w+)\/status(es)*\/(\d+)/.exec(text);
@@ -55,16 +56,16 @@ export const TwitterEmbedConfig = {
         }
         return null;
     },
-    type: 'tweet',
+    type: "tweet",
 };
 export const FigmaEmbedConfig = {
-    contentName: 'Figma Document',
-    exampleUrl: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',
+    contentName: "Figma Document",
+    exampleUrl: "https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File",
     icon: _jsx("i", { className: "icon figma" }),
     insertNode: (editor, result) => {
         editor.dispatchCommand(INSERT_FIGMA_COMMAND, result.id);
     },
-    keywords: ['figma', 'figma.com', 'mock-up'],
+    keywords: ["figma", "figma.com", "mock-up"],
     // Determine if a given URL is a match and return url data.
     parseUrl: (text) => {
         const match = /https:\/\/([\w.-]+\.)?figma.com\/(file|proto)\/([0-9a-zA-Z]{22,128})(?:\/.*)?$/.exec(text);
@@ -76,7 +77,7 @@ export const FigmaEmbedConfig = {
         }
         return null;
     },
-    type: 'figma',
+    type: "figma",
 };
 export const EmbedConfigs = [
     TwitterEmbedConfig,
@@ -84,11 +85,11 @@ export const EmbedConfigs = [
     FigmaEmbedConfig,
 ];
 function AutoEmbedMenuItem({ index, isSelected, onClick, onMouseEnter, option, }) {
-    let className = 'item';
+    let className = "item";
     if (isSelected) {
-        className += ' selected';
+        className += " selected";
     }
-    return (_jsx("li", { tabIndex: -1, className: className, ref: option.setRefElement, role: "option", "aria-selected": isSelected, id: 'typeahead-item-' + index, onMouseEnter: onMouseEnter, onClick: onClick, children: _jsx("span", { className: "text", children: option.title }) }, option.key));
+    return (_jsx("li", { tabIndex: -1, className: className, ref: option.setRefElement, role: "option", "aria-selected": isSelected, id: "typeahead-item-" + index, onMouseEnter: onMouseEnter, onClick: onClick, children: _jsx("span", { className: "text", children: option.title }) }, option.key));
 }
 function AutoEmbedMenu({ options, selectedItemIndex, onOptionClick, onOptionMouseEnter, }) {
     return (_jsx("div", { className: "typeahead-popover", children: _jsx("ul", { children: options.map((option, i) => (_jsx(AutoEmbedMenuItem, { index: i, isSelected: selectedItemIndex === i, onClick: () => onOptionClick(option, i), onMouseEnter: () => onOptionMouseEnter(i), option: option }, option.key))) }) }));
@@ -103,7 +104,7 @@ const debounce = (callback, delay) => {
     };
 };
 export function AutoEmbedDialog({ embedConfig, onClose, }) {
-    const [text, setText] = useState('');
+    const [text, setText] = useState("");
     const [editor] = useLexicalComposerContext();
     const [embedResult, setEmbedResult] = useState(null);
     const validateText = useMemo(() => debounce((inputText) => {
@@ -123,7 +124,7 @@ export function AutoEmbedDialog({ embedConfig, onClose, }) {
             onClose();
         }
     };
-    return (_jsxs("div", { style: { width: '600px' }, children: [_jsx("div", { className: "Input__wrapper", children: _jsx("input", { type: "text", className: "Input__input", placeholder: embedConfig.exampleUrl, value: text, "data-test-id": `${embedConfig.type}-embed-modal-url`, onChange: (e) => {
+    return (_jsxs("div", { style: { width: "600px" }, children: [_jsx("div", { className: "Input__wrapper", children: _jsx("input", { type: "text", className: "Input__input", placeholder: embedConfig.exampleUrl, value: text, "data-test-id": `${embedConfig.type}-embed-modal-url`, onChange: (e) => {
                         const { value } = e.target;
                         setText(value);
                         validateText(value);
@@ -136,7 +137,7 @@ export default function AutoEmbedPlugin() {
     };
     const getMenuOptions = (activeEmbedConfig, embedFn, dismissFn) => {
         return [
-            new AutoEmbedOption('Dismiss', {
+            new AutoEmbedOption("Dismiss", {
                 onSelect: dismissFn,
             }),
             new AutoEmbedOption(`Embed ${activeEmbedConfig.contentName}`, {
@@ -144,7 +145,7 @@ export default function AutoEmbedPlugin() {
             }),
         ];
     };
-    return (_jsxs(_Fragment, { children: [modal, _jsx(LexicalAutoEmbedPlugin, { embedConfigs: EmbedConfigs, onOpenEmbedModalForConfig: openEmbedModal, getMenuOptions: getMenuOptions, menuRenderFn: (anchorElementRef, { selectedIndex, options, selectOptionAndCleanUp, setHighlightedIndex }) => anchorElementRef.current
+    return (_jsxs(_Fragment, { children: [modal, _jsx(LexicalAutoEmbedPlugin, { embedConfigs: EmbedConfigs, onOpenEmbedModalForConfig: openEmbedModal, getMenuOptions: getMenuOptions, menuRenderFn: (anchorElementRef, { selectedIndex, options, selectOptionAndCleanUp, setHighlightedIndex, }) => anchorElementRef.current
                     ? ReactDOM.createPortal(_jsx("div", { className: "typeahead-popover auto-embed-menu", style: {
                             marginLeft: `${Math.max(parseFloat(anchorElementRef.current.style.width) - 200, 0)}px`,
                             width: 200,

package/build/plugins/AutoLinkPlugin/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 LexicalAutoLinkPlugin(): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

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

package/build/plugins/AutoLinkPlugin/index.js

@@ -1,10 +1,11 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AutoLinkPlugin, createLinkMatcherWithRegExp, } from '@lexical/react/LexicalAutoLinkPlugin';
+import { AutoLinkPlugin, createLinkMatcherWithRegExp, } from "@lexical/react/LexicalAutoLinkPlugin";
 const URL_REGEX = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)(?<![-.+():%])/;
 const EMAIL_REGEX = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;
 const MATCHERS = [
     createLinkMatcherWithRegExp(URL_REGEX, (text) => {
-        return text.startsWith('http') ? text : `https://${text}`;
+        return text.startsWith("http") ? text : `https://${text}`;
     }),
     createLinkMatcherWithRegExp(EMAIL_REGEX, (text) => {
         return `mailto:${text}`;

package/build/plugins/CodeActionMenuPlugin/components/CopyButton/index.d.ts

@@ -1,4 +1,4 @@
-import { LexicalEditor } from 'lexical';
+import { LexicalEditor } from "lexical";
 interface Props {
     editor: LexicalEditor;
     getCodeDOMNode: () => HTMLElement | null;

package/build/plugins/CodeActionMenuPlugin/components/CopyButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/plugins/CodeActionMenuPlugin/components/CopyButton/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAIL,aAAa,EACd,MAAM,SAAS,CAAC;AAMjB,UAAU,KAAK;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CAC1C;AAED,wBAAgB,UAAU,CAAC,EAAC,MAAM,EAAE,cAAc,EAAC,EAAE,KAAK,2CA6CzD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/plugins/CodeActionMenuPlugin/components/CopyButton/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAIL,aAAa,EACd,MAAM,SAAS,CAAC;AAKjB,UAAU,KAAK;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CAC1C;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,KAAK,2CA6C3D"}

package/build/plugins/CodeActionMenuPlugin/components/CopyButton/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -6,10 +7,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { $isCodeNode } from '@lexical/code';
-import { $getNearestNodeFromDOMNode, $getSelection, $setSelection, } from 'lexical';
-import { useState } from 'react';
-import { useDebounce } from '../../utils';
+import { $isCodeNode } from "../../../../nodes/CodeNode/CodeNode";
+import { $getNearestNodeFromDOMNode, $getSelection, $setSelection, } from "lexical";
+import { useState } from "react";
+import { useDebounce } from "../../utils";
 export function CopyButton({ editor, getCodeDOMNode }) {
     const [isCopyCompleted, setCopyCompleted] = useState(false);
     const removeSuccessIcon = useDebounce(() => {
@@ -20,7 +21,7 @@ export function CopyButton({ editor, getCodeDOMNode }) {
         if (!codeDOMNode) {
             return;
         }
-        let content = '';
+        let content = "";
         editor.update(() => {
             const codeNode = $getNearestNodeFromDOMNode(codeDOMNode);
             if ($isCodeNode(codeNode)) {
@@ -35,7 +36,7 @@ export function CopyButton({ editor, getCodeDOMNode }) {
             removeSuccessIcon();
         }
         catch (err) {
-            console.error('Failed to copy: ', err);
+            console.error("Failed to copy: ", err);
         }
     }
     return (_jsx("button", { className: "menu-item", onClick: handleClick, "aria-label": "copy", children: isCopyCompleted ? (_jsx("i", { className: "format success" })) : (_jsx("i", { className: "format copy" })) }));

package/build/plugins/CodeActionMenuPlugin/components/PrettierButton/index.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import './index.css';
-import { LexicalEditor } from 'lexical';
+import "./index.css";
+import { LexicalEditor } from "lexical";
 interface Props {
     lang: string;
     editor: LexicalEditor;

package/build/plugins/CodeActionMenuPlugin/components/PrettierButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/plugins/CodeActionMenuPlugin/components/PrettierButton/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,aAAa,CAAC;AAGrB,OAAO,EAA6B,aAAa,EAAC,MAAM,SAAS,CAAC;AAIlE,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CAC1C;AAyCD,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEnD;AAaD,wBAAgB,cAAc,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,cAAc,EAAC,EAAE,KAAK,2CAoFnE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/plugins/CodeActionMenuPlugin/components/PrettierButton/index.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,aAAa,CAAC;AAGrB,OAAO,EAA8B,aAAa,EAAE,MAAM,SAAS,CAAC;AAIpE,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CAC1C;AAyCD,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEnD;AAaD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,KAAK,2CAqFrE"}

package/build/plugins/CodeActionMenuPlugin/components/PrettierButton/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -6,21 +7,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * LICENSE file in the root directory of this source tree.
  *
  */
-import './index.css';
-import { $isCodeNode } from '@lexical/code';
-import { $getNearestNodeFromDOMNode } from 'lexical';
-import { useState } from 'react';
+import "./index.css";
+import { $isCodeNode } from "../../../../nodes/CodeNode/CodeNode";
+import { $getNearestNodeFromDOMNode } from "lexical";
+import { useState } from "react";
 const PRETTIER_PARSER_MODULES = {
-    css: [() => import('prettier/parser-postcss')],
-    html: [() => import('prettier/parser-html')],
+    css: [() => import("prettier/parser-postcss")],
+    html: [() => import("prettier/parser-html")],
     js: [
-        () => import('prettier/parser-babel'),
-        () => import('prettier/plugins/estree'),
+        () => import("prettier/parser-babel"),
+        () => import("prettier/plugins/estree"),
     ],
-    markdown: [() => import('prettier/parser-markdown')],
+    markdown: [() => import("prettier/parser-markdown")],
     typescript: [
-        () => import('prettier/parser-typescript'),
-        () => import('prettier/plugins/estree'),
+        () => import("prettier/parser-typescript"),
+        () => import("prettier/plugins/estree"),
     ],
 };
 async function loadPrettierParserByLang(lang) {
@@ -29,15 +30,15 @@ async function loadPrettierParserByLang(lang) {
     return modules;
 }
 async function loadPrettierFormat() {
-    const { format } = await import('prettier/standalone');
+    const { format } = await import("prettier/standalone");
     return format;
 }
 const PRETTIER_OPTIONS_BY_LANG = {
-    css: { parser: 'css' },
-    html: { parser: 'html' },
-    js: { parser: 'babel' },
-    markdown: { parser: 'markdown' },
-    typescript: { parser: 'typescript' },
+    css: { parser: "css" },
+    html: { parser: "html" },
+    js: { parser: "babel" },
+    markdown: { parser: "markdown" },
+    typescript: { parser: "typescript" },
 };
 const LANG_CAN_BE_PRETTIER = Object.keys(PRETTIER_OPTIONS_BY_LANG);
 export function canBePrettier(lang) {
@@ -51,21 +52,21 @@ function getPrettierOptions(lang) {
     return options;
 }
 export function PrettierButton({ lang, editor, getCodeDOMNode }) {
-    const [syntaxError, setSyntaxError] = useState('');
+    const [syntaxError, setSyntaxError] = useState("");
     const [tipsVisible, setTipsVisible] = useState(false);
     async function handleClick() {
         const codeDOMNode = getCodeDOMNode();
         if (!codeDOMNode) {
             return;
         }
-        let content = '';
+        let content = "";
         editor.update(() => {
             const codeNode = $getNearestNodeFromDOMNode(codeDOMNode);
             if ($isCodeNode(codeNode)) {
                 content = codeNode.getTextContent();
             }
         });
-        if (content === '') {
+        if (content === "") {
             return;
         }
         try {
@@ -79,7 +80,7 @@ export function PrettierButton({ lang, editor, getCodeDOMNode }) {
                 if ($isCodeNode(codeNode)) {
                     const selection = codeNode.select(0);
                     selection.insertText(formattedCode);
-                    setSyntaxError('');
+                    setSyntaxError("");
                     setTipsVisible(false);
                 }
             });
@@ -94,16 +95,16 @@ export function PrettierButton({ lang, editor, getCodeDOMNode }) {
             setTipsVisible(true);
         }
         else {
-            console.error('Unexpected error: ', error);
+            console.error("Unexpected error: ", error);
         }
     }
     function handleMouseEnter() {
-        if (syntaxError !== '') {
+        if (syntaxError !== "") {
             setTipsVisible(true);
         }
     }
     function handleMouseLeave() {
-        if (syntaxError !== '') {
+        if (syntaxError !== "") {
             setTipsVisible(false);
         }
     }

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

@@ -1,12 +1,5 @@
-/**
- * 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 './index.css';
-import * as React from 'react';
+import "./index.css";
+import * as React from "react";
 export default function CodeActionMenuPlugin({ anchorElem, }: {
     anchorElem?: HTMLElement;
 }): React.ReactPortal | null;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/CodeActionMenuPlugin/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,aAAa,CAAC;AAWrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiK/B,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAK3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/CodeActionMenuPlugin/index.tsx"],"names":[],"mappings":"AAYA,OAAO,aAAa,CAAC;AAOrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiK/B,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAK3B"}