@byline/richtext-lexical 1.11.2 → 1.12.0

package/dist/field/{plugins/layout-plugin/layout-plugin.d.ts → extensions/layout/layout-extension.d.ts}

@@ -7,3 +7,4 @@ export declare const UPDATE_LAYOUT_COMMAND: LexicalCommand<{
     nodeKey: NodeKey;
 }>;
 export declare function LayoutPlugin(): React.JSX.Element;
+export declare const LayoutExtension: import("lexical").LexicalExtension<import("lexical").ExtensionConfigBase, "@byline/richtext-lexical/Layout", unknown, unknown>;

package/dist/field/{plugins/layout-plugin/layout-plugin.js → extensions/layout/layout-extension.js}

@@ -1,11 +1,15 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { ReactExtension } from "@lexical/react/ReactExtension";
 import { $insertNodeToNearestRoot, mergeRegister } from "@lexical/utils";
-import { $createParagraphNode, $getNodeByKey, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_NORMAL, createCommand } from "lexical";
-import { $createLayoutContainerNode, $isLayoutContainerNode, LayoutContainerNode } from "../../nodes/layout-container-node/layout-container-node.js";
-import { $createLayoutItemNode, $isLayoutItemNode, LayoutItemNode } from "../../nodes/layout-container-node/layout-item-node.js";
+import { $createParagraphNode, $getNodeByKey, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_NORMAL, configExtension, createCommand, declarePeerDependency, defineExtension } from "lexical";
+import { useToolbarActiveEditor } from "../../plugins/toolbar-plugin/toolbar-active-editor.js";
+import { DropDownItem } from "../../ui/dropdown.js";
+import { BylineToolbarExtension } from "../byline-toolbar/byline-toolbar-extension.js";
 import { InsertLayoutModal } from "./insert-layout-modal.js";
+import { $createLayoutContainerNode, $isLayoutContainerNode, LayoutContainerNode } from "./layout-container-node.js";
+import { $createLayoutItemNode, $isLayoutItemNode, LayoutItemNode } from "./layout-item-node.js";
 import * as __rspack_external_react from "react";
 const OPEN_INSERT_LAYOUT_MODAL_COMMAND = createCommand('OPEN_INSERT_LAYOUT_MODAL_COMMAND');
 const INSERT_LAYOUT_COMMAND = createCommand();
@@ -78,4 +82,48 @@ function LayoutPlugin() {
 function getItemsCountFromTemplate(template) {
     return template.trim().split(/\s+/).length;
 }
-export { INSERT_LAYOUT_COMMAND, LayoutPlugin, OPEN_INSERT_LAYOUT_MODAL_COMMAND, UPDATE_LAYOUT_COMMAND };
+function LayoutInsertItem() {
+    const editor = useToolbarActiveEditor();
+    return /*#__PURE__*/ jsxs(DropDownItem, {
+        onClick: ()=>{
+            editor.dispatchCommand(OPEN_INSERT_LAYOUT_MODAL_COMMAND, null);
+        },
+        className: "item",
+        children: [
+            /*#__PURE__*/ jsx("i", {
+                className: "icon columns"
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "text",
+                children: "Columns Layout"
+            })
+        ]
+    });
+}
+const LayoutExtension = defineExtension({
+    name: '@byline/richtext-lexical/Layout',
+    nodes: ()=>[
+            LayoutContainerNode,
+            LayoutItemNode
+        ],
+    dependencies: [
+        configExtension(ReactExtension, {
+            decorators: [
+                /*#__PURE__*/ jsx(LayoutPlugin, {}, "d")
+            ]
+        })
+    ],
+    peerDependencies: [
+        declarePeerDependency(BylineToolbarExtension.name, {
+            items: [
+                {
+                    id: '@byline/richtext-lexical/Layout/insert',
+                    placement: 'insert-menu',
+                    order: 20,
+                    node: /*#__PURE__*/ jsx(LayoutInsertItem, {})
+                }
+            ]
+        })
+    ]
+});
+export { INSERT_LAYOUT_COMMAND, LayoutExtension, LayoutPlugin, OPEN_INSERT_LAYOUT_MODAL_COMMAND, UPDATE_LAYOUT_COMMAND };

package/dist/field/extensions/link/auto-link-extension.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ *
+ * Portions Copyright (c) Meta Platforms, Inc. and affiliates.
+ */
+import type * as React from 'react';
+export declare function AutoLinkPlugin(): React.JSX.Element;
+export declare const AutoLinkExtension: import("lexical").LexicalExtension<import("lexical").ExtensionConfigBase, "@byline/richtext-lexical/AutoLink", unknown, unknown>;

package/dist/field/{plugins/link-plugin/auto-link/index.js → extensions/link/auto-link-extension.js}

@@ -1,5 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { ReactExtension } from "@lexical/react/ReactExtension";
+import { configExtension, defineExtension } from "lexical";
 import { AutoLinkPlugin, createLinkMatcherWithRegExp } from "./auto-link-plugin.js";
 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,}))/;
