@blocklet/editor 2.6.5 → 2.6.7

package/lib/main/EditorErrorBoundary.d.ts

@@ -0,0 +1,14 @@
+import { Component, ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+}
+interface State {
+    hasError: boolean;
+}
+export declare class EditorErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(): State;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};

package/lib/main/EditorErrorBoundary.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { Component } from 'react';
+export class EditorErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error('[Editor Error]', error, errorInfo);
+        // Check if Sentry is available and capture the error
+        if (window.Sentry) {
+            try {
+                window.Sentry.captureException(error, {
+                    extra: {
+                        componentStack: errorInfo.componentStack,
+                    },
+                });
+            }
+            catch (sentryError) {
+                console.error('[Editor Error] Sentry capture error', sentryError);
+            }
+        }
+    }
+    render() {
+        if (this.state.hasError) {
+            return (_jsx(Box, { component: "span", sx: {
+                    display: 'inline-block',
+                    padding: '2px 12px',
+                    fontSize: '12px',
+                    bgcolor: 'warning.light',
+                    borderRadius: 0.5,
+                }, children: "Editor unavailable" }));
+        }
+        return this.props.children;
+    }
+}

package/lib/main/index.js

@@ -22,6 +22,7 @@ import PlaygroundNodes from './nodes/PlaygroundNodes';
 import { TableContext } from './plugins/TablePlugin';
 import { useCustomTheme } from './themes/customTheme';
 import { getInitialEditorState } from '../lexical-utils';
+import { EditorErrorBoundary } from './EditorErrorBoundary';
 export default function BlockletEditor({ editorState, nodes = PlaygroundNodes, editable = true, markdown, ...props }) {
     const theme = useCustomTheme();
     const initialConfig = {
@@ -34,7 +35,7 @@ export default function BlockletEditor({ editorState, nodes = PlaygroundNodes, e
         },
         theme,
     };
-    return (_jsx(SharedHistoryContext, { children: _jsx(SharedAutocompleteContext, { children: _jsx(TableContext, { children: _jsx(LexicalComposer, { initialConfig: initialConfig, children: _jsx(EditorShell, { ...props, editable: editable }) }) }) }) }));
+    return (_jsx(EditorErrorBoundary, { children: _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/viewer/index.js

@@ -8,6 +8,7 @@ import { useCustomTheme } from '../themes/customTheme';
 import { EditorViewer } from './viewer';
 import { EditorRoot } from '../editor-root';
 import { getInitialEditorState } from '../../lexical-utils';
+import { EditorErrorBoundary } from '../EditorErrorBoundary';
 export function BlockletEditorViewer({ editorState, markdown, ...props }) {
     const muiTheme = useTheme();
     const theme = useCustomTheme();
@@ -21,5 +22,5 @@ export function BlockletEditorViewer({ editorState, markdown, ...props }) {
         },
         theme,
     };
-    return (_jsx(LexicalComposer, { initialConfig: initialConfig, children: _jsx(EditorRoot, { className: cx(props.className, 'be-shell'), "data-mode": muiTheme.palette.mode, children: _jsx(EditorViewer, { ...props }) }) }));
+    return (_jsx(EditorErrorBoundary, { children: _jsx(LexicalComposer, { initialConfig: initialConfig, children: _jsx(EditorRoot, { className: cx(props.className, 'be-shell'), "data-mode": muiTheme.palette.mode, children: _jsx(EditorViewer, { ...props }) }) }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.6.5",
+  "version": "2.6.7",
   "main": "lib/index.js",
   "sideEffects": false,
   "publishConfig": {
@@ -27,7 +27,7 @@
   "dependencies": {
     "@blocklet/code-editor": "^0.7.12",
     "@blocklet/embed": "^0.3.5",
-    "@blocklet/js-sdk": "^1.17.8-beta-20260104-120132-cb5b1914",
+    "@blocklet/js-sdk": "^1.17.8-beta-20260106-113136-b3c09e14",
     "@blocklet/pages-kit": "^0.7.37",
     "@blocklet/pages-kit-runtime": "^0.7.37",
     "@excalidraw/excalidraw": "^0.18.0",
@@ -73,7 +73,7 @@
     "ufo": "^1.5.4",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/pdf": "2.6.5"
+    "@blocklet/pdf": "2.6.7"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",