@blocklet/editor 2.5.51 → 2.5.52

package/lib/ext/CharacterCountPlugin/useCharacterCount.js

@@ -25,7 +25,10 @@ export default function useCharacterCount(editor, optional = Object.freeze({}))
         let text = editor.getEditorState().read($rootTextContent);
         return mergeRegister(editor.registerTextContentListener((currentText) => {
             text = currentText;
-        }), editor.registerUpdateListener(({ dirtyLeaves }) => {
+        }), editor.registerUpdateListener((payload) => {
+            if (!payload)
+                return;
+            const { dirtyLeaves } = payload;
             const isComposing = editor.isComposing();
             const hasDirtyLeaves = dirtyLeaves.size > 0;
             if (isComposing || !hasDirtyLeaves) {

package/lib/main/editor.js

@@ -16,12 +16,10 @@ import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
 import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
 import { ListPlugin } from '@lexical/react/LexicalListPlugin';
 import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
-import { PlainTextPlugin } from '@lexical/react/LexicalPlainTextPlugin';
 import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
 import { TablePlugin } from '@lexical/react/LexicalTablePlugin';
 import { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin';
 import { useEffect, useState } from 'react';
-import { useSettings } from './context/SettingsContext';
 import { useSharedHistoryContext } from './context/SharedHistoryContext';
 import useHasNodes from './hooks/useHasNodes';
 import AutoEmbedPlugin from './plugins/AutoEmbedPlugin';
@@ -38,14 +36,12 @@ import FloatingLinkEditorPlugin from './plugins/FloatingLinkEditorPlugin';
 import FloatingTextFormatToolbarPlugin from './plugins/FloatingTextFormatToolbarPlugin';
 import HorizontalRulePlugin from './plugins/HorizontalRulePlugin';
 import ImagesPlugin from './plugins/ImagesPlugin';
-import ListMaxIndentLevelPlugin from './plugins/ListMaxIndentLevelPlugin';
 import MarkdownShortcutPlugin from './plugins/MarkdownShortcutPlugin';
 import { CharacterLimitPlugin } from '../ext/CharacterLimitPlugin';
 import MentionsPlugin from './plugins/MentionsPlugin';
 import TabFocusPlugin from './plugins/TabFocusPlugin';
 import TableCellActionMenuPlugin from './plugins/TableActionMenuPlugin';
 import TableCellResizer from './plugins/TableCellResizer';
-import TableOfContentsPlugin from './plugins/TableOfContentsPlugin';
 import ToolbarPlugin from './plugins/ToolbarPlugin';
 import TwitterPlugin from './plugins/TwitterPlugin';
 import YouTubePlugin from './plugins/YouTubePlugin';
@@ -63,17 +59,12 @@ import AlertPlugin from '../ext/Alert/AlertPlugin';
 import { HeadingsIdPlugin } from '../ext/HeadingsIdPlugin';
 import { EditorReadyPlugin } from '../ext/EditorReadyPlugin';
 import { VideoPlugin } from '../ext/VideoPlugin';
-import { TemplatePlugin } from '../ext/TemplatePlugin';
-import { CustomOnChangePlugin } from '../ext/CustomOnChangePlugin';
 import { PdfPlugin } from '../ext/PdfPlugin';
 import { FilePlugin } from '../ext/FilePlugin';
-import { BlurTextPlugin } from '../ext/BlurTextPlugin';
-import { useResponsiveTable } from './hooks/useResponsiveTable';
-import { useTranslationListener } from './hooks/useTranslationListener';
 import { PagesKitComponentPlugin } from '../ext/PagesKitComponent/PagesKitComponentPlugin';
 import { EditorHolderPlugin } from '../ext/EditorHolderPlugin';
 import { StyledEditorContent } from './styled-editor-content';
-import { CodeCopyPlugin } from '../ext/CodeCopyPlugin';
+// import { CodeCopyPlugin } from '../ext/CodeCopyPlugin';
 import { VideoPathFixerPlugin } from '../ext/VideoPathFixerPlugin';
 import ImagePathFixerPlugin from '../ext/ImagePathFixerPlugin';
 import { SafeAreaPlugin } from '../ext/SafeAreaPlugin';
@@ -90,11 +81,8 @@ export default function Editor({ children, prepend, placeholder, onChange, autoF
             setEditable(e);
         });
     }, [editor]);
-    useResponsiveTable();
-    useTranslationListener();
     const hasNodes = useHasNodes();
     const { historyState } = useSharedHistoryContext();
-    const { settings: { isRichText, showTableOfContents }, } = useSettings();
     const [floatingAnchorElem, setFloatingAnchorElem] = useState(null);
     const onRef = (_floatingAnchorElem) => {
         if (_floatingAnchorElem !== null) {
@@ -107,7 +95,7 @@ export default function Editor({ children, prepend, placeholder, onChange, autoF
         }
     }, [hasNodes('image'), hasUploader]);
     if (minimalMode) {
-        return (_jsxs(_Fragment, { children: [prepend, _jsx(VideoPathFixerPlugin, {}), _jsx(ImagePathFixerPlugin, {}), isRichText && 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('code') && _jsx(CodeCopyPlugin, {}), 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, {}), editable && _jsx(CustomOnChangePlugin, { placeholder: placeholder }), editable && _jsx(TemplatePlugin, {}), !editable && _jsx(BlurTextPlugin, {}), hasNodes('pdf') && _jsx(PdfPlugin, {}), hasNodes('file') && _jsx(FilePlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), hasNodes('excalidraw') && _jsx(ExcalidrawPlugin, {}), hasNodes('alert') && _jsx(AlertPlugin, {}), hasNodes('pages-kit-component') && _jsx(PagesKitComponentPlugin, {}), _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('pdf') && _jsx(PdfPlugin, {}), hasNodes('file') && _jsx(FilePlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), hasNodes('excalidraw') && _jsx(ExcalidrawPlugin, {}), hasNodes('alert') && _jsx(AlertPlugin, {}), hasNodes('pages-kit-component') && _jsx(PagesKitComponentPlugin, {}), _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, {}), isRichText && 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, {}), isRichText ? (_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('code') && _jsx(CodeCopyPlugin, {}), hasNodes('list', 'listitem') && _jsx(ListPlugin, {}), hasNodes('list', 'listitem') && _jsx(CheckListPlugin, {}), hasNodes('list', 'listitem') && _jsx(ListMaxIndentLevelPlugin, { maxDepth: 7 }), hasNodes('table', 'tablerow', 'tablecell') && editable && (_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, {}), editable && _jsx(CustomOnChangePlugin, { placeholder: placeholder }), editable && _jsx(TemplatePlugin, {}), !editable && _jsx(BlurTextPlugin, {}), hasNodes('pdf') && _jsx(PdfPlugin, {}), hasNodes('file') && _jsx(FilePlugin, {}), hasNodes('link') && _jsx(ClickableLinkPlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), hasNodes('excalidraw') && _jsx(ExcalidrawPlugin, {}), hasNodes('alert') && _jsx(AlertPlugin, {}), hasNodes('pages-kit-component') && _jsx(PagesKitComponentPlugin, {}), _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, {})] })) : (_jsxs(_Fragment, { children: [_jsx(PlainTextPlugin, { contentEditable: _jsx(ContentEditable, {}), placeholder: _jsx(Placeholder, { children: "placeholder" }), ErrorBoundary: LexicalErrorBoundary }), _jsx(HistoryPlugin, { externalHistoryState: historyState })] })), _jsx("div", { children: showTableOfContents && _jsx(TableOfContentsPlugin, {}) }), _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') && editable && (_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('pdf') && _jsx(PdfPlugin, {}), hasNodes('file') && _jsx(FilePlugin, {}), hasNodes('link') && _jsx(ClickableLinkPlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), hasNodes('excalidraw') && _jsx(ExcalidrawPlugin, {}), hasNodes('alert') && _jsx(AlertPlugin, {}), hasNodes('pages-kit-component') && _jsx(PagesKitComponentPlugin, {}), _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/index.js

@@ -14,7 +14,6 @@ import { LexicalComposer } from '@lexical/react/LexicalComposer';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useCallback, useEffect, useRef } from 'react';
 import { useTheme } from '@mui/material';
-import { SettingsContext } from './context/SettingsContext';
 import { SharedAutocompleteContext } from './context/SharedAutocompleteContext';
 import { SharedHistoryContext } from './context/SharedHistoryContext';
 import Editor from './editor';
@@ -35,7 +34,7 @@ export default function BlockletEditor({ editorState, nodes = PlaygroundNodes, e
         },
         theme,
     };
-    return (_jsx(SettingsContext, { children: _jsx(SharedHistoryContext, { children: _jsx(SharedAutocompleteContext, { children: _jsx(TableContext, { children: _jsx(LexicalComposer, { initialConfig: initialConfig, children: _jsx(EditorShell, { ...props, editable: editable }) }) }) }) }) }));
+    return (_jsx(SharedHistoryContext, { children: _jsx(SharedAutocompleteContext, { children: _jsx(TableContext, { children: _jsx(LexicalComposer, { initialConfig: initialConfig, children: _jsx(EditorShell, { ...props, editable: editable }) }) }) }) }));
 }
 function EditorShell({ placeholder, children, prepend, editable, onChange, autoFocus, showToolbar = true, editorRef, onReady, enableHeadingsIdPlugin, ...props }) {
     const muiTheme = useTheme();

package/lib/main/markdown-editor/editor.js

@@ -24,7 +24,6 @@ import FloatingLinkEditorPlugin from '../plugins/FloatingLinkEditorPlugin';
 import FloatingTextFormatToolbarPlugin from '../plugins/FloatingTextFormatToolbarPlugin';
 import HorizontalRulePlugin from '../plugins/HorizontalRulePlugin';
 import ImagesPlugin from '../plugins/ImagesPlugin';
-import ListMaxIndentLevelPlugin from '../plugins/ListMaxIndentLevelPlugin';
 import MarkdownShortcutPlugin from '../plugins/MarkdownShortcutPlugin';
 import TabFocusPlugin from '../plugins/TabFocusPlugin';
 import ContentEditable from '../ui/ContentEditable';
@@ -35,7 +34,6 @@ import RemoveListPlugin from '../../ext/RemoveListPlugin';
 import { EditorRefPlugin } from '../../ext/LexicalEditorRefPlugin';
 import { HeadingsIdPlugin } from '../../ext/HeadingsIdPlugin';
 import { EditorReadyPlugin } from '../../ext/EditorReadyPlugin';
-import { BlurTextPlugin } from '../../ext/BlurTextPlugin';
 import ToolbarPlugin from './plugins/ToolbarPlugin';
 import { PLAYGROUND_TRANSFORMERS as TRANSFORMERS, IMAGE } from '../plugins/MarkdownTransformers';
 import { MediaUrlFixerPlugin } from './plugins/MediaUrlFixerPlugin';
@@ -72,5 +70,5 @@ export default function Editor({ children, placeholder, onChange, autoFocus = tr
             });
         }
     };
