npm - xinyu-pro - Versions diffs - 0.21.0 - Mend

xinyu-pro 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (96) hide show

package/.env.example +21 -0
package/README.md +36 -0
package/app/api/chat/route.ts +84 -0
package/app/api/generate-svg/route.ts +171 -0
package/app/api/generate-theme/route.ts +137 -0
package/app/api/plugins/bindings/route.ts +173 -0
package/app/api/plugins/export/route.ts +122 -0
package/app/api/plugins/export-xye/route.ts +156 -0
package/app/api/plugins/files/route.ts +146 -0
package/app/api/plugins/files-list/route.ts +168 -0
package/app/api/plugins/files-upload/route.ts +101 -0
package/app/api/plugins/files-write/route.ts +272 -0
package/app/api/plugins/import/route.ts +140 -0
package/app/api/plugins/import-package/route.ts +231 -0
package/app/api/plugins/resources/route.ts +109 -0
package/app/api/plugins/route.ts +308 -0
package/app/api/plugins/scan/route.ts +280 -0
package/app/api/plugins/storage/route.ts +146 -0
package/app/api/sessions/route.ts +165 -0
package/app/api/settings/route.ts +40 -0
package/app/api/suggest-fields/route.ts +129 -0
package/app/api/templates/route.ts +159 -0
package/app/api/test-api/route.ts +63 -0
package/app/editor/page.tsx +1466 -0
package/app/extensions/create/page.tsx +1422 -0
package/app/extensions/edit/[id]/page.tsx +2342 -0
package/app/extensions/page.tsx +1572 -0
package/app/extensions/tutorial/page.tsx +4258 -0
package/app/favicon.ico +0 -0
package/app/fonts/GeistMonoVF.woff +0 -0
package/app/fonts/GeistVF.woff +0 -0
package/app/game/[id]/page.tsx +996 -0
package/app/globals.css +3 -0
package/app/layout.tsx +26 -0
package/app/loading.tsx +26 -0
package/app/page.tsx +345 -0
package/app/settings/page.tsx +1490 -0
package/bin/cli.js +262 -0
package/components/ChatInput.tsx +106 -0
package/components/ChatWindow.tsx +52 -0
package/components/FullPageLoader.tsx +107 -0
package/components/LoadingDots.tsx +20 -0
package/components/MathCurveLoader.tsx +173 -0
package/components/MessageBubble.tsx +147 -0
package/components/WorldCardPreview.tsx +98 -0
package/components/WorldCardUploader.tsx +58 -0
package/components/ui/ConfirmDialog.tsx +135 -0
package/components/ui/PageHeader.tsx +99 -0
package/components/ui/PermissionConflictDialog.tsx +206 -0
package/components/ui/PluginConfigForm.tsx +192 -0
package/components/ui/PluginFloatingLayer.tsx +52 -0
package/components/ui/PluginIcon.tsx +53 -0
package/components/ui/PluginModalRenderer.tsx +185 -0
package/components/ui/PluginProvider.tsx +1038 -0
package/components/ui/PluginSlotRenderer.tsx +76 -0
package/components/ui/ThemeCustomizer.tsx +174 -0
package/components/ui/ThemeProvider.tsx +125 -0
package/components/ui/ThemeSwitcher.tsx +140 -0
package/components/ui/ToastProvider.tsx +141 -0
package/lib/builtin-plugins.ts +11 -0
package/lib/db-init.ts +35 -0
package/lib/db.ts +244 -0
package/lib/manifest-parser.ts +185 -0
package/lib/parseWorldCard.ts +110 -0
package/lib/plugin-dom-sandbox.ts +327 -0
package/lib/plugin-events.ts +88 -0
package/lib/plugin-files.ts +186 -0
package/lib/plugin-html-sanitizer.ts +79 -0
package/lib/plugin-resource-tracker.ts +175 -0
package/lib/plugin-runtime.ts +2287 -0
package/lib/plugin-security.ts +151 -0
package/lib/plugin-types.ts +416 -0
package/lib/prompt-builder.ts +55 -0
package/lib/router-history.ts +119 -0
package/lib/storage.ts +381 -0
package/lib/themes.ts +129 -0
package/lib/types.ts +117 -0
package/lib/version.ts +55 -0
package/next.config.mjs +43 -0
package/package.json +56 -0
package/plugins/xinyu.bag-system.xye +0 -0
package/plugins/xinyu.cache-optimizer.xye +0 -0
package/plugins/xinyu.dice-arbiter.xye +0 -0
package/plugins/xinyu.game-auto-start-choices.xye +0 -0
package/plugins/xinyu.markdown-render.xye +0 -0
package/plugins/xinyu.slot-ui-beautify.xye +0 -0
package/plugins/xinyu.world-info.xye +0 -0
package/postcss.config.mjs +8 -0
package/public/templates/atlantis.svg +63 -0
package/public/templates/cyber-city.svg +68 -0
package/public/templates/jianghu.svg +69 -0
package/public/templates//351/255/224/346/263/225/344/270/226/347/225/214.svg +137 -0
package/styles/themes.css +111 -0
package/tailwind.config.ts +18 -0
package/tsconfig.json +26 -0
package/version.json +6 -0

