@coze-arch/cli 0.0.36-alpha.dd2af3 → 0.0.36-alpha.e6ca88

package/lib/__templates__/nuxt-vue/scripts/dev.sh

@@ -32,8 +32,89 @@ kill_port_if_listening() {
     fi
 }
 
+<% if (process.env.NODE_ENV === 'test') { %>
+echo "Clearing port ${DEPLOY_RUN_PORT} before start."
+kill_port_if_listening
+echo "Starting Nuxt dev server on port ${DEPLOY_RUN_PORT}..."
+
+# 测试环境保持服务为前台进程，便于 e2e 收集输出并停止进程。
+exec env PORT="${DEPLOY_RUN_PORT}" pnpm nuxt dev
+<% } else { %>
+LOG_DIR="${COZE_LOG_DIR:-${COZE_WORKSPACE_PATH}/logs}"
+LOG_FILE="${LOG_DIR}/server.log"
+PID_FILE="${LOG_DIR}/server.pid"
+
+# coze-daemon 会在 runtime shell 退出时清理原进程组。
+# 通过 Node detached spawn 创建独立 session/进程组，并将 stdio 直接写入日志。
+spawn_detached() {
+  local cwd="$1"
+  local log_file="$2"
+  shift 2
+
+  node - "$cwd" "$log_file" "$@" <<'NODE'
+const fs = require('node:fs');
+const { spawn } = require('node:child_process');
+
+const [cwd, logFile, command, ...args] = process.argv.slice(2);
+if (!cwd || !logFile || !command) {
+  throw new Error('spawn_detached 缺少 cwd、log_file 或 command');
+}
+
+const logFd = fs.openSync(logFile, 'a');
+try {
+  const child = spawn(command, args, {
+    cwd,
+    detached: true,
+    env: process.env,
+    stdio: ['ignore', logFd, logFd],
+  });
+  child.unref();
+  process.stdout.write(String(child.pid));
+} finally {
+  fs.closeSync(logFd);
+}
+NODE
+}
+
+stop_detached() {
+  local pid="${1:-}"
+  if [[ -z "${pid}" ]]; then
+    return
+  fi
+
+  kill -TERM -- "-${pid}" 2>/dev/null || kill -TERM "${pid}" 2>/dev/null || true
+  sleep 1
+  kill -KILL -- "-${pid}" 2>/dev/null || true
+}
+
+# 监听端口的是孙进程（pnpm -> nuxt -> node），只清端口会漏掉上层 pnpm/nuxt，
+# 所以先按上次记录的 PID 把整个进程组回收掉。
+if [[ -f "${PID_FILE}" ]]; then
+  stop_detached "$(cat "${PID_FILE}" 2>/dev/null || true)"
+  rm -f "${PID_FILE}"
+fi
+
 echo "Clearing port ${DEPLOY_RUN_PORT} before start."
 kill_port_if_listening
 echo "Starting Nuxt dev server on port ${DEPLOY_RUN_PORT}..."
 
-PORT=${DEPLOY_RUN_PORT} pnpm nuxt dev
+mkdir -p "${LOG_DIR}"
+: > "${LOG_FILE}"
+
+export PORT="${DEPLOY_RUN_PORT}"
+server_pid="$(spawn_detached "${COZE_WORKSPACE_PATH}" "${LOG_FILE}" \
+  "$(command -v pnpm)" nuxt dev)"
+echo "${server_pid}" > "${PID_FILE}"
+
+sleep 1
+if [[ -z "${server_pid}" ]] || ! kill -0 "${server_pid}" 2>/dev/null; then
+  echo "Dev server failed to start. See ${LOG_FILE}." >&2
+  tail -n 20 "${LOG_FILE}" >&2 || true
+  rm -f "${PID_FILE}"
+  exit 1
+fi
+
+echo "Dev server started (PID: ${server_pid})."
+echo "Log file: ${LOG_FILE}"
+echo "PID file: ${PID_FILE}"
+<% } %>

package/lib/__templates__/nuxt-vue/scripts/prepare.ps1

