visualknowledge 0.1.6 → 0.2.1

package/bin/visualknowledge.js

@@ -3,6 +3,7 @@
 'use strict';
 
 const { spawn, exec } = require('child_process');
+const fs = require('fs');
 const net = require('net');
 const os = require('os');
 const path = require('path');
@@ -238,14 +239,37 @@ function openBrowser(url) {
   });
 }
 
+// ─── Claude Code Config Loader ─────────────────────────────────
+function loadClaudeEnv() {
+  const home = process.env.HOME || process.env.USERPROFILE || os.homedir();
+  if (!home) return null;
+
+  const candidates = [
+    path.join(home, '.claude', 'settings.json'),
+  ];
+
+  for (const configPath of candidates) {
+    try {
+      const raw = fs.readFileSync(configPath, 'utf8');
+      const data = JSON.parse(raw);
+      if (data && typeof data.env === 'object' && data.env !== null) {
+        return { env: data.env, source: configPath };
+      }
+    } catch (_) {
+      // File not found or parse error — skip silently
+    }
+  }
+  return null;
+}
+
 // ─── T008: Python Flask Subprocess Launch ────────────────────
-function startServer(pythonCmd, port) {
+function startServer(pythonCmd, port, mergedEnv) {
   const serverDir = path.resolve(__dirname, '..');
 
   const child = spawn(pythonCmd, ['server.py', '--port', String(port)], {
     cwd: serverDir,
     stdio: 'inherit',
-    env: process.env,
+    env: mergedEnv,
     detached: false,
   });
 
@@ -327,6 +351,20 @@ async function main() {
   // Banner
   banner();
 
+  // Load Claude Code config (if available)
+  const claudeConfig = loadClaudeEnv();
+  // Claude config as base defaults, process.env always takes precedence
+  const mergedEnv = { ...(claudeConfig ? claudeConfig.env : {}), ...process.env };
+  if (claudeConfig) {
+    const hasKey = mergedEnv.ANTHROPIC_AUTH_TOKEN || mergedEnv.ANTHROPIC_API_KEY;
+    console.log(`${OK} Claude Code config loaded${hasKey ? '' : ' (no API key found)'}`);
+  } else {
+    const hasKey = process.env.ANTHROPIC_AUTH_TOKEN || process.env.ANTHROPIC_API_KEY;
+    if (!hasKey) {
+      console.log(`${WARN} No API key found (set ANTHROPIC_API_KEY or install Claude Code)`);
+    }
+  }
+
   // Environment checks (T003-T005)
   checkNodeVersion();
   const pythonCmd = await checkPython();
@@ -349,7 +387,7 @@ async function main() {
 
   // Start Python server (T008)
   console.log('\n  Starting server...');
-  const child = startServer(pythonCmd, actualPort);
+  const child = startServer(pythonCmd, actualPort, mergedEnv);
 
   // Setup graceful shutdown (T016-T018)
   setupShutdownHandlers(child);

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.1.6",
+    "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"
     }
-}
+}