@playcraft/build 0.0.11 → 0.0.13

package/dist/analyzers/__tests__/optimization-analyzer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/analyzers/__tests__/optimization-analyzer.test.js

@@ -0,0 +1,169 @@
+import { describe, it, expect } from 'vitest';
+import { OptimizationAnalyzer } from '../optimization-analyzer.js';
+describe('OptimizationAnalyzer', () => {
+    it('should detect large uncompressed files', () => {
+        const state = {
+            version: '1.0.0',
+            buildTime: Date.now(),
+            assets: {
+                'large-file': {
+                    id: 'large-file',
+                    originalName: 'large-file.js',
+                    originalPath: '/path/to/large-file.js',
+                    originalSize: 200 * 1024, // 200KB
+                    finalSize: 195 * 1024, // 只压缩了 5KB
+                    totalCompressionRatio: 0.025, // 2.5% 压缩率
+                    type: 'script',
+                    processingHistory: [
+                        {
+                            stage: 'base-build',
+                            name: 'large-file.js',
+                            size: 195 * 1024,
+                            optimizations: [],
+                        },
+                    ],
+                },
+            },
+            stages: [],
+        };
+        const analyzer = new OptimizationAnalyzer(state);
+        const result = analyzer.analyze();
+        expect(result.totalSuggestions).toBeGreaterThan(0);
+        expect(result.suggestions.some(s => s.type === 'large-uncompressed')).toBe(true);
+    });
+    it('should detect PNG images that can be converted to WebP', () => {
+        const state = {
+            version: '1.0.0',
+            buildTime: Date.now(),
+            assets: {
+                'image': {
+                    id: 'image',
+                    originalName: 'image.png',
+                    originalPath: '/path/to/image.png',
+                    originalSize: 100 * 1024, // 100KB
+                    finalSize: 100 * 1024,
+                    totalCompressionRatio: 0,
+                    type: 'texture',
+                    processingHistory: [
+                        {
+                            stage: 'base-build',
+                            name: 'image.png',
+                            size: 100 * 1024,
+                            optimizations: [],
+                        },
+                    ],
+                },
+            },
+            stages: [],
+        };
+        const analyzer = new OptimizationAnalyzer(state);
+        const result = analyzer.analyze();
+        expect(result.suggestions.some(s => s.type === 'format-conversion')).toBe(true);
+    });
+    it('should detect missing minification', () => {
+        const state = {
+            version: '1.0.0',
+            buildTime: Date.now(),
+            assets: {
+                'script': {
+                    id: 'script',
+                    originalName: 'script.js',
+                    originalPath: '/path/to/script.js',
+                    originalSize: 50 * 1024, // 50KB
+                    finalSize: 50 * 1024,
+                    totalCompressionRatio: 0,
+                    type: 'script',
+                    processingHistory: [
+                        {
+                            stage: 'base-build',
+                            name: 'script.js',
+                            size: 50 * 1024,
+                            optimizations: [], // 没有 minify
+                        },
+                    ],
+                },
+            },
+            stages: [],
+        };
+        const analyzer = new OptimizationAnalyzer(state);
+        const result = analyzer.analyze();
+        expect(result.suggestions.some(s => s.type === 'enable-minify')).toBe(true);
+    });
+    it('should group suggestions by severity', () => {
+        const state = {
+            version: '1.0.0',
+            buildTime: Date.now(),
+            assets: {
+                'large-uncompressed': {
+                    id: 'large-uncompressed',
+                    originalName: 'large.js',
+                    originalPath: '/path/to/large.js',
+                    originalSize: 200 * 1024,
+                    finalSize: 195 * 1024,
+                    totalCompressionRatio: 0.025,
+                    type: 'script',
+                    processingHistory: [
+                        {
+                            stage: 'base-build',
+                            name: 'large.js',
+                            size: 195 * 1024,
+                            optimizations: [],
+                        },
+                    ],
+                },
+                'png-image': {
+                    id: 'png-image',
+                    originalName: 'image.png',
+                    originalPath: '/path/to/image.png',
+                    originalSize: 100 * 1024,
+                    finalSize: 100 * 1024,
+                    totalCompressionRatio: 0,
+                    type: 'texture',
+                    processingHistory: [
+                        {
+                            stage: 'base-build',
+                            name: 'image.png',
+                            size: 100 * 1024,
+                            optimizations: [],
+                        },
+                    ],
+                },
+            },
+            stages: [],
+        };
+        const analyzer = new OptimizationAnalyzer(state);
+        const result = analyzer.analyze();
+        expect(result.bySeverity.high.length).toBeGreaterThan(0);
+        expect(result.bySeverity.medium.length).toBeGreaterThan(0);
+    });
+    it('should calculate total estimated savings', () => {
+        const state = {
+            version: '1.0.0',
+            buildTime: Date.now(),
+            assets: {
+                'large-file': {
+                    id: 'large-file',
+                    originalName: 'large-file.js',
+                    originalPath: '/path/to/large-file.js',
+                    originalSize: 200 * 1024,
+                    finalSize: 195 * 1024,
+                    totalCompressionRatio: 0.025,
+                    type: 'script',
+                    processingHistory: [
+                        {
+                            stage: 'base-build',
+                            name: 'large-file.js',
+                            size: 195 * 1024,
+                            optimizations: [],
+                        },
+                    ],
+                },
+            },
+            stages: [],
+        };
+        const analyzer = new OptimizationAnalyzer(state);
+        const result = analyzer.analyze();
+        expect(result.totalEstimatedSavings).toBeGreaterThan(0);
+        expect(result.estimatedOptimizationRate).toBeGreaterThan(0);
+    });
+});

package/dist/analyzers/playable-analyzer.js

@@ -31,9 +31,10 @@ export class PlayableAnalyzer {
         const htmlContent = await fs.readFile(this.htmlPath, 'utf-8');
         const htmlSize = Buffer.from(htmlContent, 'utf-8').length;
         // 尝试从 build-state.json 读取资源信息
-        const stateManager = await BuildStateManager.load(this.outputDir);
+        const stateManager = new BuildStateManager(this.outputDir, this.outputDir);
+        const stateLoaded = await stateManager.loadState();
         let assets;
-        if (stateManager) {
+        if (stateLoaded) {
             console.log('[PlayableAnalyzer] 使用 build-state.json 的数据');
             assets = this.extractAssetsFromState(stateManager, htmlSize);
         }

package/dist/base-builder.js

@@ -52,11 +52,12 @@ export class BaseBuilder {
         await this.saveBuildMetadata(result.metadata);
         // 记录构建产物
         await this.recordBuildOutput(result);
-        // 结束构建阶段并保存状态
+        // 结束构建阶段
         this.stateManager.endStage();
-        await this.stateManager.saveState();
         // 生成分析报告（如果启用）
         if (this.options.analyze) {
+            // 只在分析模式下保存状态文件（分析报告需要用到）
+            await this.stateManager.saveState();
             await this.generateAnalysisReport();
         }
         return result;
@@ -532,11 +533,16 @@ export class BaseBuilder {
                         gzipSize: true,
                         brotliSize: true,
                         open: false,
-                        sourcemap: false,
                     }),
                 ] : []),
             ],
         };