@@ -0,0 +1,12 @@
+$ErrorActionPreference = "Stop"
+
+$workspace = if ($env:COZE_WORKSPACE_PATH) { $env:COZE_WORKSPACE_PATH } else { (Get-Location).Path }
+Set-Location $workspace
+
+Write-Host "Installing dependencies..."
+& pnpm install --prefer-frozen-lockfile --prefer-offline
+if ($LASTEXITCODE -ne 0) { exit $LASTEXITCODE }
+
+Write-Host "Preparing Nuxt..."
+& pnpm exec nuxt prepare
+exit $LASTEXITCODE

package/lib/__templates__/nuxt-vue/scripts/start.ps1

@@ -0,0 +1,11 @@
+$ErrorActionPreference = "Stop"
+
+$workspace = if ($env:COZE_WORKSPACE_PATH) { $env:COZE_WORKSPACE_PATH } else { (Get-Location).Path }
+$defaultPort = <%= port %>
+$port = if ($env:DEPLOY_RUN_PORT) { $env:DEPLOY_RUN_PORT } elseif ($env:PORT) { $env:PORT } else { $defaultPort }
+Set-Location $workspace
+
+Write-Host "Starting Nuxt.js service on port $port for production..."
+$env:PORT = "$port"
+& node .output/server/index.mjs
+exit $LASTEXITCODE

package/lib/__templates__/nuxt-vue/scripts/validate.ps1

@@ -0,0 +1,8 @@
+$ErrorActionPreference = "Stop"
+
+$workspace = if ($env:COZE_WORKSPACE_PATH) { $env:COZE_WORKSPACE_PATH } else { (Get-Location).Path }
+Set-Location $workspace
+
+Write-Host "Running validate..."
+& pnpm validate
+exit $LASTEXITCODE

package/lib/__templates__/phaser/.coze

@@ -5,9 +5,14 @@ game_type = "phaser"
 
 [dev]
 build = ["bash", "./scripts/prepare.sh"]
+build_win = ["powershell.exe", "-NoProfile", "-ExecutionPolicy", "Bypass", "-File", "./scripts/prepare.ps1"]
 run = ["bash", "./scripts/dev.sh"]
+run_win = ["powershell.exe", "-NoProfile", "-ExecutionPolicy", "Bypass", "-File", "./scripts/dev.ps1"]
 validate = ["bash", "./scripts/validate.sh"]
+validate_win = ["powershell.exe", "-NoProfile", "-ExecutionPolicy", "Bypass", "-File", "./scripts/validate.ps1"]
 
 [deploy]
 build = ["bash", "./scripts/build.sh"]
+build_win = ["powershell.exe", "-NoProfile", "-ExecutionPolicy", "Bypass", "-File", "./scripts/build.ps1"]
 run = ["bash", "./scripts/start.sh"]
+run_win = ["powershell.exe", "-NoProfile", "-ExecutionPolicy", "Bypass", "-File", "./scripts/start.ps1"]

package/lib/__templates__/phaser/README.md

@@ -35,3 +35,11 @@ coze-dev start     # 预览生产构建
 - 开发和生产都使用稳定的 `assets/...` 路径，生产构建原样复制素材目录。
 
 `IMAGES`、`IMAGE_SEQUENCES`、`VIDEOS` 和 `AUDIOS` 是四个素材分类表。
+
+## 可视化编辑标识
+
+用 `markEditable` 标记可在编辑器中调整的对象；第三个参数可选，仅用于编辑器展示名称：
+
+```ts
+markEditable('ui.start-button', button, { label: '开始按钮' });
+```

package/lib/__templates__/phaser/scripts/build.ps1

@@ -0,0 +1,12 @@
+$ErrorActionPreference = "Stop"
+
+$workspace = if ($env:COZE_WORKSPACE_PATH) { $env:COZE_WORKSPACE_PATH } else { (Get-Location).Path }
+Set-Location $workspace
+
+Write-Host "Installing dependencies..."
+& pnpm install --prefer-frozen-lockfile --prefer-offline --reporter=append-only
+if ($LASTEXITCODE -ne 0) { exit $LASTEXITCODE }
+
+$env:COZE_PHASER_GAME_ENV = "PROD"
+& pnpm build
+exit $LASTEXITCODE

