@playcraft/cli 0.0.53 → 0.0.55

package/project-templates/playable-template-phaser/builds.config.js

@@ -0,0 +1,12 @@
+/**
+ * Phaser Template 批量构建配置
+ * 
+ * 支持多主题批量构建，适合 A/B 测试和版本迭代
+ */
+
+module.exports = {
+  // 项目名称（用于 html title生成）
+  title: 'Phaser-Template',
+  // 可玩广告对应的 App 名称
+  appName: 'Sola Mahjong',
+};

package/project-templates/playable-template-phaser/globals.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="@playcraft/adsdk/defines" />
+/// <reference types="@playcraft/devkit/defines" />

package/project-templates/playable-template-phaser/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <title>Phaser Template - Playable Ads</title>
+  </head>
+  <body>
+    <div id="game-container"></div>
+    <script type="module" src="/src/index.ts"></script>
+  </body>
+</html>

package/project-templates/playable-template-phaser/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "playable-template-phaser",
+  "version": "1.0.0",
+  "description": "A starter template for creating playable ads using Phaser and @playcraft/adsdk with TypeScript support",
+  "scripts": {
+    "dev": "vite",
+    "dev:wp": "playable-scripts dev",
+    "build": "playable-scripts build",
+    "builds": "playable-scripts builds",
+    "pack-to-playcraft-template-zip": "playable-scripts pack",
+    "webp": "node scripts/convert-to-webp.js",
+    "webp:80": "node scripts/convert-to-webp.js 80"
+  },
+  "keywords": [
+    "playable",
+    "ads",
+    "template",
+    "phaser",
+    "webgl",
+    "2d",
+    "typescript",
+    "game"
+  ],
+  "author": "Smoud",
+  "dependencies": {
+    "@playcraft/adsdk": "*",
+    "phaser": "^3.88.2",
+    "json5": "^2.2.3"
+  },
+  "devDependencies": {
+    "@playcraft/devkit": "*",
+    "@types/node": "^22.10.5",
+    "vite": "^5.4.0",
+    "typescript": "~5.7.2",
+    "prettier": "^2.7.1",
+    "babel-loader": "^10.0.0",
+    "css-loader": "^7.1.2",
+    "esbuild-loader": "^4.4.1",
+    "json5-loader": "^4.0.1",
+    "style-loader": "^4.0.0"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  }
+}

package/project-templates/playable-template-phaser/scripts/base64-to-mp3.js

