@ttmg/cli 0.1.2 → 0.1.3-beta.2

package/CHANGELOG.md

@@ -45,4 +45,13 @@ feat: 支持文件变更监听，告知浏览器文件变更，提醒开发者
 发布最新版本，提醒开发者升级最新版本
 
 ## 0.1.2
-发布最新版本，支持 sourcemap
+
+发布最新版本，支持 sourcemap
+
+## 0.1.3-beta.1
+
+优化显示二维码问题
+
+## 0.1.3-beta.2
+
+彻底修复二维码兼容问题

package/README.md

@@ -0,0 +1,72 @@
+## @ttmg/cli
+
+`ttmg` 是一个用于管理和开发小游戏项目的命令行工具，支持 H5 小游戏和原生小游戏的初始化、开发调试和打包构建。
+
+### 安装
+
+你可以通过 npm 本地安装或全局安装：
+
+```
+npm install @ttmg/cli -g
+```
+
+或者在项目中作为开发依赖：
+
+```
+npm install @ttmg/cli --save-dev
+```
+
+### 使用方法
+
+安装后，可以在命令行中使用 `ttmg` 命令。
+
+#### 查看帮助
+
+```
+ttmg --help
+```
+
+#### 命令说明
+
+##### 1. 初始化项目
+
+- 对基于游戏引擎构建好的 H5 小游戏进行初始化
+
+```
+ttmg init --h5
+```
+
+- 对基于游戏引擎构建好的 Native 小游戏进行初始化
+
+```
+ttmg init --native
+```
+
+##### 2. 开发调试
+
+启动本地开发环境，打开浏览器进行调试。
+
+- H5 小游戏调试
+
+```
+ttmg dev --h5
+```
+
+- 原生小游戏调试
+
+```
+ttmg dev --native
+```
+
+##### 3. 项目打包
+
+打包项目用于发布。
+
+- 打包 H5 小游戏
+
+```
+ttmg build --h5
+```
+
+- 打包原生小游戏
+  ttmg build --native

package/dist/index.js

@@ -14,6 +14,7 @@ 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');
@@ -22,7 +23,7 @@ var glob = require('glob');
 var got = require('got');
 var FormData = require('form-data');
 var ttmgPack = require('ttmg-pack');
-var qrcode = require('qrcode-terminal');
+var QRCode = require('qrcode');
 
 function _interopNamespaceDefault(e) {
 	var n = Object.create(null);
@@ -383,12 +384,22 @@ async function checkUpdate() {
     const boxen = (await import('boxen')).default;
     const pkgName = '@ttmg/cli';
     const oldVersion = getGlobalVersion(pkgName);
-    const newVersion = await getLatestVersion(pkgName);
+    const newVersion = (await getLatestVersion(pkgName));
     if (!oldVersion) {
         console.log(chalk.yellow(`未检测到全局安装的 ${pkgName}`));
         return;
     }
     if (oldVersion !== newVersion) {
+        const oldVersionIsBeta = oldVersion.includes('beta');
+        const newVersionIsBeta = newVersion.includes('beta');
+        if (oldVersionIsBeta && newVersionIsBeta) {
+            return;
+        }
+        const oldVersionMajor = semver.major(oldVersion);
+        const newVersionMajor = semver.major(newVersion);
+        if (oldVersionIsBeta && oldVersionMajor >= newVersionMajor) {
+            return;
+        }
         const message = `
 ${chalk.bold('Update available!')} ${chalk.red(oldVersion)} ${chalk.white('→')} ${chalk.green(newVersion)}.
 ${chalk.magenta('Changelog:')} ${chalk.cyan(`https://npmjs.com/package/${pkgName}/v/${newVersion}`)}
@@ -912,6 +923,9 @@ async function createServer() {
         const { fileName } = req.params;
         res.sendFile(path.join(outputDir, fileName));
     });
+    app.get('/game/qrcode', async (req, res) => {
+        res.sendFile(path.join(OUTPUT_DIR, `dev-qrcode.png`));
+    });
     /**
      * 支持文件访问
      */
@@ -951,7 +965,7 @@ async function createServer() {
     });
     // 启动服务
     server = app.listen(port, () => {
-        console.log(chalk.cyan.bold(`Node devServer is running on port ${port}`));
+        console.log(chalk.cyan.bold(`Node devServer is running on port ${port}\n`));
     });
     return {
         port,
@@ -1258,27 +1272,48 @@ async function watchChange() {
     });
 }
 
