@blocklet/editor 2.5.59 → 2.5.61

package/lib/ext/PostLinkEmbedPlugin/PostLinkNode.d.ts

@@ -25,6 +25,7 @@ export declare class PostLinkNode extends DecoratorNode<JSX.Element> {
     exportJSON(): SerializedPostLinkNode;
     createDOM(config: EditorConfig): HTMLElement;
     updateDOM(): false;
+    getPostInfo(): PostInfo;
     decorate(): JSX.Element;
 }
 export declare function $createPostLinkNode(postInfo: PostInfo): PostLinkNode;

package/lib/ext/PostLinkEmbedPlugin/PostLinkNode.js

@@ -69,7 +69,7 @@ function PostLinkComponent(postInfo) {
                 }, title: postInfo.title ?? link, children: postInfo.title ?? link }), !!postInfo.external && (_jsx(Box, { component: "i", className: "iconify", "data-icon": "majesticons:external-link-line", sx: { flex: '0 0 auto', width: 16, height: 16, ml: 0.5, color: 'grey.600' } }))] }));
 }
 function convertPostElement(domNode) {
-    if (domNode instanceof HTMLElement) {
+    if (domNode instanceof HTMLElement && domNode.getAttribute('data-lexical-post-link-json')) {
         const postInfo = domNode.getAttribute('data-lexical-post-link-json');
         const node = $createPostLinkNode(safeParseJSON(postInfo, {}));
         return { node };
@@ -125,6 +125,9 @@ export class PostLinkNode extends DecoratorNode {
     updateDOM() {
         return false;
     }
+    getPostInfo() {
+        return this.__postInfo;
+    }
     decorate() {
         return (_jsx(Suspense, { fallback: null, children: _jsx(PostLinkComponent, { ...this.__postInfo }) }));
     }

package/lib/ext/PostLinkEmbedPlugin/fixInvalidPostLinkNodes.d.ts

@@ -0,0 +1 @@
+export declare function useFixInvalidPostLinkNodes(): void;

package/lib/ext/PostLinkEmbedPlugin/fixInvalidPostLinkNodes.js

@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { PostLinkNode } from './PostLinkNode';
+// 移除 postInfo 为空的无效 PostLinkNode (可能是复制粘贴产生的)
+export function useFixInvalidPostLinkNodes() {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        function transform(node) {
+            if (!node.getPostInfo()) {
+                node.remove();
+            }
+        }
+        return editor.registerNodeTransform(PostLinkNode, transform);
+    }, [editor]);
+}

package/lib/main/viewer/viewer.js

@@ -23,7 +23,9 @@ import { StyledEditorContent } from '../styled-editor-content';
 import CheckboxPlugin from '../../ext/CheckboxPlugin';
 import { VideoPathFixerPlugin } from '../../ext/VideoPathFixerPlugin';
 import ImagePathFixerPlugin from '../../ext/ImagePathFixerPlugin';
+import { useFixInvalidPostLinkNodes } from '../../ext/PostLinkEmbedPlugin/fixInvalidPostLinkNodes';
 export function EditorViewer({ children, prepend, onChange, editorRef, onReady, enableHeadingsIdPlugin, onCheckboxChange, }) {
     const hasNodes = useHasNodes();
+    useFixInvalidPostLinkNodes();
     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('table', 'tablerow', 'tablecell') && (_jsx(TablePlugin, { hasCellMerge: true, hasCellBackgroundColor: true, hasHorizontalScroll: true })), 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.59",
+  "version": "2.5.61",
   "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.59"
+    "@blocklet/pdf": "2.5.61"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",