@blocklet/editor-lite 2.6.0 → 2.6.1

package/lib/ext/InlineTranslationPlugin/EditorTranslator.js

@@ -4,7 +4,6 @@ import { useRef, useEffect } from 'react';
 import { $createNodeKeyToSidMap, $createSidToNodeKeyMap, $nodeToHtml, $findTranslatableElementNodes, $htmlToNodes, } from '../translation/translation-utils';
 import { $createEmojiNode } from '../../main/nodes/EmojiNode';
 import { $createTranslationNode } from './TranslationNode';
-import { $isExcalidrawNode } from '../../main/nodes/ExcalidrawNode';
 import { $isImageNode } from '../../main/nodes/ImageNode';
 import { $isVideoNode } from '../VideoPlugin/VideoNode';
 import { $isFileNode } from '../FilePlugin/FileNode';
@@ -150,7 +149,7 @@ export class EditorTranslator {
     }
     async preprocessNodes() {
         const isSpecialNode = (node) => {
-            return $isExcalidrawNode(node) || $isImageNode(node) || $isVideoNode(node) || $isFileNode(node);
+            return $isImageNode(node) || $isVideoNode(node) || $isFileNode(node);
         };
         this.editor.update(() => {
             $findTranslatableElementNodes().forEach((node) => {

package/lib/ext/translation/translation-utils.js

@@ -3,7 +3,6 @@ import { $isHeadingNode, $isQuoteNode } from '@lexical/rich-text';
 import { $isListNode, $isListItemNode } from '@lexical/list';
 import { $dfs } from '@lexical/utils';
 import { $generateHtmlFromNodes, $generateNodesFromDOM } from '@lexical/html';
-import { $isExcalidrawNode } from '../../main/nodes/ExcalidrawNode';
 import { $isMentionNode } from '../../main/nodes/MentionNode';
 export const $nodeToHtml = (editor, node) => {
     const selection = $createNodeSelection();
@@ -11,9 +10,7 @@ export const $nodeToHtml = (editor, node) => {
     // 剔除嵌套 list 节点
     children
         .filter((x) => !$isListNode(x))
-        .forEach((child) => $dfs(child)
-        .filter((x) => !$isExcalidrawNode(x.node))
-        .forEach((x) => selection.add(x.node.getKey())));
+        .forEach((child) => $dfs(child).forEach((x) => selection.add(x.node.getKey())));
     const html = $generateHtmlFromNodes(editor, selection);
     return html;
 };

package/lib/main/editor.js

@@ -29,7 +29,6 @@ import CollapsiblePlugin from './plugins/CollapsiblePlugin';
 import ComponentPickerPlugin from './plugins/ComponentPickerPlugin';
 import DragDropPaste from './plugins/DragDropPastePlugin';
 import DraggableBlockPlugin from './plugins/DraggableBlockPlugin';
-import ExcalidrawPlugin from './plugins/ExcalidrawPlugin';
 import FigmaPlugin from './plugins/FigmaPlugin';
 import FloatingLinkEditorPlugin from './plugins/FloatingLinkEditorPlugin';
 import FloatingTextFormatToolbarPlugin from './plugins/FloatingTextFormatToolbarPlugin';
@@ -93,7 +92,7 @@ export default function Editor({ children, prepend, placeholder, onChange, autoF
         }
     }, [hasNodes('image'), hasUploader]);
     if (minimalMode) {
-        return (_jsxs(_Fragment, { children: [prepend, _jsx(VideoPathFixerPlugin, {}), _jsx(ImagePathFixerPlugin, {}), editable && showToolbar && _jsx(ToolbarPlugin, {}), hasNodes('image') && hasUploader && _jsx(DragDropPaste, {}), autoFocus && _jsx(AutoFocusPlugin, { defaultSelection: "rootEnd" }), _jsx(ClearEditorPlugin, {}), !!editable && _jsx(ComponentPickerPlugin, {}), !!editable && _jsx(MentionsPlugin, {}), hasNodes('link') && _jsx(AutoEmbedPlugin, {}), _jsx(PasteSlackImagePlugin, {}), _jsx(StyledEditorContent, { ref: onRef, className: cx('be-content', editable && 'editable'), children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: cx('be-editable', 'notranslate') }), placeholder: _jsx(Placeholder, { className: "be-placeholder", children: placeholder }), ErrorBoundary: LexicalErrorBoundary }) }), hasNodes('code', 'code-highlight') && _jsx(CodeHighlightPlugin, {}), hasNodes('image') && hasUploader && _jsx(ImagesPlugin, {}), hasNodes('video') && _jsx(VideoPlugin, {}), hasNodes('link') && _jsx(LinkPlugin, {}), hasNodes('autolink') && !!editable && _jsx(AutoLinkPlugin, {}), hasNodes('tweet') && _jsx(TwitterPlugin, {}), hasNodes('youtube') && _jsx(YouTubePlugin, {}), hasNodes('figma') && _jsx(FigmaPlugin, {}), _jsx(PostLinkEmbedPlugin, {}), _jsx(BookmarkPlugin, {}), hasNodes('file') && _jsx(FilePlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), hasNodes('excalidraw') && _jsx(ExcalidrawPlugin, {}), hasNodes('alert') && _jsx(AlertPlugin, {}), _jsx(TabFocusPlugin, {}), onChange && _jsx(OnChangePlugin, { onChange: onChange }), floatingAnchorElem && editable && hasNodes('link') && (_jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem })), !!characterLimitConfig?.maxLength && ENABLE_EDITOR_PLUGIN_CHAR_LIMIT && (_jsx(CharacterLimitPlugin, { maxLength: characterLimitConfig.maxLength, charLimitIndicatorStyle: characterLimitConfig.indicatorStyle, alignLeft: characterLimitConfig.alignLeft })), editorRef && _jsx(EditorRefPlugin, { editorRef: editorRef }), children] }));
+        return (_jsxs(_Fragment, { children: [prepend, _jsx(VideoPathFixerPlugin, {}), _jsx(ImagePathFixerPlugin, {}), editable && showToolbar && _jsx(ToolbarPlugin, {}), hasNodes('image') && hasUploader && _jsx(DragDropPaste, {}), autoFocus && _jsx(AutoFocusPlugin, { defaultSelection: "rootEnd" }), _jsx(ClearEditorPlugin, {}), !!editable && _jsx(ComponentPickerPlugin, {}), !!editable && _jsx(MentionsPlugin, {}), hasNodes('link') && _jsx(AutoEmbedPlugin, {}), _jsx(PasteSlackImagePlugin, {}), _jsx(StyledEditorContent, { ref: onRef, className: cx('be-content', editable && 'editable'), children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: cx('be-editable', 'notranslate') }), placeholder: _jsx(Placeholder, { className: "be-placeholder", children: placeholder }), ErrorBoundary: LexicalErrorBoundary }) }), hasNodes('code', 'code-highlight') && _jsx(CodeHighlightPlugin, {}), hasNodes('image') && hasUploader && _jsx(ImagesPlugin, {}), hasNodes('video') && _jsx(VideoPlugin, {}), hasNodes('link') && _jsx(LinkPlugin, {}), hasNodes('autolink') && !!editable && _jsx(AutoLinkPlugin, {}), hasNodes('tweet') && _jsx(TwitterPlugin, {}), hasNodes('youtube') && _jsx(YouTubePlugin, {}), hasNodes('figma') && _jsx(FigmaPlugin, {}), _jsx(PostLinkEmbedPlugin, {}), _jsx(BookmarkPlugin, {}), hasNodes('file') && _jsx(FilePlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), hasNodes('alert') && _jsx(AlertPlugin, {}), _jsx(TabFocusPlugin, {}), onChange && _jsx(OnChangePlugin, { onChange: onChange }), floatingAnchorElem && editable && hasNodes('link') && (_jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem })), !!characterLimitConfig?.maxLength && ENABLE_EDITOR_PLUGIN_CHAR_LIMIT && (_jsx(CharacterLimitPlugin, { maxLength: characterLimitConfig.maxLength, charLimitIndicatorStyle: characterLimitConfig.indicatorStyle, alignLeft: characterLimitConfig.alignLeft })), editorRef && _jsx(EditorRefPlugin, { editorRef: editorRef }), children] }));
     }