package/lib/__templates__/phaser/scripts/dev.ps1

@@ -0,0 +1,49 @@
+$ErrorActionPreference = "Stop"
+
+function Stop-ProcessTree([int] $processId) {
+  if ($processId -gt 0 -and (Get-Process -Id $processId -ErrorAction SilentlyContinue)) {
+    & taskkill.exe /PID $processId /T /F *> $null
+  }
+}
+
+function Stop-ListeningProcess([int] $port) {
+  $connections = Get-NetTCPConnection -LocalPort $port -State Listen -ErrorAction SilentlyContinue
+  $connections | Select-Object -ExpandProperty OwningProcess -Unique | ForEach-Object {
+    Stop-ProcessTree $_
+  }
+}
+
+$workspace = if ($env:COZE_WORKSPACE_PATH) { $env:COZE_WORKSPACE_PATH } else { (Get-Location).Path }
+$defaultPort = <%= port %>
+$port = if ($env:DEPLOY_RUN_PORT) { [int] $env:DEPLOY_RUN_PORT } elseif ($env:PORT) { [int] $env:PORT } else { $defaultPort }
+Set-Location $workspace
+Stop-ListeningProcess $port
+$env:COZE_PHASER_GAME_ENV = "DEV"
+
+<% if (process.env.NODE_ENV === 'test') { %>
+& pnpm vite --port $port --host 127.0.0.1 --strictPort
+exit $LASTEXITCODE
+<% } else { %>
+$logDirectory = if ($env:COZE_LOG_DIR) { $env:COZE_LOG_DIR } else { Join-Path $workspace "logs" }
+$logFile = Join-Path $logDirectory "phaser-dev.log"
+$errorLogFile = Join-Path $logDirectory "phaser-dev-error.log"
+$pidFile = Join-Path $logDirectory "phaser-dev.pid"
+New-Item -ItemType Directory -Force -Path $logDirectory | Out-Null
+
+if (Test-Path $pidFile) {
+  Stop-ProcessTree ([int] (Get-Content $pidFile -Raw))
+  Remove-Item $pidFile -Force
+}
+
+$process = Start-Process -FilePath $env:ComSpec -ArgumentList @("/d", "/s", "/c", "pnpm vite --port $port --host 127.0.0.1 --strictPort") -WorkingDirectory $workspace -RedirectStandardOutput $logFile -RedirectStandardError $errorLogFile -PassThru
+$process.Id | Set-Content $pidFile
+Start-Sleep -Seconds 1
+if ($process.HasExited) {
+  Get-Content $errorLogFile -Tail 20 -ErrorAction SilentlyContinue
+  Remove-Item $pidFile -Force -ErrorAction SilentlyContinue
+  exit 1
+}
+
+Write-Host "Phaser dev server started (PID: $($process.Id))."
+Write-Host "Log file: $logFile"
+<% } %>

package/lib/__templates__/phaser/scripts/prepare.ps1

@@ -0,0 +1,8 @@
+$ErrorActionPreference = "Stop"
+
+$workspace = if ($env:COZE_WORKSPACE_PATH) { $env:COZE_WORKSPACE_PATH } else { (Get-Location).Path }
+Set-Location $workspace
+
+Write-Host "Installing dependencies..."
+& pnpm install --prefer-frozen-lockfile --prefer-offline --reporter=append-only
+exit $LASTEXITCODE

package/lib/__templates__/phaser/scripts/start.ps1

