@playcraft/cli 0.0.1

package/dist/playable/converter.js

@@ -0,0 +1,150 @@
+import fs from 'fs/promises';
+import path from 'path';
+import mimeTypes from 'mime-types';
+export class OnePageConverter {
+    projectDir;
+    options;
+    assets = [];
+    constructor(projectDir, options) {
+        this.projectDir = projectDir;
+        this.options = options;
+    }
+    /**
+     * 添加资产到转换列表
+     */
+    addAsset(assetPath, type) {
+        this.assets.push({
+            path: assetPath,
+            type,
+            size: 0,
+        });
+    }
+    /**
+     * 编码所有资产为 Base64
+     */
+    async encodeAssets() {
+        for (const asset of this.assets) {
+            const fullPath = path.join(this.projectDir, asset.path);
+            try {
+                const fileBuffer = await fs.readFile(fullPath);
+                asset.size = fileBuffer.length;
+                asset.base64 = fileBuffer.toString('base64');
+                asset.mimeType = mimeTypes.lookup(asset.path) || 'application/octet-stream';
+            }
+            catch (error) {
+                console.warn(`Warning: Failed to encode asset ${asset.path}: ${error.message}`);
+            }
+        }
+    }
+    /**
+     * 获取资产的 Base64 数据 URL
+     */
+    getDataUrl(assetPath) {
+        if (!assetPath)
+            return null;
+        // 移除查询参数
+        let cleanPath = assetPath;
+        if (cleanPath.includes('?')) {
+            cleanPath = cleanPath.split('?')[0];
+        }
+        // 解码 URL 编码的路径
+        try {
+            cleanPath = decodeURIComponent(cleanPath);
+        }
+        catch (e) {
+            // 如果解码失败，使用原始路径
+        }
+        // 1. 精确匹配
+        let asset = this.assets.find(a => a.path === cleanPath);
+        // 2. 尝试移除前导斜杠
+        if (!asset && cleanPath.startsWith('/')) {
+            asset = this.assets.find(a => a.path === cleanPath.substring(1));
+        }
+        // 3. 尝试模糊匹配（文件名匹配）
+        if (!asset) {
+            const filename = path.basename(cleanPath);
+            asset = this.assets.find(a => {
+                const assetFilename = path.basename(a.path);
+                return assetFilename === filename;
+            });
+        }
+        // 4. 尝试部分路径匹配（处理 files/assets/... 格式）
+        if (!asset) {
+            asset = this.assets.find(a => a.path.endsWith(cleanPath) || cleanPath.endsWith(a.path));
+        }
+        if (!asset || !asset.base64) {
+            return null;
+        }
+        return `data:${asset.mimeType};base64,${asset.base64}`;
+    }
+    /**
+     * 替换 HTML 中的 URL 为 Base64 数据 URL
+     */
+    replaceUrlsWithBase64(html, urlMap) {
+        let result = html;
+        for (const [url, dataUrl] of urlMap.entries()) {
+            // 替换各种可能的 URL 格式
+            result = result.replace(new RegExp(url.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), dataUrl);
+            // 也替换相对路径
+            const relativeUrl = url.startsWith('/') ? url.substring(1) : url;
+            result = result.replace(new RegExp(relativeUrl.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), dataUrl);
+        }
+        return result;
+    }
+    /**
+     * 内联脚本到 HTML
+     */
+    async inlineScripts(html) {
+        // 查找所有 <script src="..."> 标签
+        const scriptRegex = /<script\s+src=["']([^"']+)["'][^>]*><\/script>/gi;
+        let result = html;
+        const matches = [];
+        let match;
+        // 先收集所有匹配项
+        while ((match = scriptRegex.exec(html)) !== null) {
+            matches.push({
+                fullMatch: match[0],
+                scriptPath: match[1],
+            });
+        }
+        // 处理每个脚本
+        for (const { fullMatch, scriptPath } of matches) {
+            // 尝试多个可能的路径
+            const possiblePaths = [
+                path.join(this.projectDir, scriptPath),
+                path.join(this.projectDir, scriptPath.replace(/^\//, '')),
+                scriptPath, // 绝对路径
+            ];
+            let scriptContent = null;
+            for (const fullPath of possiblePaths) {
+                try {
+                    scriptContent = await fs.readFile(fullPath, 'utf-8');
+                    break;
+                }
+                catch (error) {
+                    // 继续尝试下一个路径
+                }
+            }
+            if (scriptContent) {
+                // 替换为内联脚本
+                result = result.replace(fullMatch, `<script>${scriptContent}</script>`);
+            }
+            else {
+                console.warn(`Warning: Failed to inline script ${scriptPath}`);
+            }
+        }
+        return result;
+    }
+    /**
+     * 获取所有资产信息
+     */
+    getAssets() {
+        return this.assets;
+    }
+    /**
+     * 获取总大小
+     */
+    getTotalSize() {
+        return this.assets.reduce((sum, asset) => sum + asset.size, 0);
+    }
+}

package/dist/playable/index.js

@@ -0,0 +1,3 @@
+export { PlayableBuilder } from './builder.js';
+export { OnePageConverter } from './converter.js';
+export { createPlatformAdapter } from './platforms/index.js';

package/dist/playable/platforms/base.js

@@ -0,0 +1,12 @@
+export class PlatformAdapter {
+    options;
+    constructor(options) {
+        this.options = options;
+    }
+    /**
+     * 验证配置
+     */
+    validateOptions() {
+        // 默认实现，子类可以覆盖
+    }
+}

package/dist/playable/platforms/facebook.js

@@ -0,0 +1,37 @@
+import { PlatformAdapter } from './base.js';
+export class FacebookAdapter extends PlatformAdapter {
+    getName() {
+        return 'Facebook';
+    }
+    getSizeLimit() {
+        // Facebook: HTML 2MB, ZIP 5MB
+        return this.options.format === 'zip' ? 5 * 1024 * 1024 : 2 * 1024 * 1024;
+    }
+    getDefaultFormat() {
+        return 'html';
+    }
+    modifyHTML(html, assets) {
+        // Facebook 需要 FbPlayableAd API
+        const fbScript = `
+      <script>
+        window.FbPlayableAd = window.FbPlayableAd || {
+          onCTAClick: function() {
+            console.log('Facebook CTA clicked');
+            // 这里会被 Facebook 替换为实际的跟踪代码
+          }
+        };
+      </script>
+    `;
+        // 在 </head> 之前插入
+        return html.replace('</head>', `${fbScript}</head>`);
+    }
+    getPlatformScript() {
+        return `
+      // Facebook Playable Ad API
+      if (typeof FbPlayableAd !== 'undefined') {
+        // 在 CTA 按钮点击时调用
+        // FbPlayableAd.onCTAClick();
+      }
+    `;
+    }
+}

package/dist/playable/platforms/index.js

@@ -0,0 +1,24 @@
+import { FacebookAdapter } from './facebook.js';
+import { SnapchatAdapter } from './snapchat.js';
+export function createPlatformAdapter(options) {
+    switch (options.platform) {
+        case 'facebook':
+            return new FacebookAdapter(options);
+        case 'snapchat':
+            return new SnapchatAdapter(options);
+        case 'ironsource':
+            // TODO: 实现 IronSource 适配器
+            throw new Error('IronSource adapter not yet implemented');
+        case 'applovin':
+            // TODO: 实现 AppLovin 适配器
+            throw new Error('AppLovin adapter not yet implemented');
+        case 'google':
+            // TODO: 实现 Google 适配器
+            throw new Error('Google adapter not yet implemented');
+        default:
+            throw new Error(`Unsupported platform: ${options.platform}`);
+    }
+}
+export { PlatformAdapter } from './base.js';
+export { FacebookAdapter } from './facebook.js';
+export { SnapchatAdapter } from './snapchat.js';

package/dist/playable/platforms/snapchat.js

@@ -0,0 +1,59 @@
+import { PlatformAdapter } from './base.js';
+export class SnapchatAdapter extends PlatformAdapter {
+    getName() {
+        return 'Snapchat';
+    }
+    getSizeLimit() {
+        // Snapchat: 5MB (uncompressed)
+        return 5 * 1024 * 1024;
+    }
+    getDefaultFormat() {
+        return 'zip';
+    }
+    modifyHTML(html, assets) {
+        // Snapchat 需要 MRAID 2.0 和 snapchatCta 函数
+        const mraidScript = `
+      <script>
+        // MRAID 2.0 API
+        window.mraid = window.mraid || {
+          getVersion: function() { return '2.0'; },
+          isReady: function() { return true; },
+          open: function(url) { window.open(url); },
+          close: function() { window.close(); },
+          addEventListener: function(event, listener) {},
+          removeEventListener: function(event, listener) {},
+          getState: function() { return 'ready'; },
+          getPlacementType: function() { return 'interstitial'; }
+        };
+
+        // Snapchat CTA function
+        window.snapchatCta = function() {
+          if (window.mraid && window.mraid.open) {
+            window.mraid.open('https://snapchat.com');
+          }
+        };
+      </script>
+    `;
+        return html.replace('</head>', `${mraidScript}</head>`);
+    }
+    getPlatformScript() {
+        return `
+      // Snapchat Playable Ad
+      if (typeof mraid !== 'undefined') {
+        mraid.addEventListener('ready', function() {
+          console.log('MRAID ready');
+        });
+      }
+
+      // 在 CTA 按钮点击时调用
+      // snapchatCta();
+    `;
+    }
+    validateOptions() {
+        // Snapchat 默认使用 ZIP 格式，但不强制要求
+        // MRAID 支持会在 modifyHTML 中自动添加
+        if (this.options.format && this.options.format !== 'zip') {
+            console.warn('Warning: Snapchat typically uses ZIP format');
+        }
+    }
+}