package/app/globals.css ADDED Viewed

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/app/layout.tsx ADDED Viewed

@@ -0,0 +1,26 @@
+import type { Metadata } from 'next';
+import React from "react";
+import './globals.css';
+import '@/styles/themes.css';
+import '@fortawesome/fontawesome-free/css/all.min.css';
+import { ThemeProvider } from '@/components/ui/ThemeProvider';
+import { ToastProvider } from '@/components/ui/ToastProvider';
+export const metadata: Metadata = {
+  title: '星语 · xinyu-pro',
+  description: '基于 AI 大模型的沉浸式角色扮演游戏平台',
+};
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="zh-CN">
+      <body className="antialiased min-h-screen">
+        <ThemeProvider><ToastProvider><React.Suspense fallback={null}>{children}</React.Suspense></ToastProvider></ThemeProvider>
+      </body>
+    </html>
+  );
+}

package/app/loading.tsx ADDED Viewed

@@ -0,0 +1,26 @@
+// app/loading.tsx - 全局路由级加载 UI
+// Next.js App Router 会在页面切换时自动显示此组件
+import MathCurveLoader from '@/components/MathCurveLoader';
+export default function Loading() {
+  return (
+    <div
+      className="flex flex-col items-center justify-center gap-4"
+      style={{
+        minHeight: '100vh',
+        backgroundColor: 'var(--color-bg-primary)',
+        opacity: 1,
+        transition: 'opacity 0.2s ease',
+      }}
+    >
+      <MathCurveLoader size={80} strokeWidthScale={0.8} />
+      <p
+        className="text-sm select-none"
+        style={{ color: 'var(--color-text-muted)' }}
+      >
+        加载中...
+      </p>
+    </div>
+  );
+}

package/app/page.tsx ADDED Viewed