@@ -0,0 +1,49 @@
+$ErrorActionPreference = "Stop"
+
+function Stop-ProcessTree([int] $processId) {
+  if ($processId -gt 0 -and (Get-Process -Id $processId -ErrorAction SilentlyContinue)) {
+    & taskkill.exe /PID $processId /T /F *> $null
+  }
+}
+
+function Stop-ListeningProcess([int] $port) {
+  $connections = Get-NetTCPConnection -LocalPort $port -State Listen -ErrorAction SilentlyContinue
+  $connections | Select-Object -ExpandProperty OwningProcess -Unique | ForEach-Object {
+    Stop-ProcessTree $_
+  }
+}
+
+$workspace = if ($env:COZE_WORKSPACE_PATH) { $env:COZE_WORKSPACE_PATH } else { (Get-Location).Path }
+$defaultPort = <%= port %>
+$port = if ($env:DEPLOY_RUN_PORT) { [int] $env:DEPLOY_RUN_PORT } elseif ($env:PORT) { [int] $env:PORT } else { $defaultPort }
+Set-Location $workspace
+Stop-ListeningProcess $port
+$env:COZE_PHASER_GAME_ENV = "PROD"
+
+<% if (process.env.NODE_ENV === 'test') { %>
+& pnpm vite preview --port $port --host 127.0.0.1 --strictPort
+exit $LASTEXITCODE
+<% } else { %>
+$logDirectory = if ($env:COZE_LOG_DIR) { $env:COZE_LOG_DIR } else { Join-Path $workspace "logs" }
+$logFile = Join-Path $logDirectory "phaser-start.log"
+$errorLogFile = Join-Path $logDirectory "phaser-start-error.log"
+$pidFile = Join-Path $logDirectory "phaser-start.pid"
+New-Item -ItemType Directory -Force -Path $logDirectory | Out-Null
+
+if (Test-Path $pidFile) {
+  Stop-ProcessTree ([int] (Get-Content $pidFile -Raw))
+  Remove-Item $pidFile -Force
+}
+
+$process = Start-Process -FilePath $env:ComSpec -ArgumentList @("/d", "/s", "/c", "pnpm vite preview --port $port --host 127.0.0.1 --strictPort") -WorkingDirectory $workspace -RedirectStandardOutput $logFile -RedirectStandardError $errorLogFile -PassThru
+$process.Id | Set-Content $pidFile
+Start-Sleep -Seconds 1
+if ($process.HasExited) {
+  Get-Content $errorLogFile -Tail 20 -ErrorAction SilentlyContinue
+  Remove-Item $pidFile -Force -ErrorAction SilentlyContinue
+  exit 1
+}
+
+Write-Host "Phaser production server started (PID: $($process.Id))."
+Write-Host "Log file: $logFile"
+<% } %>

package/lib/__templates__/phaser/scripts/validate.ps1

@@ -0,0 +1,7 @@
+$ErrorActionPreference = "Stop"
+
+$workspace = if ($env:COZE_WORKSPACE_PATH) { $env:COZE_WORKSPACE_PATH } else { (Get-Location).Path }
+Set-Location $workspace
+
+& pnpm validate
+exit $LASTEXITCODE

package/lib/__templates__/phaser/src/global.d.ts

@@ -19,6 +19,9 @@ declare global {
     markEditable?: <T extends Phaser.GameObjects.GameObject>(
       stableId: string,
       gameObject: T,
+      options?: {
+        label?: string;
+      },
     ) => T;
     markImageAssetMap?: (images: Record<string, string>) => void;
     markImageSequenceAssetMap?: (

package/lib/__templates__/phaser/src/scene/BootScene.ts

@@ -95,6 +95,7 @@ export class BootScene extends Phaser.Scene {
         .sprite(centerX, centerY - 58, DEV_LOADING_RUNTIME_KEYS.texture)
         .setScale(0.56)
         .play(DEV_LOADING_RUNTIME_KEYS.animation),
+      { label: '加载吉祥物' },
     );
 
     this.loadingText = markEditable(
@@ -107,11 +108,13 @@ export class BootScene extends Phaser.Scene {
           LOADING_TEXT_STYLE,
         )
         .setOrigin(0.5),
+      { label: '加载状态文案' },
     );
 
     this.progressBar = markEditable(
       'boot.loading-progress-bar',
       this.add.graphics(),
+      { label: '加载进度条' },
     );
     this.renderProgressBar(0);
 
@@ -120,6 +123,7 @@ export class BootScene extends Phaser.Scene {
       this.add
         .text(centerX, centerY + 190, '0%', LOADING_TEXT_STYLE)
         .setOrigin(0.5),
+      { label: '加载进度文本' },
     );
   }
 

package/lib/__templates__/phaser/src/scene/DevLoadingScene.ts

@@ -21,6 +21,7 @@ export class DevLoadingScene extends Phaser.Scene {
         .sprite(centerX, centerY - 82, DEV_LOADING_RUNTIME_KEYS.texture)
         .setScale(0.64)
         .play(DEV_LOADING_RUNTIME_KEYS.animation),
+      { label: '开发中吉祥物' },
     );
 
     markEditable(
@@ -33,6 +34,7 @@ export class DevLoadingScene extends Phaser.Scene {
           fontStyle: 'bold',
         })
         .setOrigin(0.5),
+      { label: '开发中标题' },
     );
 
     markEditable(
@@ -44,6 +46,7 @@ export class DevLoadingScene extends Phaser.Scene {
           fontSize: '18px',
         })
         .setOrigin(0.5),