+        // DEBUG: 检查 analyze 配置
+        if (this.options.analyze) {
+            console.log('[BaseBuilder] analyze 已启用，报告路径:', this.options.analyzeReportPath
+                ? path.join(this.options.outputDir, this.options.analyzeReportPath)
+                : path.join(this.options.outputDir, 'base-bundle-report.html'));
+        }
         // 2. 执行 Vite 构建
         await viteBuild(viteConfig);
         // 3. 扫描生成的文件

package/dist/platforms/adikteev.js

@@ -31,7 +31,10 @@ export class AdikteevAdapter extends PlatformAdapter {
           removeEventListener: function(event, listener) {},
           getState: function() { return 'default'; },
           getPlacementType: function() { return 'interstitial'; },
-          isViewable: function() { return true; }
+          isViewable: function() { return true; },
+          getMaxSize: function() { return { width: window.innerWidth, height: window.innerHeight }; },
+          getCurrentPosition: function() { return { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight }; },
+          getScreenSize: function() { return { width: screen.width, height: screen.height }; }
         };
       </script>
       <!-- 
@@ -42,7 +45,6 @@ export class AdikteevAdapter extends PlatformAdapter {
         - 需等待 viewableChange 事件后再启动游戏
         - 不允许自动重定向
       -->
-      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     `;
         // 在 </head> 之前插入平台特定的 API
         html = html.replace('</head>', `${adikteevScript}</head>`);

package/dist/platforms/applovin.js

@@ -33,7 +33,10 @@ export class AppLovinAdapter extends PlatformAdapter {
           removeEventListener: function(event, listener) {},
           getState: function() { return 'default'; },
           getPlacementType: function() { return 'interstitial'; },
-          isViewable: function() { return true; }
+          isViewable: function() { return true; },
+          getMaxSize: function() { return { width: window.innerWidth, height: window.innerHeight }; },
+          getCurrentPosition: function() { return { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight }; },
+          getScreenSize: function() { return { width: screen.width, height: screen.height }; }
         };
       </script>
       <!-- 
@@ -43,8 +46,11 @@ export class AppLovinAdapter extends PlatformAdapter {
         - CTA 使用 mraid.open()
       -->
     `;
-        // 在 </head> 之前插入
-        return html.replace('</head>', `${appLovinScript}</head>`);
+        // 在 </head> 之前插入平台特定的 API
+        html = html.replace('</head>', `${appLovinScript}</head>`);
+        // 注入统一的 CTA 适配器
+        html = this.injectCTAAdapter(html);
+        return html;
     }
     getPlatformScript() {
         return `

package/dist/platforms/inmobi.js

@@ -30,7 +30,10 @@ export class InMobiAdapter extends PlatformAdapter {
           },
           removeEventListener: function(event, listener) {},
           getState: function() { return 'default'; },
-          getPlacementType: function() { return 'interstitial'; }
+          getPlacementType: function() { return 'interstitial'; },
+          getMaxSize: function() { return { width: window.innerWidth, height: window.innerHeight }; },
+          getCurrentPosition: function() { return { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight }; },
+          getScreenSize: function() { return { width: screen.width, height: screen.height }; }
         };
       </script>
       <!-- 
@@ -40,7 +43,6 @@ export class InMobiAdapter extends PlatformAdapter {
         - 使用 mraid.open() 跳转
         - 不允许自动重定向
       -->
-      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     `;
         // 在 </head> 之前插入平台特定的 API
         html = html.replace('</head>', `${inmobiScript}</head>`);

package/dist/platforms/ironsource.js

@@ -28,7 +28,10 @@ export class IronSourceAdapter extends PlatformAdapter {
           addEventListener: function(event, listener) {},
           removeEventListener: function(event, listener) {},
           getState: function() { return 'default'; },
-          getPlacementType: function() { return 'interstitial'; }
+          getPlacementType: function() { return 'interstitial'; },
+          getMaxSize: function() { return { width: window.innerWidth, height: window.innerHeight }; },
+          getCurrentPosition: function() { return { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight }; },
+          getScreenSize: function() { return { width: screen.width, height: screen.height }; }
         };
 
         // dapi API (ironSource specific)

package/dist/platforms/liftoff.js

@@ -23,7 +23,10 @@ export class LiftoffAdapter extends PlatformAdapter {
             window.open(url, '_blank'); 
           },
           addEventListener: function(event, listener) {},
-          removeEventListener: function(event, listener) {}
+          removeEventListener: function(event, listener) {},
+          getMaxSize: function() { return { width: window.innerWidth, height: window.innerHeight }; },
+          getCurrentPosition: function() { return { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight }; },
+          getScreenSize: function() { return { width: screen.width, height: screen.height }; }
         };
       </script>
       <!-- 
