@ttmg/cli 0.1.3-beta.1 → 0.1.3-beta.2

package/CHANGELOG.md

@@ -51,3 +51,7 @@ feat: 支持文件变更监听，告知浏览器文件变更，提醒开发者
 ## 0.1.3-beta.1
 
 优化显示二维码问题
+
+## 0.1.3-beta.2
+
+彻底修复二维码兼容问题

package/dist/index.js

@@ -923,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`));
+    });
     /**
      * 支持文件访问
      */
@@ -1269,18 +1272,41 @@ 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.toString(schema, { type: 'terminal', small: true }, (err, 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() {
@@ -1302,7 +1328,7 @@ async function dev() {
     await watchChange();
 }
 
-var version = "0.1.3-beta.1";
+var version = "0.1.3-beta.2";
 var pkg = {
 	version: version};
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttmg/cli",
-  "version": "0.1.3-beta.1",
+  "version": "0.1.3-beta.2",
   "description": "TikTok Mini Game Command Line Tool",
   "license": "ISC",
   "bin": {