+      { label: '开发中说明文案' },
     );
 
     const loadingDots = Array.from({ length: 3 }, (_value, index) =>

package/lib/__templates__/phaser/src/utils/mark-editable.ts

@@ -1,6 +1,13 @@
 import type Phaser from 'phaser';
 
+export interface MarkEditableOptions {
+  label?: string;
+}
+
 export const markEditable = <T extends Phaser.GameObjects.GameObject>(
   locator: string,
   gameObject: T,
-): T => window.PhaserBridge?.markEditable?.(locator, gameObject) ?? gameObject;
+  options?: MarkEditableOptions,
+): T =>
+  window.PhaserBridge?.markEditable?.(locator, gameObject, options) ??
+  gameObject;

package/lib/__templates__/phaser-static/.coze

@@ -0,0 +1,15 @@
+[project]
+entrypoint = "index.html"
+requires = ["python-3.12"]
+project_type = "game"
+game_type = "phaser"
+
+[dev]
+build = []
+run = ["sh", "-c", "python -m http.server ${DEPLOY_RUN_PORT} --bind 0.0.0.0"]
+run_win = ["powershell.exe", "-NoProfile", "-ExecutionPolicy", "Bypass", "-File", "./scripts/serve.ps1"]
+
+[deploy]
+build = []
+run = ["sh", "-c", "python -m http.server ${DEPLOY_RUN_PORT} --bind 0.0.0.0"]
+run_win = ["powershell.exe", "-NoProfile", "-ExecutionPolicy", "Bypass", "-File", "./scripts/serve.ps1"]

package/lib/__templates__/phaser-static/README.md

@@ -0,0 +1,40 @@
+# <%= appName %>
+
+这是一个基于浏览器原生 JavaScript ESM 的 Phaser 2D 游戏项目，由扣子编程 CLI 创建。
+
+Phaser 3.90.0 与 Phaser Bridge 从 CDN 加载；项目不依赖 npm、Vite 或 TypeScript。请用静态 HTTP 服务访问，直接打开 `index.html` 不支持 ESM 模块与素材加载。
+
+## 快速开始
+
+```bash
+coze-dev dev
+coze-dev build
+coze-dev start
+```
+
+`build` 没有编译步骤；开发与生产预览均由 Python `http.server` 提供静态文件服务。
+
+## 文件结构
+
+```text
+├── assets/                     # 图片、序列帧、视频和音频
+├── debug-runtime/              # 调试 Flow
+├── src/assets.js               # 素材 key 与路径
+├── src/main.js                 # 游戏入口
+├── src/phaser.js               # Phaser 全局对象的 ESM 包装
+├── src/scene/BootScene.js      # 启动与全量加载
+└── src/utils/asset-loader.js   # 批量和单素材加载
+```
+
+- 素材按类型放在 `assets/`，并登记到 `src/assets.js` 对应的分类表。
+- 序列帧只登记文件夹；Loader 从 `manifest.json` 读取帧数和帧率。
+- `BootScene` 加载游戏素材；运行时可用 `loadAsset(this, key)` 单独加载。
+- 所有本地模块都使用原生 ESM 的显式 `.js` 后缀。
+
+## 可视化编辑标识
+
+用 `markEditable` 标记可在编辑器中调整的对象；第三个参数可选，仅用于编辑器展示名称：
+
+```js
+markEditable('ui.start-button', button, { label: '开始按钮' });
+```