-    return (_jsxs(_Fragment, { children: [prepend, _jsx(VideoPathFixerPlugin, {}), _jsx(ImagePathFixerPlugin, {}), editable && showToolbar && _jsx(ToolbarPlugin, {}), !!characterLimitConfig?.maxLength && ENABLE_EDITOR_PLUGIN_CHAR_LIMIT && (_jsx(CharacterLimitPlugin, { maxLength: characterLimitConfig.maxLength, charLimitIndicatorStyle: characterLimitConfig.indicatorStyle, alignLeft: characterLimitConfig.alignLeft })), hasNodes('image') && hasUploader && _jsx(DragDropPaste, {}), autoFocus && _jsx(AutoFocusPlugin, { defaultSelection: "rootEnd" }), _jsx(ClearEditorPlugin, {}), !!editable && _jsx(ComponentPickerPlugin, {}), hasNodes('link') && _jsx(AutoEmbedPlugin, {}), !!editable && _jsx(MentionsPlugin, {}), hasNodes('autolink') && !!editable && _jsx(AutoLinkPlugin, {}), _jsxs(_Fragment, { children: [_jsx(PasteSlackImagePlugin, {}), _jsx(HistoryPlugin, { externalHistoryState: historyState }), _jsx(StyledEditorContent, { ref: onRef, className: cx('be-content', editable && 'editable'), children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: cx('be-editable', 'notranslate') }), placeholder: _jsx(Placeholder, { className: "be-placeholder", children: placeholder }), ErrorBoundary: LexicalErrorBoundary }) }), _jsx(MarkdownShortcutPlugin, {}), _jsx(TabIndentationPlugin, {}), hasNodes('code', 'code-highlight') && _jsx(CodeHighlightPlugin, {}), hasNodes('list', 'listitem') && _jsx(ListPlugin, {}), hasNodes('list', 'listitem') && _jsx(CheckListPlugin, {}), hasNodes('table', 'tablerow', 'tablecell') && (_jsx(TablePlugin, { hasCellMerge: true, hasCellBackgroundColor: true, hasHorizontalScroll: true })), hasNodes('table', 'tablerow', 'tablecell') && _jsx(TableCellResizer, {}), hasNodes('image') && hasUploader && _jsx(ImagesPlugin, {}), hasNodes('video') && _jsx(VideoPlugin, {}), hasNodes('link') && _jsx(LinkPlugin, {}), hasNodes('tweet') && _jsx(TwitterPlugin, {}), hasNodes('youtube') && _jsx(YouTubePlugin, {}), hasNodes('figma') && _jsx(FigmaPlugin, {}), _jsx(BilibiliPlugin, {}), _jsx(BlockletEmbedPlugin, {}), _jsx(PostLinkEmbedPlugin, {}), _jsx(BookmarkPlugin, {}), _jsx(AidePlugin, {}), hasNodes('file') && _jsx(FilePlugin, {}), hasNodes('link') && _jsx(ClickableLinkPlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), hasNodes('excalidraw') && _jsx(ExcalidrawPlugin, {}), hasNodes('alert') && _jsx(AlertPlugin, {}), _jsx(TabFocusPlugin, {}), hasNodes('collapsible-container', 'collapsible-content', 'collapsible-title') && _jsx(CollapsiblePlugin, {}), onChange && _jsx(OnChangePlugin, { onChange: onChange }), floatingAnchorElem && editable && (_jsxs(_Fragment, { children: [_jsx(DraggableBlockPlugin, { anchorElem: floatingAnchorElem }), hasNodes('link') && _jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem }), hasNodes('table') && _jsx(TableCellActionMenuPlugin, { anchorElem: floatingAnchorElem, cellMerge: true }), _jsx(FloatingTextFormatToolbarPlugin, { anchorElem: floatingAnchorElem })] })), enableHeadingsIdPlugin && _jsx(HeadingsIdPlugin, {})] }), _jsx(EditorHolderPlugin, {}), editorRef && _jsx(EditorRefPlugin, { editorRef: editorRef }), onReady && _jsx(EditorReadyPlugin, { onReady: onReady }), config.enableSafeAreaPlugin && _jsx(SafeAreaPlugin, {}), children] }));
+    return (_jsxs(_Fragment, { children: [prepend, _jsx(VideoPathFixerPlugin, {}), _jsx(ImagePathFixerPlugin, {}), editable && showToolbar && _jsx(ToolbarPlugin, {}), !!characterLimitConfig?.maxLength && ENABLE_EDITOR_PLUGIN_CHAR_LIMIT && (_jsx(CharacterLimitPlugin, { maxLength: characterLimitConfig.maxLength, charLimitIndicatorStyle: characterLimitConfig.indicatorStyle, alignLeft: characterLimitConfig.alignLeft })), hasNodes('image') && hasUploader && _jsx(DragDropPaste, {}), autoFocus && _jsx(AutoFocusPlugin, { defaultSelection: "rootEnd" }), _jsx(ClearEditorPlugin, {}), !!editable && _jsx(ComponentPickerPlugin, {}), hasNodes('link') && _jsx(AutoEmbedPlugin, {}), !!editable && _jsx(MentionsPlugin, {}), hasNodes('autolink') && !!editable && _jsx(AutoLinkPlugin, {}), _jsxs(_Fragment, { children: [_jsx(PasteSlackImagePlugin, {}), _jsx(HistoryPlugin, { externalHistoryState: historyState }), _jsx(StyledEditorContent, { ref: onRef, className: cx('be-content', editable && 'editable'), children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: cx('be-editable', 'notranslate') }), placeholder: _jsx(Placeholder, { className: "be-placeholder", children: placeholder }), ErrorBoundary: LexicalErrorBoundary }) }), _jsx(MarkdownShortcutPlugin, {}), _jsx(TabIndentationPlugin, {}), hasNodes('code', 'code-highlight') && _jsx(CodeHighlightPlugin, {}), hasNodes('list', 'listitem') && _jsx(ListPlugin, {}), hasNodes('list', 'listitem') && _jsx(CheckListPlugin, {}), hasNodes('table', 'tablerow', 'tablecell') && (_jsx(TablePlugin, { hasCellMerge: true, hasCellBackgroundColor: true, hasHorizontalScroll: true })), hasNodes('table', 'tablerow', 'tablecell') && _jsx(TableCellResizer, {}), hasNodes('image') && hasUploader && _jsx(ImagesPlugin, {}), hasNodes('video') && _jsx(VideoPlugin, {}), hasNodes('link') && _jsx(LinkPlugin, {}), hasNodes('tweet') && _jsx(TwitterPlugin, {}), hasNodes('youtube') && _jsx(YouTubePlugin, {}), hasNodes('figma') && _jsx(FigmaPlugin, {}), _jsx(BilibiliPlugin, {}), _jsx(BlockletEmbedPlugin, {}), _jsx(PostLinkEmbedPlugin, {}), _jsx(BookmarkPlugin, {}), _jsx(AidePlugin, {}), hasNodes('file') && _jsx(FilePlugin, {}), hasNodes('link') && _jsx(ClickableLinkPlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), hasNodes('alert') && _jsx(AlertPlugin, {}), _jsx(TabFocusPlugin, {}), hasNodes('collapsible-container', 'collapsible-content', 'collapsible-title') && _jsx(CollapsiblePlugin, {}), onChange && _jsx(OnChangePlugin, { onChange: onChange }), floatingAnchorElem && editable && (_jsxs(_Fragment, { children: [_jsx(DraggableBlockPlugin, { anchorElem: floatingAnchorElem }), hasNodes('link') && _jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem }), hasNodes('table') && _jsx(TableCellActionMenuPlugin, { anchorElem: floatingAnchorElem, cellMerge: true }), _jsx(FloatingTextFormatToolbarPlugin, { anchorElem: floatingAnchorElem })] })), enableHeadingsIdPlugin && _jsx(HeadingsIdPlugin, {})] }), _jsx(EditorHolderPlugin, {}), editorRef && _jsx(EditorRefPlugin, { editorRef: editorRef }), onReady && _jsx(EditorReadyPlugin, { onReady: onReady }), config.enableSafeAreaPlugin && _jsx(SafeAreaPlugin, {}), children] }));
 }