-    return (_jsxs(_Fragment, { children: [editable && showToolbar && _jsx(ToolbarPlugin, {}), hasNodes('image') && hasUploader && _jsx(DragDropPaste, {}), autoFocus && _jsx(AutoFocusPlugin, { defaultSelection: "rootEnd" }), _jsx(ClearEditorPlugin, {}), hasNodes('autolink') && _jsx(AutoLinkPlugin, {}), _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('list', 'listitem') && _jsx(ListMaxIndentLevelPlugin, { maxDepth: 7 }), hasNodes('image') && hasUploader && _jsx(ImagesPlugin, {}), hasNodes('link') && _jsx(LinkPlugin, {}), !editable && _jsx(BlurTextPlugin, {}), hasNodes('link') && _jsx(ClickableLinkPlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), _jsx(TabFocusPlugin, {}), onChange && _jsx(OnChangePlugin, { onChange: handleOnChange }), floatingAnchorElem && editable && (_jsxs(_Fragment, { children: [_jsx(DraggableBlockPlugin, { anchorElem: floatingAnchorElem }), hasNodes('code') && _jsx(CodeActionMenuPlugin, { anchorElem: floatingAnchorElem }), hasNodes('link') && _jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem }), _jsx(FloatingTextFormatToolbarPlugin, { anchorElem: floatingAnchorElem })] })), enableHeadingsIdPlugin && _jsx(HeadingsIdPlugin, {}), mediaUrlPrefix && _jsx(MediaUrlFixerPlugin, { mediaUrlPrefix: mediaUrlPrefix, transformers: [IMAGE] }), _jsx(SelectBlockPlugin, {}), _jsx(RemoveListPlugin, {}), editorRef && _jsx(EditorRefPlugin, { editorRef: editorRef }), onReady && _jsx(EditorReadyPlugin, { onReady: onReady }), hasNodes('table', 'tablerow', 'tablecell') && editable && _jsx(TablePlugin, {}), children] }));
+    return (_jsxs(_Fragment, { children: [editable && showToolbar && _jsx(ToolbarPlugin, {}), hasNodes('image') && hasUploader && _jsx(DragDropPaste, {}), autoFocus && _jsx(AutoFocusPlugin, { defaultSelection: "rootEnd" }), _jsx(ClearEditorPlugin, {}), hasNodes('autolink') && _jsx(AutoLinkPlugin, {}), _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('image') && hasUploader && _jsx(ImagesPlugin, {}), hasNodes('link') && _jsx(LinkPlugin, {}), hasNodes('link') && _jsx(ClickableLinkPlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), _jsx(TabFocusPlugin, {}), onChange && _jsx(OnChangePlugin, { onChange: handleOnChange }), floatingAnchorElem && editable && (_jsxs(_Fragment, { children: [_jsx(DraggableBlockPlugin, { anchorElem: floatingAnchorElem }), hasNodes('code') && _jsx(CodeActionMenuPlugin, { anchorElem: floatingAnchorElem }), hasNodes('link') && _jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem }), _jsx(FloatingTextFormatToolbarPlugin, { anchorElem: floatingAnchorElem })] })), enableHeadingsIdPlugin && _jsx(HeadingsIdPlugin, {}), mediaUrlPrefix && _jsx(MediaUrlFixerPlugin, { mediaUrlPrefix: mediaUrlPrefix, transformers: [IMAGE] }), _jsx(SelectBlockPlugin, {}), _jsx(RemoveListPlugin, {}), editorRef && _jsx(EditorRefPlugin, { editorRef: editorRef }), onReady && _jsx(EditorReadyPlugin, { onReady: onReady }), hasNodes('table', 'tablerow', 'tablecell') && editable && _jsx(TablePlugin, {}), children] }));
 }