package/lib/__templates__/phaser-static/_gitignore

@@ -0,0 +1,6 @@
+.codegraph/
+.cozeproj/reduction
+.preview
+
+.DS_Store
+._*

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/manifest.json

@@ -0,0 +1,11 @@
+{
+  "schema_version": "1.0",
+  "id": "coze-game-loading",
+  "type": "image_sequence",
+  "properties": {
+    "fps": 12.0,
+    "frame_count": 24
+  },
+  "name": "Coze Game Loading",
+  "sources": []
+}

package/lib/__templates__/phaser-static/debug-runtime/flow-graph.json

@@ -0,0 +1,20 @@
+{
+  "schema_version": 1,
+  "graphs": [
+    {
+      "id": "main",
+      "label": "主流程",
+      "nodes": [
+        {
+          "id": "start",
+          "label": "开始游戏",
+          "input_schema": {
+            "type": "object",
+            "properties": {}
+          }
+        }
+      ],
+      "transitions": []
+    }
+  ]
+}

package/lib/__templates__/phaser-static/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Phaser 纯静态游戏模板" />
+    <title><%= appName %></title>
+    <link rel="icon" href="data:," />
+    <link rel="stylesheet" href="./src/style.css" />
+    <script src="https://unpkg.byted-static.com/phaser/3.90.0/dist/phaser.min.js"></script>
+    <script src="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze-game/js/phaser-bridge.min.js"></script>
+  </head>
+  <body>
+    <main id="game" aria-label="Phaser game canvas"></main>
+    <script type="module" src="./src/main.js"></script>
+  </body>
+</html>

package/lib/__templates__/phaser-static/scripts/serve.ps1

@@ -0,0 +1,7 @@
+$ErrorActionPreference = "Stop"
+
+$port = if ($env:DEPLOY_RUN_PORT) { $env:DEPLOY_RUN_PORT } else { "8000" }
+
+Write-Host "Starting Phaser static server on port $port..."
+& python -m http.server $port --bind 0.0.0.0
+exit $LASTEXITCODE

package/lib/__templates__/phaser-static/src/assets.js

@@ -0,0 +1,15 @@
+export const IMAGES = {};
+
+export const IMAGE_SEQUENCES = {
+  'coze-game-loading': 'assets/image_sequence/coze-game-loading',
+};
+
+export const VIDEOS = {};
+
+export const AUDIOS = {};
+
+// 注册素材到 PhaserBridge，可以在扣子网页游戏开发中定位
+window.PhaserBridge?.markImageAssetMap?.(IMAGES);
+window.PhaserBridge?.markImageSequenceAssetMap?.(IMAGE_SEQUENCES);
+window.PhaserBridge?.markVideoAssetMap?.(VIDEOS);
+window.PhaserBridge?.markAudioAssetMap?.(AUDIOS);

package/lib/__templates__/phaser-static/src/main.js

@@ -0,0 +1,26 @@
+import { Phaser } from './phaser.js';
+import { BootScene } from './scene/BootScene.js';
+import { DevLoadingScene } from './scene/DevLoadingScene.js';
+
+const createGame = () =>
+  new Phaser.Game({
+    type: Phaser.AUTO,
+    pixelArt: true,
+    parent: 'game',
+    // TODO 根据游戏的要求进行尺寸
+    width: 540,
+    height: 960,
+    backgroundColor: '#ffffff',
+    scale: {
+      mode: Phaser.Scale.FIT,
+      autoCenter: Phaser.Scale.CENTER_BOTH,
+    },
+    scene: [BootScene, DevLoadingScene],
+  });
+
+// 注册游戏到 PhaserBridge，可以在扣子网页游戏开发中编辑评论
+if (window.PhaserBridge) {
+  window.PhaserBridge.bind({ launchGame: createGame });
+} else {
+  createGame();
+}

package/lib/__templates__/phaser-static/src/phaser.js

@@ -0,0 +1,7 @@
+const Phaser = window.Phaser;
+
+if (!Phaser) {
+  throw new Error('Phaser CDN failed to load before the game module.');
+}
+
+export { Phaser };