package/lib/main/nodes/PlaygroundNodes.js

@@ -18,7 +18,6 @@ import { CollapsibleContentNode } from '../plugins/CollapsiblePlugin/Collapsible
 import { CollapsibleTitleNode } from '../plugins/CollapsiblePlugin/CollapsibleTitleNode';
 import { EmojiNode } from './EmojiNode';
 import { EquationNode } from './EquationNode';
-import { ExcalidrawNode } from './ExcalidrawNode';
 import { FigmaNode } from './FigmaNode';
 import { ImageNode } from './ImageNode';
 import { MentionNode } from './MentionNode';
@@ -49,7 +48,6 @@ const PlaygroundNodes = [
     VideoNode,
     MentionNode,
     EmojiNode,
-    ExcalidrawNode,
     EquationNode,
     HorizontalRuleNode,
     TweetNode,

package/lib/main/plugins/ComponentPickerPlugin/index.js

@@ -23,7 +23,6 @@ import useHasNodes from '../../hooks/useHasNodes';
 import useModal from '../../hooks/useModal';
 import { EmbedConfigs } from '../AutoEmbedPlugin';
 import { INSERT_COLLAPSIBLE_COMMAND } from '../CollapsiblePlugin';
-import { INSERT_EXCALIDRAW_COMMAND } from '../ExcalidrawPlugin';
 import { INSERT_IMAGE_COMMAND, isImage } from '../ImagesPlugin';
 import { InsertTableDialog } from '../TablePlugin';
 import { useEditorConfig } from '../../../config';
@@ -258,13 +257,6 @@ export default function ComponentPickerMenuPlugin() {
                     keywords: ['horizontal rule', 'divider', 'hr'],
                     onSelect: () => editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined),
                 }),