+// 保持你原来的 import
+// 你的静态服务器运行的端口
+// --- 修改结束 ---
 async function showSchema() {
+    if (!fs.existsSync(OUTPUT_DIR)) {
+        fs.mkdirSync(OUTPUT_DIR, { recursive: true });
+    }
     const clientKey = getClientKey();
-    const outputDir = path.join(OUTPUT_DIR, clientKey);
-    const localIP = getLocalIP();
-    console.log(chalk.green.bold('Tips:'));
-    console.log(`  1. ${chalk.yellow.bold('Scan the QR code to start the client devServer.')}`);
-    console.log(`  2. ${chalk.yellow.bold('Will auto upload compiled resource to client.')} ${chalk.bold(outputDir)}`);
-    console.log(`  3. ${chalk.yellow.bold('Debug your game in the browser.')}\n`);
-    const schema = `https://www.tiktok.com/ttmg/dev/${clientKey}?host=${localIP}&port=${DEV_WS_PORT}`;
-    qrcode.generate(schema, {
-        small: true,
-    }, qr => {
-        console.log(qr);
-    });
+    // 2. 定义二维码图片的文件名和完整路径
+    const qrCodeFileName = 'dev-qrcode.png';
+    const qrCodeImagePath = path.join(OUTPUT_DIR, qrCodeFileName);
+    const schema = `https://www.tiktok.com/ttmg/dev/${clientKey}?host=${getLocalIP()}&port=${DEV_WS_PORT}`;
+    try {
+        // 3. 使用 QRCode.toFile 生成图片到你的静态目录
+        await QRCode.toFile(qrCodeImagePath, schema, {
+            type: 'png',
+            width: 200,
+            margin: 1,
+        });
+        // 4. 构建可通过静态服务器访问的 URL
+        const qrCodeUrl = `http://localhost:${DEV_PORT}/game/qrcode`;
+        // 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.')}`);
+        console.log(`     ${chalk.cyan.underline(qrCodeUrl)}`);
+        console.log(`  2. ${chalk.yellow.bold('Will auto upload compiled resource to client.')}`);
+        console.log(`  3. ${chalk.yellow.bold('Debug your game in the browser.')}\n`);
+        /**
+         * 自动打开浏览器
+         */
+        openUrl(qrCodeUrl);
+    }
+    catch (err) {
+        console.error(chalk.red('Failed to generate QR code image.'), err);
+    }
 }
 
 async function dev() {
     /**
      * 1. 准备游戏资源
      */
-    await prepareResource();
+    prepareResource();
     /**
      * 2. 创建本地调试服务
      */
@@ -1293,7 +1328,7 @@ async function dev() {
     await watchChange();
 }
 
-var version = "0.1.2";
+var version = "0.1.3-beta.2";
 var pkg = {
 	version: version};
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttmg/cli",
-  "version": "0.1.2",
+  "version": "0.1.3-beta.2",
   "description": "TikTok Mini Game Command Line Tool",
   "license": "ISC",
   "bin": {
@@ -41,8 +41,9 @@
     "multer": "^2.0.2",
     "open": "^10.2.0",
     "prettier": "^3.6.2",
-    "qrcode-terminal": "^0.12.0",
-    "ttmg-pack": "0.0.22",
+    "qrcode": "^1.5.4",
+    "semver": "^7.7.2",
+    "ttmg-pack": "0.0.25",
     "ws": "^8.18.3"
   },
   "devDependencies": {