@@ -36,10 +39,12 @@ export class LiftoffAdapter extends PlatformAdapter {
         - 支持标准尺寸：320x480, 480x320, 768x1024, 1024x768, 320x50, 728x90, 300x250
         - 关闭按钮由平台处理，可能遮挡角落 50x50px
       -->
-      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     `;
         // 在 </head> 之前插入
-        return html.replace('</head>', `${liftoffScript}</head>`);
+        html = html.replace('</head>', `${liftoffScript}</head>`);
+        // 注入统一的 CTA 适配器
+        html = this.injectCTAAdapter(html);
+        return html;
     }
     getPlatformScript() {
         return `

package/dist/platforms/snapchat.js

@@ -23,7 +23,10 @@ export class SnapchatAdapter extends PlatformAdapter {
           addEventListener: function(event, listener) {},
           removeEventListener: function(event, listener) {},
           getState: function() { return 'ready'; },
-          getPlacementType: function() { return 'interstitial'; }
+          getPlacementType: function() { return 'interstitial'; },
+          getMaxSize: function() { return { width: window.innerWidth, height: window.innerHeight }; },
+          getCurrentPosition: function() { return { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight }; },
+          getScreenSize: function() { return { width: screen.width, height: screen.height }; }
         };
 
         // Snapchat CTA function
@@ -34,7 +37,10 @@ export class SnapchatAdapter extends PlatformAdapter {
         };
       </script>
     `;
-        return html.replace('</head>', `${mraidScript}</head>`);
+        html = html.replace('</head>', `${mraidScript}</head>`);
+        // 注入统一的 CTA 适配器
+        html = this.injectCTAAdapter(html);
+        return html;
     }
     getPlatformScript() {
         return `

package/dist/platforms/unity.js

@@ -31,7 +31,10 @@ export class UnityAdapter extends PlatformAdapter {
           removeEventListener: function(event, listener) {},
           getState: function() { return 'default'; },
           getPlacementType: function() { return 'interstitial'; },
-          isViewable: function() { return true; }
+          isViewable: function() { return true; },
+          getMaxSize: function() { return { width: window.innerWidth, height: window.innerHeight }; },
+          getCurrentPosition: function() { return { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight }; },
+          getScreenSize: function() { return { width: screen.width, height: screen.height }; }
         };
       </script>
       <!-- 
@@ -44,7 +47,10 @@ export class UnityAdapter extends PlatformAdapter {
       -->
     `;
         // 在 </head> 之前插入
-        return html.replace('</head>', `${unityScript}</head>`);
+        html = html.replace('</head>', `${unityScript}</head>`);
+        // 注入统一的 CTA 适配器
+        html = this.injectCTAAdapter(html);
+        return html;
     }
     getPlatformScript() {
         return `

package/dist/playable-builder.js

@@ -238,6 +238,8 @@ export class PlayableBuilder {
         const appProps = configJson.application_properties || {};
         const scripts = appProps.scripts || [];
         const preloadModules = this.extractPreloadModules(configJson);
+        // 保留原始的 powerPreference 设置，默认为 high-performance
+        const powerPreference = appProps.powerPreference || 'high-performance';
         const settingsCode = `
 window.ASSET_PREFIX = "";
 window.SCRIPT_PREFIX = "";
@@ -247,7 +249,7 @@ window.CONTEXT_OPTIONS = {
     'alpha': ${appProps.transparentCanvas === true},
     'preserveDrawingBuffer': ${appProps.preserveDrawingBuffer === true},
     'deviceTypes': ['webgl2', 'webgl1'],
-    'powerPreference': "default"
+    'powerPreference': "${powerPreference}"
 };
 window.SCRIPTS = [${scripts.join(', ')}];
 window.CONFIG_FILENAME = "${configDataUrl}";

package/dist/types.d.ts

@@ -7,6 +7,7 @@ export interface BuildOptions {
     format?: OutputFormat;
     outputDir?: string;
     compressEngine?: boolean;
+    compressConfigJson?: boolean;
     analyze?: boolean;
     analyzeReportPath?: string;
     patchXhrOut?: boolean;

package/dist/vite/config-builder.js

@@ -246,6 +246,7 @@ export class ViteConfigBuilder {
             patchXhrOut: playableOptions.patchXhrOut,
             inlineGameScripts: playableOptions.inlineGameScripts,
             compressEngine: playableOptions.compressEngine,
+            compressConfigJson: playableOptions.compressConfigJson,
             configJsonInline: playableOptions.configJsonInline,
             mraidSupport: playableOptions.mraidSupport,
             ammoReplacement: this.options.ammoReplacement,
@@ -306,6 +307,7 @@ export class ViteConfigBuilder {
             baseBuildDir: this.baseBuildDir,
             outputDir: absoluteOutputDir,
             platform: this.platform,
+            analyze: this.options.analyze,
         }));
         // 6. 单文件输出插件（仅HTML格式）
         if (platformConfig.outputFormat === 'html') {
@@ -323,6 +325,7 @@ export class ViteConfigBuilder {
             patchXhrOut: this.options.patchXhrOut ?? playable.patchXhrOut ?? false,
             inlineGameScripts: this.options.inlineGameScripts ?? playable.inlineGameScripts ?? false,
             compressEngine: this.options.compressEngine ?? playable.compressEngine ?? false,
+            compressConfigJson: this.options.compressConfigJson ?? playable.compressConfigJson ?? false,
             configJsonInline: playable.configJsonInline ?? (config.outputFormat === 'html'),
             externFiles,
             mraidSupport: this.options.mraidSupport ?? playable.mraidSupport ?? false,

package/dist/vite/platform-configs.d.ts

@@ -30,6 +30,7 @@ export interface PlatformViteConfig {
         patchXhrOut?: boolean;
         inlineGameScripts?: boolean;
         compressEngine?: boolean;
+        compressConfigJson?: boolean;
         configJsonInline?: boolean;
         externFiles?: boolean | ExternFilesConfig;
         mraidSupport?: boolean;

package/dist/vite/platform-configs.js

@@ -28,6 +28,7 @@ export const PLATFORM_CONFIGS = {
             patchXhrOut: false,
             inlineGameScripts: false,
             compressEngine: false,
+            compressConfigJson: false,
             configJsonInline: false,
             externFiles: true, // 允许外部文件
             mraidSupport: false,

package/dist/vite/plugin-build-state.d.ts

@@ -3,6 +3,8 @@ export interface BuildStatePluginOptions {
     baseBuildDir: string;
     outputDir: string;
     platform: string;
+    /** 是否启用分析模式（只在分析模式下保存状态文件） */
+    analyze?: boolean;
 }
 /**
  * Vite 插件：记录 Playable Build 状态

package/dist/vite/plugin-build-state.js

@@ -128,11 +128,13 @@ export function viteBuildStatePlugin(options) {
             }
         },
         async closeBundle() {
-            console.log('[BuildState] 保存构建状态...');
             // 结束 Playable 构建阶段
             stateManager.endStage();
-            // 保存状态
-            await stateManager.saveState();
+            // 只在分析模式下保存状态文件（分析报告需要用到）
+            if (options.analyze) {
+                console.log('[BuildState] 保存构建状态...');
+                await stateManager.saveState();
+            }
             // 输出统计信息
             const stats = stateManager.getStatistics();
             console.log(`[BuildState] 构建统计:`);

package/dist/vite/plugin-esm-html-generator.js

@@ -724,8 +724,17 @@ ${deferWrapper}`);
                     fileName: 'esm-bundle',
                     formats: ['iife'],
                 },
-                // 暂时禁用压缩来调试语法错误
-                minify: false,
+                // 使用 terser 压缩 JS
+                minify: options.minify ? 'terser' : false,
+                terserOptions: options.minify ? {
+                    compress: {
+                        drop_console: true,
+                        drop_debugger: true,
+                    },
+                    format: {
+                        comments: false, // 移除所有注释
+                    },
+                } : undefined,
                 rollupOptions: {
                     // 将 playcanvas 和引擎文件设为外部依赖
                     // 引擎已经在 HTML 中单独内联，不需要再次打包

package/dist/vite/plugin-platform.js

@@ -196,7 +196,9 @@ async function rewriteConfig(folderPath, assetPrefix) {
     }
 }
 async function applyMraidSupport(outDir) {
-    await patchConfigFillMode(outDir);
+    // Note: We no longer patch fillMode to 'NONE' because it causes canvas scaling issues
+    // The MRAID resize patch handles the sizing correctly with any fillMode
+    // await patchConfigFillMode(outDir);  // Removed: causes canvas scaling issues
     await patchStylesForMraid(outDir);
 }
 async function patchConfigFillMode(outDir) {

package/dist/vite/plugin-playcanvas.d.ts

@@ -9,6 +9,7 @@ export interface PlayCanvasPluginOptions {
     patchXhrOut: boolean;
     inlineGameScripts: boolean;
     compressEngine: boolean;
+    compressConfigJson: boolean;
     configJsonInline: boolean;
     mraidSupport: boolean;
     ammoReplacement?: 'p2' | 'cannon';

package/dist/vite/plugin-playcanvas.js

@@ -73,6 +73,9 @@ export function vitePlayCanvasPlugin(options) {
                     }
                     // 对于 Classic 模式或 ESM 原生模式，保持原有的多文件结构
                 }
+                // 注意：HTML 压缩不能在这里执行，因为 Vite 还需要解析 HTML
+                // HTML 模板已经在 templates/ 中被压缩为单行
+                // 最终的 HTML 压缩由 vite-plugin-singlefile 在最后阶段处理
                 return html;
             },
         },