package/lib/main/markdown-editor/plugins/ToolbarPlugin.js

@@ -224,7 +224,10 @@ export default function ToolbarPlugin() {
     useEffect(() => {
         return mergeRegister(editor.registerEditableListener((editable) => {
             setIsEditable(editable);
-        }), activeEditor.registerUpdateListener(({ editorState }) => {
+        }), activeEditor.registerUpdateListener((payload) => {
+            if (!payload)
+                return;
+            const { editorState } = payload;
             editorState.read(() => {
                 updateToolbar();
             });

package/lib/main/markdown-to-lexical/index.js

@@ -11,7 +11,10 @@ export function markdownToLexical({ markdown }) {
         editor.update(() => {
             $convertFromMarkdownString(markdown, PLAYGROUND_TRANSFORMERS, undefined, true);
         });
-        editor.registerUpdateListener(({ editorState }) => {
+        editor.registerUpdateListener((payload) => {
+            if (!payload)
+                return;
+            const { editorState } = payload;
             editorState.read(() => {
                 resolve(editorState);
             });

package/lib/main/nodes/ImageComponent.js

@@ -22,7 +22,6 @@ import { Suspense, useCallback, useEffect, useRef, useState, lazy, useMemo } fro
 import { createPortal } from 'react-dom';
 import { withQuery, getQuery } from 'ufo';
 import { useEditorConfig } from '../../config';
-import { useSettings } from '../context/SettingsContext';
 import { useSharedHistoryContext } from '../context/SharedHistoryContext';
 import ContentEditable from '../ui/ContentEditable';
 import ImageResizer from '../ui/ImageResizer';
@@ -129,7 +128,10 @@ function ImageComponent({ file, src, altText, nodeKey, width, height, maxWidth,
         return false;
     }, [caption, editor, setSelected]);
     useEffect(() => {
-        return mergeRegister(editor.registerUpdateListener(({ editorState }) => {
+        return mergeRegister(editor.registerUpdateListener((payload) => {
+            if (!payload)
+                return;
+            const { editorState } = payload;
             setSelection(editorState.read(() => $getSelection()));
         }), editor.registerCommand(SELECTION_CHANGE_COMMAND, (_, activeEditor) => {
             activeEditorRef.current = activeEditor;
@@ -203,9 +205,6 @@ function ImageComponent({ file, src, altText, nodeKey, width, height, maxWidth,
         setIsResizing(true);
     };
     const { historyState } = useSharedHistoryContext();
-    const { 
-    // eslint-disable-next-line no-empty-pattern
-    settings: {}, } = useSettings();
     const draggable = isSelected && $isNodeSelection(selection);
     const isFocused = isSelected || isResizing;
     const [objectUrl] = useState(() => file && URL.createObjectURL(file));

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

@@ -30,7 +30,6 @@ import { useEditorConfig } from '../../../config';
 import createPortal from '../../../components/createPortal';
 import { $insertAlert } from '../../../ext/Alert/AlertPlugin';
 import { INSERT_VIDEO_COMMAND, isVideo } from '../../../ext/VideoPlugin';
-import { INSERT_TEMPLATE_COMMAND } from '../../../ext/TemplatePlugin';
 import { INSERT_PDF_COMMAND, isPdf } from '../../../ext/PdfPlugin';
 import { INSERT_FILE_COMMAND } from '../../../ext/FilePlugin';
 import { $insertSubpageListing } from '../../../ext/SubpageListingPlugin/SubpageListingPlugin';
@@ -287,14 +286,14 @@ export default function ComponentPickerMenuPlugin() {
                         uploadFile(editor);
                     },
                 }),
-            !minimalMode &&
-                new ComponentPickerOption('Templates', {
-                    icon: _jsx("i", { className: "iconify", "data-icon": icons.template }),
-                    keywords: ['templates'],
-                    onSelect: () => {
-                        editor.dispatchCommand(INSERT_TEMPLATE_COMMAND, undefined);
-                    },
-                }),
+            // !minimalMode &&
+            //   new ComponentPickerOption('Templates', {
+            //     icon: <i className="iconify" data-icon={icons.template} />,
+            //     keywords: ['templates'],
+            //     onSelect: () => {
+            //       editor.dispatchCommand(INSERT_TEMPLATE_COMMAND, undefined);
+            //     },
+            //   }),
             !minimalMode &&
                 hasNodes('collapsible-container') &&
                 new ComponentPickerOption('Collapsible', {

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

@@ -93,7 +93,10 @@ function FloatingLinkEditor({ editor, anchorElem }) {
         };
     }, [anchorElem.parentElement, editor, updateLinkEditor]);
     useEffect(() => {
-        return mergeRegister(editor.registerUpdateListener(({ editorState }) => {
+        return mergeRegister(editor.registerUpdateListener((payload) => {
+            if (!payload)
+                return;
+            const { editorState } = payload;
             editorState.read(() => {
                 updateLinkEditor();
             });

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

@@ -82,7 +82,10 @@ function TextFormatFloatingToolbar({ editor, anchorElem, isLink, isBold, isItali
         editor.getEditorState().read(() => {
             updateTextFormatFloatingToolbar();
         });
-        return mergeRegister(editor.registerUpdateListener(({ editorState }) => {
+        return mergeRegister(editor.registerUpdateListener((payload) => {
+            if (!payload)
+                return;
+            const { editorState } = payload;
             editorState.read(() => {
                 updateTextFormatFloatingToolbar();
             });

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

@@ -229,7 +229,10 @@ export default function ToolbarPlugin() {
     useEffect(() => {
         return mergeRegister(editor.registerEditableListener((editable) => {
             setIsEditable(editable);
-        }), activeEditor.registerUpdateListener(({ editorState }) => {
+        }), activeEditor.registerUpdateListener((payload) => {
+            if (!payload)
+                return;
+            const { editorState } = payload;
             editorState.read(() => {
                 updateToolbar();
             });

package/lib/main/viewer/viewer.js

@@ -10,23 +10,19 @@ import useHasNodes from '../hooks/useHasNodes';
 import ClickableLinkPlugin from '../plugins/ClickableLinkPlugin';
 import CodeHighlightPlugin from '../plugins/CodeHighlightPlugin';
 import CollapsiblePlugin from '../plugins/CollapsiblePlugin';
-import ListMaxIndentLevelPlugin from '../plugins/ListMaxIndentLevelPlugin';
 import MarkdownShortcutPlugin from '../plugins/MarkdownShortcutPlugin';
 import TabFocusPlugin from '../plugins/TabFocusPlugin';
 import ContentEditable from '../ui/ContentEditable';
 import { EditorRefPlugin } from '../../ext/LexicalEditorRefPlugin';
 import { HeadingsIdPlugin } from '../../ext/HeadingsIdPlugin';
 import { EditorReadyPlugin } from '../../ext/EditorReadyPlugin';
-import { BlurTextPlugin } from '../../ext/BlurTextPlugin';
-import { useResponsiveTable } from '../hooks/useResponsiveTable';
 import { EditorHolderPlugin } from '../../ext/EditorHolderPlugin';
 import { StyledEditorContent } from '../styled-editor-content';
-import { CodeCopyPlugin } from '../../ext/CodeCopyPlugin';
+// import { CodeCopyPlugin } from '../../ext/CodeCopyPlugin';
 import CheckboxPlugin from '../../ext/CheckboxPlugin';
 import { VideoPathFixerPlugin } from '../../ext/VideoPathFixerPlugin';
 import ImagePathFixerPlugin from '../../ext/ImagePathFixerPlugin';
 export function EditorViewer({ children, prepend, onChange, editorRef, onReady, enableHeadingsIdPlugin, onCheckboxChange, }) {
-    useResponsiveTable();
     const hasNodes = useHasNodes();
-    return (_jsxs(_Fragment, { children: [prepend, _jsx(VideoPathFixerPlugin, {}), _jsx(ImagePathFixerPlugin, {}), _jsx(StyledEditorContent, { className: "be-content", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: cx('be-editable', 'notranslate') }), ErrorBoundary: LexicalErrorBoundary }) }), _jsx(MarkdownShortcutPlugin, {}), hasNodes('code', 'code-highlight') && _jsx(CodeHighlightPlugin, {}), hasNodes('code') && _jsx(CodeCopyPlugin, {}), hasNodes('list', 'listitem') && _jsx(ListPlugin, {}), hasNodes('list', 'listitem') && _jsx(CheckListPlugin, {}), hasNodes('list', 'listitem') && _jsx(ListMaxIndentLevelPlugin, { maxDepth: 7 }), hasNodes('link') && _jsx(LinkPlugin, {}), _jsx(BlurTextPlugin, {}), hasNodes('link') && _jsx(ClickableLinkPlugin, {}), _jsx(TabFocusPlugin, {}), hasNodes('collapsible-container', 'collapsible-content', 'collapsible-title') && _jsx(CollapsiblePlugin, {}), onChange && _jsx(OnChangePlugin, { onChange: onChange }), enableHeadingsIdPlugin && _jsx(HeadingsIdPlugin, {}), _jsx(EditorHolderPlugin, {}), editorRef && _jsx(EditorRefPlugin, { editorRef: editorRef }), onReady && _jsx(EditorReadyPlugin, { onReady: onReady }), _jsx(CheckboxPlugin, { send: onCheckboxChange }), children] }));
+    return (_jsxs(_Fragment, { children: [prepend, _jsx(VideoPathFixerPlugin, {}), _jsx(ImagePathFixerPlugin, {}), _jsx(StyledEditorContent, { className: "be-content", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: cx('be-editable', 'notranslate') }), ErrorBoundary: LexicalErrorBoundary }) }), _jsx(MarkdownShortcutPlugin, {}), hasNodes('code', 'code-highlight') && _jsx(CodeHighlightPlugin, {}), hasNodes('list', 'listitem') && _jsx(ListPlugin, {}), hasNodes('list', 'listitem') && _jsx(CheckListPlugin, {}), hasNodes('link') && _jsx(LinkPlugin, {}), hasNodes('link') && _jsx(ClickableLinkPlugin, {}), _jsx(TabFocusPlugin, {}), hasNodes('collapsible-container', 'collapsible-content', 'collapsible-title') && _jsx(CollapsiblePlugin, {}), onChange && _jsx(OnChangePlugin, { onChange: onChange }), enableHeadingsIdPlugin && _jsx(HeadingsIdPlugin, {}), _jsx(EditorHolderPlugin, {}), editorRef && _jsx(EditorRefPlugin, { editorRef: editorRef }), onReady && _jsx(EditorReadyPlugin, { onReady: onReady }), _jsx(CheckboxPlugin, { send: onCheckboxChange }), children] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.5.51",
+  "version": "2.5.52",
   "main": "lib/index.js",
   "sideEffects": false,
   "publishConfig": {
@@ -73,7 +73,7 @@
     "ufo": "^1.5.4",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/pdf": "2.5.51"
+    "@blocklet/pdf": "2.5.52"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",

package/lib/main/context/SettingsContext.d.ts

@@ -1,18 +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 { ReactNode, type JSX } from 'react';
-import type { SettingName } from '../appSettings';
-type SettingsContextShape = {
-    setOption: (name: SettingName, value: boolean) => void;
-    settings: Record<SettingName, boolean>;
-};
-export declare function SettingsContext({ children }: {
-    children: ReactNode;
-}): JSX.Element;
-export declare const useSettings: () => SettingsContextShape;
-export {};

package/lib/main/context/SettingsContext.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useState } from 'react';
-import { DEFAULT_SETTINGS } from '../appSettings';
-const Context = createContext({
-    setOption: (name, value) => { },
-    settings: DEFAULT_SETTINGS,
-});
-export function SettingsContext({ children }) {
-    const [settings, setSettings] = useState(DEFAULT_SETTINGS);
-    const setOption = useCallback((setting, value) => {
-        setSettings((options) => ({
-            ...options,
-            [setting]: value,
-        }));
-        if (DEFAULT_SETTINGS[setting] === value) {
-            setURLParam(setting, null);
-        }
-        else {
-            setURLParam(setting, value);
-        }
-    }, []);
-    const contextValue = useMemo(() => {
-        return { setOption, settings };
-    }, [setOption, settings]);
-    return _jsx(Context.Provider, { value: contextValue, children: children });
-}
-export const useSettings = () => {
-    return useContext(Context);
-};
-function setURLParam(param, value) {
-    const url = new URL(window.location.href);
-    const params = new URLSearchParams(url.search);
-    if (value !== null) {
-        if (params.has(param)) {
-            params.set(param, String(value));
-        }
-        else {
-            params.append(param, String(value));
-        }
-    }
-    else if (params.has(param)) {
-        params.delete(param);
-    }
-    url.search = params.toString();
-    window.history.pushState(null, '', url.toString());
-}

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

@@ -1,12 +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.
- *
- */
-type Props = Readonly<{
-    maxDepth: number | null | undefined;
-}>;
-export default function ListMaxIndentLevelPlugin({ maxDepth }: Props): null;
-export {};

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

@@ -1,46 +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 { $getListDepth, $isListItemNode, $isListNode } from '@lexical/list';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $getSelection, $isElementNode, $isRangeSelection, COMMAND_PRIORITY_CRITICAL, INDENT_CONTENT_COMMAND, } from 'lexical';
-import { useEffect } from 'react';
-function getElementNodesInSelection(selection) {
-    const nodesInSelection = selection.getNodes();
-    if (nodesInSelection.length === 0) {
-        return new Set([selection.anchor.getNode().getParentOrThrow(), selection.focus.getNode().getParentOrThrow()]);
-    }
-    return new Set(nodesInSelection.map((n) => ($isElementNode(n) ? n : n.getParentOrThrow())));
-}
-function isIndentPermitted(maxDepth) {
-    const selection = $getSelection();
-    if (!$isRangeSelection(selection)) {
-        return false;
-    }
-    const elementNodesInSelection = getElementNodesInSelection(selection);
-    let totalDepth = 0;
-    for (const elementNode of elementNodesInSelection) {
-        if ($isListNode(elementNode)) {
-            totalDepth = Math.max($getListDepth(elementNode) + 1, totalDepth);
-        }
-        else if ($isListItemNode(elementNode)) {
-            const parent = elementNode.getParent();
-            if (!$isListNode(parent)) {
-                throw new Error('ListMaxIndentLevelPlugin: A ListItemNode must have a ListNode for a parent.');
-            }
-            totalDepth = Math.max($getListDepth(parent) + 1, totalDepth);
-        }
-    }
-    return totalDepth <= maxDepth;
-}
-export default function ListMaxIndentLevelPlugin({ maxDepth }) {
-    const [editor] = useLexicalComposerContext();
-    useEffect(() => {
-        return editor.registerCommand(INDENT_CONTENT_COMMAND, () => !isIndentPermitted(maxDepth ?? 7), COMMAND_PRIORITY_CRITICAL);
-    }, [editor, maxDepth]);
-    return null;
-}