xinyu-pro 0.22.4 → 0.22.5

package/app/api/chat/route.ts

@@ -2,10 +2,7 @@
 
 import { NextRequest, NextResponse } from 'next/server';
 import { buildSystemPrompt } from '@/lib/prompt-builder';
-
-const SERVER_API_KEY = process.env.AI_API_KEY || '';
-const SERVER_API_BASE = process.env.AI_API_BASE || 'https://api.openai.com/v1';
-const SERVER_MODEL = process.env.AI_MODEL || 'gpt-4o';
+import { getAiConfig } from '@/lib/get-ai-config';
 
 export async function POST(request: NextRequest) {
   try {
@@ -19,15 +16,16 @@ export async function POST(request: NextRequest) {
       );
     }
 
-    const apiKey = apiConfig?.apiKey || SERVER_API_KEY;
-    const apiBase = apiConfig?.apiBase || SERVER_API_BASE;
-    const model = apiConfig?.model || SERVER_MODEL;
+    const aiConfig = await getAiConfig();
+    const apiKey = apiConfig?.apiKey || aiConfig.apiKey;
+    const apiBase = apiConfig?.apiBase || aiConfig.apiBase;
+    const model = apiConfig?.model || aiConfig.model;
     const temperature = apiConfig?.temperature ?? 0.8;
     const maxTokens = apiConfig?.maxTokens ?? 1024;
 
     if (!apiKey) {
       return NextResponse.json(
-        { error: 'AI API Key 未配置，请在设置中填写 API Key，或在 .env.local 中设置 AI_API_KEY' },
+        { error: 'AI API Key 未配置，请在设置页面中填写 API Key' },
         { status: 500 }
       );
     }

package/app/api/generate-svg/route.ts

@@ -1,10 +1,7 @@
 // app/api/generate-svg/route.ts - AI 生成 SVG 世界卡片
 
 import { NextRequest, NextResponse } from 'next/server';
-
-const SERVER_API_KEY = process.env.AI_API_KEY || '';
-const SERVER_API_BASE = process.env.AI_API_BASE || 'https://api.openai.com/v1';
-const SERVER_MODEL = process.env.AI_MODEL || 'gpt-4o';
+import { getAiConfig } from '@/lib/get-ai-config';
 
 interface GenerateSvgRequest {
   worldData: Record<string, unknown>;
@@ -60,9 +57,10 @@ export async function POST(request: NextRequest) {
       return NextResponse.json({ error: '缺少世界设定信息' }, { status: 400 });
     }
 
-    const apiKey = apiConfig?.apiKey || SERVER_API_KEY;
-    const apiBase = apiConfig?.apiBase || SERVER_API_BASE;
-    const model = apiConfig?.model || SERVER_MODEL;
+    const aiConfig = await getAiConfig();
+    const apiKey = apiConfig?.apiKey || aiConfig.apiKey;
+    const apiBase = apiConfig?.apiBase || aiConfig.apiBase;
+    const model = apiConfig?.model || aiConfig.model;
 
     if (!apiKey) {
       return NextResponse.json(

package/app/api/generate-theme/route.ts

@@ -1,10 +1,7 @@
 // app/api/generate-theme/route.ts - AI 生成配色方案
 
 import { NextRequest, NextResponse } from 'next/server';
-
-const SERVER_API_KEY = process.env.AI_API_KEY || '';
-const SERVER_API_BASE = process.env.AI_API_BASE || 'https://api.openai.com/v1';
-const SERVER_MODEL = process.env.AI_MODEL || 'gpt-4o';
+import { getAiConfig } from '@/lib/get-ai-config';
 
 interface GenerateThemeRequest {
   prompt: string;
@@ -69,9 +66,10 @@ export async function POST(request: NextRequest) {
       return NextResponse.json({ error: '请描述你想要的配色风格' }, { status: 400 });
     }
 
-    const apiKey = apiConfig?.apiKey || SERVER_API_KEY;
-    const apiBase = apiConfig?.apiBase || SERVER_API_BASE;
-    const model = apiConfig?.model || SERVER_MODEL;
+    const aiConfig = await getAiConfig();
+    const apiKey = apiConfig?.apiKey || aiConfig.apiKey;
+    const apiBase = apiConfig?.apiBase || aiConfig.apiBase;
+    const model = apiConfig?.model || aiConfig.model;
 
     if (!apiKey) {
       return NextResponse.json({ error: 'AI API Key 未配置' }, { status: 500 });

package/app/api/plugins/scan/route.ts

@@ -213,24 +213,9 @@ export async function POST(request: NextRequest) {
 /** 尝试使用 AI API 进行深度分析 */
 async function aiAnalysis(code: string, manifest?: ScanRequest['manifest']): Promise<ScanResult | null> {
   try {
-    // 从数据库获取 API 设置
-    const { execute } = await import('@/lib/db');
-    const { ensureDb } = await import('@/lib/db-init');
-    await ensureDb();
-    const [rows] = await execute('SELECT value FROM app_settings WHERE key = ?', ['app_settings']);
-
-    let apiKey = process.env.AI_API_KEY || '';
-    let apiBase = process.env.AI_API_BASE || 'https://api.openai.com/v1';
-    let model = process.env.AI_MODEL || 'gpt-4o';
-
-    if (rows.length > 0 && rows[0].value) {
-      const settings = typeof rows[0].value === 'string' ? JSON.parse(rows[0].value) : rows[0].value;
-      if (settings.aiApiKey) apiKey = settings.aiApiKey;
-      if (settings.aiApiBase) apiBase = settings.aiApiBase;
-      if (settings.aiModel) model = settings.aiModel;
-    }
-
-    if (!apiKey) return null;
+    const { getAiConfig } = await import('@/lib/get-ai-config');
+    const config = await getAiConfig();
+    if (!config.apiKey) return null;
 
     const systemPrompt = `你是一个代码安全分析专家。分析以下插件代码的安全性，返回 JSON 格式的安全报告。
 JSON 格式：
@@ -244,14 +229,14 @@ JSON 格式：
 
 检测维度：网络请求、DOM 操作、数据访问、代码执行(eval/Function)、恶意模式、权限需求。`;
 
-    const response = await fetch(`${apiBase}/chat/completions`, {
+    const response = await fetch(`${config.apiBase}/chat/completions`, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
-        'Authorization': `Bearer ${apiKey}`,
+        'Authorization': `Bearer ${config.apiKey}`,
       },
       body: JSON.stringify({
-        model,
+        model: config.model,
         messages: [
           { role: 'system', content: systemPrompt },
           { role: 'user', content: `插件信息：${JSON.stringify(manifest || {})}\n\n插件代码：\n${code}` },

package/app/api/suggest-fields/route.ts

@@ -1,10 +1,7 @@
 // app/api/suggest-fields/route.ts - AI 智能补全字段 API
 
 import { NextRequest, NextResponse } from 'next/server';
-
-const SERVER_API_KEY = process.env.AI_API_KEY || '';
-const SERVER_API_BASE = process.env.AI_API_BASE || 'https://api.openai.com/v1';
-const SERVER_MODEL = process.env.AI_MODEL || 'gpt-4o';
+import { getAiConfig } from '@/lib/get-ai-config';
 
 const SYSTEM_PROMPT = `你是一个 RPG 世界卡片设计专家。根据模板名称和已有字段的键名、类型，为每个字段智能补全默认值、占位文本、选项等内容。
 
@@ -40,9 +37,10 @@ export async function POST(request: NextRequest) {
     const body = await request.json();
     const { templateName, existingFields, apiConfig } = body;
 
-    const apiKey = apiConfig?.apiKey || SERVER_API_KEY;
-    const apiBase = apiConfig?.apiBase || SERVER_API_BASE;
-    const model = apiConfig?.model || SERVER_MODEL;
+    const aiConfig = await getAiConfig();
+    const apiKey = apiConfig?.apiKey || aiConfig.apiKey;
+    const apiBase = apiConfig?.apiBase || aiConfig.apiBase;
+    const model = apiConfig?.model || aiConfig.model;
 
     if (!apiKey) {
       return NextResponse.json(

package/app/settings/page.tsx

@@ -703,7 +703,7 @@ export default function SettingsPage() {
             </SettingCard>
 
             <SettingCard title="连接配置">
-              <SettingRow label="API Key" description="仅存储在本地浏览器中，不会上传">
+              <SettingRow label="API Key" description="保存后存储在服务端数据库中，游戏会话自动读取">
                 <div className="relative">
                   <input
                     type={showKey ? 'text' : 'password'}

package/components/ui/ThemeSwitcher.tsx

@@ -69,43 +69,45 @@ export function ThemeSwitcher({ buttonStyle = {} }: { buttonStyle?: React.CSSPro
                   更多
                 </button>
               </div>
-              {([...config.presets, ...config.importedThemes]).map((theme) => (
-                <button
-                  key={theme.id}
-                  onClick={() => {
-                    setActiveThemeId(theme.id);
-                  }}
-                  className="w-full flex items-center gap-3 px-3 py-2 rounded-md text-left transition-colors"
-                  style={{
-                    backgroundColor:
-                      activeTheme.id === theme.id ? 'var(--color-bg-tertiary)' : 'transparent',
-                    color: 'var(--color-text-primary)',
-                  }}
-                >
-                  {/* 颜色预览 */}
-                  <div className="flex gap-1">
-                    <span
-                      className="w-4 h-4 rounded-full border"
-                      style={{
-                        backgroundColor: theme.variables['--color-bg-primary'],
-                        borderColor: theme.variables['--color-border'],
-                      }}
-                    />
-                    <span
-                      className="w-4 h-4 rounded-full"
-                      style={{ backgroundColor: theme.variables['--color-accent'] }}
-                    />
-                  </div>
-                  <div>
-                    <div className="text-sm font-medium">{theme.name}</div>
-                  </div>
-                  {activeTheme.id === theme.id && (
-                    <svg className="ml-auto" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-                      <path d="M20 6L9 17l-5-5" />
-                    </svg>
-                  )}
-                </button>
-              ))}
+              <div className="flex flex-col gap-2 max-h-[300px] overflow-auto">
+                {([...config.presets, ...config.importedThemes]).map((theme) => (
+                  <button
+                    key={theme.id}
+                    onClick={() => {
+                      setActiveThemeId(theme.id);
+                    }}
+                    className="w-full flex items-center gap-3 px-3 py-2 rounded-md text-left transition-colors"
+                    style={{
+                      backgroundColor:
+                        activeTheme.id === theme.id ? 'var(--color-bg-tertiary)' : 'transparent',
+                      color: 'var(--color-text-primary)',
+                    }}
+                  >
+                    {/* 颜色预览 */}
+                    <div className="flex gap-1">
+                      <span
+                        className="w-4 h-4 rounded-full border"
+                        style={{
+                          backgroundColor: theme.variables['--color-bg-primary'],
+                          borderColor: theme.variables['--color-border'],
+                        }}
+                      />
+                      <span
+                        className="w-4 h-4 rounded-full"
+                        style={{ backgroundColor: theme.variables['--color-accent'] }}
+                      />
+                    </div>
+                    <div>
+                      <div className="text-sm font-medium">{theme.name}</div>
+                    </div>
+                    {activeTheme.id === theme.id && (
+                      <svg className="ml-auto" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+                        <path d="M20 6L9 17l-5-5" />
+                      </svg>
+                    )}
+                  </button>
+                ))}
+              </div>
 
               {/* {config.customTheme && (
                 <>

package/lib/db.ts

@@ -6,9 +6,7 @@ let SQL: SqlJsStatic | null = null;
 let db: SqlJsDatabase | null = null;
 let initPromise: Promise<void> | null = null;
 
-function getDbPath(): string {
-  return process.env.DB_PATH || join(process.cwd(), 'data', 'xinyu.db');
-}
+const DB_PATH = join(process.cwd(), 'data', 'xinyu.db');
 
 async function ensureDb(): Promise<SqlJsDatabase> {
   if (db) return db;
@@ -17,12 +15,11 @@ async function ensureDb(): Promise<SqlJsDatabase> {
       if (!SQL) SQL = await initSqlJs({
         locateFile: (file: string) => join(process.cwd(), 'public', file),
       });
-      const dbPath = getDbPath();
-      if (existsSync(dbPath)) {
-        const buffer = readFileSync(dbPath);
+      if (existsSync(DB_PATH)) {
+        const buffer = readFileSync(DB_PATH);
         db = new SQL.Database(buffer);
       } else {
-        const dir = join(dbPath, '..');
+        const dir = join(DB_PATH, '..');
         if (!existsSync(dir)) mkdirSync(dir, { recursive: true });
         db = new SQL.Database();
       }
@@ -36,7 +33,7 @@ async function ensureDb(): Promise<SqlJsDatabase> {
 function persist(): void {
   if (db) {
     const data = db.export();
-    writeFileSync(getDbPath(), Buffer.from(data));
+    writeFileSync(DB_PATH, Buffer.from(data));
   }
 }
 

package/lib/get-ai-config.ts

@@ -0,0 +1,33 @@
+import { execute } from '@/lib/db';
+import { ensureDb } from '@/lib/db-init';
+
+export interface AiConfig {
+  apiKey: string;
+  apiBase: string;
+  model: string;
+}
+
+export async function getAiConfig(): Promise<AiConfig> {
+  const defaults = {
+    apiKey: '',
+    apiBase: 'https://api.openai.com/v1',
+    model: 'gpt-4o',
+  };
+  try {
+    await ensureDb();
+    const [rows] = await execute('SELECT value FROM app_settings WHERE key = ?', ['app_settings']);
+    if (Array.isArray(rows) && rows.length > 0) {
+      const row = rows[0] as Record<string, unknown>;
+      const raw = row.value;
+      const settings = typeof raw === 'string' ? JSON.parse(raw) : raw;
+      return {
+        apiKey: settings.aiApiKey || defaults.apiKey,
+        apiBase: settings.aiApiBase || defaults.apiBase,
+        model: settings.aiModel || defaults.model,
+      };
+    }
+  } catch (e) {
+    console.error('Failed to read AI config from database, using defaults:', e);
+  }
+  return defaults;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xinyu-pro",
-  "version": "0.22.4",
+  "version": "0.22.5",
   "private": false,
   "description": "星语 Pro - AI 驱动的互动叙事平台",
   "author": "RestRegular",
@@ -13,14 +13,12 @@
     "app/",
     "components/",
     "lib/",
-    "plugins/",
     "public/",
     "styles/",
     "next.config.mjs",
     "tailwind.config.ts",
     "tsconfig.json",
     "postcss.config.mjs",
-    ".env.example",
     "version.json"
   ],
   "engines": {

package/version.json

@@ -1,6 +1,7 @@
-{
-  "version": "0.22.4",
-  "name": "xinyu-pro",
-  "displayName": "星语 Pro",
-  "description": "AI 驱动的互动叙事平台"
-}
+{
+  "version": "0.22.5",
+  "name": "xinyu-pro",
+  "displayName": "星语 Pro",
+  "description": "AI 驱动的互动叙事平台",
+  "updatedAt": "2026-05-24T08:24:57.439Z"
+}

package/.env.example

@@ -1,17 +0,0 @@
-# AI 大模型 API 密钥
-AI_API_KEY=sk-your-api-key-here
-
-# AI 模型名称（可选，默认 gpt-4o）
-AI_MODEL=gpt-4o
-
-# AI API 地址（可选，默认 OpenAI，可替换为兼容接口）
-AI_API_BASE=https://api.openai.com/v1
-
-# GitHub Personal Access Token（需具备 repo 权限）
-GITHUB_TOKEN=ghp_your-token-here
-
-# GitHub 用户名
-GITHUB_USERNAME=your-username
-
-# 数据库文件路径（可选，默认 data/xinyu.db）
-DB_PATH=data/xinyu.db