@@ -107,7 +110,7 @@ async function inlineEngineScript(html, baseBuildDir, options) {
         const enginePath = path.join(baseBuildDir, engineName);
         try {
             await fs.access(enginePath);
-            const engineCode = await fs.readFile(enginePath, 'utf-8');
+            let engineCode = await fs.readFile(enginePath, 'utf-8');
             const patchScripts = await getEnginePatchScripts(options);
             const engineScript = options.compressEngine
                 ? `${await getLz4InlineScript()}${await buildCompressedEngineScript(engineCode)}`
@@ -202,6 +205,8 @@ async function generateAndInlineSettings(html, baseBuildDir, options, pluginCont
     const appProps = configJson.application_properties || {};
     const scripts = appProps.scripts || [];
     const preloadModules = extractPreloadModules(configJson);
+    // 保留原始的 powerPreference 设置，默认为 high-performance
+    const powerPreference = appProps.powerPreference || 'high-performance';
     const settingsCode = `
 window.ASSET_PREFIX = "";
 window.SCRIPT_PREFIX = "";
@@ -211,7 +216,7 @@ window.CONTEXT_OPTIONS = {
     'alpha': ${appProps.transparentCanvas === true},
     'preserveDrawingBuffer': ${appProps.preserveDrawingBuffer === true},
     'deviceTypes': ['webgl2', 'webgl1'],
-    'powerPreference': "default"
+    'powerPreference': "${powerPreference}"
 };
 window.SCRIPTS = [${scripts.join(', ')}];
 window.CONFIG_FILENAME = ${configValue};
@@ -260,8 +265,24 @@ async function inlineESMBundleAssets(html, baseBuildDir, options, pluginContext)
     if (options.mraidSupport) {
         configJson = applyMraidConfig(configJson);
     }
-    // 5. 生成 config data URL
-    const configDataUrl = `data:application/json;base64,${Buffer.from(JSON.stringify(configJson)).toString('base64')}`;
+    // 5. 生成 config.json 的 data URL
+    // 如果启用 compressConfigJson，使用 LZ4 压缩后再 base64 编码
+    const configJsonString = JSON.stringify(configJson);
+    let configDataUrl;
+    if (options.compressConfigJson) {
+        const lz4 = await loadLz4Module();
+        const compressed = lz4.compress(Buffer.from(configJsonString));
+        const compressedBase64 = Buffer.from(compressed).toString('base64');
+        // 使用 lz4-json 前缀标识压缩格式，运行时需要解压
+        configDataUrl = `data:application/x-lz4-json;base64,${compressedBase64}`;
+        const originalSize = Buffer.from(configJsonString).length;
+        const compressedSize = compressed.length;
+        const ratio = ((1 - compressedSize / originalSize) * 100).toFixed(1);
+        console.log(`[PlayCanvasPlugin] ESM Bundle: config.json 已压缩 (${formatBytes(originalSize)} → ${formatBytes(compressedSize)}, 减少 ${ratio}%)`);
+    }
+    else {
+        configDataUrl = `data:application/json;base64,${Buffer.from(configJsonString).toString('base64')}`;
+    }
     // 6. 处理场景文件 - 获取第一个场景的 data URL
     let sceneDataUrl = '';
     if (configJson.scenes && configJson.scenes.length > 0) {
@@ -318,20 +339,21 @@ async function inlineESMBundleAssets(html, baseBuildDir, options, pluginContext)
         }
     }
     // 8. 在 HTML 中查找并替换 ESM Bundle IIFE 代码中的配置值
-    // CONFIG_FILENAME = "config.json" → CONFIG_FILENAME = "data:application/json;base64,..."
-    // 注意：替换字符串中的 $ 是特殊字符，需要转义
-    const escapedConfigDataUrl = configDataUrl.replace(/\$/g, '$$$$');
-    // 替换 CONFIG_FILENAME（支持多种格式）
-    // 格式1: const CONFIG_FILENAME = "config.json"
-    // 格式2: CONFIG_FILENAME="config.json"
-    html = html.replace(/CONFIG_FILENAME\s*=\s*["']config\.json["']/g, `CONFIG_FILENAME = "${escapedConfigDataUrl}"`);
-    // ⚠️ 重要：Vite 压缩后，变量名会被混淆（如 CONFIG_FILENAME → vh）
-    // 需要直接替换 .configure("config.json" 调用中的字符串字面量
-    // 格式: .configure("config.json", ...) 或 .configure('config.json', ...)
+    // 方案1+3：直接将 CONFIG_FILENAME = "config.json" 替换为 data URL
+    // 8.1 替换 CONFIG_FILENAME
+    // 格式1: CONFIG_FILENAME = "config.json"
+    // 格式2: CONFIG_FILENAME="config.json"  (压缩后)
+    const configReplaceCount = (html.match(/CONFIG_FILENAME\s*=\s*["']config\.json["']/g) || []).length;
+    if (configReplaceCount > 0) {
+        html = html.replace(/CONFIG_FILENAME\s*=\s*["']config\.json["']/g, `CONFIG_FILENAME="${configDataUrl}"`);
+        console.log(`[PlayCanvasPlugin] ESM Bundle: 替换了 ${configReplaceCount} 处 CONFIG_FILENAME`);
+    }
+    // 8.2 替换 configure("config.json") 调用
+    // Vite 压缩后可能是: .configure("config.json",
     const configureReplaceCount = (html.match(/\.configure\s*\(\s*["']config\.json["']/g) || []).length;
     if (configureReplaceCount > 0) {
-        html = html.replace(/\.configure\s*\(\s*["']config\.json["']/g, `.configure("${escapedConfigDataUrl}"`);
-        console.log(`[PlayCanvasPlugin] ESM Bundle: 替换了 ${configureReplaceCount} 处 .configure("config.json") 调用`);
+        html = html.replace(/\.configure\s*\(\s*["']config\.json["']/g, `.configure("${configDataUrl}"`);
+        console.log(`[PlayCanvasPlugin] ESM Bundle: 替换了 ${configureReplaceCount} 处 .configure("config.json")`);
     }
     // 9. 替换 SCENE_PATH
     if (sceneDataUrl) {
@@ -780,6 +802,33 @@ async function inlineLoadingScript(html, baseBuildDir) {
     }
     return html;
 }
+/**
+ * 压缩 CSS 代码
+ * 移除注释、多余空白、合并为单行
+ */
+function minifyCSS(css) {
+    return css
+        // 移除多行注释 /* ... */
+        .replace(/\/\*[\s\S]*?\*\//g, '')
+        // 移除单行注释 // ... (CSS 不标准但有些预处理器会保留)
+        .replace(/\/\/.*$/gm, '')
+        // 将多个空白字符（空格、换行、制表符）替换为单个空格
+        .replace(/\s+/g, ' ')
+        // 移除 { 前的空格
+        .replace(/\s*\{\s*/g, '{')
+        // 移除 } 后的空格
+        .replace(/\s*\}\s*/g, '}')
+        // 移除 : 前后的空格
+        .replace(/\s*:\s*/g, ':')
+        // 移除 ; 前后的空格
+        .replace(/\s*;\s*/g, ';')
+        // 移除 , 后的空格
+        .replace(/,\s*/g, ',')
+        // 移除最后一个 ; 在 } 前
+        .replace(/;}/g, '}')
+        // 去除首尾空白
+        .trim();
+}
 /**
  * 内联 CSS 文件
  */
@@ -799,6 +848,8 @@ async function inlineCSS(html, baseBuildDir, options) {
             if (options.mraidSupport && !cssContent.includes('fill-mode-NONE')) {
                 cssContent += '\n#application-canvas.fill-mode-NONE { margin: 0; width: 100%; height: 100%; }\n';
             }
+            // 压缩 CSS（移除注释、多余空白、合并为单行）
+            cssContent = minifyCSS(cssContent);
             // 替换 link 标签为 style 标签
             html = html.replace(match[0], `<style>${cssContent}</style>`);
         }
@@ -1004,10 +1055,14 @@ async function inlineConfigAssetUrls(configJson, baseBuildDir, pluginContext) {
                 }
             }
             // ✅ 核心优化：如果是图片，使用 sharp 压缩
+            // ⚠️ 重要：字体纹理（type === 'font'）不能转换为 WebP！
+            // MSDF/位图字体的 PNG 纹理包含精确的距离场/像素数据，
+            // WebP 有损压缩会破坏这些数据导致字体渲染异常
             else if (isImageFile(cleanUrl)) {
+                const isFontTexture = asset.type === 'font';
                 const compressed = await compressImage(buffer, cleanUrl, {
-                    convertToWebP: true,
-                    quality: 75,
+                    convertToWebP: !isFontTexture, // 字体纹理不转换为 WebP
+                    quality: isFontTexture ? 100 : 75, // 字体纹理使用无损压缩
                 });
                 // 防御性检查：如果压缩后的 buffer 为空，使用原始 buffer
                 if (!compressed.buffer || compressed.buffer.length === 0) {
@@ -1196,10 +1251,15 @@ async function compressImage(buffer, filePath, options) {
             };
         }
         // 按原格式压缩
+        const quality = options?.quality ?? 80;
         switch (ext) {
             case '.png':
+                // 如果 quality >= 100，使用无损压缩（适用于字体纹理）
                 const pngBuffer = await image
-                    .png({ quality: 80, compressionLevel: 9 })
+                    .png({
+                    compressionLevel: quality >= 100 ? 6 : 9, // 无损时使用中等压缩
+                    palette: quality < 100, // 无损时不使用调色板
+                })
                     .toBuffer();
                 // 防御性检查
                 if (!pngBuffer || pngBuffer.length === 0) {
@@ -1295,7 +1355,9 @@ function buildConfigValue(configJson) {
 function applyMraidConfig(configJson) {
     const next = { ...configJson };
     const props = { ...(next.application_properties || {}) };
-    props.fillMode = 'NONE';
+    // Keep original fillMode (usually KEEP_ASPECT) for correct canvas scaling
+    // The MRAID resize patch will handle the sizing
+    // props.fillMode = 'NONE';  // Removed: causes canvas scaling issues
     next.application_properties = props;
     return next;
 }
@@ -1339,6 +1401,18 @@ async function getEnginePatchScripts(options) {
         const patchCode = await readPatchFile('one-page-mraid-resize-canvas.js');
         scripts.push(`<script>${patchCode}</script>`);
     }
+    // 如果启用了 config.json 压缩，需要注入 LZ4 解压运行时代码
+    // 注意：必须在 compressEngine 之前检查，因为 compressEngine 也会注入 lz4.js
+    if (options.compressConfigJson && !options.compressEngine) {
+        // 如果没有启用引擎压缩，需要单独注入 lz4.js
+        const lz4Script = await getLz4InlineScript();
+        scripts.push(lz4Script);
+    }
+    // 注入 config.json 解压 patch（拦截 fetch 请求并解压 LZ4 数据）
+    if (options.compressConfigJson) {
+        const configDecompressPatch = buildConfigJsonDecompressPatch();
+        scripts.push(`<script>${configDecompressPatch}</script>`);
+    }
     if (options.compressEngine) {
         // Focus patch: 确保 canvas 获得焦点以接收键盘事件
         const focusPatch = `!function(){var e=function(){var e=document.getElementById("application-canvas");if(!e)return!1;try{e.focus()}catch(t){}e.addEventListener("pointerdown",function(){e.focus()}),e.addEventListener("click",function(){e.focus()});return!0},t=0;if(!e()){var n=setInterval(function(){(e()||++t>50)&&clearInterval(n)},100)}}();`;
@@ -1379,3 +1453,69 @@ async function readPatchFile(name) {
     const patchPath = path.resolve(currentDir, '../../templates/patches', name);
     return await fs.readFile(patchPath, 'utf-8');
 }
+/**
+ * 格式化字节数为人类可读格式
+ */
+function formatBytes(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]}`;
+}
+/**
+ * 构建 config.json 解压 patch
+ *
+ * 这个 patch 拦截 PlayCanvas 的 pc.Http.prototype.get 请求，
+ * 检测是否为 LZ4 压缩的 config.json，如果是则解压后返回。
+ *
+ * 工作原理：
+ * 1. 保存原始 pc.Http.prototype.get 函数
+ * 2. 重写 get，检测 URL 是否为 LZ4 压缩的 JSON data URL
+ * 3. 如果是，解压并通过 callback 返回解析后的 JSON 对象
+ *
+ * 注意：
+ * - PlayCanvas 使用 pc.Http.prototype.get 加载 config.json，不是 fetch
+ * - 使用 lz4.js 提供的 Buffer polyfill 进行解压
+ * - 必须在 pc 对象可用后才能生效，所以使用轮询等待
+ */
+function buildConfigJsonDecompressPatch() {
+    // 原始代码:
+    // (function() {
+    //   function patch() {
+    //     if (!window.pc || !window.pc.Http) return false;
+    //     var oldGet = pc.Http.prototype.get;
+    //     pc.Http.prototype.get = function(url, options, callback) {
+    //       if (typeof options === 'function') {
+    //         callback = options;
+    //         options = {};
+    //       }
+    //       if (typeof url === 'string' && url.startsWith('data:application/x-lz4-json;base64,')) {
+    //         try {
+    //           var base64 = url.replace('data:application/x-lz4-json;base64,', '');
+    //           var compressed = new Buffer(base64, 'base64');
+    //           var decompressed = lz4.decompress(compressed);
+    //           var str = Buffer.from(decompressed).toString('utf8');
+    //           var json = JSON.parse(str);
+    //           console.log('[LZ4 Config] Decompressed config.json successfully, size:', str.length);
+    //           callback(null, json);
+    //         } catch(e) {
+    //           console.error('[LZ4 Config] Decompression error:', e);
+    //           callback(e);
+    //         }
+    //         return;
+    //       }
+    //       oldGet.call(this, url, options, callback);
+    //     };
+    //     return true;
+    //   }
+    //   if (!patch()) {
+    //     var c = 0;
+    //     var i = setInterval(function() {
+    //       if (patch() || ++c > 100) clearInterval(i);
+    //     }, 10);
+    //   }
+    // })();
+    return `!function(){function p(){if(!window.pc||!pc.Http)return!1;var o=pc.Http.prototype.get;return pc.Http.prototype.get=function(e,t,n){"function"==typeof t&&(n=t,t={});if("string"==typeof e&&e.startsWith("data:application/x-lz4-json;base64,")){try{var r=e.replace("data:application/x-lz4-json;base64,",""),a=new Buffer(r,"base64"),d=lz4.decompress(a),s=Buffer.from(d).toString("utf8"),j=JSON.parse(s);console.log("[LZ4 Config] Decompressed config.json successfully, size:",s.length);n(null,j)}catch(x){console.error("[LZ4 Config] Decompression error:",x);n(x)}return}o.call(this,e,t,n)},!0}if(!p()){var c=0,i=setInterval(function(){(p()||++c>100)&&clearInterval(i)},10)}}();`;
+}

package/dist/vite/plugin-template-minifier.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Vite 插件：模板字符串压缩
+ *
+ * 在构建完成后（closeBundle 阶段）对输出的 HTML 文件进行后处理，
+ * 压缩 JS 代码中的多行模板字符串，减小包体积。
+ *
+ * 这个插件必须在 vite-plugin-singlefile 之后运行，
+ * 因为它直接处理最终输出的文件，而不是通过 Vite 的 HTML 处理管道。
+ */
+import type { Plugin } from 'vite';
+export interface TemplateMinifierOptions {
+    /** 输出目录 */
+    outputDir: string;
+    /** 是否启用（默认 true） */
+    enabled?: boolean;
+}
+/**
+ * 创建模板字符串压缩插件
+ */
+export declare function viteTemplateMinifierPlugin(options: TemplateMinifierOptions): Plugin;

package/dist/vite/plugin-template-minifier.js

@@ -0,0 +1,392 @@
+/**
+ * Vite 插件：模板字符串压缩
+ *
+ * 在构建完成后（closeBundle 阶段）对输出的 HTML 文件进行后处理，
+ * 压缩 JS 代码中的多行模板字符串，减小包体积。
+ *
+ * 这个插件必须在 vite-plugin-singlefile 之后运行，
+ * 因为它直接处理最终输出的文件，而不是通过 Vite 的 HTML 处理管道。
+ */
+import fs from 'fs/promises';
+import path from 'path';
+/**
+ * 压缩 JS 代码中的模板字符串
+ *
+ * 处理策略：
+ * 1. 找到所有多行模板字符串（包含 \n 的反引号字符串）
+ * 2. 对于不包含 ${...} 的简单模板字符串，将换行和多余空白压缩
+ * 3. 对于包含 ${...} 的复杂模板字符串，保守处理
+ */
+function minifyTemplateStrings(code) {
+    const result = [];
+    let i = 0;
+    let minifiedCount = 0;
+    let totalSaved = 0;
+    while (i < code.length) {
+        // 跳过字符串字面量（避免误处理）
+        if (code[i] === '"' || code[i] === "'") {
+            const quote = code[i];
+            result.push(code[i]);
+            i++;
+            while (i < code.length && code[i] !== quote) {
+                if (code[i] === '\\' && i + 1 < code.length) {
+                    result.push(code[i], code[i + 1]);
+                    i += 2;
+                }
+                else {
+                    result.push(code[i]);
+                    i++;
+                }
+            }
+            if (i < code.length) {
+                result.push(code[i]);
+                i++;
+            }
+            continue;
+        }
+        // 处理模板字符串
+        if (code[i] === '`') {
+            const startPos = i;
+            i++; // 跳过开始的反引号
+            // 收集模板字符串内容
+            let content = '';
+            let nestingLevel = 0; // 跟踪 ${...} 嵌套
+            while (i < code.length) {
+                if (code[i] === '\\' && i + 1 < code.length) {
+                    // 转义字符
+                    content += code[i] + code[i + 1];
+                    i += 2;
+                }
+                else if (code[i] === '$' && code[i + 1] === '{') {
+                    // 模板表达式开始
+                    content += '${';
+                    i += 2;
+                    nestingLevel++;
+                    // 找到匹配的 }
+                    let braceCount = 1;
+                    while (i < code.length && braceCount > 0) {
+                        if (code[i] === '{') {
+                            braceCount++;
+                            content += code[i];
+                        }
+                        else if (code[i] === '}') {
+                            braceCount--;
+                            content += code[i];
+                        }
+                        else if (code[i] === '`') {
+                            // 嵌套的模板字符串，递归处理
+                            content += code[i];
+                            i++;
+                            while (i < code.length && code[i] !== '`') {
+                                if (code[i] === '\\' && i + 1 < code.length) {
+                                    content += code[i] + code[i + 1];
+                                    i += 2;
+                                }
+                                else {
+                                    content += code[i];
+                                    i++;
+                                }
+                            }
+                            if (i < code.length) {
+                                content += code[i];
+                            }
+                        }
+                        else if (code[i] === '"' || code[i] === "'") {
+                            // 嵌套的字符串
+                            const quote = code[i];
+                            content += code[i];
+                            i++;
+                            while (i < code.length && code[i] !== quote) {
+                                if (code[i] === '\\' && i + 1 < code.length) {
+                                    content += code[i] + code[i + 1];
+                                    i += 2;
+                                }
+                                else {
+                                    content += code[i];
+                                    i++;
+                                }
+                            }
+                            if (i < code.length) {
+                                content += code[i];
+                            }
+                        }
+                        else {
+                            content += code[i];
+                        }
+                        i++;
+                    }
+                    nestingLevel--;
+                }
+                else if (code[i] === '`') {
+                    // 找到结束的反引号
+                    break;
+                }
+                else {
+                    content += code[i];
+                    i++;
+                }
+            }
+            const originalLength = content.length;
+            // 决定是否压缩这个模板字符串
+            if (shouldMinifyTemplate(content)) {
+                const minified = minifyTemplateContent(content);
+                result.push('`' + minified + '`');
+                const saved = originalLength - minified.length;
+                if (saved > 0) {
+                    minifiedCount++;
+                    totalSaved += saved;
+                }
+            }
+            else {
+                result.push('`' + content + '`');
+            }
+            i++; // 跳过结束的反引号
+        }
+        else {
+            result.push(code[i]);
+            i++;
+        }
+    }
+    if (minifiedCount > 0) {
+        console.log(`[TemplateMinifier] 压缩了 ${minifiedCount} 个模板字符串，节省约 ${(totalSaved / 1024).toFixed(2)} KB`);
+    }
+    return result.join('');
+}
+/**
+ * 判断是否应该压缩这个模板字符串
+ */
+function shouldMinifyTemplate(content) {
+    // 必须包含换行才需要压缩
+    if (!content.includes('\n')) {
+        return false;
+    }
+    // 长度太短不值得压缩
+    if (content.length < 50) {
+        return false;
+    }
+    // 着色器代码也需要压缩！不要跳过
+    return true;
+}
+/**
+ * 判断是否是着色器代码（GLSL 或 WGSL）
+ */
+function isShaderCode(content) {
+    // GLSL 关键特征
+    const glslKeywords = [
+        /\buniform\s+\w+/,
+        /\bvarying\s+\w+/,
+        /\battribute\s+\w+/,
+        /\bvoid\s+main\s*\(/,
+        /\bgl_Position\b/,
+        /\bgl_FragColor\b/,
+        /\bgl_FragCoord\b/,
+        /\bprecision\s+(highp|mediump|lowp)/,
+        /\b(vec2|vec3|vec4|mat3|mat4|sampler2D)\b/,
+        /\btexture2D\s*\(/,
+        /\btexelFetch\s*\(/,
+    ];
+    // WGSL 关键特征
+    const wgslKeywords = [
+        /@(vertex|fragment|compute)\b/,
+        /@(group|binding)\s*\(/,
+        /@builtin\s*\(/,
+        /@workgroup_size\s*\(/,
+        /\bfn\s+\w+\s*\(/,
+        /\bvar<\w+>/,
+        /\b(vec2f|vec3f|vec4f|vec2i|vec3i|vec4i|vec2u|vec3u|vec4u)\b/,
+        /\bstruct\s+\w+\s*\{/,
+        /\btextureLoad\s*\(/,
+        /\btextureSample\s*\(/,
+        /\bworkgroupBarrier\s*\(/,
+        /\barray<\w+/,
+    ];
+    const allKeywords = [...glslKeywords, ...wgslKeywords];
+    let matchCount = 0;
+    for (const keyword of allKeywords) {
+        if (keyword.test(content)) {
+            matchCount++;
+            if (matchCount >= 2) {
+                return true;
+            }
+        }
+    }
+    return false;
+}
+/**
+ * 压缩模板字符串内容
+ */
+function minifyTemplateContent(content) {
+    // 检查是否是着色器代码
+    if (isShaderCode(content)) {
+        return minifyShaderContent(content);
+    }
+    // 检查是否包含 ${...} 模板表达式
+    const hasTemplateExpr = /\$\{/.test(content);
+    if (hasTemplateExpr) {
+        // 包含模板表达式，保守处理
+        // 只压缩纯空白行和行首缩进，保留换行结构
+        return content
+            // 移除行首缩进（保留换行）
+            .replace(/\n[ \t]+/g, '\n')
+            // 移除多个连续空行
+            .replace(/\n{3,}/g, '\n\n')
+            // 移除开头的空白
+            .replace(/^[ \t\n]+/, '')
+            // 移除结尾的空白
+            .replace(/[ \t\n]+$/, '');
+    }
+    // 不包含模板表达式，可以更激进地压缩
+    // 但要注意保留字符串内容的语义
+    // 检查是否像是 JSON 或配置数据
+    const trimmed = content.trim();
+    if ((trimmed.startsWith('{') && trimmed.endsWith('}')) ||
+        (trimmed.startsWith('[') && trimmed.endsWith(']'))) {
+        // 可能是 JSON，尝试压缩
+        try {
+            // 尝试解析为 JSON，然后重新序列化为紧凑格式
+            const parsed = JSON.parse(trimmed);
+            return JSON.stringify(parsed);
+        }
+        catch {
+            // 不是有效 JSON，按普通文本处理
+        }
+    }
+    // 普通多行文本，压缩空白但保留必要的空格
+    return content
+        // 将换行和周围空白替换为单个空格
+        .replace(/\s*\n\s*/g, ' ')
+        // 合并多个空格
+        .replace(/  +/g, ' ')
+        .trim();
+}
+/**
+ * 压缩着色器代码（GLSL/WGSL）
+ *
+ * 着色器代码需要特殊处理：
+ * 1. 预处理器指令（#define, #ifdef 等）需要独占一行
+ * 2. 可以移除多余的空白和缩进
+ * 3. 保留关键字之间的空格
+ */
+function minifyShaderContent(code) {
+    const lines = code.split('\n');
+    const processedLines = [];
+    for (let line of lines) {
+        // 移除行首尾空白
+        line = line.trim();
+        // 跳过空行
+        if (!line)
+            continue;
+        // 跳过单行注释
+        if (line.startsWith('//'))
+            continue;
+        // 预处理器指令需要独占一行（#define, #ifdef, #endif, #include 等）
+        if (line.startsWith('#')) {
+            processedLines.push('\n' + line);
+        }
+        else {
+            // 压缩行内多余空白，但保守处理
+            line = line
+                // 将多个空白替换为单个空格
+                .replace(/\s+/g, ' ')
+                // 移除分号后的空格（但不移除分号）
+                .replace(/;\s+/g, ';')
+                // 移除逗号后多余空格（保留一个）
+                .replace(/,\s+/g, ', ')
+                // 移除括号内侧的空格
+                .replace(/\(\s+/g, '(')
+                .replace(/\s+\)/g, ')')
+                // 移除花括号内侧的空格
+                .replace(/\{\s+/g, '{')
+                .replace(/\s+\}/g, '}')
+                // 移除方括号内侧的空格
+                .replace(/\[\s+/g, '[')
+                .replace(/\s+\]/g, ']')
+                // 移除冒号周围的空格（WGSL 类型声明）
+                .replace(/\s*:\s*/g, ':')
+                // 移除箭头周围的空格（WGSL 返回类型）
+                .replace(/\s*->\s*/g, '->')
+                .trim();
+            if (line) {
+                processedLines.push(line);
+            }
+        }
+    }
+    // 合并非预处理器行，预处理器指令保留换行
+    let result = '';
+    for (const line of processedLines) {
+        if (line.startsWith('\n')) {
+            // 预处理器指令，保留换行
+            result += line;
+        }
+        else {
+            // 普通代码，用换行连接（保守做法，避免语法错误）
+            if (result && !result.endsWith('\n')) {
+                result += '\n';
+            }
+            result += line;
+        }
+    }
+    return result.trim();
+}
+/**
+ * 创建模板字符串压缩插件
+ */
+export function viteTemplateMinifierPlugin(options) {
+    const { outputDir, enabled = true } = options;
+    return {
+        name: 'vite-plugin-template-minifier',
+        enforce: 'post', // 在其他插件之后执行
+        async closeBundle() {
+            if (!enabled) {
+                return;
+            }
+            // 查找输出目录中的 HTML 文件
+            const htmlPath = path.join(outputDir, 'index.html');
+            try {
+                await fs.access(htmlPath);
+            }
+            catch {
+                // HTML 文件不存在，跳过
+                return;
+            }
+            console.log('[TemplateMinifier] 开始压缩模板字符串...');
+            try {
+                let html = await fs.readFile(htmlPath, 'utf-8');
+                const originalSize = html.length;
+                // 压缩 HTML 中的 JS 代码里的模板字符串
+                // 找到所有 <script> 标签并处理其内容
+                html = html.replace(/<script([^>]*)>([\s\S]*?)<\/script>/gi, (match, attrs, content) => {
+                    // 跳过外部脚本
+                    if (/\bsrc\s*=/.test(attrs)) {
+                        return match;
+                    }
+                    // 跳过非 JS 脚本（如 JSON、importmap）
+                    const typeMatch = attrs.match(/\btype\s*=\s*["']([^"']+)["']/i);
+                    if (typeMatch) {
+                        const type = typeMatch[1].toLowerCase();
+                        if (type === 'application/json' ||
+                            type === 'importmap' ||
+                            type === 'application/ld+json') {
+                            return match;
+                        }
+                    }
+                    // 压缩 JS 中的模板字符串
+                    const minified = minifyTemplateStrings(content);
+                    return `<script${attrs}>${minified}</script>`;
+                });
+                const newSize = html.length;
+                const saved = originalSize - newSize;
+                if (saved > 0) {
+                    await fs.writeFile(htmlPath, html, 'utf-8');
+                    console.log(`[TemplateMinifier] 完成！节省 ${(saved / 1024).toFixed(2)} KB (${((saved / originalSize) * 100).toFixed(2)}%)`);
+                }
+                else {
+                    console.log('[TemplateMinifier] 没有可压缩的内容');
+                }
+            }
+            catch (error) {
+                console.error('[TemplateMinifier] 压缩失败:', error);
+            }
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playcraft/build",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",

package/templates/patches/one-page-mraid-resize-canvas.js

@@ -9,10 +9,13 @@
     var windowWidth = window.innerWidth;
     var windowHeight = window.innerHeight;
 
-    if (window.mraid) {
+    // Get MRAID max size if available
+    if (window.mraid && typeof mraid.getMaxSize === 'function') {
       var mraidSize = mraid.getMaxSize();
-      windowWidth = mraidSize.width;
-      windowHeight = mraidSize.height;
+      if (mraidSize && mraidSize.width && mraidSize.height) {
+        windowWidth = mraidSize.width;
+        windowHeight = mraidSize.height;
+      }
     }
 
     if (this._fillMode === pc.FILLMODE_KEEP_ASPECT) {
@@ -29,8 +32,19 @@
     } else if (this._fillMode === pc.FILLMODE_FILL_WINDOW) {
       width = windowWidth;
       height = windowHeight;
+    } else {
+      // FILLMODE_NONE: For MRAID, use KEEP_ASPECT behavior to ensure correct sizing
+      var r = this.graphicsDevice.canvas.width / this.graphicsDevice.canvas.height;
+      var winR = windowWidth / windowHeight;
+
+      if (r > winR) {
+        width = windowWidth;
+        height = width / r;
+      } else {
+        height = windowHeight;
+        width = height * r;
+      }
     }
-    // OTHERWISE: FILLMODE_NONE use width and height that are provided
 
     this.graphicsDevice.canvas.style.width = width + 'px';
     this.graphicsDevice.canvas.style.height = height + 'px';