gamekit777 0.1.6 → 0.1.7

package/studio/src/engine.ts

@@ -5,6 +5,7 @@
 import { existsSync, readFileSync, readdirSync, statSync, writeFileSync } from 'node:fs';
 import { join, relative } from 'node:path';
 import { Sha256 } from 'gamekit777/sdk/hash';
+import type { StageInfo, StageLayout } from 'gamekit777/sdk';
 import type { Segment } from 'gamekit777/weights';
 import { Bus } from './bus.ts';
 import { buildMode, groupsSummary, listArtifacts, readArtifactBytes, sampleMode, type Artifact, type BuildModeOptions } from './build.ts';
@@ -31,6 +32,9 @@ export interface PreviewState {
   lastError: string | null;
   recent: unknown[];
   consoleErrors: string[];
+  /** 机台布局与交给游戏的舞台（含安全区）。页面的切换按钮和 MCP 的 preview_set 都以这里为准 */
+  layout: StageLayout | null;
+  stage: StageInfo | null;
   updatedAt: number;
 }
 
@@ -85,7 +89,7 @@ export class Engine {
   readonly assets: AssetStore;
   preview: PreviewState = {
     connected: false, config: null, mode: null, bet: null, balance: null,
-    status: null, lastError: null, recent: [], consoleErrors: [], updatedAt: 0,
+    status: null, lastError: null, recent: [], consoleErrors: [], layout: null, stage: null, updatedAt: 0,
   };
   #publish = new Map<string, PublishRequest>();
   #lastFingerprint: string;

package/studio/src/mcp.ts

@@ -282,25 +282,27 @@ export function createMcpServer(engine: Engine): McpServer {
   });
 
   s.registerTool('preview_state', {
-    description: '预览页的当前状态：连没连、当前 config / mode / 注额 / 余额、已加载的表、最近几局、控制台报错。',
+    description: '预览页的当前状态：连没连、当前 config / mode / 注额 / 余额、已加载的表、最近几局、控制台报错、机台布局（desktop/mobile）与交给游戏的舞台尺寸和安全区。',
     inputSchema: {},
   }, async () => {
     engine.touch();
     const p = engine.preview;
     if (!engine.bus.previewConnected) return out(`预览页没连着。请在浏览器打开 ${engine.urls.studio}`, { connected: false });
     return out([`## 预览（本地表模型）`, `- mode ${p.mode}，注额 ${p.bet}，余额 ${p.balance}`, `- config ${JSON.stringify(p.config)}`,
+      ...(p.stage ? [`- 布局 ${p.layout}，舞台 ${p.stage.width}×${p.stage.height}，安全区 上 ${p.stage.safe.top} 下 ${p.stage.safe.bottom}`] : []),
       `- 最近 ${p.recent.length} 局`, ...(p.lastError ? [`- ⚠️ 最近错误：${p.lastError}`] : []),
       ...(p.consoleErrors.length ? ['', '### 控制台报错', ...p.consoleErrors.slice(-5).map((e) => `- ${e}`)] : [])].join('\n'), p);
   });
 
   s.registerTool('preview_set', {
-    description: '改预览的设置：config、注额、客户端种子、造型、极速。局中/自动中会被平台否决，rejected 里会说。',
+    description: '改预览的设置：config、注额、客户端种子、造型、极速、机台布局（desktop 桌面 / mobile 手机竖屏全屏）。局中/自动中会被平台否决，rejected 里会说。',
     inputSchema: {
       config: z.record(z.string(), z.unknown()).optional(),
       bet: z.number().int().optional().describe('最小货币单位（分）'),
       clientSeed: z.string().optional(),
       skin: z.string().optional(),
       turbo: z.boolean().optional(),
+      layout: z.enum(['desktop', 'mobile']).optional().describe('切机台布局。游戏不重挂，收到 host.stage 后自己重排'),
     },
   }, async (a) => {
     try {

package/studio/src/studio-plugin.ts

@@ -5,9 +5,7 @@
  *
  * 不往游戏目录写任何文件：两个 html 从内存吐，入口用 /@fs 指回 studio 包。
  * 不依赖游戏目录里有 index.html：脚手架出来的项目没有它，`bun run dev` 就是起 studio。 */
-import { readFileSync } from 'node:fs';
-import type { Plugin } from 'vite';
-import { compile } from 'svelte/compiler';
+import type { DevEnvironment, Plugin, Rollup } from 'vite';
 import { API_PREFIX, createApi } from './api.ts';
 import type { Engine } from './engine.ts';
 
@@ -55,18 +53,36 @@ export function studioPlugin(o: StudioPluginOptions): Plugin {
       return null;
     },
 
-    /* 资源库组件的 <style> 兜底。vite-plugin-svelte 把组件 CSS 存在模块信息里，样式虚拟模块
-       （…svelte?svelte&type=style&lang.css）从那里取；组件还没编译过就先来要样式（重连、刷新、缓存未命中）时
-       它拿不到，退回读文件——整份 .svelte 源码被当 CSS 交给下游，namespace-css 直接炸页。
-       库组件在游戏根之外、内容自足，这里自己编一遍只取 CSS：scoped class 的哈希只由样式文本决定，和组件那次编译一致 */
-    load(id) {
+    /* svelte 组件 <style> 的兜底。
+       vite-plugin-svelte 把编译出的 CSS 挂在组件模块的 meta 上，样式虚拟模块（…svelte?svelte&type=style&lang.css）
+       用 getModuleInfo(不带 query 的文件名) 去取。两种情况取不到，它就放弃，vite 退回读文件——
+       整份 .svelte 源码被当 CSS 交给下游：模板里的 `{#if}` 变成一条条空规则，`<style>` 里的选择器没有 hash，页面整个走样。
+         1. 装成 npm 包后 gamekit777 在游戏的 node_modules 里，vite 给这类模块 id 加 ?v=<hash>，文件名对不上 id。
+            仓库内是符号链接到 packages/，走 /@fs 路径没有 ?v=，所以只有创作者机器上才坏。
+         2. 组件还没编译过就先来要样式（资源库现场编译、重连、刷新）。
+       这里按文件名在模块图里找那次编译留下的 CSS；没有就先把组件本身 transform 一遍再找——
+       不能自己 compile 一遍只取 CSS：dev 下 vite-plugin-svelte 用文件名算 scope hash（s-xxx），
+       默认的按内容算（svelte-xxx），两边对不上，等于没修。 */
+    async load(id) {
       const m = /^([^?]+\.svelte)\?(?:.*&)?svelte(?:&.*)?&type=style(?:&|$)/.exec(id) ?? /^([^?]+\.svelte)\?(?:.*&)?type=style(?:&|$)/.exec(id);
       const file = m?.[1];
-      if (!file || !file.startsWith(o.engine.assets.dir)) return null;
-      try {
-        const src = readFileSync(file, 'utf8');
-        return { code: compile(src, { filename: file, generate: 'client', css: 'external' }).css?.code ?? '' };
-      } catch { return null; }
+      if (!file) return null;
+      const env = this.environment;
+      if (env.mode !== 'dev') return null;
+      const dev = env as DevEnvironment;
+      const pick = (): { code: string; map: Rollup.SourceMapInput | undefined; moduleType: 'css' } | null => {
+        for (const mod of dev.moduleGraph.getModulesByFile(file) ?? []) {
+          // 插件写的 meta 落在 info.meta 上（vite 的 ModuleInfo 代理），mod.meta 是另一份、可能是空的
+          const meta = (mod.info?.meta ?? mod.meta) as { svelte?: { css?: { code?: string; map?: Rollup.SourceMapInput } } } | undefined;
+          const css = meta?.svelte?.css;
+          if (typeof css?.code === 'string') return { code: css.code, map: css.map, moduleType: 'css' };
+        }
+        return null;
+      };
+      const hit = pick();
+      if (hit) return hit;
+      try { await dev.transformRequest(`/@fs${file}`); } catch { return null; }
+      return pick();
     },
 
     configureServer(server) {

package/create-game/template/game.meta.json.tmpl

@@ -1,8 +0,0 @@
-{
-  "id": "__ID__",
-  "title": "__TITLE__",
-  "version": "1.0.0",
-  "aspect": "16:9",
-  "orientation": "any",
-  "fonts": []
-}

package/create-game/template/tsconfig.json

@@ -1,22 +0,0 @@
-{
-  "extends": "@tsconfig/svelte/tsconfig.json",
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitOverride": true,
-    "noFallthroughCasesInSwitch": true,
-    "noEmit": true,
-    "isolatedModules": true,
-    "verbatimModuleSyntax": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "allowImportingTsExtensions": true,
-    "types": ["vite/client"]
-  },
-  "include": ["src", "test", "scripts", "*.ts"]
-}