@@ -0,0 +1,340 @@
+/**
+ * Base64 音频转 MP3 文件脚本
+ *
+ * 支持两种输入源：
+ *   1. 直接传入 base64 字符串
+ *   2. 从 JS/TS 文件中提取 base64 常量
+ *
+ * 使用方法:
+ *   node scripts/base64-to-mp3.js --input=<base64字符串或文件路径> --output=<输出mp3路径>
+ *   node scripts/base64-to-mp3.js --file=./src/config/const.ts --var=Btn_Click_Audio --output=./output.mp3
+ *   node scripts/base64-to-mp3.js --help
+ *
+ * 示例:
+ *   # 从 JS 文件提取变量
+ *   node scripts/base64-to-mp3.js --file=./src/game/config/const.ts --var=Btn_Click_Audio -o click.mp3
+ *
+ *   # 直接传入 base64 字符串（适合短字符串）
+ *   node scripts/base64-to-mp3.js --input="SGVsbG8..." -o output.mp3
+ *
+ *   # 从文本文件读取 base64（适合长字符串）
+ *   node scripts/base64-to-mp3.js --input=./base64.txt -o output.mp3
+ *
+ *   # 支持 brotli 压缩的 base64（先解压再写入）
+ *   node scripts/base64-to-mp3.js --file=./src/game/config/const.ts --var=Btn_Click_Audio -o click.mp3 --brotli
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+/**
+ * 解析命令行参数
+ */
+function parseArgs() {
+  const args = process.argv.slice(2);
+  const config = {
+    input: null,     // base64 字符串或包含 base64 的文件路径
+    file: null,      // JS/TS 源文件路径（从中提取变量）
+    varName: null,   // 要提取的变量名
+    output: null,    // 输出 mp3 文件路径
+    brotli: false,   // 是否先进行 brotli 解压
+  };
+
+  for (let i = 0; i < args.length; i++) {
+    const arg = args[i];
+    if (arg === '--help' || arg === '-h') {
+      showHelp();
+      process.exit(0);
+    } else if (arg.startsWith('--input=')) {
+      config.input = arg.split('=').slice(1).join('=');
+    } else if (arg === '--input' || arg === '-i') {
+      config.input = args[++i];
+    } else if (arg.startsWith('--file=')) {
+      config.file = arg.split('=').slice(1).join('=');
+    } else if (arg.startsWith('--var=')) {
+      config.varName = arg.split('=').slice(1).join('=');
+    } else if (arg.startsWith('--output=') || arg.startsWith('-o=')) {
+      config.output = arg.split('=').slice(1).join('=');
+    } else if (arg === '--output' || arg === '-o') {
+      config.output = args[++i];
+    } else if (arg === '--brotli') {
+      config.brotli = true;
+    }
+  }
+
+  return config;
+}
+
+/**
+ * 从 JS/TS 文件中提取指定变量的字符串值
+ */
+function extractVarFromFile(filePath, varName) {
+  const content = fs.readFileSync(filePath, 'utf-8');
+
+  // 匹配多种导出/赋值格式：
+  // export const Xxx = '...'
+  // export const Xxx = "..."
+  // const Xxx = '...'
+  // const Xxx = "..."
+  // export const Xxx = `...`
+  const patterns = [
+    // 单引号
+    new RegExp(`(?:export\\s+)?(?:const|let|var)\\s+${varName}\\s*=\\s*'([^']*)'`, 's'),
+    // 双引号
+    new RegExp(`(?:export\\s+)?(?:const|let|var)\\s+${varName}\\s*=\\s*"([^"]*)"`, 's'),
+    // 模板字符串
+    new RegExp(`(?:export\\s+)?(?:const|let|var)\\s+${varName}\\s*=\\s*\`([^\`]*)\``, 's'),
+    // 带类型注解: const Xxx: string = '...'
+    new RegExp(`(?:export\\s+)?(?:const|let|var)\\s+${varName}\\s*:\\s*\\w+\\s*=\\s*'([^']*)'`, 's'),
+    new RegExp(`(?:export\\s+)?(?:const|let|var)\\s+${varName}\\s*:\\s*\\w+\\s*=\\s*"([^"]*)"`, 's'),
+  ];
+
+  for (const pattern of patterns) {
+    const match = content.match(pattern);
+    if (match) {
+      return match[1];
+    }
+  }
+
+  return null;
+}
+
+/**
+ * 获取 base64 字符串
+ */
+function getBase64String(config) {
+  // 方式 1：从 JS/TS 文件提取变量
+  if (config.file && config.varName) {
+    const absPath = path.resolve(config.file);
+    if (!fs.existsSync(absPath)) {
+      console.error(`❌ File not found: ${absPath}`);
+      process.exit(1);
+    }
+    console.log(`📄 Reading variable "${config.varName}" from: ${absPath}`);
+    const value = extractVarFromFile(absPath, config.varName);
+    if (!value) {
+      console.error(`❌ Variable "${config.varName}" not found in ${config.file}`);
+      process.exit(1);
+    }
+    console.log(`✅ Found variable, length: ${value.length} chars`);
+    return value;
+  }
+
+  // 方式 2：直接输入或从文件读取
+  if (config.input) {
+    // 判断是文件路径还是 base64 字符串
+    if (fs.existsSync(config.input)) {
+      console.log(`📄 Reading base64 from file: ${config.input}`);
+      return fs.readFileSync(config.input, 'utf-8').trim();
+    }
+    // 直接当作 base64 字符串
+    return config.input;
+  }
+
+  console.error('❌ No input specified. Use --input or --file + --var');
+  process.exit(1);
+}
+
+/**
+ * 格式化文件大小
+ */
+function formatSize(bytes) {
+  if (bytes === 0) return '0 B';
+  const k = 1024;
+  const sizes = ['B', 'KB', 'MB', 'GB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return (bytes / Math.pow(k, i)).toFixed(2) + ' ' + sizes[i];
+}
+
+/**
+ * 显示帮助
+ */
+function showHelp() {
+  console.log(`
+🎵 Base64 音频转 MP3 文件工具
+
+使用方法:
+  node scripts/base64-to-mp3.js [选项]
+
+选项:
+  --file=<路径>         JS/TS 源文件路径
+  --var=<变量名>        要从文件中提取的变量名
+  --input=<base64>      直接传入 base64 字符串，或包含 base64 的文本文件路径
+  --output=<路径>, -o   输出 MP3 文件路径（默认: ./output.mp3）
+  --brotli              先进行 brotli 解压（适用于压缩后的 base64）
+  --help, -h            显示帮助信息
+
+示例:
+  # 从 const.ts 提取 Btn_Click_Audio 变量，转为 mp3
+  node scripts/base64-to-mp3.js --file=./src/game/config/const.ts --var=Btn_Click_Audio -o click.mp3
+
+  # brotli 压缩的 base64（先解压再写入）
+  node scripts/base64-to-mp3.js --file=./src/game/config/const.ts --var=Btn_Click_Audio -o click.mp3 --brotli
+
+  # base64 编码的 URL（自动识别并下载，如爱给网等素材站）
+  node scripts/base64-to-mp3.js --input="aHR0cHM6Ly9zMi5haWdlaS5jb20v..." -o bgm.mp3
+
+  # 从文本文件读取 base64
+  node scripts/base64-to-mp3.js --input=./audio_base64.txt -o output.mp3
+
+  # 直接传入短 base64 音频数据
+  node scripts/base64-to-mp3.js --input="AAAAIGZ0eXBpc29..." -o output.mp3
+  `);
+}
+
+/**
+ * 主函数
+ */
+async function main() {
+  const config = parseArgs();
+
+  if (!config.output) {
+    config.output = './output.mp3';
+  }
+
+  console.log('='.repeat(50));
+  console.log('🎵 Base64 → MP3 转换工具');
+  console.log('='.repeat(50));
+
+  // 获取 base64 字符串
+  const base64String = getBase64String(config);
+
+  // 去除可能的 data URI 前缀
+  let cleanBase64 = base64String;
+  const dataUriMatch = base64String.match(/^data:[^;]+;base64,(.+)/);
+  if (dataUriMatch) {
+    cleanBase64 = dataUriMatch[1];
+    console.log('📎 Stripped data URI prefix');
+  }
+
+  // 解码 base64
+  console.log(`🔄 Decoding base64 (${cleanBase64.length} chars)...`);
+  const buffer = Buffer.from(cleanBase64, 'base64');
+  const decodedStr = buffer.toString('utf-8');
+
+  // 自动识别：解码后是 URL 还是二进制音频数据
+  if (decodedStr.startsWith('http://') || decodedStr.startsWith('https://')) {
+    // base64 编码的是 URL，自动下载
+    const url = decodedStr.trim();
+    console.log(`🔗 Detected URL inside base64:`);
+    console.log(`   ${url}`);
+    console.log(`🌐 Downloading MP3...`);
+
+    await downloadFile(url, config.output);
+    return;
+  }
+
+  // 二进制音频数据
+  console.log(`   Decoded size: ${formatSize(buffer.length)}`);
+  let outputBuffer = buffer;
+
+  // brotli 解压（可选）
+  if (config.brotli) {
+    console.log('🗜️  Decompressing with brotli...');
+    try {
+      const brotli = require('brotli/decompress');
+      const decompressed = brotli(new Uint8Array(buffer));
+      if (!decompressed) {
+        console.error('❌ Brotli decompression returned null');
+        process.exit(1);
+      }
+      outputBuffer = Buffer.from(decompressed);
+      console.log(`   Decompressed size: ${formatSize(outputBuffer.length)}`);
+    } catch (e) {
+      console.error(`❌ Brotli decompression failed: ${e.message}`);
+      console.log('   Tip: npm install brotli');
+      process.exit(1);
+    }
+  }
+
+  // 写入文件
+  saveFile(config.output, outputBuffer);
+
+/**
+ * 下载文件
+ */
+function downloadFile(url, outputFilePath) {
+  return new Promise((resolve, reject) => {
+    const outputPath = path.resolve(outputFilePath);
+    const outputDir = path.dirname(outputPath);
+    if (!fs.existsSync(outputDir)) {
+      fs.mkdirSync(outputDir, { recursive: true });
+    }
+
+    // 根据协议选择 http 或 https
+    const httpModule = url.startsWith('https') ? require('https') : require('http');
+
+    const request = httpModule.get(url, (response) => {
+      // 处理重定向
+      if (response.statusCode >= 300 && response.statusCode < 400 && response.headers.location) {
+        console.log(`   ↪ Redirecting to: ${response.headers.location}`);
+        return downloadFile(response.headers.location, outputFilePath).then(resolve).catch(reject);
+      }
+
+      if (response.statusCode !== 200) {
+        reject(new Error(`HTTP ${response.statusCode}: ${response.statusMessage}`));
+        return;
+      }
+
+      const contentLength = response.headers['content-length'];
+      if (contentLength) {
+        console.log(`   Content-Length: ${formatSize(parseInt(contentLength))}`);
+      }
+
+      const fileStream = fs.createWriteStream(outputPath);
+      let downloadedBytes = 0;
+
+      response.on('data', (chunk) => {
+        downloadedBytes += chunk.length;
+      });
+
+      response.pipe(fileStream);
+
+      fileStream.on('finish', () => {
+        fileStream.close();
+        console.log('');
+        console.log('='.repeat(50));
+        console.log(`✅ Downloaded to: ${outputPath}`);
+        console.log(`📦 File size: ${formatSize(downloadedBytes)}`);
+        console.log('='.repeat(50));
+        resolve();
+      });
+
+      fileStream.on('error', (err) => {
+        fs.unlinkSync(outputPath);
+        reject(err);
+      });
+    });
+
+    request.on('error', reject);
+    request.setTimeout(30000, () => {
+      request.destroy();
+      reject(new Error('Download timeout (30s)'));
+    });
+  });
+}
+
+/**
+ * 保存 buffer 到文件
+ */
+function saveFile(outputFilePath, buffer) {
+  const outputPath = path.resolve(outputFilePath);
+  const outputDir = path.dirname(outputPath);
+  if (!fs.existsSync(outputDir)) {
+    fs.mkdirSync(outputDir, { recursive: true });
+  }
+
+  fs.writeFileSync(outputPath, buffer);
+
+  console.log('');
+  console.log('='.repeat(50));
+  console.log(`✅ Saved to: ${outputPath}`);
+  console.log(`📦 File size: ${formatSize(buffer.length)}`);
+  console.log('='.repeat(50));
+}
+
+// 运行
+main().catch(error => {
+  console.error('❌ Error:', error.message);
+  process.exit(1);
+});