@@ -0,0 +1,345 @@
+'use client';
+import React, { useState, useEffect, useCallback } from 'react';
+import { useRouter } from 'next/navigation';
+import { useRouterHistory } from '@/lib/router-history';
+import { WorldCardField, WorldCardTemplate } from '@/lib/types';
+import { WorldCardUploader } from '@/components/WorldCardUploader';
+import { ThemeSwitcher } from '@/components/ui/ThemeSwitcher';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import { getGameSessions, deleteGameSession, getWorldTemplates, deleteWorldTemplate, saveWorldTemplate, saveGameSession, getPlugins, getPluginBindings, upsertPluginBinding, StoredSession } from '@/lib/storage';
+import { parseWorldCardRaw, fieldsToWorldSetting } from '@/lib/parseWorldCard';
+import FullPageLoader from '@/components/FullPageLoader';
+export default function HomePage() {
+  const router = useRouter();
+  const { navigate } = useRouterHistory();
+  const [sessions, setSessions] = useState<StoredSession[]>([]);
+  const [templates, setTemplates] = useState<WorldCardTemplate[]>([]);
+  const [availablePlugins, setAvailablePlugins] = useState<Array<{id: string; name: string}>>([]);
+  const [loading, setLoading] = useState(true);
+  const [fileError, setFileError] = useState<string | null>(null);
+  const [confirmOpen, setConfirmOpen] = useState(false);
+  const [confirmConfig, setConfirmConfig] = useState<{
+    title: string;
+    message: string;
+    danger?: boolean;
+    confirmText?: string;
+    cancelText?: string;
+    ignoreText?: string;
+    onConfirm: () => void;
+    onIgnore?: () => void;
+  }>({ title: '', message: '', onConfirm: () => {} });
+  useEffect(() => {
+    (async () => {
+      try {
+        setSessions(await getGameSessions());
+        setTemplates(await getWorldTemplates());
+        setAvailablePlugins(await getPlugins());
+      } finally {
+        setLoading(false);
+      }
+    })();
+  }, []);
+  const handleFileLoaded = async (file: File) => {
+    setFileError(null);
+    try {
+      const svgText = await file.text();
+      const rawData = parseWorldCardRaw(svgText);
+      const templateId = 'temp-' + Date.now().toString(36);
+      // 提取 _plugins 字段
+      const plugins = Array.isArray(rawData._plugins)
+        ? rawData._plugins.filter((p): p is string => typeof p === 'string')
+        : [];
+      // 过滤掉 _ 开头的内部字段
+      const fields: WorldCardField[] = Object.entries(rawData)
+        .filter(([key]) => !key.startsWith('_'))
+        .map(([key, value], i) => ({
+          id: `f${i}`, key, label: key,
+          type: Array.isArray(value) ? 'text' : typeof value === 'boolean' ? 'checkbox' : 'text',
+          value: Array.isArray(value) ? value.join('、') : String(value),
+          editableBeforeGame: true,
+        }));
+      const template: WorldCardTemplate = {
+        id: templateId, name: String(rawData.title || '未命名世界'),
+        svgContent: svgText, fields,
+        plugins,
+        createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(),
+      };
+      await saveWorldTemplate(template);
+      router.push(`/editor?mode=edit&templateId=${templateId}`);
+    } catch (err) {
+      setFileError(err instanceof Error ? err.message : '解析世界卡片失败');
+    }
+  };
+  const handleDeleteSession = useCallback((id: string) => {
+    setConfirmConfig({
+      title: '删除游戏记录',
+      message: '确定要删除这条游戏记录吗？',
+      danger: true,
+      onConfirm: async () => { await deleteGameSession(id); setSessions(await getGameSessions()); setConfirmOpen(false); },
+    });
+    setConfirmOpen(true);
+  }, []);
+  const handleTemplateClick = (templateId: string) => { router.push(`/editor?mode=edit&templateId=${templateId}`); };
+  /** 快速开始游戏（从主界面直接开始，携带模板配置的插件） */
+  const handleQuickStart = useCallback(async (tpl: WorldCardTemplate, forceStart = false) => {
+    const pluginIds = tpl.plugins || [];
+    const installedIds = new Set(availablePlugins.map(p => p.id));
+    const missingPlugins = pluginIds.filter(pid => !installedIds.has(pid));
+    if (missingPlugins.length > 0 && !forceStart) {
+      // 有插件缺失，弹窗提示
+      const missingList = missingPlugins.map(pid => `• ${pid}`).join('\n');
+      setConfirmConfig({
+        title: '插件未安装',
+        message: `以下 ${missingPlugins.length} 个插件未安装：\n${missingList}\n\n这些插件的功能将不可用，是否继续？`,
+        danger: true,
+        confirmText: '前往安装',
+        cancelText: '取消',
+        ignoreText: '忽略并继续',
+        onConfirm: () => {
+          setConfirmOpen(false);
+          navigate('/extensions');
+        },
+        onIgnore: () => {
+          setConfirmOpen(false);
+          handleQuickStart(tpl, true); // 强制开始
+        },
+      });
+      setConfirmOpen(true);
+      return;
+    }
+    // 开始游戏（过滤掉缺失的插件）
+    try {
+      const validPlugins = forceStart ? pluginIds.filter(pid => installedIds.has(pid)) : pluginIds;
+      const worldSetting = {
+        ...fieldsToWorldSetting(tpl.fields),
+        _plugins: validPlugins,
+      };
+      const gameId = tpl.id + '-game-' + Date.now().toString(36);
+      const session: StoredSession = {
+        id: gameId, worldSetting, messages: [],
+        createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(),
+      };
+      await saveGameSession(session);
+      // 为插件创建世界级绑定（使用全局绑定的配置作为默认值）
+      if (validPlugins.length > 0) {
+        const globalBindings = await getPluginBindings('global');
+        const globalBindingMap = new Map(globalBindings.map(b => [b.extensionId, b]));
+        for (const pid of validPlugins) {
+          const globalBinding = globalBindingMap.get(pid);
+          await upsertPluginBinding({
+            extensionId: pid, scope: 'world', worldId: gameId,
+            enabled: true, config: globalBinding?.config || {}, sortOrder: 0,
+          });
+        }
+      }
+      router.push(`/game/${gameId}`);
+    } catch (err) {
+      console.error('快速开始游戏失败:', err);
+    }
+  }, [router, availablePlugins]);
+  const handleDeleteTemplate = useCallback((id: string) => {
+    setConfirmConfig({
+      title: '删除模板',
+      message: '确定要删除这个世界卡片模板吗？',
+      danger: true,
+      onConfirm: async () => { await deleteWorldTemplate(id); setTemplates(await getWorldTemplates()); setConfirmOpen(false); },
+    });
+    setConfirmOpen(true);
+  }, []);
+  if (loading) {
+    return <FullPageLoader />;
+  }
+  return (
+    <>
+    <div className="min-h-screen flex flex-col" style={{ backgroundColor: 'var(--color-bg-primary)' }}>
+      {/* 顶部导航 */}
+      <header className="flex items-center justify-between px-4 sm:px-6 py-2.5 border-b shrink-0"
+        style={{ borderColor: 'var(--color-border)', backgroundColor: 'var(--color-bg-secondary)' }}>
+        <h1 className="text-lg font-bold tracking-wide" style={{ color: 'var(--color-accent)' }}>✦ 星语</h1>
+        <div className="flex items-center gap-2">
+          <ThemeSwitcher />
+          <button onClick={() => navigate('/extensions')}
+            className="flex items-center gap-1.5 px-3 py-2 rounded-lg border transition-colors"
+            style={{ backgroundColor: 'var(--color-bg-tertiary)', borderColor: 'var(--color-border)', color: 'var(--color-text-primary)' }}
+            title="插件管理">
+            <i className="fa-solid fa-puzzle-piece" style={{ fontSize: '14px' }} />
+            <span className="text-sm hidden sm:inline">插件</span>
+          </button>
+          <button onClick={() => router.push('/settings')}
+            className="flex items-center gap-1.5 px-3 py-2 rounded-lg border transition-colors"
+            style={{ backgroundColor: 'var(--color-bg-tertiary)', borderColor: 'var(--color-border)', color: 'var(--color-text-primary)' }}
+            title="设置">
+            <i className="fa-solid fa-gear" style={{ fontSize: '14px' }} />
+            <span className="text-sm hidden sm:inline">设置</span>
+          </button>
+        </div>
+      </header>
+      {/* 操作栏：紧凑一行 */}
+      <div className="shrink-0 px-4 sm:px-6 py-3 flex flex-wrap items-center justify-center gap-2"
+        style={{ borderBottom: '1px solid var(--color-border)' }}>
+        <WorldCardUploader onFileLoaded={handleFileLoaded} />
+        <button onClick={() => router.push('/editor?mode=create')}
+          className="flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium border transition-colors"
+          style={{ borderColor: 'var(--color-accent)', color: 'var(--color-accent)', backgroundColor: 'transparent' }}>
+          <i className="fa-solid fa-plus" style={{ fontSize: '12px' }} />
+          创建新的世界卡片
+        </button>
+        {fileError && (
+          <span className="text-xs px-2 py-1 rounded" style={{ color: '#ef4444', backgroundColor: 'rgba(220,38,38,0.1)' }}>
+            {fileError}
+          </span>
+        )}
+      </div>
+      {/* 主内容区 */}
+      <main className="flex-1 overflow-auto px-4 sm:px-6 py-4">
+        <div className="flex gap-6 h-full">
+          {/* 左侧：模板库 */}
+          <div className="flex-1 min-w-0">
+            <h3 className="text-sm font-medium mb-3 text-center" style={{ color: 'var(--color-text-muted)' }}>
+              模板库
+              {templates.length > 0 && (
+                <span className="ml-1 px-1.5 py-0.5 rounded text-xs"
+                  style={{ backgroundColor: 'var(--color-bg-tertiary)', color: 'var(--color-text-muted)' }}>
+                  {templates.length}
+                </span>
+              )}
+            </h3>
+            {templates.length > 0 ? (
+              <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3">
+                {templates.map((tpl) => (
+                  <div key={tpl.id}
+                    className="relative rounded-xl border cursor-pointer transition-all group overflow-hidden"
+                    style={{ backgroundColor: 'var(--color-bg-secondary)', borderColor: 'var(--color-border)' }}
+                    onClick={() => handleTemplateClick(tpl.id)}>
+                    {/* SVG 缩略图 */}
+                    <div className="w-full aspect-[5/7] overflow-hidden relative" style={{ backgroundColor: 'var(--color-bg-tertiary)' }}>
+                      {tpl.svgContent ? (
+                        <iframe srcDoc={tpl.svgContent}
+                          className="w-full h-full pointer-events-none transition-all duration-300 group-hover:blur-sm group-hover:scale-105"
+                          style={{ border: 'none', display: 'block' }}
+                          title={tpl.name} />
+                      ) : (
+                        <div className="w-full h-full flex items-center justify-center">
+                          <i className="fa-regular fa-image" style={{ color: 'var(--color-text-muted)', fontSize: '24px', opacity: 0.4 }} />
+                        </div>
+                      )}
+                      {/* Hover 覆盖层 */}
+                      <div className="absolute inset-0 flex flex-col items-center justify-center gap-2 p-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10"
+                        style={{ backgroundColor: 'rgba(0,0,0,0.55)', backdropFilter: 'blur(4px)' }}>
+                        <div className="text-sm font-bold text-white text-center leading-tight">{tpl.name}</div>
+                        <div className="w-8 h-px" style={{ backgroundColor: 'rgba(255,255,255,0.3)' }} />
+                        <div className="text-xs text-center" style={{ color: 'rgba(255,255,255,0.7)' }}>
+                          {tpl.fields.length} 个字段
+                        </div>
+                        <div className="text-xs" style={{ color: 'rgba(255,255,255,0.5)' }}>
+                          {new Date(tpl.updatedAt).toLocaleDateString()}
+                        </div>
+                        <div className="flex items-center gap-2 mt-1">
+                          <button onClick={(e) => { e.stopPropagation(); handleQuickStart(tpl); }}
+                            className="px-2.5 py-1 rounded-md text-xs font-medium transition-colors"
+                            style={{ backgroundColor: 'rgba(255,255,255,0.2)', color: '#fff' }}>
+                            <i className="fa-solid fa-play mr-1" style={{ fontSize: '10px' }} />开始游戏
+                          </button>
+                          <button onClick={(e) => { e.stopPropagation(); router.push(`/editor?mode=editTemplate&templateId=${tpl.id}`); }}
+                            className="px-2.5 py-1 rounded-md text-xs font-medium transition-colors"
+                            style={{ backgroundColor: 'rgba(255,255,255,0.2)', color: '#fff' }}>
+                            <i className="fa-solid fa-pen-to-square mr-1" style={{ fontSize: '10px' }} />编辑
+                          </button>
+                          <button onClick={(e) => { e.stopPropagation(); handleDeleteTemplate(tpl.id); }}
+                            className="px-2.5 py-1 rounded-md text-xs font-medium transition-colors"
+                            style={{ backgroundColor: 'rgba(255,255,255,0.1)', color: 'rgba(255,255,255,0.6)' }}>
+                            <i className="fa-solid fa-trash-can mr-1" style={{ fontSize: '10px' }} />删除
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                    {/* 底部名称 */}
+                    <div className="px-2.5 py-2">
+                      <div className="text-xs font-medium truncate" style={{ color: 'var(--color-text-primary)' }}>{tpl.name}</div>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            ) : (
+              <div className="flex flex-col items-center justify-center py-16 gap-2 opacity-40">
+                <i className="fa-regular fa-folder-open" style={{ color: 'var(--color-text-muted)', fontSize: '32px' }} />
+                <p className="text-xs" style={{ color: 'var(--color-text-muted)' }}>暂无模板，上传或创建一个吧</p>
+              </div>
+            )}
+          </div>
+          {/* 右侧：继续游戏 */}
+          <div className="w-64 shrink-0 hidden md:block">
+            <h3 className="text-sm font-medium mb-3 text-center" style={{ color: 'var(--color-text-muted)' }}>
+              继续游戏
+              {sessions.length > 0 && (
+                <span className="ml-1 px-1.5 py-0.5 rounded text-xs"
+                  style={{ backgroundColor: 'var(--color-bg-tertiary)', color: 'var(--color-text-muted)' }}>
+                  {sessions.length}
+                </span>
+              )}
+            </h3>
+            {sessions.length > 0 ? (
+              <div className="space-y-1.5">
+                {sessions.map((session) => (
+                  <div key={session.id}
+                    className="flex items-center justify-between px-3 py-2.5 rounded-lg border cursor-pointer transition-colors group"
+                    style={{ backgroundColor: 'var(--color-bg-secondary)', borderColor: 'var(--color-border)' }}
+                    onClick={() => router.push(`/game/${session.id}`)}>
+                    <div className="min-w-0 flex-1">
+                      <div className="text-sm font-medium truncate" style={{ color: 'var(--color-text-primary)' }}>
+                        {session.worldSetting?.title as string}
+                      </div>
+                      <div className="text-xs mt-0.5 truncate" style={{ color: 'var(--color-text-muted)' }}>
+                        · {session.messages.length} 条消息
+                      </div>
+                    </div>
+                    <button onClick={(e) => { e.stopPropagation(); handleDeleteSession(session.id); }}
+                      className="opacity-0 group-hover:opacity-100 p-1 rounded transition-opacity shrink-0 ml-2"
+                      style={{ color: 'var(--color-text-muted)' }} title="删除">
+                      <i className="fa-solid fa-xmark" style={{ fontSize: '10px' }} />
+                    </button>
+                  </div>
+                ))}
+              </div>
+            ) : (
+              <div className="flex flex-col items-center justify-center py-16 gap-2 opacity-40">
+                <i className="fa-regular fa-clock" style={{ color: 'var(--color-text-muted)', fontSize: '24px' }} />
+                <p className="text-xs" style={{ color: 'var(--color-text-muted)' }}>暂无游戏记录</p>
+              </div>
+            )}
+          </div>
+        </div>
+      </main>
+    </div>
+    <ConfirmDialog
+      open={confirmOpen}
+      title={confirmConfig.title}
+      message={confirmConfig.message}
+      danger={confirmConfig.danger}
+      confirmText={confirmConfig.confirmText}
+      cancelText={confirmConfig.cancelText}
+      ignoreText={confirmConfig.ignoreText}
+      onConfirm={confirmConfig.onConfirm}
+      onIgnore={confirmConfig.onIgnore}
+      onCancel={() => setConfirmOpen(false)}
+    />
+    </>
+  );
+}