xinyu-pro 0.21.0

package/.env.example

@@ -0,0 +1,21 @@
+# 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
+
+# 数据库配置
+DB_HOST=localhost
+DB_PORT=3306
+DB_USER=root
+DB_PASSWORD=你的密码
+DB_NAME=xinyu

package/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/app/api/chat/route.ts

@@ -0,0 +1,84 @@
+// app/api/chat/route.ts - AI 对话 API 接口
+
+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';
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json();
+    const { worldSetting, messages, apiConfig, prebuiltMessages } = body;
+
+    if (!worldSetting || !messages || messages.length === 0) {
+      return NextResponse.json(
+        { error: '请求参数无效，需要 worldSetting 和 messages' },
+        { status: 400 }
+      );
+    }
+
+    const apiKey = apiConfig?.apiKey || SERVER_API_KEY;
+    const apiBase = apiConfig?.apiBase || SERVER_API_BASE;
+    const model = apiConfig?.model || SERVER_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' },
+        { status: 500 }
+      );
+    }
+
+    // 如果客户端已构建完整消息数组（含 system prompt），直接使用
+    // 否则走传统流程：服务端构建 system prompt + 用户消息
+    const apiMessages = prebuiltMessages?.length
+      ? prebuiltMessages.map((m: { role: string; content: string }) => ({
+          role: m.role as 'user' | 'assistant' | 'system',
+          content: m.content,
+        }))
+      : [
+          { role: 'system' as const, content: buildSystemPrompt(worldSetting, apiConfig?.systemPromptExtra) },
+          ...messages.map((m: { role: string; content: string }) => ({
+            role: m.role as 'user' | 'assistant',
+            content: m.content,
+          })),
+        ];
+
+    const response = await fetch(`${apiBase}/chat/completions`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${apiKey}`,
+      },
+      body: JSON.stringify({
+        model,
+        messages: apiMessages,
+        temperature,
+        max_tokens: maxTokens,
+      }),
+    });
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error('AI API error:', errorText);
+      return NextResponse.json(
+        { error: `AI API 调用失败 (${response.status}): ${errorText}` },
+        { status: 502 }
+      );
+    }
+
+    const data = await response.json();
+    const content: string = data.choices?.[0]?.message?.content || '（无回复）';
+
+    return NextResponse.json({ content });
+  } catch (error) {
+    console.error('Chat API error:', error);
+    return NextResponse.json(
+      { error: '服务器内部错误' },
+      { status: 500 }
+    );
+  }
+}

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

@@ -0,0 +1,171 @@
+// 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';
+
+interface GenerateSvgRequest {
+  worldData: Record<string, unknown>;
+  customRules?: string;
+  apiConfig?: {
+    apiKey: string;
+    apiBase: string;
+    model: string;
+  };
+}
+
+const SVG_SYSTEM_PROMPT = `你是一位专业的 SVG 视觉设计师。你的唯一任务是生成纯视觉的 SVG 世界卡片代码。
+
+## 绝对规则（必须遵守）
+1. 你必须输出一个完整的、可渲染的 SVG 代码
+2. SVG 必须以 <svg 开头，以 </svg> 结尾
+3. SVG 必须包含实际的视觉元素（矩形、文字、渐变、装饰等）
+4. 不要输出任何解释文字，只输出 SVG 代码
+5. 不要包含任何 <script> 标签，数据会由系统自动注入
+
+## SVG 世界卡片规范
+
+### 尺寸
+viewBox="0 0 400 560"
+
+### 结构
+1. 背景层：渐变背景 + 装饰图案
+2. 标题区：游戏标题（大字）
+3. 信息区：展示世界设定的各项信息（时代、地点、基调、冲突等）
+4. 装饰层：边框、分隔线、角落装饰
+
+### 视觉设计
+- 根据世界设定的时代、氛围、基调来设计配色和装饰风格
+- 使用渐变（linearGradient/radialGradient）增加质感
+- 文字清晰可读，层次分明
+- 使用中文显示世界信息
+- 不要使用外部资源（字体、图片等）
+- 确保所有标签正确闭合
+
+### 风格参考
+- 奇幻/史诗：深色背景 + 金色装饰
+- 科幻/赛博朋克：纯黑背景 + 荧光色
+- 古典/历史：暖色纸张质感 + 棕色装饰
+- 轻松/日常：明亮配色 + 圆润元素
+- 恐怖/悬疑：暗红/深紫 + 锐利线条`;
+
+export async function POST(request: NextRequest) {
+  try {
+    const body: GenerateSvgRequest = await request.json();
+    const { worldData, customRules, apiConfig } = body;
+
+    if (!worldData?.title) {
+      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;
+
+    if (!apiKey) {
+      return NextResponse.json(
+        { error: 'AI API Key 未配置，请在设置中填写' },
+        { status: 500 }
+      );
+    }
+
+    // 构建世界信息文本（包含 label）
+    const worldInfoLines = Object.entries(worldData)
+      .filter(([k]) => !k.startsWith('_'))
+      .filter(([, v]) => v !== undefined && v !== null && v !== '')
+      .map(([k, v]) => {
+        const label = (worldData._labels as Record<string, string>)?.[k] || k;
+        return `- ${label}: ${Array.isArray(v) ? v.join('、') : v}`;
+      });
+    const worldInfo = `## 世界设定\n${worldInfoLines.join('\n')}`;
+
+    const userPrompt = `请为以下游戏世界生成一张 SVG 世界卡片。
+
+${worldInfo}
+
+${customRules ? `## 自定义生成规则\n${customRules}\n` : ''}
+
+请直接输出完整的 SVG 代码。要求：
+1. 必须以 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 560"> 开头
+2. 必须包含渐变背景、标题、世界信息文字、装饰边框等视觉元素
+3. 不要包含 <script> 标签
+4. 不要输出任何 SVG 之外的文字`;
+
+    const response = await fetch(`${apiBase}/chat/completions`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${apiKey}`,
+      },
+      body: JSON.stringify({
+        model,
+        messages: [
+          { role: 'system', content: SVG_SYSTEM_PROMPT },
+          { role: 'user', content: userPrompt },
+        ],
+        temperature: 0.9,
+        max_tokens: 16384,
+      }),
+    });
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error('SVG generation API error:', errorText);
+      return NextResponse.json(
+        { error: `AI 调用失败 (${response.status})` },
+        { status: 502 }
+      );
+    }
+
+    const data = await response.json();
+    let svgContent: string = data.choices?.[0]?.message?.content || '';
+
+    // 清理 markdown 代码块包裹
+    svgContent = svgContent.trim();
+    if (svgContent.startsWith('```svg')) {
+      svgContent = svgContent.slice(6);
+    } else if (svgContent.startsWith('```')) {
+      svgContent = svgContent.slice(3);
+    }
+    if (svgContent.endsWith('```')) {
+      svgContent = svgContent.slice(0, -3);
+    }
+    svgContent = svgContent.trim();
+
+    // 提取 SVG 内容（可能被其他文字包裹）
+    const svgStart = svgContent.indexOf('<svg');
+    const svgEnd = svgContent.lastIndexOf('</svg>');
+    if (svgStart !== -1 && svgEnd !== -1) {
+      svgContent = svgContent.slice(svgStart, svgEnd + 6);
+    }
+
+    // 确保 SVG 有 xmlns
+    if (!svgContent.includes('xmlns')) {
+      svgContent = svgContent.replace('<svg', '<svg xmlns="http://www.w3.org/2000/svg"');
+    }
+
+    // 验证 SVG 包含实际视觉元素
+    const hasVisualElements = /<(rect|circle|ellipse|line|polyline|polygon|path|text|image|g|linearGradient|radialGradient|defs)\b/i.test(svgContent);
+    if (!hasVisualElements) {
+      return NextResponse.json(
+        { error: 'AI 生成的 SVG 不包含视觉元素，请重试' },
+        { status: 500 }
+      );
+    }
+
+    // 确保 SVG 正确闭合
+    if (!svgContent.endsWith('</svg>')) {
+      svgContent += '\n</svg>';
+    }
+
+    // 移除 AI 可能误生成的 script 标签
+    svgContent = svgContent.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, '').trim();
+
+    return NextResponse.json({ svg: svgContent });
+  } catch (error) {
+    console.error('Generate SVG error:', error);
+    return NextResponse.json({ error: '服务器内部错误' }, { status: 500 });
+  }
+}

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

