@blocklet/editor 2.4.101 → 2.4.102

package/lib/ext/PagesKitComponent/PagesKitComponentNode.d.ts

@@ -1,6 +1,6 @@
 import type { DOMConversionMap, DOMExportOutput, EditorConfig, ElementFormatType, LexicalEditor, LexicalNode, NodeKey, Spread } from 'lexical';
 import { DecoratorBlockNode, SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';
-import type { JSX } from 'react';
+import { type JSX } from 'react';
 import type { Properties } from './utils';
 export interface ComponentData {
     id: string;

package/lib/ext/PagesKitComponent/PagesKitComponentNode.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BlockWithAlignableContents } from '@lexical/react/LexicalBlockWithAlignableContents';
 import { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';
-import { PagesKitComponentRenderer } from './PagesKitComponentRenderer';
+import { lazy, Suspense } from 'react';
+const LazyPagesKitComponentRenderer = lazy(() => import('./PagesKitComponentRenderer').then((mod) => ({ default: mod.PagesKitComponentRenderer })));
 function PagesKitComponent({ className, format, nodeKey, data, onPropertiesChange }) {
-    return (_jsx(BlockWithAlignableContents, { className: className, format: format, nodeKey: nodeKey, children: _jsx(PagesKitComponentRenderer, { id: data.id, name: data.name, properties: data.properties, onPropertiesChange: onPropertiesChange }) }));
+    return (_jsx(BlockWithAlignableContents, { className: className, format: format, nodeKey: nodeKey, children: _jsx(Suspense, { fallback: null, children: _jsx(LazyPagesKitComponentRenderer, { id: data.id, name: data.name, properties: data.properties, onPropertiesChange: onPropertiesChange }) }) }));
 }
 function convertPagesKitComponentElement(domNode) {
     const pagesKitComponentStr = domNode.getAttribute('data-lexical-pages-kit-component');

package/lib/main/nodes/MermaidNode.d.ts

@@ -1,6 +1,6 @@
 import type { DOMConversionMap, DOMExportOutput, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
 import { DecoratorNode } from 'lexical';
-import type { JSX } from 'react';
+import { type JSX } from 'react';
 export interface MermaidPayload {
     code: string;
     theme?: string;

package/lib/main/nodes/MermaidNode.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DecoratorNode } from 'lexical';
-import MermaidComponent from './MermaidComponent';
+import { lazy, Suspense } from 'react';
+const LazyMermaidComponent = lazy(() => import('./MermaidComponent'));
 function convertMermaidElement(domNode) {
     if (domNode && domNode.classList?.contains('mermaid')) {
         const code = domNode.textContent || '';
@@ -84,7 +85,7 @@ export class MermaidNode extends DecoratorNode {
         return false;
     }
     decorate() {
-        return _jsx(MermaidComponent, { code: this.__code, theme: this.__theme, mode: this.__mode });
+        return (_jsx(Suspense, { fallback: null, children: _jsx(LazyMermaidComponent, { code: this.__code, theme: this.__theme, mode: this.__mode }) }));
     }
 }
 export function $createMermaidNode({ code, theme, mode, key }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.4.101",
+  "version": "2.4.102",
   "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.4.101"
+    "@blocklet/pdf": "2.4.102"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",