visualknowledge 0.2.0 → 0.2.1

package/frontend/src/App.jsx

@@ -5,6 +5,7 @@
  * 顶层聚合所有 Hooks，将数据通过 props 分发给子组件。
  */
 
+import React from 'react';
 import { html } from 'htm/react';
 import { useAppState, ActionTypes } from './context/AppContext.jsx';
 import { TopBar } from './components/TopBar.jsx';

package/frontend/src/main.js

@@ -9,9 +9,55 @@ import { createRoot } from 'react-dom/client';
 import { App } from './App.jsx';
 import { AppProvider } from './context/AppContext.jsx';
 
+// ====== Error Boundary ======
+
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: null, errorInfo: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error('[ErrorBoundary] React render error:', error, errorInfo);
+    this.setState({ error, errorInfo });
+  }
+  render() {
+    if (this.state.error) {
+      return React.createElement('div', {
+        style: {
+          padding: '24px', color: '#f87171', fontFamily: 'monospace',
+          fontSize: '14px', lineHeight: '1.6', whiteSpace: 'pre-wrap',
+          overflow: 'auto', height: '100vh', background: '#1c1917',
+        }
+      },
+        React.createElement('h2', null, 'React Rendering Error'),
+        React.createElement('p', null, this.state.error.toString()),
+        React.createElement('pre', null, this.state.errorInfo?.componentStack || ''),
+      );
+    }
+    return this.props.children;
+  }
+}
+
+// ====== Bootstrap ======
+
+console.log('[main] Loading app...');
+
 const rootEl = document.getElementById('root');
 if (!rootEl) {
   throw new Error('Root element #root not found in DOM');
 }
 
-createRoot(rootEl).render(React.createElement(AppProvider, null, React.createElement(App)));
+console.log('[main] Root element found, mounting React...');
+
+createRoot(rootEl).render(
+  React.createElement(ErrorBoundary, null,
+    React.createElement(AppProvider, null,
+      React.createElement(App)
+    )
+  )
+);
+
+console.log('[main] App mounted successfully.');

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "visualknowledge",
-    "version": "0.2.0",
+    "version": "0.2.1",
     "description": "Interactive AI Chat with Visualization - one-click launch via npx",
     "bin": {
         "visualknowledge": "./bin/visualknowledge.js"
@@ -26,4 +26,4 @@
         "type": "git",
         "url": "https://github.com/user/VisualKnowledge"
     }
-}
+}