@@ -0,0 +1,137 @@
+// 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';
+
+interface GenerateThemeRequest {
+  prompt: string;
+  format: 'svg' | 'json';
+  apiConfig?: {
+    apiKey: string;
+    apiBase: string;
+    model: string;
+  };
+}
+
+const THEME_SYSTEM_PROMPT = `你是一位专业的 UI 配色方案设计师。你的任务是生成视觉精美的配色方案。
+
+## 输出格式
+
+### SVG 格式
+生成一个 400x560 的 SVG 色卡展示图，要求：
+1. 包含渐变背景、色块展示、文字标注
+2. 展示主背景色、次背景色、文字色、强调色、边框色等
+3. 每个颜色用色块+十六进制值标注
+4. 风格要美观，体现配色方案的氛围
+5. 只输出 SVG 代码，不要包含 <script> 标签
+6. 必须以 <svg 开头，以 </svg> 结尾
+
+### JSON 格式
+输出一个 JSON 对象，包含以下结构：
+{
+  "name": "主题名称",
+  "description": "主题描述",
+  "isDark": true/false,
+  "variables": {
+    "--color-bg-primary": "#背景色",
+    "--color-bg-secondary": "#次背景色",
+    "--color-bg-tertiary": "#三级背景色",
+    "--color-text-primary": "#主文字色",
+    "--color-text-secondary": "#次文字色",
+    "--color-text-muted": "#弱化文字色",
+    "--color-accent": "#强调色",
+    "--color-accent-hover": "#强调色悬停",
+    "--color-border": "#边框色",
+    "--color-shadow": "rgba阴影色",
+    "--color-user-bubble": "#用户气泡色",
+    "--color-ai-bubble": "#AI气泡色",
+    "--font-body": "字体",
+    "--font-heading": "标题字体",
+    "--border-radius": "圆角大小"
+  }
+}
+
+## 配色原则
+- 确保文字在背景上有足够对比度（WCAG AA 标准）
+- 强调色要醒目但不刺眼
+- 背景色层次分明
+- 整体配色和谐统一`;
+
+export async function POST(request: NextRequest) {
+  try {
+    const body: GenerateThemeRequest = await request.json();
+    const { prompt, format, apiConfig } = body;
+
+    if (!prompt) {
+      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;
+
+    if (!apiKey) {
+      return NextResponse.json({ error: 'AI API Key 未配置' }, { status: 500 });
+    }
+
+    const formatInstruction = format === 'svg'
+      ? '请以 SVG 格式输出一个精美的色卡展示图。只输出 SVG 代码。'
+      : '请以 JSON 格式输出配色方案。只输出 JSON 代码。';
+
+    const response = await fetch(`${apiBase}/chat/completions`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${apiKey}`,
+      },
+      body: JSON.stringify({
+        model,
+        messages: [
+          { role: 'system', content: THEME_SYSTEM_PROMPT },
+          { role: 'user', content: `请设计一个配色方案：${prompt}\n\n${formatInstruction}` },
+        ],
+        temperature: 0.9,
+        max_tokens: 8192,
+      }),
+    });
+
+    if (!response.ok) {
+      return NextResponse.json({ error: `AI 调用失败 (${response.status})` }, { status: 502 });
+    }
+
+    const data = await response.json();
+    let content: string = data.choices?.[0]?.message?.content || '';
+
+    content = content.trim();
+    // 清理 markdown 代码块
+    if (content.startsWith('```svg')) content = content.slice(6);
+    else if (content.startsWith('```json')) content = content.slice(7);
+    else if (content.startsWith('```')) content = content.slice(3);
+    if (content.endsWith('```')) content = content.slice(0, -3);
+    content = content.trim();
+
+    if (format === 'svg') {
+      // 提取 SVG
+      const start = content.indexOf('<svg');
+      const end = content.lastIndexOf('</svg>');
+      if (start !== -1 && end !== -1) content = content.slice(start, end + 6);
+      if (!content.includes('xmlns')) content = content.replace('<svg', '<svg xmlns="http://www.w3.org/2000/svg"');
+      // 移除 script 标签
+      content = content.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, '').trim();
+      return NextResponse.json({ type: 'svg', content });
+    } else {
+      // 提取 JSON
+      const start = content.indexOf('{');
+      const end = content.lastIndexOf('}');
+      if (start !== -1 && end !== -1) content = content.slice(start, end + 1);
+      const parsed = JSON.parse(content);
+      return NextResponse.json({ type: 'json', content: parsed });
+    }
+  } catch (error) {
+    console.error('Generate theme error:', error);
+    return NextResponse.json({ error: '生成失败' }, { status: 500 });
+  }
+}

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

@@ -0,0 +1,173 @@
+// app/api/plugins/bindings/route.ts - 插件绑定 API
+
+import { NextRequest, NextResponse } from 'next/server';
+import { getDbPool } from '@/lib/db';
+import { ensureDb } from '@/lib/db-init';
+
+/** 解析 JSON 字段 */
+function parseJsonField<T>(value: unknown): T {
+  if (typeof value === 'string') {
+    try { return JSON.parse(value) as T; } catch { return value as unknown as T; }
+  }
+  return value as T;
+}
+
+/** 行数据转换为绑定对象 */
+function rowToBinding(row: Record<string, unknown>) {
+  return {
+    id: row.id,
+    extensionId: row.extension_id,
+    scope: row.scope,
+    worldId: row.world_id,
+    enabled: Boolean(row.enabled),
+    config: parseJsonField<Record<string, unknown>>(row.config),
+    sortOrder: row.sort_order,
+    createdAt: row.created_at,
+    updatedAt: row.updated_at,
+  };
+}
+
+// GET: 获取绑定列表
+export async function GET(request: NextRequest) {
+  try {
+    await ensureDb();
+    const db = getDbPool();
+    const { searchParams } = new URL(request.url);
+    const id = searchParams.get('id');
+    const scope = searchParams.get('scope');
+    const worldId = searchParams.get('worldId');
+
+    if (id) {
+      const [rows] = await db.execute(
+        'SELECT * FROM extension_bindings WHERE id = ?',
+        [id]
+      ) as [Record<string, unknown>[], unknown];
+      if (rows.length === 0) {
+        return NextResponse.json({ error: '绑定不存在' }, { status: 404 });
+      }
+      return NextResponse.json(rowToBinding(rows[0]));
+    }
+
+    let query = 'SELECT * FROM extension_bindings WHERE 1=1';
+    const params: (string | null)[] = [];
+
+    if (scope) {
+      query += ' AND scope = ?';
+      params.push(scope);
+    }
+    if (worldId) {
+      query += ' AND world_id = ?';
+      params.push(worldId);
+    }
+
+    query += ' ORDER BY sort_order ASC, id ASC';
+    const [rows] = await db.execute(query, params) as [Record<string, unknown>[], unknown];
+    return NextResponse.json(rows.map(rowToBinding));
+  } catch (e) {
+    console.error('获取插件绑定失败:', e);
+    return NextResponse.json({ error: '获取插件绑定失败' }, { status: 500 });
+  }
+}
+
+// POST: 创建或更新绑定（upsert）
+export async function POST(request: NextRequest) {
+  try {
+    await ensureDb();
+    const db = getDbPool();
+    const body = await request.json();
+    const { extensionId, scope, worldId, enabled, config, sortOrder } = body;
+
+    if (!extensionId) {
+      return NextResponse.json({ error: '缺少插件 ID' }, { status: 400 });
+    }
+
+    const bindingScope = scope ?? 'global';
+    const bindingWorldId = worldId ?? '';
+    const bindingEnabled = enabled !== undefined ? enabled : true;
+    const bindingConfig = config ?? {};
+    const bindingSortOrder = sortOrder ?? 0;
+
+    await db.execute(
+      `INSERT INTO extension_bindings (extension_id, scope, world_id, enabled, config, sort_order)
+       VALUES (?, ?, ?, ?, ?, ?)
+       ON DUPLICATE KEY UPDATE
+       enabled = VALUES(enabled), config = VALUES(config), sort_order = VALUES(sort_order)`,
+      [extensionId, bindingScope, bindingWorldId, bindingEnabled, JSON.stringify(bindingConfig), bindingSortOrder]
+    );
+
+    return NextResponse.json({ success: true, extensionId });
+  } catch (e) {
+    console.error('创建插件绑定失败:', e);
+    return NextResponse.json({ error: '创建插件绑定失败' }, { status: 500 });
+  }
+}
+
+// PUT: 更新绑定
+export async function PUT(request: NextRequest) {
+  try {
+    await ensureDb();
+    const db = getDbPool();
+    const body = await request.json();
+    const { id, ...fields } = body;
+
+    if (!id) {
+      return NextResponse.json({ error: '缺少绑定 ID' }, { status: 400 });
+    }
+
+    const updates: string[] = [];
+    const params: (string | number | boolean | null)[] = [];
+
+    const allowedFields = ['enabled', 'config', 'sortOrder', 'scope', 'worldId'];
+    const columnMap: Record<string, string> = {
+      sortOrder: 'sort_order',
+      worldId: 'world_id',
+    };
+
+    for (const field of allowedFields) {
+      if (fields[field] !== undefined) {
+        const col = columnMap[field] || field;
+        updates.push(`${col} = ?`);
+        if (field === 'config') {
+          params.push(JSON.stringify(fields[field]));
+        } else {
+          params.push(fields[field]);
+        }
+      }
+    }
+
+    if (updates.length === 0) {
+      return NextResponse.json({ error: '没有需要更新的字段' }, { status: 400 });
+    }
+
+    params.push(id);
+    await db.execute(
+      `UPDATE extension_bindings SET ${updates.join(', ')} WHERE id = ?`,
+      params
+    );
+
+    return NextResponse.json({ success: true, id });
+  } catch (e) {
+    console.error('更新插件绑定失败:', e);
+    return NextResponse.json({ error: '更新插件绑定失败' }, { status: 500 });
+  }
+}
+
+// DELETE: 删除绑定
+export async function DELETE(request: NextRequest) {
+  try {
+    await ensureDb();
+    const db = getDbPool();
+    const { searchParams } = new URL(request.url);
+    const id = searchParams.get('id');
+
+    if (!id) {
+      return NextResponse.json({ error: '缺少绑定 ID' }, { status: 400 });
+    }
+
+    await db.execute('DELETE FROM extension_bindings WHERE id = ?', [id]);
+    return NextResponse.json({ success: true, id });
+  } catch (e) {
+    console.error('删除插件绑定失败:', e);
+    return NextResponse.json({ error: '删除插件绑定失败' }, { status: 500 });
+  }
+}