@ttmg/cli 0.1.3-beta.4 → 0.1.4

package/dist/index.js

@@ -2,22 +2,22 @@
 'use strict';
 
 var commander = require('commander');
-var require$$0 = require('inquirer');
+var inquirer = require('inquirer');
 var fs = require('fs');
-var require$$1 = require('jsdom');
-var require$$2 = require('prettier');
+var jsdom = require('jsdom');
+var prettier = require('prettier');
 var chalk = require('chalk');
 var express = require('express');
 var path = require('path');
-var require$$4 = require('cheerio');
+var cheerio = require('cheerio');
 var chromeLauncher = require('chrome-launcher');
 var os = require('os');
 var child_process = require('child_process');
 var https = require('https');
 var semver = require('semver');
-var require$$6 = require('crypto');
-var require$$5$1 = require('archiver');
-var multer = require('multer');
+var handlebars = require('handlebars');
+var esbuild = require('esbuild');
+var archiver = require('archiver');
 var WebSocket = require('ws');
 var glob = require('glob');
 var got = require('got');
@@ -26,270 +26,171 @@ var ttmgPack = require('ttmg-pack');
 var QRCode = require('qrcode');
 
 function _interopNamespaceDefault(e) {
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
 var glob__namespace = /*#__PURE__*/_interopNamespaceDefault(glob);
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function getAugmentedNamespace(n) {
-  if (Object.prototype.hasOwnProperty.call(n, '__esModule')) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			var isInstance = false;
-      try {
-        isInstance = this instanceof a;
-      } catch {}
-			if (isInstance) {
-        return Reflect.construct(f, arguments, this.constructor);
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-var config;
-var hasRequiredConfig;
-
-function requireConfig () {
-	if (hasRequiredConfig) return config;
-	hasRequiredConfig = 1;
-	config = {
-	  CONFIG_FILE_NAME: 'minigame.config.json',
-	  SDK_URL: 'https://connect.tiktok-minis.com/game/sdk.js',
-	  VCONSOLE_URL: 'https://connect.tiktok-minis.com/libs/vConsole.js',
-	  VCONSOLE_INIT: `
+const CONFIG_FILE_NAME = 'minigame.config.json';
+const SDK_URL = 'https://connect.tiktok-minis.com/game/sdk.js';
+const VCONSOLE_URL = 'https://connect.tiktok-minis.com/libs/vConsole.js';
+const VCONSOLE_INIT = `
     if(typeof VConsole === 'function') {
       window.vConsole = new VConsole();
     }
-  `,
-	  MINIS_MANIFEST_FILE_NAME: 'minis.manifest.json',
-	  MINIS_RUNTIME_URL: 'https://www.tiktok.com/minigames/runtime',
-	};
-	return config;
+  `;
+const MINIS_MANIFEST_FILE_NAME = 'minis.manifest.json';
+const MINIS_RUNTIME_URL = 'https://www.tiktok.com/minigames/runtime';
+
+const { JSDOM } = jsdom;
+const CONFIG_PATH = `${process.cwd()}/${CONFIG_FILE_NAME}`;
+const INDEX_HTML_PATH = `${process.cwd()}/index.html`;
+function isSandbox(clientKey) {
+    /**
+     * sb 开头的 clientKey 都是 sandbox 环境
+     */
+    return clientKey.startsWith('sb');
 }
-
-var inject;
-var hasRequiredInject;
-
-function requireInject () {
-	if (hasRequiredInject) return inject;
-	hasRequiredInject = 1;
-	const fs$1 = fs;
-	const jsdom = require$$1;
-	const prettier = require$$2;
-	const chalk$1 = chalk;
-	const { JSDOM } = jsdom;
-	const {
-	  CONFIG_FILE_NAME,
-	  SDK_URL,
-	  VCONSOLE_URL,
-	  VCONSOLE_INIT,
-	} = requireConfig();
-	const CONFIG_PATH = `${process.cwd()}/${CONFIG_FILE_NAME}`;
-	const INDEX_HTML_PATH = `${process.cwd()}/index.html`;
-
-	function isSandbox(clientKey) {
-	  /**
-	   * sb 开头的 clientKey 都是 sandbox 环境
-	   */
-	  return clientKey.startsWith('sb');
-	}
-	// 判断是否是 TTMinis.game.init 的初始化脚本
-	function isTTMinisInitScript(script, clientKey) {
-	  if (!script.innerHTML) return false;
-	  return (
-	    script.innerHTML.includes('TTMinis.game.init') &&
-	    script.innerHTML.includes(clientKey)
-	  );
-	}
-
-	async function injectScripts({ config, clientKey }) {
-	  // 1. 检查 config 文件是否已存在
-	  fs$1.writeFileSync(CONFIG_PATH, JSON.stringify(config, null, 2));
-
-	  // 2. 读取 index.html
-	  if (!fs$1.existsSync(INDEX_HTML_PATH)) {
-	    console.error('index.html does not exist');
-	    return;
-	  }
-	  const indexHtml = fs$1.readFileSync(INDEX_HTML_PATH, 'utf8');
-	  const dom = new JSDOM(indexHtml);
-	  const { document } = dom.window;
-
-	  // 3. head 标签
-	  let head = document.querySelector('head');
-	  if (!head) {
-	    head = document.createElement('head');
-	    document.documentElement.insertBefore(head, document.body);
-	  }
-
-	  // 4. 检查是否已注入 SDK
-	  const scriptList = Array.from(document.querySelectorAll('script'));
-	  const hasSDK = scriptList.some(
-	    script => script.src && script.src.includes(SDK_URL),
-	  );
-
-	  // 5. 检查是否已注入 vConsole
-	  const hasVConsole = scriptList.some(
-	    script => script.src && script.src.includes('vConsole.js'),
-	  );
-
-	  let lastInitScript = null;
-	  if (!hasSDK) {
-	    // 插入 SDK 脚本
-	    const sdkScript = document.createElement('script');
-	    sdkScript.src = SDK_URL;
-	    head.insertBefore(sdkScript, head.firstChild);
-
-	    // 插入 SDK init 脚本
-	    const initScript = document.createElement('script');
-	    initScript.innerHTML = `
+// 判断是否是 TTMinis.game.init 的初始化脚本
+function isTTMinisInitScript(script, clientKey) {
+    if (!script.innerHTML) {
+        return false;
+    }
+    return (script.innerHTML.includes('TTMinis.game.init') &&
+        script.innerHTML.includes(clientKey));
+}
+async function injectScripts({ config, clientKey }) {
+    // 1. 检查 config 文件是否已存在
+    fs.writeFileSync(CONFIG_PATH, JSON.stringify(config, null, 2));
+    // 2. 读取 index.html
+    if (!fs.existsSync(INDEX_HTML_PATH)) {
+        console.error('index.html does not exist');
+        return;
+    }
+    const indexHtml = fs.readFileSync(INDEX_HTML_PATH, 'utf8');
+    const dom = new JSDOM(indexHtml);
+    const { document } = dom.window;
+    // 3. head 标签
+    let head = document.querySelector('head');
+    if (!head) {
+        head = document.createElement('head');
+        document.documentElement.insertBefore(head, document.body);
+    }
+    // 4. 检查是否已注入 SDK
+    const scriptList = Array.from(document.querySelectorAll('script'));
+    const hasSDK = scriptList.some(script => script.src && script.src.includes(SDK_URL));
+    // 5. 检查是否已注入 vConsole
+    const hasVConsole = scriptList.some(script => script.src && script.src.includes('vConsole.js'));
+    let lastInitScript = null;
+    if (!hasSDK) {
+        // 插入 SDK 脚本
+        const sdkScript = document.createElement('script');
+        sdkScript.src = SDK_URL;
+        head.insertBefore(sdkScript, head.firstChild);
+        // 插入 SDK init 脚本
+        const initScript = document.createElement('script');
+        initScript.innerHTML = `
       window.TTMinis = TTMinis;
       TTMinis.game.init({
         clientKey: "${clientKey}",
       });
     `;
-	    head.insertBefore(initScript, sdkScript.nextSibling);
-	    lastInitScript = initScript;
-	  } else {
-	    // 已经有 SDK，查找 TTMinis.game.init 脚本
-	    const headScripts = Array.from(head.querySelectorAll('script'));
-	    lastInitScript = headScripts.find(script =>
-	      isTTMinisInitScript(script, clientKey),
-	    );
-	    if (lastInitScript) {
-	      console.log('JS SDK 已接入，跳过 SDK 相关脚本注入');
-	    } else {
-	      // 没有 TTMinis.game.init，则查找最后一个 SDK 脚本
-	      const sdkScripts = headScripts.filter(
-	        script => script.src && script.src.includes(SDK_URL),
-	      );
-	      if (sdkScripts.length > 0) {
-	        lastInitScript = sdkScripts[sdkScripts.length - 1];
-	      }
-	    }
-	  }
-
-	  /**
-	   * 只有 Sandbox 环境才需要注入 vConsole
-	   */
-	  if (isSandbox(clientKey)) {
-	    console.log('Sandbox 环境，跳过 vConsole 相关脚本注入');
-	    // 8. 插入 vConsole 相关脚本（如果需要）
-	    if (!hasVConsole) {
-	      // vConsole 相关脚本的插入点
-	      let insertAfterNode = lastInitScript;
-	      if (insertAfterNode) {
-	        insertAfterNode = insertAfterNode.nextSibling;
-	      } else {
-	        insertAfterNode = head.firstChild;
-	      }
-
-	      // vConsole 源码
-	      const vconsoleSourceScript = document.createElement('script');
-	      vconsoleSourceScript.src = VCONSOLE_URL;
-	      // vConsole 初始化
-	      const vconsoleInitScript = document.createElement('script');
-	      vconsoleInitScript.innerHTML = VCONSOLE_INIT;
-
-	      head.insertBefore(vconsoleSourceScript, insertAfterNode);
-	      head.insertBefore(vconsoleInitScript, insertAfterNode);
-	    }
-	  }
-
-	  // 9. 格式化并写回 index.html
-	  const formattedHtml = await prettier.format(dom.serialize(), {
-	    parser: 'html',
-	  });
-	  fs$1.writeFileSync(INDEX_HTML_PATH, formattedHtml);
-	  console.log(
-	    chalk$1.green.bold(
-	      'TikTok H5 Mini Game initialization has been completed...',
-	    ),
-	  );
-	}
-
-	inject = injectScripts;
-	return inject;
+        head.insertBefore(initScript, sdkScript.nextSibling);
+        lastInitScript = initScript;
+    }
+    else {
+        // 已经有 SDK，查找 TTMinis.game.init 脚本
+        const headScripts = Array.from(head.querySelectorAll('script'));
+        lastInitScript = headScripts.find(script => isTTMinisInitScript(script, clientKey));
+        if (lastInitScript) {
+            console.log('JS SDK 已接入，跳过 SDK 相关脚本注入');
+        }
+        else {
+            // 没有 TTMinis.game.init，则查找最后一个 SDK 脚本
+            const sdkScripts = headScripts.filter(script => script.src && script.src.includes(SDK_URL));
+            if (sdkScripts.length > 0) {
+                lastInitScript = sdkScripts[sdkScripts.length - 1];
+            }
+        }
+    }
+    /**
+     * 只有 Sandbox 环境才需要注入 vConsole
+     */
+    if (isSandbox(clientKey)) {
+        console.log('Sandbox 环境，跳过 vConsole 相关脚本注入');
+        // 8. 插入 vConsole 相关脚本（如果需要）
+        if (!hasVConsole) {
+            // vConsole 相关脚本的插入点
+            let insertAfterNode = lastInitScript;
+            if (insertAfterNode) {
+                insertAfterNode = insertAfterNode.nextSibling;
+            }
+            else {
+                insertAfterNode = head.firstChild;
+            }
+            // vConsole 源码
+            const vconsoleSourceScript = document.createElement('script');
+            vconsoleSourceScript.src = VCONSOLE_URL;
+            // vConsole 初始化
+            const vconsoleInitScript = document.createElement('script');
+            vconsoleInitScript.innerHTML = VCONSOLE_INIT;
+            head.insertBefore(vconsoleSourceScript, insertAfterNode);
+            head.insertBefore(vconsoleInitScript, insertAfterNode);
+        }
+    }
+    // 9. 格式化并写回 index.html
+    const formattedHtml = await prettier.format(dom.serialize(), {
+        parser: 'html',
+    });
+    fs.writeFileSync(INDEX_HTML_PATH, formattedHtml);
+    console.log(chalk.green.bold('TikTok H5 Mini Game initialization has been completed...'));
 }
 
-var init;
-var hasRequiredInit;
-
-function requireInit () {
-	if (hasRequiredInit) return init;
-	hasRequiredInit = 1;
-	const inquirer = require$$0;
-	const inject = requireInject();
-
-	init = function init() {
-	  const promptModule = inquirer.createPromptModule();
-	  promptModule([
-	    {
-	      type: 'input',
-	      name: 'clientKey',
-	      message: 'Please input client key',
-	    },
-	    {
-	      type: 'input',
-	      name: 'devPort',
-	      message: 'Please input dev port',
-	      default: 9527,
-	    },
-	  ])
-	    .then(async answers => {
-	      const { clientKey, devPort } = answers;
-	      const config = {
-	        _comment: `orientation is the orientation of the game. It can be either 'VERTICAL' or 'HORIZONTAL'.our game default is VERTICAL; minigame.config.json dev is a configuration file for minigame development. You can use it to configure the minigame.`,
-	        orientation: 'VERTICAL',
-	        dev: {
-	          port: devPort,
-	        },
-	      };
-	      await inject({ clientKey, config });
-
-	      process.exit(0);
-	    })
-	    .catch(() => {
-	      process.exit(1);
-	    });
-	};
-	return init;
+function init() {
+    const promptModule = inquirer.createPromptModule();
+    promptModule([
+        {
+            type: 'input',
+            name: 'clientKey',
+            message: 'Please input client key',
+        },
+        {
+            type: 'input',
+            name: 'devPort',
+            message: 'Please input dev port',
+            default: 9527,
+        },
+    ])
+        .then(async (answers) => {
+        const { clientKey, devPort } = answers;
+        const config = {
+            _comment: 'orientation is the orientation of the game. It can be either \'VERTICAL\' or \'HORIZONTAL\'.our game default is VERTICAL; minigame.config.json dev is a configuration file for minigame development. You can use it to configure the minigame.',
+            orientation: 'VERTICAL',
+            dev: {
+                port: devPort,
+            },
+        };
+        await injectScripts({ clientKey, config });
+        process.exit(0);
+    })
+        .catch(() => {
+        process.exit(1);
+    });
 }
 
-var initExports = requireInit();
-var index$2 = /*@__PURE__*/getDefaultExportFromCjs(initExports);
-
 async function openUrl(url) {
     try {
         await chromeLauncher.launch({
@@ -302,6 +203,7 @@ async function openUrl(url) {
                 '--remote-allow-origins=*',
                 '--user-data-dir=/tmp/chrome-debug-profile',
                 '--disable-popup-blocking',
+                '--force-dark-mode=off',
             ],
         });
         await new Promise(() => { });
@@ -312,29 +214,6 @@ async function openUrl(url) {
     }
 }
 
-function getDesktopPath() {
-    const homeDir = os.homedir();
-    // 常见桌面文件夹名
-    const desktopNames = ['Desktop', '桌面'];
-    for (const name of desktopNames) {
-        const desktopPath = path.join(homeDir, name);
-        if (fs.existsSync(desktopPath)) {
-            return desktopPath;
-        }
-    }
-    // 没找到就默认返回 Desktop
-    return path.join(homeDir, 'Desktop');
-}
-
-function centerQRCode(qrString) {
-    const terminalWidth = process.stdout.columns || 80; // 获取终端宽度，默认80
-    const lines = qrString.split('\n');
-    const qrWidth = lines.reduce((max, line) => Math.max(max, line.length), 0);
-    const padding = Math.floor((terminalWidth - qrWidth) / 3);
-    const padStr = ' '.repeat(padding > 0 ? padding : 0);
-    return lines.map(line => padStr + line).join('\n');
-}
-
 function getLocalIP() {
     const networkInterfaces = os.networkInterfaces();
     for (const interfaceName in networkInterfaces) {
@@ -414,356 +293,281 @@ To update, run: ${chalk.magenta(`npm i -g ${pkgName}`)}
     }
 }
 
-var libs = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	centerQRCode: centerQRCode,
-	checkUpdate: checkUpdate,
-	getDesktopPath: getDesktopPath,
-	getLocalIP: getLocalIP,
-	openUrl: openUrl
-});
-
-var require$$5 = /*@__PURE__*/getAugmentedNamespace(libs);
-
-var dev$1;
-var hasRequiredDev;
-
-function requireDev () {
-	if (hasRequiredDev) return dev$1;
-	hasRequiredDev = 1;
-	const express$1 = express;
-	const path$1 = path;
-	const fs$1 = fs;
-	const chalk$1 = chalk;
-	const cheerio = require$$4;
-	const app = express$1();
-	const { openUrl } = require$$5;
-	const crypto = require$$6;
-	// const open = require('open'); // 引入 open 包
-	const { CONFIG_FILE_NAME, MINIS_RUNTIME_URL } = requireConfig();
-
-	// 1. 检查配置文件是否存在
-	dev$1 = function dev() {
-	  const configPath = path$1.join(process.cwd(), CONFIG_FILE_NAME);
-	  if (!fs$1.existsSync(configPath)) {
-	    console.log(
-	      chalk$1.red.bold(
-	        `${CONFIG_FILE_NAME} is not exist, please run minis game init first`,
-	      ),
-	    );
-	    return;
-	  }
-
-	  // 2. 读取配置
-	  const gameConfig = JSON.parse(fs$1.readFileSync(configPath, 'utf8'));
-	  const devPort = gameConfig.dev?.port || 9527;
-
-	  // 3. 打印开发前提示
-	  console.log(
-	    chalk$1.yellow.bold(
-	      `⚠️ Before dev, please ensure:\n 1. The account used to login www.tiktok.com is in the sandbox target user range of Minis developer platform, otherwise login authorization will throw an error.\n 2. The browser allows www.tiktok.com <popup and redirect>, because the authorization login linkage needs to open a new tab popup for operation, otherwise the authorization login linkage will not be able to debug normally.`,
-	    ),
-	  );
-	  console.log(
-	    chalk$1.bold.blue(
-	      '\n \n============== start dev your game, it will take a few seconds ============ \n \n',
-	    ),
-	  );
-
-	  /**
-	   * 支持 .br 文件, 支持 gzip
-	   */
-
-	  app.use((req, res, next) => {
-	    if (req.url.endsWith('.br')) {
-	      res.setHeader('Content-Encoding', 'br');
-	    } else if (req.url.endsWith('.gz')) {
-	      res.setHeader('Content-Encoding', 'gzip');
-	    }
-	    next();
-	  });
-
-	  /**
-	   * 给所有的请求返回设置 CSP
-	   */
-	  app.use((req, res, next) => {
-	    /**
-	     * 计算 HTML 中的内联脚本生成 hash 插入 CSP 中
-	     */
-	    try {
-	      // 1. 读取 HTML 文件内容
-	      const htmlPath = path$1.join(process.cwd(), 'index.html');
-	      const html = fs$1.readFileSync(htmlPath, 'utf8');
-
-	      // 2. 用 cheerio 解析 HTML
-	      const $ = cheerio.load(html);
-
-	      // 3. 提取所有无 src 属性的内联 <script> 内容
-	      const scripts = [];
-	      $('script:not([src])').each((i, elem) => {
-	        const content = $(elem).html();
-	        if (content && content.trim()) {
-	          scripts.push(content);
-	        }
-	      });
-
-	      // 4. 计算每段脚本的 SHA-256 hash 并 base64 编码
-	      const hashes = scripts.map(script => {
-	        const hash = crypto
-	          .createHash('sha256')
-	          .update(script, 'utf8')
-	          .digest('base64');
-	        return `'sha256-${hash}'`;
-	      });
-
-	      // 开发者本地调试，信任的域名默认为 * 便于调试
-	      const devTrustedDomain = '*';
-
-	      res.setHeader(
-	        'Content-Security-Policy',
-	        `default-src 'self';script-src 'self' data: blob: 'unsafe-eval' 'unsafe-inline' connect.tiktok-minis.com sf-connect.tiktokminis.us;img-src 'self' ${devTrustedDomain} data: blob: *; connect-src 'self' ${devTrustedDomain} data: blob: ; style-src 'self' ${devTrustedDomain} 'unsafe-inline' fonts.googleapis.com data: blob: *; font-src 'self' fonts.gstatic.com blob: data: *; media-src 'self' ${devTrustedDomain} data: blob: *; frame-src 'none'; base-uri 'self'; worker-src 'self' blob: data: ;`,
-	      );
-	    } catch (e) {
-	      // 如果 index.html 不存在或有异常，CSP 头就不设置
-	      console.warn(chalk$1.red('Failed to set CSP header:'), e.message);
-	    }
-	    next();
-	  });
-
-	  // 4. 静态资源服务
-	  app.use(express$1.static(path$1.join(process.cwd())));
-
-	  // 5. 启动服务并自动打开浏览器
-	  app.listen(devPort, () => {
-	    const gameUrl = `http://localhost:${devPort}`;
-	    const devUrl = `${MINIS_RUNTIME_URL}?minis_url=${gameUrl}&enable_log=1`;
-
-	    console.log(
-	      `you can access ${chalk$1.green.underline.bold(
-	        devUrl,
-	      )} to debug your game in browser...`,
-	    );
-	    try {
-	      // 自动打开浏览器，跨平台
-	      openUrl(devUrl);
-	    } catch (e) {
-	      console.warn(
-	        chalk$1.red('Failed to open browser, you can access it manually'),
-	        e.message,
-	      );
-	    }
-	  });
-	};
-	return dev$1;
+function buildOpenContext(sourcePath) {
+    const result = esbuild.buildSync({
+        entryPoints: [sourcePath],
+        bundle: true,
+        platform: 'browser',
+        format: 'iife',
+        minify: true,
+        write: false,
+        loader: {
+            '.png': 'dataurl',
+            '.jpg': 'dataurl',
+            '.jpeg': 'dataurl',
+            '.gif': 'dataurl',
+            '.svg': 'dataurl',
+            '.webp': 'dataurl',
+        },
+    });
+    const jsCode = result.outputFiles[0].text;
+    return jsCode;
 }
 
-var devExports = requireDev();
-var index$1 = /*@__PURE__*/getDefaultExportFromCjs(devExports);
-
-var manifest;
-var hasRequiredManifest;
-
-function requireManifest () {
-	if (hasRequiredManifest) return manifest;
-	hasRequiredManifest = 1;
-	const chalk$1 = chalk;
-	const fs$1 = fs;
-	const path$1 = path;
-	const { MINIS_MANIFEST_FILE_NAME } = requireConfig();
-	async function buildMinisManifest() {
-	  try {
-	    const buildPath = path$1.join(process.cwd());
-	    const resourceList = [];
-	    const allFiles = collectAllFiles(buildPath);
-
-	    Object.keys(allFiles)
-	      .filter(file => !file.endsWith('.map'))
-	      .forEach(file => {
-	        const relativeFilePath = allFiles[file];
-	        const filePathArr = relativeFilePath.split('/').filter(Boolean); // Split filename
-	        const fileName = filePathArr.pop() || ''; // Get filename
-	        if (filePathArr.length === 0) {
-	          resourceList.push({ type: 'file', name: fileName });
-	        } else {
-	          const folder = findOrCreateFolder(filePathArr, resourceList);
-	          folder.children.push({ type: 'file', name: fileName });
-	        }
-	      });
-
-	    fs$1.writeFileSync(
-	      path$1.join(buildPath, MINIS_MANIFEST_FILE_NAME),
-	      JSON.stringify(
-	        { name: MINIS_MANIFEST_FILE_NAME, resource_list: resourceList },
-	        null,
-	        2,
-	      ),
-	    );
-	  } catch (error) {
-	    console.error(chalk$1.red(`Error during debug process: ${error.message}`));
-	    if (error instanceof Error && error.stack) {
-	      console.error(chalk$1.red(`Stack trace: ${error.stack}`));
-	    }
-	    process.exit(1);
-	  }
-	}
-
-	function findOrCreateFolder(pathArray, currentFolder) {
-	  let folder = currentFolder.find(
-	    item => item.type === 'folder' && item.name === pathArray[0],
-	  );
-	  if (!folder) {
-	    folder = { type: 'folder', name: pathArray[0], children: [] };
-	    currentFolder.push(folder);
-	  }
-	  if (pathArray.length > 1) {
-	    return findOrCreateFolder(pathArray.slice(1), folder.children);
-	  }
-	  return folder;
-	}
-
-	function collectAllFiles(dir, baseDir = dir) {
-	  const files = {};
-	  fs$1.readdirSync(dir).forEach(file => {
-	    const filePath = path$1.join(dir, file);
-	    const fileStat = fs$1.statSync(filePath);
-	    if (fileStat.isDirectory()) {
-	      // Process subdirectories recursively
-	      const subFiles = collectAllFiles(filePath, baseDir);
-	      Object.assign(files, subFiles);
-	    } else if (path$1.extname(file) !== '' && file) {
-	      const relativePath =
-	        '/' + path$1.relative(baseDir, filePath).replace(/\\/g, '/');
-	      files[filePath] = relativePath;
-	    }
-	  });
-	  return files;
-	}
-
-	manifest = {
-	  buildMinisManifest,
-	};
-	return manifest;
+function generateOpenContextHtml(openContextPath, appId) {
+    const templatePath = path.join(__dirname, 'template/open_context.html.hbs');
+    const sdkPath = path.join(__dirname, 'template/open_context_sdk.js.hbs');
+    const templateSource = fs.readFileSync(templatePath).toString();
+    const sdkSource = fs.readFileSync(sdkPath).toString();
+    const template = handlebars.compile(templateSource);
+    const openContextJsPath = path.join(process.cwd(), `${openContextPath}/index.js`);
+    const jsCode = buildOpenContext(openContextJsPath);
+    const openContextRes = template({
+        open_context_code: encodeURIComponent(jsCode),
+        open_context_sdk: sdkSource,
+        client_key: appId,
+    });
+    fs.writeFileSync('./open_context.html', openContextRes);
 }
 
-var bundle;
-var hasRequiredBundle;
-
-function requireBundle () {
-	if (hasRequiredBundle) return bundle;
-	hasRequiredBundle = 1;
-	const fs$1 = fs;
-	const os$1 = os;
-	const path$1 = path;
-	const inquirer = require$$0;
-	const chalk$1 = chalk;
-	const archiver = require$$5$1;
-	const promptModule = inquirer.createPromptModule();
-	const { buildMinisManifest } = requireManifest();
-
-	bundle = async function build() {
-	  try {
-	    /**
-	     * 用户输入打包后的游戏压缩包名称
-	     */
-	    const { zipName: zipNameInput } = await promptModule({
-	      type: 'input',
-	      name: 'zipName',
-	      default: 'game',
-	      message: 'Please input zip name',
-	    });
-
-	    const startTime = Date.now();
-	    console.log(
-	      chalk$1.bold.blue('start build your game, it will take a few minutes...'),
-	    );
-
-	    /**
-	     * 移除掉当前根目录下的文件包
-	     */
-
-	    const files = fs$1.readdirSync(process.cwd());
-	    files.forEach(file => {
-	      if (file.endsWith('.zip')) {
-	        fs$1.unlinkSync(path$1.join(process.cwd(), file));
-	      }
-	    });
-
-	    await buildMinisManifest();
-	    const archive = archiver('zip', {
-	      zlib: { level: 9 }, // Sets the compression level.
-	    });
-
-	    archive.on('error', function (err) {
-	      throw err;
-	    });
-
-	    /**
-	     * 把当前文件压缩成 game-${dateStr}.zip，并添加在桌面
-	     */
-	    const desktopPath = getDesktopPath();
-	    const zipPath = path$1.join(desktopPath, `${zipNameInput}.zip`);
-
-	    await archive.pipe(fs$1.createWriteStream(zipPath));
-
-	    await archive.directory(path$1.resolve(process.cwd()), false);
-
-	    await archive.finalize();
-	    console.log(
-	      chalk$1.yellow.bold(
-	        `build ${zipNameInput}.zip success, you can find it in desktop, use time ${
-	          Date.now() - startTime
-	        } ms`,
-	      ),
-	    );
-
-	    process.exit(0);
-	  } catch (error) {
-	    console.log(
-	      chalk$1.red(
-	        `auto build ${zipNameInput}.zip failed: ${error.message}, you should zip it manually`,
-	      ),
-	    );
-	    process.exit(1);
-	  }
-	};
+const app = express();
+// 1. 检查配置文件是否存在
+function dev$1() {
+    const configPath = path.join(process.cwd(), CONFIG_FILE_NAME);
+    if (!fs.existsSync(configPath)) {
+        console.log(chalk.red.bold(`${CONFIG_FILE_NAME} is not exist, please run minis game init first`));
+        return;
+    }
+    // 2. 读取配置
+    const gameConfig = JSON.parse(fs.readFileSync(configPath, 'utf8'));
+    const devPort = gameConfig.dev?.port || 9527;
+    const hasOpenContext = !!gameConfig.openDataContext;
+    if (hasOpenContext) {
+        generateOpenContextHtml(gameConfig.openDataContext, gameConfig.app_id);
+    }
+    // 3. 打印开发前提示
+    console.log(chalk.yellow.bold('⚠️ Before dev, please ensure:\n 1. The account used to login www.tiktok.com is in the sandbox target user range of Minis developer platform, otherwise login authorization will throw an error.\n 2. The browser allows www.tiktok.com <popup and redirect>, because the authorization login linkage needs to open a new tab popup for operation, otherwise the authorization login linkage will not be able to debug normally.'));
+    console.log(chalk.bold.blue('\n \n============== start dev your game, it will take a few seconds ============ \n \n'));
+    /**
+     * 支持 .br 文件, 支持 gzip
+     */
+    app.use((req, res, next) => {
+        if (req.url.endsWith('.br')) {
+            res.setHeader('Content-Encoding', 'br');
+        }
+        else if (req.url.endsWith('.gz')) {
+            res.setHeader('Content-Encoding', 'gzip');
+        }
+        next();
+    });
+    /**
+     * 给所有的请求返回设置 CSP
+     */
+    app.use((req, res, next) => {
+        /**
+         * 计算 HTML 中的内联脚本生成 hash 插入 CSP 中
+         */
+        try {
+            // 1. 读取 HTML 文件内容
+            const htmlPath = path.join(process.cwd(), 'index.html');
+            const html = fs.readFileSync(htmlPath, 'utf8');
+            // 2. 用 cheerio 解析 HTML
+            const $ = cheerio.load(html);
+            // 3. 提取所有无 src 属性的内联 <script> 内容
+            const scripts = [];
+            $('script:not([src])').each((i, elem) => {
+                const content = $(elem).html();
+                if (content && content.trim()) {
+                    scripts.push(content);
+                }
+            });
+            // 4. 计算每段脚本的 SHA-256 hash 并 base64 编码
+            // const hashes = scripts.map(script => {
+            //   const hash = crypto
+            //     .createHash('sha256')
+            //     .update(script, 'utf8')
+            //     .digest('base64');
+            //   return `'sha256-${hash}'`;
+            // });
+            // 开发者本地调试，信任的域名默认为 * 便于调试
+            const devTrustedDomain = '*';
+            res.setHeader('Content-Security-Policy', `default-src 'self';script-src 'self' data: blob: 'unsafe-eval' 'unsafe-inline' connect.tiktok-minis.com sf-connect.tiktokminis.us;img-src 'self' ${devTrustedDomain} data: blob: *; connect-src 'self' ${devTrustedDomain} data: blob: ; style-src 'self' ${devTrustedDomain} 'unsafe-inline' fonts.googleapis.com data: blob: *; font-src 'self' fonts.gstatic.com blob: data: *; media-src 'self' ${devTrustedDomain} data: blob: *; frame-src 'none'; base-uri 'self'; worker-src 'self' blob: data: ;`);
+        }
+        catch (e) {
+            // 如果 index.html 不存在或有异常，CSP 头就不设置
+            console.warn(chalk.red('Failed to set CSP header:'), e.message);
+        }
+        next();
+    });
+    // 4. 静态资源服务
+    app.use(express.static(path.join(process.cwd())));
+    // 5. 启动服务并自动打开浏览器
+    app.listen(devPort, () => {
+        const gameUrl = `http://localhost:${devPort}`;
+        const openContextUrl = `http://localhost:${devPort}/open_context.html`;
+        let devUrl = `${MINIS_RUNTIME_URL}?minis_url=${gameUrl}&enable_log=1`;
+        if (hasOpenContext) {
+            devUrl += `&open_context_url=${openContextUrl}`;
+        }
+        console.log(`you can access ${chalk.green.underline.bold(devUrl)} to debug your game in browser...`);
+        try {
+            // 自动打开浏览器，跨平台
+            openUrl(devUrl);
+        }
+        catch (e) {
+            console.warn(chalk.red('Failed to open browser, you can access it manually'), e.message);
+        }
+    });
+}
 
-	/**
-	 * 获取当前操作系统的桌面路径，兼容 Windows 和 macOS。
-	 * @returns {string} 桌面的绝对路径。
-	 */
-	function getDesktopPath() {
-	  // 1. 获取用户的主目录，这是所有平台通用的基础
-	  //    - Windows: C:\Users\<username>
-	  //    - macOS/Linux: /Users/<username>
-	  const homeDir = os$1.homedir();
-	  // 2. 定义可能的桌面文件夹名称列表
-	  //    - 'Desktop' 是英文系统的标准名称
-	  //    - '桌面' 是中文系统的标准名称
-	  //    可以根据需要添加其他语言，例如 'Bureau' (法语), 'Schreibtisch' (德语) 等
-	  const desktopNames = ['Desktop', '桌面'];
-	  // 3. 遍历列表，检查哪个路径真实存在
-	  for (const name of desktopNames) {
-	    const possiblePath = path$1.join(homeDir, name);
-	    // fs.existsSync 会同步检查文件或文件夹是否存在
-	    if (fs$1.existsSync(possiblePath)) {
-	      // 找到一个就立即返回，这是最可靠的桌面路径
-	      return possiblePath;
-	    }
-	  }
-	  // 4. 兜底策略 (Fallback)
-	  //    如果上面的常见名称都没有找到（例如在一些极简或非标准的系统环境中），
-	  //    我们就默认返回英文的 'Desktop' 路径。
-	  //    这是一种安全的默认行为，因为即使文件夹不存在，程序后续创建文件时
-	  //    也可以选择自动创建这个目录。
-	  const defaultPath = path$1.join(homeDir, 'Desktop');
-	  console.log(`未找到特定桌面文件夹，使用默认路径: ${defaultPath}`);
-	  return defaultPath;
-	}
-	return bundle;
+async function buildMinisManifest() {
+    try {
+        const buildPath = path.join(process.cwd());
+        const resourceList = [];
+        const allFiles = collectAllFiles(buildPath);
+        Object.keys(allFiles)
+            .filter(file => !file.endsWith('.map'))
+            .forEach(file => {
+            const relativeFilePath = allFiles[file];
+            const filePathArr = relativeFilePath.split('/').filter(Boolean); // Split filename
+            const fileName = filePathArr.pop() || ''; // Get filename
+            if (filePathArr.length === 0) {
+                resourceList.push({ type: 'file', name: fileName });
+            }
+            else {
+                const folder = findOrCreateFolder(filePathArr, resourceList);
+                folder.children.push({ type: 'file', name: fileName });
+            }
+        });
+        fs.writeFileSync(path.join(buildPath, MINIS_MANIFEST_FILE_NAME), JSON.stringify({ name: MINIS_MANIFEST_FILE_NAME, resource_list: resourceList }, null, 2));
+    }
+    catch (error) {
+        console.error(chalk.red(`Error during debug process: ${error.message}`));
+        if (error instanceof Error && error.stack) {
+            console.error(chalk.red(`Stack trace: ${error.stack}`));
+        }
+        process.exit(1);
+    }
+}
+function findOrCreateFolder(pathArray, currentFolder) {
+    let folder = currentFolder.find(item => item.type === 'folder' && item.name === pathArray[0]);
+    if (!folder) {
+        folder = { type: 'folder', name: pathArray[0], children: [] };
+        currentFolder.push(folder);
+    }
+    if (pathArray.length > 1) {
+        return findOrCreateFolder(pathArray.slice(1), folder.children);
+    }
+    return folder;
+}
+function collectAllFiles(dir, baseDir = dir) {
+    const files = {};
+    fs.readdirSync(dir).forEach(file => {
+        const filePath = path.join(dir, file);
+        const fileStat = fs.statSync(filePath);
+        if (fileStat.isDirectory()) {
+            // Process subdirectories recursively
+            const subFiles = collectAllFiles(filePath, baseDir);
+            Object.assign(files, subFiles);
+        }
+        else if (path.extname(file) !== '' && file) {
+            const relativePath = '/' + path.relative(baseDir, filePath).replace(/\\/g, '/');
+            files[filePath] = relativePath;
+        }
+    });
+    return files;
 }
 
-var bundleExports = requireBundle();
-var index = /*@__PURE__*/getDefaultExportFromCjs(bundleExports);
+const promptModule = inquirer.createPromptModule();
+async function build() {
+    let zName = '';
+    try {
+        const configPath = path.join(process.cwd(), CONFIG_FILE_NAME);
+        if (!fs.existsSync(configPath)) {
+            console.log(chalk.red.bold(`${CONFIG_FILE_NAME} is not exist, please run minis game init first`));
+            return;
+        }
+        const gameConfig = JSON.parse(fs.readFileSync(configPath, 'utf8'));
+        const hasOpenContext = !!gameConfig.openDataContext;
+        if (hasOpenContext) {
+            generateOpenContextHtml(gameConfig.openDataContext, gameConfig.app_id);
+        }
+        /**
+         * 用户输入打包后的游戏压缩包名称
+         */
+        const { zipName: zipNameInput } = await promptModule({
+            type: 'input',
+            name: 'zipName',
+            default: 'game',
+            message: 'Please input zip name',
+        });
+        zName = zipNameInput;
+        const startTime = Date.now();
+        console.log(chalk.bold.blue('start build your game, it will take a few minutes...'));
+        /**
+         * 移除掉当前根目录下的文件包
+         */
+        const files = fs.readdirSync(process.cwd());
+        files.forEach(file => {
+            if (file.endsWith('.zip')) {
+                fs.unlinkSync(path.join(process.cwd(), file));
+            }
+        });
+        await buildMinisManifest();
+        const archive = archiver('zip', {
+            zlib: { level: 9 }, // Sets the compression level.
+        });
+        archive.on('error', function (err) {
+            throw err;
+        });
+        /**
+         * 把当前文件压缩成 game-${dateStr}.zip，并添加在桌面
+         */
+        const desktopPath = getDesktopPath();
+        const zipPath = path.join(desktopPath, `${zipNameInput}.zip`);
+        await archive.pipe(fs.createWriteStream(zipPath));
+        await archive.directory(path.resolve(process.cwd()), false);
+        await archive.finalize();
+        console.log(chalk.yellow.bold(`build ${zipNameInput}.zip success, you can find it in desktop, use time ${Date.now() - startTime} ms`));
+        process.exit(0);
+    }
+    catch (error) {
+        console.log(chalk.red(`auto build ${zName}.zip failed: ${error.message}, you should zip it manually`));
+        process.exit(1);
+    }
+}
+/**
+ * 获取当前操作系统的桌面路径，兼容 Windows 和 macOS。
+ * @returns {string} 桌面的绝对路径。
+ */
+function getDesktopPath() {
+    // 1. 获取用户的主目录，这是所有平台通用的基础
+    //    - Windows: C:\Users\<username>
+    //    - macOS/Linux: /Users/<username>
+    const homeDir = os.homedir();
+    // 2. 定义可能的桌面文件夹名称列表
+    //    - 'Desktop' 是英文系统的标准名称
+    //    - '桌面' 是中文系统的标准名称
+    //    可以根据需要添加其他语言，例如 'Bureau' (法语), 'Schreibtisch' (德语) 等
+    const desktopNames = ['Desktop', '桌面'];
+    // 3. 遍历列表，检查哪个路径真实存在
+    for (const name of desktopNames) {
+        const possiblePath = path.join(homeDir, name);
+        // fs.existsSync 会同步检查文件或文件夹是否存在
+        if (fs.existsSync(possiblePath)) {
+            // 找到一个就立即返回，这是最可靠的桌面路径
+            return possiblePath;
+        }
+    }
+    // 4. 兜底策略 (Fallback)
+    //    如果上面的常见名称都没有找到（例如在一些极简或非标准的系统环境中），
+    //    我们就默认返回英文的 'Desktop' 路径。
+    //    这是一种安全的默认行为，因为即使文件夹不存在，程序后续创建文件时
+    //    也可以选择自动创建这个目录。
+    const defaultPath = path.join(homeDir, 'Desktop');
+    console.log(`未找到特定桌面文件夹，使用默认路径: ${defaultPath}`);
+    return defaultPath;
+}
 
 const CONFIG_DIR = path.join(os.homedir(), '.ttmg-cli');
 path.join(CONFIG_DIR, 'config.json');
@@ -774,137 +578,88 @@ function getClientKey() {
     /**
      * 读取 project.config.json 中的 appid/appId
      */
-    const projectConfigPath = path.join(process.cwd(), 'project.config.json');
     let clientKey;
     try {
+        const projectConfigPath = path.join(process.cwd(), 'project.config.json');
+        if (!fs.existsSync(projectConfigPath)) {
+            return '';
+        }
         const projectConfig = JSON.parse(fs.readFileSync(projectConfigPath, 'utf-8'));
         clientKey = projectConfig.appid || projectConfig.appId;
     }
     catch (e) {
-        console.log('read project.config.json failed', e);
+        console.log('read project.config.json failed, please check it');
         clientKey = '';
     }
-    if (clientKey) {
-        return clientKey;
-    }
-    else {
-        console.log(chalk.red.bold('No appid found in project.config.json, you should provide it in project.config.json'));
-        process.exit(1);
-    }
-    // const keys = readClientKeys();
-    // if (keys.length > 0) {
-    //   // 有历史 key，展示选择框
-    //   const { selectedKey } = await inquirer.prompt([
-    //     {
-    //       type: 'list',
-    //       name: 'selectedKey',
-    //       message: 'Please select your game id（client_key）：',
-    //       choices: [...keys, new inquirer.Separator(), 'Add new game id'],
-    //     },
-    //   ]);
-    //   if (selectedKey === 'Add new game id') {
-    //     // 输入新 key
-    //     const { newKey } = await inquirer.prompt([
-    //       {
-    //         type: 'input',
-    //         name: 'newKey',
-    //         message: 'Please input your new game id（client_key）：',
-    //         validate: (input: string) => (input ? true : 'Please input game id'),
-    //       },
-    //     ]);
-    //     saveClientKey(newKey);
-    //     clientKey = newKey;
-    //   } else {
-    //     clientKey = selectedKey;
-    //   }
-    // } else {
-    //   // 没有历史 key，让用户输入
-    //   const { newKey } = await inquirer.prompt([
-    //     {
-    //       type: 'input',
-    //       name: 'newKey',
-    //       message: 'Please input your game id（client_key）：',
-    //       validate: (input: string) => (input ? true : 'Please input game id'),
-    //     },
-    //   ]);
-    //   saveClientKey(newKey);
-    //   clientKey = newKey;
-    // }
-    // return clientKey;
+    return clientKey;
 }
+// const keys = readClientKeys();
+// if (keys.length > 0) {
+//   // 有历史 key，展示选择框
+//   const { selectedKey } = await inquirer.prompt([
+//     {
+//       type: 'list',
+//       name: 'selectedKey',
+//       message: 'Please select your game id（client_key）：',
+//       choices: [...keys, new inquirer.Separator(), 'Add new game id'],
+//     },
+//   ]);
+//   if (selectedKey === 'Add new game id') {
+//     // 输入新 key
+//     const { newKey } = await inquirer.prompt([
+//       {
+//         type: 'input',
+//         name: 'newKey',
+//         message: 'Please input your new game id（client_key）：',
+//         validate: (input: string) => (input ? true : 'Please input game id'),
+//       },
+//     ]);
+//     saveClientKey(newKey);
+//     clientKey = newKey;
+//   } else {
+//     clientKey = selectedKey;
+//   }
+// } else {
+//   // 没有历史 key，让用户输入
+//   const { newKey } = await inquirer.prompt([
+//     {
+//       type: 'input',
+//       name: 'newKey',
+//       message: 'Please input your game id（client_key）：',
+//       validate: (input: string) => (input ? true : 'Please input game id'),
+//     },
+//   ]);
+//   saveClientKey(newKey);
+//   clientKey = newKey;
+// }
+// return clientKey;
 
 function getOutputDir() {
     const clientKey = getClientKey();
     return path.join(os.homedir(), '__TTMG__', clientKey);
 }
 
-class Store {
-    constructor(initialState) {
-        this.listeners = [];
-        this.state = initialState;
-    }
-    // 获取单例实例
-    static getInstance(initialState) {
-        if (!Store.instance) {
-            Store.instance = new Store(initialState);
-        }
-        return Store.instance;
-    }
-    // 获取状态
-    getState() {
-        return this.state;
-    }
-    // 设置状态
-    setState(newState) {
-        this.state = { ...this.state, ...newState };
-        this.listeners.forEach(listener => listener(this.state));
-    }
-    // 订阅状态变化
-    subscribe(listener) {
-        this.listeners.push(listener);
-        return () => {
-            this.listeners = this.listeners.filter(l => l !== listener);
-        };
-    }
-    // 重置状态
-    reset(newState) {
-        this.state = newState;
-        this.listeners.forEach(listener => listener(this.state));
-    }
-}
-const store = Store.getInstance({
-    clientServerPort: '',
-    clientServerHost: '',
-    clientKey: '',
-    packages: {},
-});
-
 const DEV_PORT = 9528;
 const DEV_WS_PORT = 9529;
 const OUTPUT_DIR = path.join(os.homedir(), '__TTMG__');
 
-function getSessionId({ clientWsPort }) {
-    const config = {
-        ws_port: DEV_WS_PORT,
-        nodeWsPort: DEV_WS_PORT,
-        // http_port: DEV_PORT,
-        clientWsPort,
-    };
-    return btoa(JSON.stringify(config));
-}
-
-/**
- * 把我的调试相关的数据，生成 base64 字符串
- */
 let server;
 async function createServer() {
     if (server) {
         closeServer();
     }
+    const publicPath = path.join(__dirname, 'public');
     const app = express();
-    const port = DEV_PORT; // 你可以自定义端口
-    const upload = multer({ dest: os.tmpdir() }); // 上传到 uploads 目录
-    // 解析 JSON body
+    /**
+     * 支持跨域请求
+     */
+    app.use((req, res, next) => {
+        res.header('Access-Control-Allow-Origin', '*');
+        res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
+        res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
+        next();
+    });
+    const port = DEV_PORT;
     app.use(express.json());
     // 解析 FormData body
     app.use(express.urlencoded({ extended: true }));
@@ -912,6 +667,10 @@ async function createServer() {
      * 支持文件访问
      */
     const outputDir = getOutputDir();
+    /**
+     *
+     */
+    app.use(express.static(publicPath));
     /**
      * 支持静态资源
      */
@@ -919,42 +678,11 @@ async function createServer() {
     app.get('/game/qrcode', async (req, res) => {
         res.sendFile(path.join(OUTPUT_DIR, `dev-qrcode.png`));
     });
-    /**
-     * 支持文件访问
-     */
-    /**
-     * TODO: 提供的接口供客户端进行调用，告诉 NodeServer 客户端的 host 和 port
-     */
-    app.post('/game/env', async (req, res) => {
-        // 获取请求体
-        const body = req.body;
-        const { host, port, wsPort } = body;
-        store.setState({
-            clientServerPort: port,
-            clientServerHost: host,
-        });
-        // 响应内容（可以根据实际业务返回需要的数据）
-        const devUrl = `http://${host}:${port}?session=${getSessionId({ clientWsPort: wsPort })}`;
-        openUrl(devUrl);
-        console.log(chalk.bold.yellow(`Game debug is ready! Visit ${devUrl} in your browser.`));
-        res.json({
-            code: 0,
-            msg: 'ok',
-            data: {
-                devUrl,
-            },
-        });
+    app.get('/game/config', async (req, res) => {
+        res.send({ nodeWsPort: DEV_WS_PORT });
     });
-    app.post('/game/upload', upload.single('file'), async (req, res) => {
-        // 文件信息在 req.file
-        res.json({
-            code: 0,
-            msg: 'ok',
-            filename: req.file.filename, // multer生成的临时文件名
-            originalname: req.file.originalname, // 上传时的原始文件名
-            size: req.file.size,
-            path: req.file.path,
-        });
+    app.get('*', (req, res) => {
+        res.sendFile(path.join(publicPath, 'index.html'));
     });
     // 启动服务
     server = app.listen(port, () => {
@@ -973,11 +701,54 @@ function closeServer() {
     });
 }
 
+class Store {
+    constructor(initialState) {
+        this.listeners = [];
+        this.state = initialState;
+    }
+    // 获取单例实例
+    static getInstance(initialState) {
+        if (!Store.instance) {
+            Store.instance = new Store(initialState);
+        }
+        return Store.instance;
+    }
+    // 获取状态
+    getState() {
+        return this.state;
+    }
+    // 设置状态
+    setState(newState) {
+        this.state = { ...this.state, ...newState };
+        this.listeners.forEach(listener => listener(this.state));
+    }
+    // 订阅状态变化
+    subscribe(listener) {
+        this.listeners.push(listener);
+        return () => {
+            this.listeners = this.listeners.filter(l => l !== listener);
+        };
+    }
+    // 重置状态
+    reset(newState) {
+        this.state = newState;
+        this.listeners.forEach(listener => listener(this.state));
+    }
+}
+const store = Store.getInstance({
+    clientHost: '',
+    clientHttpPort: '',
+    clientWsPort: '',
+    clientWsHost: '',
+    clientKey: '',
+    packages: {},
+});
+
 async function uploadGame(callback) {
     const outputDir = getOutputDir();
     callback({
         status: 'start',
-        percent: '0%',
+        percent: 0,
     });
     console.log(chalk.yellow.bold('Start compress game resource'));
     const zipPath = path.join(os.homedir(), '__TTMG__', 'upload.zip');
@@ -985,30 +756,57 @@ async function uploadGame(callback) {
     console.log(chalk.green.bold('Compress game package resource success \n'));
     await uploadZip(zipPath, callback);
 }
+/**
+ * 复制源目录内容到临时目录，然后根据 glob 模式过滤并压缩文件。
+ * 原始目录保持不变。
+ *
+ * @param sourceDir - 要压缩的源文件夹路径。
+ * @param outPath - 输出的 zip 文件路径。
+ */
 async function zipDirectory(sourceDir, outPath) {
-    const output = fs.createWriteStream(outPath);
-    const archive = require$$5$1('zip', { zlib: { level: 9 } });
-    return new Promise(async (resolve, reject) => {
-        output.on('close', () => resolve());
-        output.on('error', err => reject(err));
-        archive.on('error', err => reject(err));
-        archive.pipe(output);
-        try {
-            // 注意这里用 await glob.glob
-            const files = await glob__namespace.glob('**/*', {
-                cwd: sourceDir,
-                nodir: true,
-                ignore: '**/*.js.map',
-            });
-            files.forEach(file => {
-                archive.file(path.join(sourceDir, file), { name: file });
+    // 1. 创建一个唯一的临时目录
+    // fsp 现在是 fs.promises 的别名
+    const tempDir = await fs.promises.mkdtemp(path.join(os.tmpdir(), 'zip-temp-'));
+    try {
+        // 2. 将源目录的所有内容复制到临时目录
+        await fs.promises.cp(sourceDir, tempDir, { recursive: true });
+        // 3. 对临时目录进行压缩
+        const output = fs.createWriteStream(outPath);
+        const archive = archiver('zip', { zlib: { level: 9 } });
+        // 使用 Promise 包装流操作
+        const archivePromise = new Promise((resolve, reject) => {
+            output.on('close', () => {
+                resolve();
             });
-            archive.finalize();
-        }
-        catch (err) {
-            reject(err);
+            archive.on('warning', err => console.warn('Archiver warning:', err));
+            output.on('error', err => reject(err));
+            archive.on('error', err => reject(err));
+        });
+        archive.pipe(output);
+        // 4. 使用 glob 在临时目录中查找文件，并应用过滤规则
+        const files = await glob__namespace.glob('**/*', {
+            cwd: tempDir,
+            nodir: true,
+            ignore: '**/*.js.map', // 过滤规则
+        });
+        // 5. 将过滤后的文件逐个添加到压缩包
+        for (const file of files) {
+            const filePath = path.join(tempDir, file);
+            archive.file(filePath, { name: file });
         }
-    });
+        // 6. 完成压缩
+        await archive.finalize();
+        // 等待文件流关闭
+        await archivePromise;
+    }
+    catch (err) {
+        console.error('压缩过程中发生错误:', err);
+        throw err;
+    }
+    finally {
+        // 7. 无论成功还是失败，都清理临时目录
+        await fs.promises.rm(tempDir, { recursive: true, force: true });
+    }
 }
 async function uploadZip(zipPath, callback) {
     const form = new FormData();
@@ -1019,8 +817,8 @@ async function uploadZip(zipPath, callback) {
     // 帮我计算下文件大小，变成 MB 为单位
     const fileSize = fs.statSync(zipPath).size / 1024 / 1024;
     console.log(chalk.yellow.bold(`Start upload resource to client, size: ${fileSize.toFixed(2)} MB`));
-    const { clientServerHost, clientServerPort } = store.getState();
-    const url = `http://${clientServerHost}:${clientServerPort}/game/upload`;
+    const { clientHttpPort, clientHost } = store.getState();
+    const url = `http://${clientHost}:${clientHttpPort}/game/upload`;
     try {
         // 1. 创建请求流
         const stream = got.stream.post(url, {
@@ -1028,13 +826,13 @@ async function uploadZip(zipPath, callback) {
         });
         // 2. 监听上传进度 (这个回调是并行的，不影响封装)
         stream.on('uploadProgress', progress => {
-            const percent = (progress.percent * 100).toFixed(1);
+            const percent = progress.percent;
             // const transferred = progress.transferred;
             // const total = progress.total;
-            process.stdout.write(`\r${chalk.cyan('Uploading progress:  ')}${chalk.green(percent + '%')}`);
+            process.stdout.write(`\r${chalk.cyan('Uploading progress:  ')}${chalk.green((percent * 100).toFixed(0) + '%')}`);
             callback({
                 status: 'process',
-                percent: `${percent}%`,
+                percent,
             });
         });
         // 3. 【核心封装】将流的处理过程包装在 Promise 中
@@ -1053,7 +851,7 @@ async function uploadZip(zipPath, callback) {
                 // 将完整的响应对象 resolve 出去
                 callback({
                     status: 'success',
-                    percent: '100%',
+                    percent: 1,
                 });
                 resolve({
                     statusCode: 200,
@@ -1065,7 +863,7 @@ async function uploadZip(zipPath, callback) {
                 reject(err);
                 callback({
                     status: 'error',
-                    percent: '',
+                    percent: 0,
                     msg: err.message,
                 });
             });
@@ -1073,13 +871,12 @@ async function uploadZip(zipPath, callback) {
         // 4. 当 await 完成后，说明流已成功结束，可以安全地执行后续操作
         process.stdout.write('\n'); // 换行，保持终端整洁
         console.log(chalk.green.bold('✔ Upload completed successfully!'));
-        fs.unlinkSync(zipPath);
         return response;
     }
     catch (err) {
         callback({
             status: 'error',
-            percent: '',
+            percent: 0,
             msg: err?.message,
         });
         process.stdout.write('\n');
@@ -1099,16 +896,26 @@ class WsServer {
     constructor() {
         this.ws = new WebSocket.Server({ port: DEV_WS_PORT });
         this.ws.on('connection', ws => {
+            const { clientHttpPort, clientHost, clientWsPort } = store.getState();
+            if (clientHost) {
+                this.send({
+                    method: 'clientDebugInfo',
+                    payload: {
+                        clientHttpPort,
+                        clientHost,
+                        clientWsPort,
+                    },
+                });
+            }
             ws.on('message', message => {
                 /** 客户端发送的消息 */
                 const clientMessage = JSON.parse(message.toString());
-                console.log('Client Message', clientMessage);
                 const from = clientMessage.from;
                 if (from === 'browser') {
+                    console.log(chalk.yellow.bold('Browser message'), clientMessage);
                     const method = clientMessage.method;
                     switch (method) {
                         case 'startUpload':
-                            console.log('startUpload');
                             this.sendUploadStatus('start');
                             uploadGame(({ status, percent, msg }) => {
                                 if (status === 'process') {
@@ -1147,26 +954,67 @@ class WsServer {
                     }
                 }
                 else {
+                    console.log(chalk.green.bold('Client message'), clientMessage);
                     const method = clientMessage.method;
                     switch (method) {
+                        /**
+                         * 客户端完成扫码成功，返回客户端的 host 和 port
+                         */
+                        case 'startScanQRcode': {
+                            const payload = clientMessage.payload;
+                            console.log('startQRcode', payload);
+                            this.send({
+                                method: 'startScanQRcode',
+                            });
+                            break;
+                        }
+                        case 'scanQRCodeResult': {
+                            const payload = clientMessage.payload || {};
+                            const { host, port, wsPort, errMsg, isSuccess } = payload;
+                            if (isSuccess) {
+                                store.setState({
+                                    clientHttpPort: port,
+                                    clientHost: host,
+                                    clientWsPort: wsPort,
+                                });
+                                this.send({
+                                    method: 'scanQRCodeSuccess',
+                                    payload: {
+                                        clientHttpPort: port,
+                                        clientHost: host,
+                                        clientWsPort: wsPort,
+                                    },
+                                });
+                                console.log('scanQRcodeSuccess');
+                            }
+                            else {
+                                this.send({
+                                    method: 'scanQRCodeFailed',
+                                    payload: {
+                                        errMsg,
+                                    },
+                                });
+                            }
+                            break;
+                        }
+                        // 待废弃
                         case 'shareDevParams':
-                            console.log('shareDevParams', clientMessage);
                             const payload = clientMessage.payload;
-                            console.log('shareDevParams', payload);
                             const { host, port, wsPort } = payload;
                             store.setState({
-                                clientServerPort: port,
-                                clientServerHost: host,
+                                clientHttpPort: port,
+                                clientHost: host,
+                                clientWsPort: wsPort,
+                                clientWsHost: host,
+                            });
+                            this.send({
+                                method: 'scanQRCodeSuccess',
+                                payload: {
+                                    clientHttpPort: port,
+                                    clientHost: host,
+                                    clientWsPort: wsPort,
+                                },
                             });
-                            // 响应内容（可以根据实际业务返回需要的数据）
-                            const devUrl = `http://${host}:${port}?session=${getSessionId({ clientWsPort: wsPort })}`;
-                            openUrl(devUrl);
-                            console.log(chalk.bold.yellow(`Game debug is ready! Visit ${devUrl} in your browser.`));
-                            break;
-                        // 鉴权失败
-                        case 'checkPermissionFailed':
-                            // 提醒使用客户端先完成测试用户授权，再重新扫描二维码开启调试服务
-                            console.log(chalk.red.bold('Check permission failed! Please authorize in client first.'));
                             break;
                     }
                 }
@@ -1184,6 +1032,11 @@ class WsServer {
             }
         });
     }
+    sendResourceChange() {
+        this.send({
+            method: 'resourceChange',
+        });
+    }
     close() {
         this.ws.close();
     }
@@ -1197,13 +1050,22 @@ class WsServer {
 }
 const wsServer = new WsServer();
 
-async function prepareResource() {
-    console.log(chalk.yellow.bold('Start compile game for debug'));
+async function prepareResource(context) {
     const entryDir = process.cwd();
     const outputDir = getOutputDir();
+    const clientKey = getClientKey();
+    if (!clientKey) {
+        if (context.mode !== 'watch') {
+            console.log(chalk.red.bold('No appid found in project.config.json, you should provide it in project.config.json'));
+            process.exit(1);
+        }
+        return;
+    }
     if (!fs.existsSync(outputDir)) {
         fs.mkdirSync(outputDir, { recursive: true });
     }
+    const tip = context?.mode === 'watch' ? chalk.yellow('game resource change, restart to upload') : chalk.yellow.bold('Start compile game for debug');
+    console.log(tip);
     const { isSuccess, errorMsg, packages } = await ttmgPack.debugPkgs({
         entry: entryDir,
         output: outputDir,
@@ -1215,6 +1077,7 @@ async function prepareResource() {
             enableLog: false,
         },
         build: {
+            enableOdr: false,
             pkgSizeLimit: 30 * 1024 * 1024,
             mainPkgSizeLimit: 4 * 1024 * 1024,
         },
@@ -1229,6 +1092,11 @@ async function prepareResource() {
             packages,
         });
         console.log(chalk.green.bold('Compile game package success \n'));
+        return {
+            isSuccess,
+            errorMsg,
+            packages,
+        };
     }
 }
 
@@ -1241,11 +1109,10 @@ async function watchChange() {
             clearTimeout(debounceTimer);
         // 重新设置定时器
         debounceTimer = setTimeout(async () => {
-            console.log(chalk.yellow('game resource change, restart to upload'));
-            await prepareResource();
-            wsServer.send({
-                method: 'resourceChange',
+            await prepareResource({
+                mode: 'watch',
             });
+            wsServer.sendResourceChange();
             // TODO：只做文件预准备，但不主动上传
             // uploadGame()
             //   .then((res) => {
@@ -1285,7 +1152,7 @@ async function showSchema() {
             margin: 1,
         });
         // 4. 构建可通过静态服务器访问的 URL
-        const qrCodeUrl = `http://localhost:${DEV_PORT}/game/qrcode`;
+        const qrCodeUrl = `http://localhost:${DEV_PORT}`;
         // 5. 打印更新后的提示信息
         console.log(chalk.green.bold('Tips:'));
         console.log(`  1. ${chalk.yellow.bold('Open the link below in your browser to see the QR code, then scan it.')}`);
@@ -1321,7 +1188,7 @@ async function dev() {
     await watchChange();
 }
 
-var version = "0.1.3-beta.4";
+var version = "0.1.4";
 var pkg = {
 	version: version};
 
@@ -1329,6 +1196,7 @@ const program = new commander.Command();
 (async () => {
     try {
         await checkUpdate();
+        // eslint-disable-next-line no-empty
     }
     catch (err) { }
 })();
@@ -1345,7 +1213,7 @@ program
     .action(() => {
     const options = program.opts(); // 获取 options
     if (options.h5) {
-        index$2();
+        init();
     }
     else {
         console.log('Native Mini Game initialize');
@@ -1361,7 +1229,7 @@ program
     .action(() => {
     const options = program.opts();
     if (options.h5) {
-        index$1();
+        dev$1();
     }
     else {
         dev();
@@ -1377,7 +1245,7 @@ program
     .action(() => {
     const options = program.opts(); // 获取 options
     if (options.h5) {
-        index();
+        build();
     }
     else {
         console.log('Native Mini Game bundle');
@@ -1390,3 +1258,4 @@ program
     console.log('will support soon');
 });
 program.parse(process.argv);
+//# sourceMappingURL=index.js.map