@@ -7,9 +9,19 @@ const MATCHERS = [
     createLinkMatcherWithRegExp(URL_REGEX, (text)=>text.startsWith('http') ? text : `https://${text}`),
     createLinkMatcherWithRegExp(EMAIL_REGEX, (text)=>`mailto:${text}`)
 ];
-function auto_link_AutoLinkPlugin() {
+function auto_link_extension_AutoLinkPlugin() {
     return /*#__PURE__*/ jsx(AutoLinkPlugin, {
         matchers: MATCHERS
     });
 }
-export { auto_link_AutoLinkPlugin as AutoLinkPlugin };
+const AutoLinkExtension = defineExtension({
+    name: '@byline/richtext-lexical/AutoLink',
+    dependencies: [
+        configExtension(ReactExtension, {
+            decorators: [
+                /*#__PURE__*/ jsx(auto_link_extension_AutoLinkPlugin, {}, "d")
+            ]
+        })
+    ]
+});
+export { AutoLinkExtension, auto_link_extension_AutoLinkPlugin as AutoLinkPlugin };

package/dist/field/{plugins/link-plugin/auto-link → extensions/link}/auto-link-plugin.d.ts

@@ -1,4 +1,4 @@
-import { type LinkAttributes } from '../../../nodes/link-nodes';
+import { type LinkAttributes } from '.';
 type ChangeHandler = (url: string | null, prevUrl: string | null) => void;
 interface LinkMatcherResult {
     attributes?: LinkAttributes;

package/dist/field/{plugins/link-plugin/auto-link → extensions/link}/auto-link-plugin.js

@@ -3,8 +3,8 @@ import { useEffect } from "react";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister } from "@lexical/utils";
 import { $createTextNode, $isElementNode, $isLineBreakNode, $isTextNode, TextNode } from "lexical";
-import { $createAutoLinkNode, $isAutoLinkNode, $isLinkNode, AutoLinkNode } from "../../../nodes/link-nodes/index.js";
-import invariant from "../../../shared/invariant.js";
+import invariant from "../../shared/invariant.js";
+import { $createAutoLinkNode, $isAutoLinkNode, $isLinkNode, AutoLinkNode } from "./index.js";
 function customAttrs(attrs) {
     if (null == attrs || 'internal' === attrs.linkType) return null;
     return attrs;

package/dist/field/{plugins/link-plugin → extensions}/link/floating-link-editor.css

@@ -67,7 +67,7 @@
 .link-editor div.link-edit {
   vertical-align: -.25em;
   cursor: pointer;
-  background-image: url(../../../../static/svg/pencil-fill.svg);
+  background-image: url(../../../static/svg/pencil-fill.svg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 16px;
@@ -81,7 +81,7 @@
 .link-editor div.link-trash {
   vertical-align: -.25em;
   cursor: pointer;
-  background-image: url(../../../../static/svg/trash.svg);
+  background-image: url(../../../static/svg/trash.svg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 16px;

package/dist/field/{plugins/link-plugin → extensions}/link/floating-link-editor.js

@@ -6,10 +6,10 @@ import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext
 import { $findMatchingParent, mergeRegister } from "@lexical/utils";
 import { $getSelection, $isLineBreakNode, $isRangeSelection, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND } from "lexical";
 import { createPortal } from "react-dom";
-import { $isAutoLinkNode, $isLinkNode, OPEN_LINK_MODAL_COMMAND, TOGGLE_LINK_COMMAND } from "../../../nodes/link-nodes/index.js";
-import { getSelectedNode } from "../../../utils/getSelectedNode.js";
-import { setFloatingElemPositionForLinkEditor } from "../../../utils/setFloatingElemPositionForLinkEditor.js";
-import { sanitizeUrl } from "../../../utils/url.js";
+import { getSelectedNode } from "../../utils/getSelectedNode.js";
+import { setFloatingElemPositionForLinkEditor } from "../../utils/setFloatingElemPositionForLinkEditor.js";
+import { sanitizeUrl } from "../../utils/url.js";
+import { $isAutoLinkNode, $isLinkNode, OPEN_LINK_MODAL_COMMAND, TOGGLE_LINK_COMMAND } from "./index.js";
 import { LinkModal } from "./link-modal.js";
 import "./floating-link-editor.css";
 function FloatingLinkEditor({ editor, isLink, setIsLink, anchorElem }) {

package/dist/field/extensions/link/index.d.ts

@@ -0,0 +1,5 @@
+export { AutoLinkExtension } from './auto-link-extension';
+export * from './auto-link-node';
+export { LinkExtension, registerLink } from './link-extension';
+export * from './link-node';
+export * from './types';

package/dist/field/extensions/link/index.js

@@ -0,0 +1,5 @@
+export * from "./auto-link-node.js";
+export * from "./link-node.js";
+export * from "./types.js";
+export { AutoLinkExtension } from "./auto-link-extension.js";
+export { LinkExtension, registerLink } from "./link-extension.js";

package/dist/field/extensions/link/link-extension.d.ts

@@ -0,0 +1,14 @@
+import { type LexicalEditor } from 'lexical';
+/**
+ * Registers Byline's custom link command + paste handling on `editor`.
+ * Shared between the LinkPlugin React shell (used inside nested composers)
+ * and the LinkExtension's `register` phase (used by the top-level editor).
+ */
+export declare function registerLink(editor: LexicalEditor): () => void;
+/**
+ * Legacy React shell — still used inside the inline-image nested composer
+ * (`inline-image-node-component.tsx`) where the nested editor needs link
+ * behaviour wired up. The top-level editor uses `LinkExtension` instead.
+ */
+export declare function LinkPlugin(): null;
+export declare const LinkExtension: import("lexical").LexicalExtension<import("lexical").ExtensionConfigBase, "@byline/richtext-lexical/Link", unknown, unknown>;

package/dist/field/extensions/link/link-extension.js

@@ -0,0 +1,66 @@
+"use client";
+import { useEffect } from "react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister } from "@lexical/utils";
+import { $getSelection, $isElementNode, $isRangeSelection, COMMAND_PRIORITY_LOW, PASTE_COMMAND, declarePeerDependency, defineExtension } from "lexical";
+import { validateUrl } from "../../utils/url.js";
+import { BylineFloatingUIExtension } from "../byline-floating-ui/byline-floating-ui-extension.js";
+import { $toggleLink, AutoLinkNode, LinkNode, TOGGLE_LINK_COMMAND } from "./index.js";
+import { FloatingLinkEditorPlugin } from "./floating-link-editor.js";
+function registerLink(editor) {
+    return mergeRegister(editor.registerCommand(TOGGLE_LINK_COMMAND, (payload)=>{
+        if (null === payload) {
+            $toggleLink(payload);
+            return true;
+        }
+        if ('custom' === payload.linkType) {
+            const url = payload.url ?? '';
+            if (!url.startsWith('/') && !validateUrl(url)) return false;
+        }
+        $toggleLink(payload);
+        return true;
+    }, COMMAND_PRIORITY_LOW), editor.registerCommand(PASTE_COMMAND, (event)=>{
+        const selection = $getSelection();
+        if (!$isRangeSelection(selection) || selection.isCollapsed() || !(event instanceof ClipboardEvent) || null == event.clipboardData) return false;
+        const clipboardText = event.clipboardData.getData('text');
+        if (!validateUrl(clipboardText)) return false;
+        if (selection.getNodes().some((node)=>$isElementNode(node))) return false;
+        editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
+            linkType: 'custom',
+            url: clipboardText
+        });
+        event.preventDefault();
+        return true;
+    }, COMMAND_PRIORITY_LOW));
+}
+function LinkPlugin() {
+    const [editor] = useLexicalComposerContext();
+    useEffect(()=>{
+        if (!editor.hasNodes([
+            LinkNode
+        ])) throw new Error('LinkPlugin: LinkNode not registered on editor');
+        return registerLink(editor);
+    }, [
+        editor
+    ]);
+    return null;
+}
+const LinkExtension = defineExtension({
+    name: '@byline/richtext-lexical/Link',
+    nodes: ()=>[
+            LinkNode,
+            AutoLinkNode
+        ],
+    register: registerLink,
+    peerDependencies: [
+        declarePeerDependency(BylineFloatingUIExtension.name, {
+            items: [
+                {
+                    id: '@byline/richtext-lexical/Link/floating-editor',
+                    Component: FloatingLinkEditorPlugin
+                }
+            ]
+        })
+    ]
+});
+export { LinkExtension, LinkPlugin, registerLink };

package/dist/field/{plugins/link-plugin/link/types.d.ts → extensions/link/link-modal-types.d.ts}

@@ -1,4 +1,4 @@
-import type { LinkAttributes } from '../../../nodes/link-nodes';
+import type { LinkAttributes } from '.';
 /**
  * The payload of a link node
  * This can be delivered from the link node to the drawer, or from the drawer/anything to the TOGGLE_LINK_COMMAND

package/dist/field/{plugins/link-plugin → extensions}/link/link-modal.d.ts

@@ -6,5 +6,5 @@
  * Copyright (c) Infonomic Company Limited
  */
 import type * as React from 'react';
-import type { LinkModalProps } from './types';
+import type { LinkModalProps } from './link-modal-types';
 export declare const LinkModal: React.FC<LinkModalProps>;

package/dist/field/{plugins/link-plugin → extensions}/link/link-modal.js

@@ -3,9 +3,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { getClientConfig, getCollectionDefinition } from "@byline/core";
 import { Button, Checkbox, CloseIcon, IconButton, Input, Label, Modal, RadioGroup, RadioGroupItem, RelationPicker, Select } from "@byline/ui/react";
-import { useEditorConfig } from "../../../config/editor-config-context.js";
-import { useModalFormState } from "../../../shared/useModalFormState.js";
-import { validateUrl } from "../../../utils/url.js";
+import { useEditorConfig } from "../../config/editor-config-context.js";
+import { useModalFormState } from "../../shared/useModalFormState.js";
+import { validateUrl } from "../../utils/url.js";
 function emptyState(linkable) {
     return {
         text: '',

package/dist/field/{nodes/link-nodes → extensions/link}/types.d.ts

@@ -1,5 +1,5 @@
 import type { SerializedElementNode, Spread } from 'lexical';
-import type { DocumentRelation } from '../document-relation';
+import type { DocumentRelation } from '../../nodes/document-relation';
 interface BaseLinkAttributes {
     newTab?: boolean;
     rel?: null | string;

package/dist/field/extensions/table/table-action-menu-plugin/index.d.ts

@@ -0,0 +1,4 @@
+import { type ReactPortal } from 'react';
+export declare function TableActionMenuPlugin({ anchorElem, }: {
+    anchorElem: HTMLElement;
+}): null | ReactPortal;

package/dist/field/{plugins → extensions/table}/table-action-menu-plugin/index.js

@@ -2,13 +2,14 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useExtensionDependency } from "@lexical/react/useExtensionComponent";
 import { useLexicalEditable } from "@lexical/react/useLexicalEditable";
-import { $deleteTableColumnAtSelection, $deleteTableRowAtSelection, $getNodeTriplet, $getTableCellNodeFromLexicalNode, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $insertTableColumnAtSelection, $insertTableRowAtSelection, $isTableCellNode, $isTableRowNode, $isTableSelection, $unmergeCell, TableCellHeaderStates, TableCellNode, getTableObserverFromTableElement } from "@lexical/table";
+import { $deleteTableColumnAtSelection, $deleteTableRowAtSelection, $getNodeTriplet, $getTableCellNodeFromLexicalNode, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $insertTableColumnAtSelection, $insertTableRowAtSelection, $isTableCellNode, $isTableRowNode, $isTableSelection, $unmergeCell, TableCellHeaderStates, TableCellNode, TableExtension, getTableObserverFromTableElement } from "@lexical/table";
 import { $createParagraphNode, $getRoot, $getSelection, $isElementNode, $isParagraphNode, $isRangeSelection, $isTextNode } from "lexical";
 import { createPortal } from "react-dom";
-import use_modal from "../../hooks/use-modal.js";
-import invariant from "../../shared/invariant.js";
-import color_picker from "../../ui/color-picker.js";
+import use_modal from "../../../hooks/use-modal.js";
+import invariant from "../../../shared/invariant.js";
+import color_picker from "../../../ui/color-picker.js";
 function computeSelectionCount(selection) {
     const selectionShape = selection.getShape();
     return {
@@ -588,11 +589,12 @@ function TableCellActionMenuContainer({ anchorElem, cellMerge }) {
         })
     });
 }
-function TableActionMenuPlugin({ anchorElem = document.body, cellMerge = false }) {
+function TableActionMenuPlugin({ anchorElem }) {
     const isEditable = useLexicalEditable();
+    const { hasCellMerge } = useExtensionDependency(TableExtension).config;
     return /*#__PURE__*/ createPortal(isEditable ? /*#__PURE__*/ jsx(TableCellActionMenuContainer, {
         anchorElem: anchorElem,
-        cellMerge: cellMerge
+        cellMerge: hasCellMerge ?? false
     }) : null, anchorElem);
 }
 export { TableActionMenuPlugin };

package/dist/field/extensions/table/table-extension.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Byline wrapper around `@lexical/table`'s `TableExtension`. Forwards
+ * cell-merge / cell-background-color config to the upstream extension
+ * via `configExtension` and contributes the "Insert table" toolbar item.
+ *
+ * Override the upstream config with:
+ * ```ts
+ * lexicalEditor((c) => {
+ *   c.extensions.configure(LexicalTableExtension, {
+ *     hasCellMerge: false,
+ *     hasCellBackgroundColor: false,
+ *   })
+ *   return c
+ * })
+ * ```
+ */
+export declare const TableExtension: import("lexical").LexicalExtension<import("lexical").ExtensionConfigBase, "@byline/richtext-lexical/Table", unknown, unknown>;

package/dist/field/extensions/table/table-extension.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TableExtension } from "@lexical/table";
+import { configExtension, declarePeerDependency, defineExtension } from "lexical";
+import { OPEN_TABLE_MODAL_COMMAND } from "../../plugins/table-plugin/index.js";
+import { useToolbarActiveEditor } from "../../plugins/toolbar-plugin/toolbar-active-editor.js";
+import { DropDownItem } from "../../ui/dropdown.js";
+import { BylineFloatingUIExtension } from "../byline-floating-ui/byline-floating-ui-extension.js";
+import { BylineToolbarExtension } from "../byline-toolbar/byline-toolbar-extension.js";
+import { TableActionMenuPlugin } from "./table-action-menu-plugin/index.js";
+function TableInsertItem() {
+    const editor = useToolbarActiveEditor();
+    return /*#__PURE__*/ jsxs(DropDownItem, {
+        onClick: ()=>{
+            editor.dispatchCommand(OPEN_TABLE_MODAL_COMMAND, null);
+        },
+        className: "item",
+        children: [
+            /*#__PURE__*/ jsx("i", {
+                className: "icon table"
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "text",
+                children: "Table"
+            })
+        ]
+    });
+}
+const table_extension_TableExtension = defineExtension({
+    name: '@byline/richtext-lexical/Table',
+    dependencies: [
+        configExtension(TableExtension, {
+            hasCellMerge: true,
+            hasCellBackgroundColor: true
+        })
+    ],
+    peerDependencies: [
+        declarePeerDependency(BylineToolbarExtension.name, {
+            items: [
+                {
+                    id: '@byline/richtext-lexical/Table/insert',
+                    placement: 'insert-menu',
+                    order: 50,
+                    node: /*#__PURE__*/ jsx(TableInsertItem, {})
+                }
+            ]
+        }),
+        declarePeerDependency(BylineFloatingUIExtension.name, {
+            items: [
+                {
+                    id: '@byline/richtext-lexical/Table/action-menu',
+                    Component: TableActionMenuPlugin
+                }
+            ]
+        })
+    ]
+});
+export { table_extension_TableExtension as TableExtension };

package/dist/field/extensions/vimeo/vimeo-extension.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ *
+ * Portions Copyright (c) Meta Platforms, Inc. and affiliates.
+ */
+import { type LexicalCommand } from 'lexical';
+export declare const INSERT_VIMEO_COMMAND: LexicalCommand<string>;
+export declare const VimeoExtension: import("lexical").LexicalExtension<import("lexical").ExtensionConfigBase, "@byline/richtext-lexical/Vimeo", unknown, unknown>;

package/dist/field/extensions/vimeo/vimeo-extension.js

@@ -0,0 +1,16 @@
+import { $insertNodeToNearestRoot } from "@lexical/utils";
+import { COMMAND_PRIORITY_EDITOR, createCommand, defineExtension } from "lexical";
+import { $createVimeoNode, VimeoNode } from "./vimeo-node.js";
+const INSERT_VIMEO_COMMAND = createCommand('INSERT_VIMEO_COMMAND');
+const VimeoExtension = defineExtension({
+    name: '@byline/richtext-lexical/Vimeo',
+    nodes: ()=>[
+            VimeoNode
+        ],
+    register: (editor)=>editor.registerCommand(INSERT_VIMEO_COMMAND, (payload)=>{
+            const vimeoNode = $createVimeoNode(payload);
+            $insertNodeToNearestRoot(vimeoNode);
+            return true;
+        }, COMMAND_PRIORITY_EDITOR)
+});
+export { INSERT_VIMEO_COMMAND, VimeoExtension };

package/dist/field/extensions/youtube/youtube-extension.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ *
+ * Portions Copyright (c) Meta Platforms, Inc. and affiliates.
+ */
+import { type LexicalCommand } from 'lexical';
+export declare const INSERT_YOUTUBE_COMMAND: LexicalCommand<string>;
+export declare const YouTubeExtension: import("lexical").LexicalExtension<import("lexical").ExtensionConfigBase, "@byline/richtext-lexical/YouTube", unknown, unknown>;

package/dist/field/extensions/youtube/youtube-extension.js

@@ -0,0 +1,16 @@
+import { $insertNodeToNearestRoot } from "@lexical/utils";
+import { COMMAND_PRIORITY_EDITOR, createCommand, defineExtension } from "lexical";
+import { $createYouTubeNode, YouTubeNode } from "./youtube-node.js";
+const INSERT_YOUTUBE_COMMAND = createCommand('INSERT_YOUTUBE_COMMAND');
+const YouTubeExtension = defineExtension({
+    name: '@byline/richtext-lexical/YouTube',
+    nodes: ()=>[
+            YouTubeNode
+        ],
+    register: (editor)=>editor.registerCommand(INSERT_YOUTUBE_COMMAND, (payload)=>{
+            const youTubeNode = $createYouTubeNode(payload);
+            $insertNodeToNearestRoot(youTubeNode);
+            return true;
+        }, COMMAND_PRIORITY_EDITOR)
+});
+export { INSERT_YOUTUBE_COMMAND, YouTubeExtension };

package/dist/field/nodes/index.js

@@ -5,13 +5,13 @@ import { OverflowNode } from "@lexical/overflow";
 import { HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
 import { HeadingNode, QuoteNode } from "@lexical/rich-text";
 import { TableCellNode, TableNode, TableRowNode } from "@lexical/table";
-import { AdmonitionNode } from "./admonition-node/admonition-node.js";
-import { InlineImageNode } from "./inline-image-node/inline-image-node.js";
-import { LayoutContainerNode } from "./layout-container-node/layout-container-node.js";
-import { LayoutItemNode } from "./layout-container-node/layout-item-node.js";
-import { AutoLinkNode, LinkNode } from "./link-nodes/index.js";
-import { VimeoNode } from "./vimeo-node/index.js";
-import { YouTubeNode } from "./youtube-node/index.js";
+import { AdmonitionNode } from "../extensions/admonition/admonition-node.js";
+import { InlineImageNode } from "../extensions/inline-image/inline-image-node.js";
+import { LayoutContainerNode } from "../extensions/layout/layout-container-node.js";
+import { LayoutItemNode } from "../extensions/layout/layout-item-node.js";
+import { AutoLinkNode, LinkNode } from "../extensions/link/index.js";
+import { VimeoNode } from "../extensions/vimeo/vimeo-node.js";
+import { YouTubeNode } from "../extensions/youtube/youtube-node.js";
 const Nodes = [
     HeadingNode,
     ListNode,

package/dist/field/plugins/table-plugin/index.js

@@ -8,13 +8,12 @@ const OPEN_TABLE_MODAL_COMMAND = createCommand('OPEN_TABLE_MODAL_COMMAND');
 function TablePlugin() {
     const [editor] = useLexicalComposerContext();
     const [open, setOpen] = __rspack_external_react.useState(false);
-    editor.registerCommand(OPEN_TABLE_MODAL_COMMAND, ()=>{
-        if (false === open) {
-            setOpen(true);
+    (0, __rspack_external_react.useEffect)(()=>editor.registerCommand(OPEN_TABLE_MODAL_COMMAND, ()=>{
+            setOpen((prev)=>prev ? prev : true);
             return true;
-        }
-        return false;
-    }, COMMAND_PRIORITY_NORMAL);
+        }, COMMAND_PRIORITY_NORMAL), [
+        editor
+    ]);
     const handleOnClose = ()=>{
         setOpen(false);
     };