visualknowledge 0.1.2 → 0.1.4

package/frontend/src/context/AppContext.jsx

@@ -5,7 +5,7 @@
  * 管理对话消息、流式状态、主题、模型选择、全屏 Widget。
  */
 
-import { createContext, useContext, useReducer } from 'react';
+import React, { createContext, useContext, useReducer } from 'react';
 
 // ====== Action Types ======
 
@@ -134,10 +134,10 @@ export const AppContext = createContext(null);
 export function AppProvider({ children }) {
   const [state, dispatch] = useReducer(appReducer, initialState);
 
-  return (
-    AppContext.Provider value={{ state, dispatch }}>
-      {children}
-    </AppContext.Provider>
+  return React.createElement(
+    AppContext.Provider,
+    { value: { state, dispatch } },
+    children
   );
 }
 

package/frontend/src/hooks/useTheme.js

@@ -5,7 +5,7 @@
  * 切换时更新 document.documentElement.dataset.theme。
  */
 
-import { useState, useCallback } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 
 const STORAGE_KEY = 'claude-chat-theme';
 
@@ -23,9 +23,9 @@ export function useTheme() {
   }, [theme]);
 
   // 初始化：设置 DOM 主题
-  useState(() => {
+  useEffect(() => {
     document.documentElement.setAttribute('data-theme', theme);
-  });
+  }, []);
 
   return { theme, toggleTheme };
 }

package/frontend/src/main.js

@@ -7,10 +7,11 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { App } from './App.jsx';
+import { AppProvider } from './context/AppContext.jsx';
 
 const rootEl = document.getElementById('root');
 if (!rootEl) {
   throw new Error('Root element #root not found in DOM');
 }
 
-createRoot(rootEl).render(React.createElement(App));
+createRoot(rootEl).render(React.createElement(AppProvider, null, React.createElement(App)));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "visualknowledge",
-    "version": "0.1.2",
+    "version": "0.1.4",
     "description": "Interactive AI Chat with Visualization - one-click launch via npx",
     "bin": {
         "visualknowledge": "./bin/visualknowledge.js"

package/server.py

@@ -1,10 +1,14 @@
 import json
+import mimetypes
 import os
 import sys
 import logging
 from flask import Flask, request, Response, jsonify, send_from_directory
 from anthropic import Anthropic
 
+# Ensure .jsx files are served with correct JS MIME type for ES modules
+mimetypes.add_type('application/javascript', '.jsx')
+
 sys.path.insert(0, os.path.join(os.path.dirname(__file__), 'skills'))
 from visualize import get_skill_prompt