-            !minimalMode &&
-                hasNodes('excalidraw') &&
-                new ComponentPickerOption('Excalidraw', {
-                    icon: (_jsx(Box, { component: "span", className: "bg-excalidraw", sx: { display: 'inline-block', width: 20, height: 20 } })),
-                    keywords: ['excalidraw', 'diagram', 'drawing'],
-                    onSelect: () => editor.dispatchCommand(INSERT_EXCALIDRAW_COMMAND, undefined),
-                }),
             ...(minimalMode
                 ? []
                 : EmbedConfigs.map((embedConfig) => hasNodes(embedConfig.type) &&

package/lib/main/plugins/ToolbarPlugin/index.js

@@ -22,7 +22,6 @@ import { getSelectedNode } from '../../utils/getSelectedNode';
 import { sanitizeUrl } from '../../utils/sanitizeUrl';
 // import { EmbedConfigs } from "../AutoEmbedPlugin";
 // import { INSERT_COLLAPSIBLE_COMMAND } from "../CollapsiblePlugin";
-// import { INSERT_EXCALIDRAW_COMMAND } from "../ExcalidrawPlugin";
 import { INSERT_IMAGE_COMMAND } from '../ImagesPlugin';
 import { uploadFile, INSERT_COMPONENT_COMMAND } from '../ComponentPickerPlugin';
 // import { InsertNewTableDialog, InsertTableDialog } from "../TablePlugin";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor-lite",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "main": "lib/index.js",
   "sideEffects": false,
   "publishConfig": {
@@ -27,7 +27,6 @@
   "dependencies": {
     "@blocklet/embed": "^0.3.5",
     "@blocklet/js-sdk": "^1.17.7-beta-20251225-073259-cb6ecf68",
-    "@excalidraw/excalidraw": "^0.18.0",
     "@iconify/iconify": "^3.1.1",
     "@iconify/icons-tabler": "^1.2.95",
     "@iconify/react": "^4.1.1",

package/lib/main/nodes/ExcalidrawNode/ExcalidrawComponent.d.ts

@@ -1,13 +0,0 @@
-/**
- * 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 { NodeKey } from 'lexical';
-import { type JSX } from 'react';
-export default function ExcalidrawComponent({ nodeKey, data }: {
-    data: string;
-    nodeKey: NodeKey;
-}): JSX.Element;

package/lib/main/nodes/ExcalidrawNode/ExcalidrawComponent.js

@@ -1,155 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection';
-import { mergeRegister } from '@lexical/utils';
-import { $getNodeByKey, $getSelection, $isNodeSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, } from 'lexical';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import ImageResizer from '../../ui/ImageResizer';
-import { $isExcalidrawNode } from '.';
-import ExcalidrawImage from './ExcalidrawImage';
-import ExcalidrawModal from './ExcalidrawModal';
-import { covertImageWithMediaKitPath } from './utils';
-export default function ExcalidrawComponent({ nodeKey, data }) {
-    const [editor] = useLexicalComposerContext();
-    const [isModalOpen, setModalOpen] = useState(data === '[]' && editor.isEditable());
-    const imageContainerRef = useRef(null);
-    const buttonRef = useRef(null);
-    const captionButtonRef = useRef(null);
-    const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
-    const [isResizing, setIsResizing] = useState(false);
-    const initialEditorEditable = useRef(editor.isEditable());
-    // 兼容 excalidraw 旧版本数据 - 缺少 "elements" key, 并且是一个 array, 新版本数据是 object
-    const parsed = useMemo(() => {
-        try {
-            const tempData = JSON.parse(data);
-            covertImageWithMediaKitPath(tempData.elements, tempData.files);
-            return tempData;
-        }
-        catch (e) {
-            console.error(e);
-            return {};
-        }
-    }, [data]);
-    const { files = {}, appState = {}, width: containerWidth, height: containerHeight } = parsed;
-    const elements = Array.isArray(parsed) ? parsed : parsed.elements || [];
-    const onDelete = useCallback((event) => {
-        if (isSelected && $isNodeSelection($getSelection())) {
-            event.preventDefault();
-            editor.update(() => {
-                const node = $getNodeByKey(nodeKey);
-                if ($isExcalidrawNode(node)) {
-                    node.remove();
-                }
-                setSelected(false);
-            });
-        }
-        return false;
-    }, [editor, isSelected, nodeKey, setSelected]);
-    // Set editor to readOnly if excalidraw is open to prevent unwanted changes
-    useEffect(() => {
-        if (isModalOpen) {
-            editor.setEditable(false);
-        }
-        else {
-            editor.setEditable(initialEditorEditable.current);
-        }
-    }, [isModalOpen, editor]);
-    useEffect(() => {
-        return mergeRegister(editor.registerCommand(CLICK_COMMAND, (event) => {
-            const buttonElem = buttonRef.current;
-            const eventTarget = event.target;
-            if (isResizing) {
-                return true;
-            }
-            if (buttonElem !== null && buttonElem.contains(eventTarget)) {
-                if (!event.shiftKey) {
-                    clearSelection();
-                }
-                setSelected(!isSelected);
-                if (event.detail > 1) {
-                    setModalOpen(true);
-                }
-                return true;
-            }
-            return false;
-        }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_DELETE_COMMAND, onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_BACKSPACE_COMMAND, onDelete, COMMAND_PRIORITY_LOW));
-    }, [clearSelection, editor, isSelected, isResizing, onDelete, setSelected]);
-    const deleteNode = useCallback(() => {
-        setModalOpen(false);
-        return editor.update(() => {
-            const node = $getNodeByKey(nodeKey);
-            if ($isExcalidrawNode(node)) {
-                node.remove();
-            }
-        });
-    }, [editor, nodeKey]);
-    const setData = (els, aps, fls) => {
-        if (!editor.isEditable()) {
-            return;
-        }
-        return editor.update(() => {
-            const node = $getNodeByKey(nodeKey);
-            if ($isExcalidrawNode(node)) {
-                if (els.length > 0 || Object.keys(fls).length > 0) {
-                    // covert image with mediaKit path
-                    covertImageWithMediaKitPath(els, fls);
-                    node.setData(JSON.stringify({
-                        appState: aps,
-                        elements: els,
-                        files: fls,
-                        width: containerWidth,
-                        height: containerHeight,
-                    }));
-                }
-                else {
-                    node.remove();
-                }
-            }
-        });
-    };
-    const onResizeStart = () => {
-        setIsResizing(true);
-    };
-    const onResizeEnd = (width, height) => {
-        updateSize(Array.isArray(parsed) ? { elements: parsed } : parsed, width, height);
-        // Delay hiding the resize bars for click case
-        setTimeout(() => {
-            setIsResizing(false);
-        }, 200);
-    };
-    const updateSize = (parsedData, width, height) => {
-        if (!editor.isEditable()) {
-            return;
-        }
-        return editor.update(() => {
-            const node = $getNodeByKey(nodeKey);
-            if ($isExcalidrawNode(node)) {
-                node.setData(JSON.stringify({ ...parsedData, width, height }));
-            }
-        });
-    };
-    const handleClick = () => {
-        // view mode 仅在 readonly 的 editor 中有效
-        if (!initialEditorEditable.current) {
-            setModalOpen(true);
-        }
-    };
-    const handleClose = () => {
-        setModalOpen(false);
-    };
-    const containerStyles = {
-        ...(containerWidth && { width: containerWidth }),
-        ...(containerHeight && { height: containerHeight }),
-        maxWidth: '100%',
-    };
-    // 若从未 resize 过, 则使用 editor width 的 90% 作为默认的显示宽度 (#1178)
-    if (!containerWidth && editor.getRootElement()) {
-        containerStyles.width = '90%';
-    }
-    const _appState = !initialEditorEditable.current ? { ...appState, viewModeEnabled: true } : appState;
-    return (_jsxs(_Fragment, { children: [_jsx(ExcalidrawModal, { initialElements: elements, initialFiles: files, initialAppState: _appState, isShown: isModalOpen, readonly: !initialEditorEditable.current, onDelete: deleteNode, onClose: handleClose, onSave: (els, aps, fls) => {
-                    editor.setEditable(true);
-                    setData(els, aps, fls);
-                    setModalOpen(false);
-                }, closeOnClickOutside: false }), elements.length > 0 && (_jsxs("button", { ref: buttonRef, className: `excalidraw-button ${isSelected ? 'selected' : ''}`, children: [_jsx(ExcalidrawImage, { imageContainerRef: imageContainerRef, className: "image", elements: elements, files: files, appState: appState, onClick: handleClick, style: containerStyles }), (isSelected || isResizing) && (_jsx(ImageResizer, { buttonRef: captionButtonRef, showCaption: true, setShowCaption: () => null, imageRef: imageContainerRef, editor: editor, onResizeStart: onResizeStart, onResizeEnd: onResizeEnd, captionsEnabled: true }))] }))] }));
-}

package/lib/main/nodes/ExcalidrawNode/ExcalidrawImage.d.ts

@@ -1,58 +0,0 @@
-/**
- * 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 { ExcalidrawElement, NonDeleted } from '@excalidraw/excalidraw/dist/types/excalidraw/element/types';
-import type { AppState, BinaryFiles } from '@excalidraw/excalidraw/dist/types/excalidraw/types';
-import * as React from 'react';
-import { type JSX } from 'react';
-type ImageType = 'svg' | 'canvas';
-type Props = {
-    /**
-     * Configures the export setting for SVG/Canvas
-     */
-    appState: AppState;
-    /**
-     * The css class applied to image to be rendered
-     */
-    className?: string;
-    /**
-     * The Excalidraw elements to be rendered as an image
-     */
-    elements: NonDeleted<ExcalidrawElement>[];
-    /**
-     * The Excalidraw elements to be rendered as an image
-     */
-    files: BinaryFiles;
-    /**
-     * The height of the image to be rendered
-     */
-    height?: number | null;
-    /**
-     * The ref object to be used to render the image
-     */
-    imageContainerRef: {
-        current: null | HTMLDivElement;
-    };
-    /**
-     * The type of image to be rendered
-     */
-    imageType?: ImageType;
-    /**
-     * The css class applied to the root element of this component
-     */
-    rootClassName?: string | null;
-    /**
-     * The width of the image to be rendered
-     */
-    width?: number | null;
-};
-/**
- * @explorer-desc
- * A component for rendering Excalidraw elements as a static image
- */
-export default function ExcalidrawImage({ elements, files, imageContainerRef, appState, rootClassName, ...rest }: Props & React.HTMLProps<HTMLDivElement>): JSX.Element;
-export {};

package/lib/main/nodes/ExcalidrawNode/ExcalidrawImage.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * 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 { exportToSvg } from '@excalidraw/excalidraw';
-import { useTheme } from '@mui/material';
-import { useEffect, useState } from 'react';
-// exportToSvg has fonts from excalidraw.com
-// We don't want them to be used in open source
-const removeStyleFromSvg_HACK = (svg) => {
-    const styleTag = svg?.firstElementChild?.firstElementChild;
-    // Generated SVG is getting double-sized by height and width attributes
-    // We want to match the real size of the SVG element
-    const viewBox = svg.getAttribute('viewBox');
-    if (viewBox != null) {
-        const viewBoxDimensions = viewBox.split(' ');
-        svg.setAttribute('width', viewBoxDimensions[2]);
-        svg.setAttribute('height', viewBoxDimensions[3]);
-    }
-    if (styleTag && styleTag.tagName === 'style') {
-        styleTag.remove();
-    }
-};
-/**
- * @explorer-desc
- * A component for rendering Excalidraw elements as a static image
- */
-export default function ExcalidrawImage({ elements, files, imageContainerRef, appState, rootClassName = null, ...rest }) {
-    const [Svg, setSvg] = useState(null);
-    const theme = useTheme();
-    useEffect(() => {
-        const setContent = async () => {
-            const svg = await exportToSvg({
-                appState: {
-                    ...appState,
-                    ...(theme.palette.mode === 'dark' && {
-                        theme: 'dark',
-                        viewBackgroundColor: theme.palette.background.default,
-                        // exportWithDarkMode: true,
-                    }),
-                },
-                elements,
-                files,
-            });
-            removeStyleFromSvg_HACK(svg);
-            svg.setAttribute('width', '100%');
-            svg.setAttribute('height', '100%');
-            svg.setAttribute('display', 'block');
-            setSvg(svg);
-        };
-        setContent();
-    }, [elements, files, appState]);
-    return (_jsx("div", { ref: imageContainerRef, className: rootClassName ?? '', 
-        // eslint-disable-next-line react/no-danger
-        dangerouslySetInnerHTML: { __html: Svg?.outerHTML ?? '' }, ...rest }));
-}

package/lib/main/nodes/ExcalidrawNode/ExcalidrawModal.css

@@ -1,75 +0,0 @@
-/**
- * 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.
- *
- *
- */
-
-.ExcalidrawModal__overlay {
-  display: flex;
-  align-items: center;
-  position: fixed;
-  flex-direction: column;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  flex-grow: 0px;
-  flex-shrink: 1px;
-  z-index: 10001;
-  background-color: rgba(40, 40, 40, 0.6);
-}
-.ExcalidrawModal__actions {
-  display: flex;
-  text-align: end;
-  position: absolute;
-  right: 5px;
-  top: 5px;
-  z-index: 1;
-}
-.ExcalidrawModal__actions button {
-  background-color: #fff;
-  border-radius: 5px;
-}
-.ExcalidrawModal__row {
-  position: relative;
-  padding: 42px 5px 5px;
-  width: 90vw;
-  height: 90vh;
-  border-radius: 8px;
-  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
-}
-.ExcalidrawModal__row > div {
-  border-radius: 5px;
-}
-.ExcalidrawModal__modal {
-  position: relative;
-  z-index: 99999;
-  top: 50px;
-  width: auto;
-  left: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 8px;
-  background-color: #eee;
-}
-
-.ExcalidrawModal__discardModal {
-  margin-top: 60px;
-  text-align: center;
-}
-
-.ExcalidrawModal__fullscreen .ExcalidrawModal__modal {
-  top: 0;
-}
-.ExcalidrawModal__fullscreen .ExcalidrawModal__row {
-  width: 100vw;
-  height: 100vh;
-}
-
-body .excalidraw-modal-container {
-  z-index: 99999 !important;
-}

package/lib/main/nodes/ExcalidrawNode/ExcalidrawModal.d.ts

@@ -1,49 +0,0 @@
-import { ReactPortal } from 'react';
-import type { AppState, BinaryFiles, LibraryItems } from '@excalidraw/excalidraw/dist/types/excalidraw/types';
-import '@excalidraw/excalidraw/index.css';
-export type ExcalidrawElementFragment = {
-    isDeleted?: boolean;
-};
-type Props = {
-    closeOnClickOutside?: boolean;
-    /**
-     * The initial set of elements to draw into the scene
-     */
-    initialElements: ReadonlyArray<ExcalidrawElementFragment>;
-    /**
-     * The initial set of elements to draw into the scene
-     */
-    initialAppState: AppState;
-    /**
-     * The initial set of files to draw into the scene
-     */
-    initialFiles: BinaryFiles;
-    /**
-     * The initial set of library items to draw into the scene
-     */
-    initialLibraryItems?: LibraryItems;
-    /**
-     * Controls the visibility of the modal
-     */
-    isShown?: boolean;
-    /**
-     * Callback when closing and discarding the new changes
-     */
-    onClose: () => void;
-    /**
-     * Completely remove Excalidraw component
-     */
-    onDelete: () => void;
-    /**
-     * Callback when the save button is clicked
-     */
-    onSave: (elements: ReadonlyArray<ExcalidrawElementFragment>, appState: Partial<AppState>, files: BinaryFiles) => void;
-    readonly?: boolean;
-};
-/**
- * @explorer-desc
- * A component which renders a modal with Excalidraw (a painting app)
- * which can be used to export an editable image
- */
-export default function ExcalidrawModal({ closeOnClickOutside, onSave, initialElements, initialAppState, initialFiles, initialLibraryItems, isShown, onDelete, onClose, readonly, }: Props): ReactPortal | null;
-export {};

package/lib/main/nodes/ExcalidrawNode/ExcalidrawModal.js

@@ -1,197 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * 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 { Excalidraw, useHandleLibrary, serializeLibraryAsJSON } from '@excalidraw/excalidraw';
-import { useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import LoadingButton from '@mui/lab/LoadingButton';
-import '@excalidraw/excalidraw/index.css';
-import { useTheme } from '@mui/material';
-import Button from '../../ui/Button';
-import Modal from '../../ui/Modal';
-import { uploadImageToMediaKit } from './utils';
-const safeParseJSON = (json) => {
-    try {
-        return JSON.parse(json);
-    }
-    catch (error) {
-        return null;
-    }
-};
-const LIBRARY_KEY = 'excalidraw-library';
-/**
- * @explorer-desc
- * A component which renders a modal with Excalidraw (a painting app)
- * which can be used to export an editable image
- */
-export default function ExcalidrawModal({ closeOnClickOutside = false, onSave, initialElements, initialAppState, initialFiles, initialLibraryItems = safeParseJSON(localStorage.getItem(LIBRARY_KEY))?.libraryItems, isShown = false, onDelete, onClose, readonly, }) {
-    const excaliDrawModelRef = useRef(null);
-    const excaliDrawSceneRef = useRef(null);
-    const [discardModalOpen, setDiscardModalOpen] = useState(false);
-    const [elements, setElements] = useState(initialElements);
-    const [files, setFiles] = useState(initialFiles);
-    const [loading, setLoading] = useState(false);
-    const [saveText, setSaveText] = useState('Save');
-    const [fullScreen, setFullScreen] = useState(false);
-    const theme = useTheme();
-    const markBlockletDirtyState = () => {
-        if (!readonly) {
-            window.dispatchEvent(new CustomEvent('blocklet:markDirty', { detail: { key: 'excalidraw' } }));
-        }
-    };
-    const resetBlockletDirtyState = () => {
-        window.dispatchEvent(new CustomEvent('blocklet:resetDirty', { detail: { key: 'excalidraw' } }));
-    };
-    useEffect(() => {
-        // @ts-ignore set window.name to add library target
-        window.name = window.location.href;
-        if (excaliDrawModelRef.current !== null) {
-            excaliDrawModelRef.current.focus();
-        }
-    }, []);
-    useHandleLibrary({
-        excalidrawAPI: excaliDrawSceneRef.current,
-        getInitialLibraryItems: () => {
-            return initialLibraryItems;
-        },
-    });
-    useEffect(() => {
-        let modalOverlayElement = null;
-        const clickOutsideHandler = (event) => {
-            const { target } = event;
-            if (excaliDrawModelRef.current !== null &&
-                !excaliDrawModelRef.current.contains(target) &&
-                closeOnClickOutside) {
-                onDelete();
-            }
-        };
-        if (excaliDrawModelRef.current !== null) {
-            modalOverlayElement = excaliDrawModelRef.current?.parentElement;
-            if (modalOverlayElement !== null) {
-                modalOverlayElement?.addEventListener('click', clickOutsideHandler);
-            }
-        }
-        return () => {
-            if (modalOverlayElement !== null) {
-                modalOverlayElement?.removeEventListener('click', clickOutsideHandler);
-            }
-        };
-    }, [closeOnClickOutside, onDelete]);
-    useLayoutEffect(() => {
-        const currentModalRef = excaliDrawModelRef.current;
-        const onKeyDown = (event) => {
-            if (event.key === 'Escape') {
-                setDiscardModalOpen(true);
-            }
-        };
-        if (currentModalRef !== null) {
-            currentModalRef.addEventListener('keydown', onKeyDown);
-        }
-        return () => {
-            if (currentModalRef !== null) {
-                currentModalRef.removeEventListener('keydown', onKeyDown);
-            }
-        };
-    }, [elements, files, onDelete]);
-    const save = async () => {
-        setLoading(true);
-        setSaveText('Saving...');
-        try {
-            if (elements.filter((el) => !el.isDeleted).length > 0) {
-                const appState = excaliDrawSceneRef?.current?.getAppState();
-                // We only need a subset of the state
-                const partialState = appState
-                    ? {
-                        exportBackground: appState.exportBackground,
-                        exportScale: appState.exportScale,
-                        exportWithDarkMode: appState.theme === 'dark',
-                        isBindingEnabled: appState.isBindingEnabled,
-                        isLoading: appState.isLoading,
-                        name: appState.name,
-                        theme: appState.theme,
-                        viewBackgroundColor: appState.viewBackgroundColor,
-                        zenModeEnabled: appState.zenModeEnabled,
-                        zoom: appState.zoom,
-                    }
-                    : {};
-                setSaveText('Uploading...');
-                await uploadImageToMediaKit(elements, files);
-                setSaveText('Saving...');
-                await onSave(elements, partialState, files);
-            }
-            else {
-                // delete node if the scene is clear
-                await onDelete();
-            }
-        }
-        catch (error) {
-            console.error('Error saving Excalidraw', error);
-        }
-        finally {
-            setLoading(false);
-            setSaveText('Save');
-            resetBlockletDirtyState();
-        }
-    };
-    const discard = () => {
-        if (elements.filter((el) => !el.isDeleted).length === 0) {
-            // delete node if the scene is clear
-            onDelete();
-            resetBlockletDirtyState();
-        }
-        else {
-            // Otherwise, show confirmation dialog before closing
-            setDiscardModalOpen(true);
-        }
-    };
-    // eslint-disable-next-line react/no-unstable-nested-components
-    function ShowDiscardDialog() {
-        return (_jsxs(Modal, { title: "Discard", onClose: () => {
-                setDiscardModalOpen(false);
-            }, closeOnClickOutside: false, children: ["Are you sure you want to discard the changes?", _jsxs("div", { className: "ExcalidrawModal__discardModal", children: [_jsx(Button, { onClick: () => {
-                                resetBlockletDirtyState();
-                                setDiscardModalOpen(false);
-                                if (!initialElements?.length) {
-                                    onDelete();
-                                }
-                                else {
-                                    onClose();
-                                }
-                            }, children: "Discard" }), ' ', _jsx(Button, { onClick: () => {
-                                setDiscardModalOpen(false);
-                            }, children: "Cancel" })] })] }));
-    }
-    if (isShown === false) {
-        return null;
-    }
-    const onChange = (els, _, fls) => {
-        markBlockletDirtyState();
-        setElements(els);
-        setFiles(fls);
-    };
-    const onLibraryChange = (items) => {
-        const serializeJSON = serializeLibraryAsJSON(items);
-        localStorage.setItem(LIBRARY_KEY, serializeJSON);
-    };
-    // This is a hacky work-around for Excalidraw + Vite.
-    // In DEV, Vite pulls this in fine, in prod it doesn't. It seems
-    // like a module resolution issue with ESM vs CJS?
-    // @ts-ignore
-    const _Excalidraw = Excalidraw.$$typeof != null ? Excalidraw : Excalidraw.default;
-    const appState = {
-        ...initialAppState,
-        ...(theme.palette.mode === 'dark' && {
-            theme: 'dark',
-        }),
-    };
-    return createPortal(_jsx("div", { className: `ExcalidrawModal__overlay ${fullScreen ? 'ExcalidrawModal__fullscreen' : ''}`, role: "dialog", children: _jsx("div", { className: "ExcalidrawModal__modal", ref: excaliDrawModelRef, tabIndex: -1, style: { backgroundColor: theme.palette.grey[100] }, children: _jsxs("div", { className: "ExcalidrawModal__row", children: [discardModalOpen && _jsx(ShowDiscardDialog, {}), _jsx(_Excalidraw, { onChange: onChange, onLibraryChange: onLibraryChange, ref: excaliDrawSceneRef, initialData: {
-                            appState: appState || { isLoading: false },
-                            elements: initialElements,
-                            files: initialFiles,
-                        } }), _jsxs("div", { className: "ExcalidrawModal__actions", children: [!fullScreen && (_jsx(LoadingButton, { className: "action-button", style: { width: 32, padding: 0, display: 'flex', alignItems: 'center' }, onClick: () => setFullScreen(true), children: _jsx("i", { className: "iconify", "data-icon": "material-symbols:fullscreen", "data-height": "18" }) })), fullScreen && (_jsx(LoadingButton, { className: "action-button", style: { width: 32, padding: 0, display: 'flex', alignItems: 'center' }, onClick: () => setFullScreen(false), children: _jsx("i", { className: "iconify", "data-icon": "material-symbols:fullscreen-exit", "data-height": "18" }) })), !readonly && (_jsxs(_Fragment, { children: [_jsx(LoadingButton, { loadingPosition: "start", disabled: loading, className: "action-button", onClick: discard, children: "Discard" }), _jsx(LoadingButton, { loadingPosition: "start", loading: loading, className: "action-button", onClick: save, children: saveText })] })), readonly && (_jsx(LoadingButton, { className: "action-button", onClick: () => onClose(), children: "Close" }))] })] }) }) }), document.body);
-}

package/lib/main/nodes/ExcalidrawNode/index.d.ts

@@ -1,30 +0,0 @@
-/**
- * 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 './ExcalidrawModal.css';
-import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
-import { DecoratorNode } from 'lexical';
-import { type JSX } from 'react';
-export type SerializedExcalidrawNode = Spread<{
-    data: string;
-}, SerializedLexicalNode>;
-export declare class ExcalidrawNode extends DecoratorNode<JSX.Element> {
-    __data: string;
-    static getType(): string;
-    static clone(node: ExcalidrawNode): ExcalidrawNode;
-    static importJSON(serializedNode: SerializedExcalidrawNode): ExcalidrawNode;
-    exportJSON(): SerializedExcalidrawNode;
-    constructor(data?: string, key?: NodeKey);
-    createDOM(config: EditorConfig): HTMLElement;
-    updateDOM(): false;
-    static importDOM(): DOMConversionMap<HTMLSpanElement> | null;
-    exportDOM(editor: LexicalEditor): DOMExportOutput;
-    setData(data: string): void;
-    decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element;
-}
-export declare function $createExcalidrawNode(): ExcalidrawNode;
-export declare function $isExcalidrawNode(node: LexicalNode | null): node is ExcalidrawNode;

package/lib/main/nodes/ExcalidrawNode/index.js

@@ -1,95 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * 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 './ExcalidrawModal.css';
-import { DecoratorNode } from 'lexical';
-import { lazyRetry as lazy } from '@arcblock/ux/lib/Util';
-import { Suspense } from 'react';
-const ExcalidrawComponent = lazy(() => import('./ExcalidrawComponent'));
-function convertExcalidrawElement(domNode) {
-    const excalidrawData = domNode.getAttribute('data-lexical-excalidraw-json');
-    if (excalidrawData) {
-        const node = $createExcalidrawNode();
-        node.__data = excalidrawData;
-        return {
-            node,
-        };
-    }
-    return null;
-}
-export class ExcalidrawNode extends DecoratorNode {
-    __data;
-    static getType() {
-        return 'excalidraw';
-    }
-    static clone(node) {
-        return new ExcalidrawNode(node.__data, node.__key);
-    }
-    static importJSON(serializedNode) {
-        return new ExcalidrawNode(serializedNode.data);
-    }
-    exportJSON() {
-        return {
-            data: this.__data,
-            type: 'excalidraw',
-            version: 1,
-        };
-    }
-    constructor(data = '[]', key) {
-        super(key);
-        this.__data = data;
-    }
-    // View
-    createDOM(config) {
-        const span = document.createElement('span');
-        const { theme } = config;
-        span.className = `${theme.image ?? ''} ${theme.responsiveContainer ?? ''}`;
-        return span;
-    }
-    updateDOM() {
-        return false;
-    }
-    static importDOM() {
-        return {
-            span: (domNode) => {
-                if (!domNode.hasAttribute('data-lexical-excalidraw-json')) {
-                    return null;
-                }
-                return {
-                    conversion: convertExcalidrawElement,
-                    priority: 1,
-                };
-            },
-        };
-    }
-    exportDOM(editor) {
-        const element = document.createElement('span');
-        const content = editor.getElementByKey(this.getKey());
-        if (content !== null) {
-            const svg = content.querySelector('svg');
-            if (svg !== null) {
-                element.innerHTML = svg.outerHTML;
-            }
-        }
-        element.setAttribute('data-lexical-excalidraw-json', this.__data);
-        return { element };
-    }
-    setData(data) {
-        const self = this.getWritable();
-        self.__data = data;
-    }
-    decorate(editor, config) {
-        return (_jsx(Suspense, { fallback: null, children: _jsx(ExcalidrawComponent, { nodeKey: this.getKey(), data: this.__data }) }));
-    }
-}
-export function $createExcalidrawNode() {
-    return new ExcalidrawNode();
-}
-export function $isExcalidrawNode(node) {
-    return node instanceof ExcalidrawNode;
-}

package/lib/main/nodes/ExcalidrawNode/utils.d.ts

@@ -1,5 +0,0 @@
-export declare const getBlockletMountPointInfo: (name: string) => any;
-export declare function isLocalImage(src: string): boolean;
-export declare function joinImageUrl(src: string): string;
-export declare function uploadImageToMediaKit(elements: any, files: any): Promise<void>;
-export declare function covertImageWithMediaKitPath(elements: any, files: any): void;

package/lib/main/nodes/ExcalidrawNode/utils.js

@@ -1,71 +0,0 @@
-import { joinURL } from 'ufo';
-// chain promise
-const runPromiseInSequence = (list, fn) => {
-    return list.reduce((p, item) => {
-        return p.then(() => fn(item));
-    }, Promise.resolve()); // initial
-};
-export const getBlockletMountPointInfo = (name) => {
-    return window.blocklet?.componentMountPoints?.find((x) => x.name === name || x.did === name);
-};
-export function isLocalImage(src) {
-    return src.startsWith('data:image') || src.startsWith('blob:');
-}
-export function joinImageUrl(src) {
-    if (src?.startsWith('http')) {
-        return src;
-    }
-    // media kit
-    // const mountPoint = getBlockletMountPointInfo('z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9');
-    // discuss kit
-    const mountPoint = getBlockletMountPointInfo('did-comments')?.mountPoint;
-    if (mountPoint) {
-        const prefix = joinURL(window.location.origin, mountPoint, 'uploads');
-        // not add prefix
-        if (!src.startsWith(prefix)) {
-            return joinURL(prefix, src);
-        }
-    }
-    return src;
-}
-export async function uploadImageToMediaKit(elements, files) {
-    const filteredImages = elements?.filter((el) => el.type === 'image');
-    if (filteredImages.length > 0) {
-        // upload image to Media Kit
-        await runPromiseInSequence(filteredImages, async (el) => {
-            const fileItem = files[el.fileId];
-            // @ts-ignore
-            const uploader = window?.uploaderRef?.current?.getUploader?.();
-            const prefix = joinImageUrl('/');
-            // if not uploaded yet and is has uploader
-            if (isLocalImage(fileItem.dataURL) && !!uploader) {
-                // try to upload the image
-                const blobFile = await fetch(fileItem.dataURL).then((res) => res.blob());
-                const { data } = await uploader.uploadFile(blobFile).then((result) => {
-                    // https://uppy.io/docs/uppy/#options
-                    return result?.response;
-                });
-                // only save filename
-                files[el.fileId].dataURL = data.filename;
-            }
-            else if (fileItem.dataURL?.startsWith(prefix)) {
-                // remove the prefix
-                files[el.fileId].dataURL = fileItem.dataURL.replace(prefix, '');
-            }
-        });
-        // promise all to chain the upload
-    }
-}
-export function covertImageWithMediaKitPath(elements, files) {
-    const filteredImages = elements?.filter((el) => el.type === 'image') || [];
-    if (filteredImages?.length > 0) {
-        // upload image to Media Kit
-        filteredImages.forEach((el) => {
-            const fileItem = files[el.fileId];
-            if (!isLocalImage(fileItem.dataURL)) {
-                // replace dataURL with Media Kit URL
-                files[el.fileId].dataURL = joinImageUrl(fileItem.dataURL);
-            }
-        });
-    }
-}

package/lib/main/plugins/ExcalidrawPlugin/index.d.ts

@@ -1,3 +0,0 @@
-import { LexicalCommand } from 'lexical';
-export declare const INSERT_EXCALIDRAW_COMMAND: LexicalCommand<void>;
-export default function ExcalidrawPlugin(): null;

package/lib/main/plugins/ExcalidrawPlugin/index.js

@@ -1,30 +0,0 @@
-/**
- * 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 } from '@lexical/utils';
-import { $createParagraphNode, $insertNodes, $isRootOrShadowRoot, COMMAND_PRIORITY_EDITOR, createCommand, } from 'lexical';
-import { useEffect } from 'react';
-import { $createExcalidrawNode, ExcalidrawNode } from '../../nodes/ExcalidrawNode';
-export const INSERT_EXCALIDRAW_COMMAND = createCommand('INSERT_EXCALIDRAW_COMMAND');
-export default function ExcalidrawPlugin() {
-    const [editor] = useLexicalComposerContext();
-    useEffect(() => {
-        if (!editor.hasNodes([ExcalidrawNode])) {
-            throw new Error('ExcalidrawPlugin: ExcalidrawNode not registered on editor');
-        }
-        return editor.registerCommand(INSERT_EXCALIDRAW_COMMAND, () => {
-            const excalidrawNode = $createExcalidrawNode();
-            $insertNodes([excalidrawNode]);
-            if ($isRootOrShadowRoot(excalidrawNode.getParentOrThrow())) {
-                $wrapNodeInElement(excalidrawNode, $createParagraphNode).selectEnd();
-            }
-            return true;
-        }, COMMAND_PRIORITY_EDITOR);
-    }, [editor]);
-    return null;
-}