@gannochenko/staticstripes 0.0.1

package/.prettierrc

@@ -0,0 +1,8 @@
+{
+  "semi": true,
+  "trailingComma": "all",
+  "singleQuote": true,
+  "printWidth": 80,
+  "tabWidth": 2,
+  "arrowParens": "always"
+}

package/Makefile

@@ -0,0 +1,69 @@
+.PHONY: install build link unlink lint lint-fix format format-check clean test test-ui demo demo-all demo-prod demo-all-prod help
+
+# Install dependencies
+install:
+	npm install
+
+# Build the project
+build:
+	npm run build
+
+# Link the package globally (makes 'staticstripes' command available)
+link:
+	npm link
+
+# Unlink the package globally (removes 'staticstripes' command)
+unlink:
+	npm unlink -g
+
+# Run linter
+lint:
+	npm run lint
+
+# Run linter with auto-fix
+lint-fix:
+	npm run lint:fix
+
+# Format code
+format:
+	npm run format
+
+# Check code formatting
+format-check:
+	npm run format:check
+
+# Run tests
+test:
+	npm run test:run
+
+# Run tests with UI
+test-ui:
+	npm run test:ui
+
+# Generate demo video (youtube output) with fast preset for development
+demo:
+	node dist/cli.js generate -p ../../examples/demo -o youtube -d
+
+# Generate demo video with production quality (medium preset)
+demo-prod:
+	node dist/cli.js generate -p ../../examples/demo -o youtube
+
+# Generate all demo outputs with fast preset
+demo-all:
+	node dist/cli.js generate -p ../../examples/demo -d
+
+# Generate all demo outputs with production quality
+demo-all-prod:
+	node dist/cli.js generate -p ../../examples/demo
+
+# Clean build artifacts and dependencies
+clean:
+	rm -rf node_modules dist *.tsbuildinfo
+	rm -f package-lock.json
+
+# Clean cache in demo project
+clean-cache:
+	rm -rf ../../examples/demo/.cache
+
+# Full build
+all: install build

package/dist/asset-manager.d.ts

@@ -0,0 +1,16 @@
+import { Label } from './ffmpeg';
+import { Asset } from './type';
+export declare class AssetManager {
+    private assets;
+    private assetIndexMap;
+    constructor(assets: Asset[]);
+    getAssetIndexMap(): Map<string, number>;
+    getAssetByName(name: string): Asset | undefined;
+    getVideoInputLabelByAssetName(name: string): Label;
+    getAudioInputLabelByAssetName(name: string): Label;
+    /**
+     * Adds a virtual asset (e.g., rendered container screenshot)
+     */
+    addVirtualAsset(asset: Asset): void;
+}
+//# sourceMappingURL=asset-manager.d.ts.map

package/dist/asset-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-manager.d.ts","sourceRoot":"","sources":["../src/asset-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B,qBAAa,YAAY;IAGX,OAAO,CAAC,MAAM;IAF1B,OAAO,CAAC,aAAa,CAAkC;gBAEnC,MAAM,EAAE,KAAK,EAAE;IAO5B,gBAAgB,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAIvC,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS;IAI/C,6BAA6B,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK;IAalD,6BAA6B,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK;IASzD;;OAEG;IACI,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAQ3C"}

package/dist/asset-manager.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssetManager = void 0;
+class AssetManager {
+    assets;
+    assetIndexMap = new Map();
+    constructor(assets) {
+        this.assets = assets;
+        let index = 0;
+        for (const asset of assets) {
+            this.assetIndexMap.set(asset.name, index++);
+        }
+    }
+    getAssetIndexMap() {
+        return this.assetIndexMap;
+    }
+    getAssetByName(name) {
+        return this.assets.find((assetItem) => assetItem.name === name);
+    }
+    getVideoInputLabelByAssetName(name) {
+        const assetIndex = this.assetIndexMap.get(name);
+        const asset = this.getAssetByName(name);
+        if (asset && asset.type === 'audio') {
+            throw new Error('trying to get video stream from an audio only asset');
+        }
+        return {
+            tag: `${assetIndex}:v`,
+            isAudio: false,
+        };
+    }
+    getAudioInputLabelByAssetName(name) {
+        const assetIndex = this.assetIndexMap.get(name);
+        return {
+            tag: `${assetIndex}:a`,
+            isAudio: true,
+        };
+    }
+    /**
+     * Adds a virtual asset (e.g., rendered container screenshot)
+     */
+    addVirtualAsset(asset) {
+        // Add to assets array
+        this.assets.push(asset);
+        // Assign next available index
+        const nextIndex = this.assetIndexMap.size;
+        this.assetIndexMap.set(asset.name, nextIndex);
+    }
+}
+exports.AssetManager = AssetManager;
+//# sourceMappingURL=asset-manager.js.map

package/dist/asset-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-manager.js","sourceRoot":"","sources":["../src/asset-manager.ts"],"names":[],"mappings":";;;AAGA,MAAa,YAAY;IAGH;IAFZ,aAAa,GAAwB,IAAI,GAAG,EAAE,CAAC;IAEvD,YAAoB,MAAe;QAAf,WAAM,GAAN,MAAM,CAAS;QACjC,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAEM,gBAAgB;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAEM,cAAc,CAAC,IAAY;QAChC,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IAClE,CAAC;IAEM,6BAA6B,CAAC,IAAY;QAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAChD,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACpC,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;QACzE,CAAC;QAED,OAAO;YACL,GAAG,EAAE,GAAG,UAAU,IAAI;YACtB,OAAO,EAAE,KAAK;SACf,CAAC;IACJ,CAAC;IAEM,6BAA6B,CAAC,IAAY;QAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAEhD,OAAO;YACL,GAAG,EAAE,GAAG,UAAU,IAAI;YACtB,OAAO,EAAE,IAAI;SACd,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,eAAe,CAAC,KAAY;QACjC,sBAAsB;QACtB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAExB,8BAA8B;QAC9B,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;QAC1C,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAChD,CAAC;CACF;AAnDD,oCAmDC"}

package/dist/cli.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":""}

package/dist/cli.js

@@ -0,0 +1,257 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const commander_1 = require("commander");
+const path_1 = require("path");
+const fs_1 = require("fs");
+const path_2 = require("path");
+const html_parser_js_1 = require("./html-parser.js");
+const html_project_parser_js_1 = require("./html-project-parser.js");
+const ffmpeg_js_1 = require("./ffmpeg.js");
+const ffprobe_js_1 = require("./ffprobe.js");
+const program = new commander_1.Command();
+program
+    .name('staticstripes')
+    .description('CLI tool for rendering video projects')
+    .version('0.1.0');
+program
+    .command('generate')
+    .description('Generate video output from a project')
+    .option('-p, --project <path>', 'Path to project directory', '.')
+    .option('-o, --output <name>', 'Output name to render (renders all if not specified)')
+    .option('-d, --dev', 'Use fast encoding preset for development (ultrafast)')
+    .action(async (options) => {
+    try {
+        // Check if FFmpeg is installed
+        console.log('🔍 Checking for FFmpeg...');
+        await (0, ffmpeg_js_1.checkFFmpegInstalled)();
+        console.log('✅ FFmpeg found\n');
+        // Resolve project path
+        const projectPath = (0, path_1.resolve)(process.cwd(), options.project);
+        const projectFilePath = (0, path_1.resolve)(projectPath, 'project.html');
+        // Validate project.html exists
+        if (!(0, fs_1.existsSync)(projectFilePath)) {
+            console.error(`Error: project.html not found in ${projectPath}`);
+            process.exit(1);
+        }
+        console.log(`📁 Project: ${projectPath}`);
+        console.log(`📄 Loading: ${projectFilePath}\n`);
+        // Parse the project HTML file
+        const parser = new html_project_parser_js_1.HTMLProjectParser(await new html_parser_js_1.HTMLParser().parseFile(projectFilePath), projectFilePath);
+        const project = await parser.parse();
+        // Determine which outputs to render
+        const allOutputs = Array.from(project.getOutputs().keys());
+        const outputsToRender = options.output ? [options.output] : allOutputs;
+        if (outputsToRender.length === 0) {
+            console.error('Error: No outputs defined in project.html');
+            process.exit(1);
+        }
+        // Validate requested output exists
+        if (options.output && !allOutputs.includes(options.output)) {
+            console.error(`Error: Output "${options.output}" not found in project.html`);
+            console.error(`Available outputs: ${allOutputs.join(', ')}`);
+            process.exit(1);
+        }
+        // Determine encoding preset based on -d flag
+        const preset = options.dev ? 'ultrafast' : 'medium';
+        console.log(`⚡ Encoding preset: ${preset}`);
+        console.log(`🎬 Rendering outputs: ${outputsToRender.join(', ')}\n`);
+        // Render each output
+        for (const outputName of outputsToRender) {
+            console.log(`\n${'='.repeat(60)}`);
+            console.log(`📹 Rendering: ${outputName}`);
+            console.log(`${'='.repeat(60)}\n`);
+            // Get output info and ensure output directory exists
+            const output = project.getOutput(outputName);
+            if (!output) {
+                throw new Error(`Output "${outputName}" not found`);
+            }
+            const outputDir = (0, path_1.dirname)(output.path);
+            if (!(0, fs_1.existsSync)(outputDir)) {
+                console.log(`📂 Creating output directory: ${outputDir}`);
+                (0, fs_1.mkdirSync)(outputDir, { recursive: true });
+            }
+            // Render containers for this output
+            await project.renderContainers(outputName);
+            // Print project statistics
+            project.printStats();
+            // Build filter graph
+            const filterBuf = await project.build(outputName);
+            const filter = filterBuf.render();
+            console.log('\n=== Filter Graph ===\n');
+            console.log(filter);
+            // Generate FFmpeg command with appropriate preset
+            const ffmpegCommand = (0, ffmpeg_js_1.makeFFmpegCommand)(project, filter, outputName, preset);
+            console.log('\n=== Starting Render ===\n');
+            // Run FFmpeg
+            await (0, ffmpeg_js_1.runFFMpeg)(ffmpegCommand);
+            const resultPath = output.path;
+            console.log(`\n✅ Output file: ${resultPath}`);
+            const resultDuration = await (0, ffprobe_js_1.getAssetDuration)(resultPath);
+            console.log(`⏱️  Duration: ${resultDuration}ms`);
+        }
+        console.log('\n🎉 All outputs rendered successfully!\n');
+    }
+    catch (error) {
+        console.error('\n❌ Error:', error);
+        process.exit(1);
+    }
+});
+program
+    .command('upload')
+    .description('Upload video to platforms (not yet implemented)')
+    .option('-p, --project <path>', 'Path to project directory', '.')
+    .option('-u, --upload <platform>', 'Platform to upload to (e.g., youtube)')
+    .action(() => {
+    console.log('Upload command is not yet implemented.');
+    console.log('This feature will allow uploading videos to platforms like YouTube.');
+    process.exit(0);
+});
+program
+    .command('bootstrap')
+    .description('Create a new project from template')
+    .requiredOption('-n, --name <name>', 'Name of the new project')
+    .action((options) => {
+    try {
+        const projectName = options.name;
+        const targetPath = (0, path_1.resolve)(process.cwd(), projectName);
+        // Check if target directory already exists
+        if ((0, fs_1.existsSync)(targetPath)) {
+            console.error(`Error: Directory "${projectName}" already exists`);
+            process.exit(1);
+        }
+        // Get the template path (relative to the CLI script location)
+        // When built, cli.js is in apps/renderer/dist/, and template is at ../../../examples/template
+        // Use realpathSync to resolve symlinks when globally linked via npm link
+        const scriptPath = (0, fs_1.realpathSync)(process.argv[1]);
+        const scriptDir = (0, path_1.dirname)(scriptPath);
+        const templatePath = (0, path_1.resolve)(scriptDir, '../../../examples/template');
+        // Validate template exists
+        if (!(0, fs_1.existsSync)(templatePath)) {
+            console.error(`Error: Template directory not found at ${templatePath}`);
+            process.exit(1);
+        }
+        console.log(`📦 Creating new project "${projectName}"...`);
+        console.log(`📂 Template: ${templatePath}`);
+        console.log(`🎯 Target: ${targetPath}\n`);
+        // Create target directory and copy template contents
+        (0, fs_1.mkdirSync)(targetPath, { recursive: true });
+        (0, fs_1.cpSync)(templatePath, targetPath, { recursive: true });
+        console.log(`✅ Project "${projectName}" created successfully!\n`);
+        console.log('Next steps:');
+        console.log(`  cd ${projectName}`);
+        console.log('  # Edit project.html to customize your video');
+        console.log(`  staticstripes generate -p . -o youtube -d\n`);
+    }
+    catch (error) {
+        console.error('\n❌ Error:', error);
+        process.exit(1);
+    }
+});
+program
+    .command('add-assets')
+    .description('Scan for media files and add them as assets to project.html')
+    .option('-p, --project <path>', 'Path to project directory', '.')
+    .action((options) => {
+    try {
+        // Resolve project path
+        const projectPath = (0, path_1.resolve)(process.cwd(), options.project);
+        const projectFilePath = (0, path_1.resolve)(projectPath, 'project.html');
+        // Validate project.html exists
+        if (!(0, fs_1.existsSync)(projectFilePath)) {
+            console.error(`Error: project.html not found in ${projectPath}`);
+            process.exit(1);
+        }
+        console.log(`📁 Project: ${projectPath}`);
+        console.log(`📄 Scanning for media files...\n`);
+        // Find all media files recursively
+        const mediaFiles = [];
+        const scanDirectory = (dir) => {
+            const entries = (0, fs_1.readdirSync)(dir);
+            for (const entry of entries) {
+                const fullPath = (0, path_2.join)(dir, entry);
+                const stat = (0, fs_1.statSync)(fullPath);
+                if (stat.isDirectory()) {
+                    scanDirectory(fullPath);
+                }
+                else {
+                    const ext = entry.toLowerCase().split('.').pop();
+                    let type = null;
+                    if (ext === 'mp4') {
+                        type = 'video';
+                    }
+                    else if (ext === 'mp3') {
+                        type = 'audio';
+                    }
+                    else if (ext === 'jpg' || ext === 'png') {
+                        type = 'image';
+                    }
+                    if (type) {
+                        const relativePath = (0, path_1.relative)(projectPath, fullPath);
+                        mediaFiles.push({ path: fullPath, relativePath, type });
+                    }
+                }
+            }
+        };
+        scanDirectory(projectPath);
+        // Sort by relative path (name)
+        mediaFiles.sort((a, b) => a.relativePath.localeCompare(b.relativePath));
+        // Group by type and assign names
+        const videos = mediaFiles.filter(f => f.type === 'video');
+        const audios = mediaFiles.filter(f => f.type === 'audio');
+        const images = mediaFiles.filter(f => f.type === 'image');
+        console.log(`Found ${videos.length} video(s), ${audios.length} audio(s), ${images.length} image(s)\n`);
+        if (mediaFiles.length === 0) {
+            console.log('No media files found.');
+            process.exit(0);
+        }
+        // Generate asset tags
+        const assetTags = [];
+        videos.forEach((file, index) => {
+            const name = `clip_${index + 1}`;
+            assetTags.push(`  <asset data-name="${name}" data-path="./${file.relativePath}" />`);
+            console.log(`${name}: ${file.relativePath}`);
+        });
+        audios.forEach((file, index) => {
+            const name = `track_${index + 1}`;
+            assetTags.push(`  <asset data-name="${name}" data-path="./${file.relativePath}" />`);
+            console.log(`${name}: ${file.relativePath}`);
+        });
+        images.forEach((file, index) => {
+            const name = `image_${index + 1}`;
+            assetTags.push(`  <asset data-name="${name}" data-path="./${file.relativePath}" />`);
+            console.log(`${name}: ${file.relativePath}`);
+        });
+        // Read project.html
+        let content = (0, fs_1.readFileSync)(projectFilePath, 'utf-8');
+        // Check if <assets> section exists
+        const assetsMatch = content.match(/<assets>([\s\S]*?)<\/assets>/);
+        if (assetsMatch) {
+            // Replace existing assets section
+            const newAssetsSection = `<assets>\n${assetTags.join('\n')}\n</assets>`;
+            content = content.replace(/<assets>[\s\S]*?<\/assets>/, newAssetsSection);
+        }
+        else {
+            // Add assets section before </project> or at the end
+            const newAssetsSection = `\n<assets>\n${assetTags.join('\n')}\n</assets>\n`;
+            if (content.includes('</outputs>')) {
+                content = content.replace('</outputs>', `</outputs>${newAssetsSection}`);
+            }
+            else if (content.includes('</style>')) {
+                content = content.replace('</style>', `</style>${newAssetsSection}`);
+            }
+            else {
+                content += newAssetsSection;
+            }
+        }
+        // Write back to project.html
+        (0, fs_1.writeFileSync)(projectFilePath, content, 'utf-8');
+        console.log(`\n✅ Assets added to ${projectFilePath}`);
+    }
+    catch (error) {
+        console.error('\n❌ Error:', error);
+        process.exit(1);
+    }
+});
+program.parse(process.argv);
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";;;AAEA,yCAAoC;AACpC,+BAAkD;AAClD,2BAAqH;AACrH,+BAA4B;AAC5B,qDAA8C;AAC9C,qEAA6D;AAC7D,2CAAiF;AACjF,6CAAgD;AAEhD,MAAM,OAAO,GAAG,IAAI,mBAAO,EAAE,CAAC;AAE9B,OAAO;KACJ,IAAI,CAAC,eAAe,CAAC;KACrB,WAAW,CAAC,uCAAuC,CAAC;KACpD,OAAO,CAAC,OAAO,CAAC,CAAC;AAEpB,OAAO;KACJ,OAAO,CAAC,UAAU,CAAC;KACnB,WAAW,CAAC,sCAAsC,CAAC;KACnD,MAAM,CAAC,sBAAsB,EAAE,2BAA2B,EAAE,GAAG,CAAC;KAChE,MAAM,CAAC,qBAAqB,EAAE,sDAAsD,CAAC;KACrF,MAAM,CAAC,WAAW,EAAE,sDAAsD,CAAC;KAC3E,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;IACxB,IAAI,CAAC;QACH,+BAA+B;QAC/B,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;QACzC,MAAM,IAAA,gCAAoB,GAAE,CAAC;QAC7B,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QAEhC,uBAAuB;QACvB,MAAM,WAAW,GAAG,IAAA,cAAO,EAAC,OAAO,CAAC,GAAG,EAAE,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAC5D,MAAM,eAAe,GAAG,IAAA,cAAO,EAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QAE7D,+BAA+B;QAC/B,IAAI,CAAC,IAAA,eAAU,EAAC,eAAe,CAAC,EAAE,CAAC;YACjC,OAAO,CAAC,KAAK,CAAC,oCAAoC,WAAW,EAAE,CAAC,CAAC;YACjE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QAED,OAAO,CAAC,GAAG,CAAC,eAAe,WAAW,EAAE,CAAC,CAAC;QAC1C,OAAO,CAAC,GAAG,CAAC,eAAe,eAAe,IAAI,CAAC,CAAC;QAEhD,8BAA8B;QAC9B,MAAM,MAAM,GAAG,IAAI,0CAAiB,CAClC,MAAM,IAAI,2BAAU,EAAE,CAAC,SAAS,CAAC,eAAe,CAAC,EACjD,eAAe,CAChB,CAAC;QACF,MAAM,OAAO,GAAG,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;QAErC,oCAAoC;QACpC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QAC3D,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QAEvE,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACjC,OAAO,CAAC,KAAK,CAAC,2CAA2C,CAAC,CAAC;YAC3D,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QAED,mCAAmC;QACnC,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAC3D,OAAO,CAAC,KAAK,CAAC,kBAAkB,OAAO,CAAC,MAAM,6BAA6B,CAAC,CAAC;YAC7E,OAAO,CAAC,KAAK,CAAC,sBAAsB,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC7D,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QAED,6CAA6C;QAC7C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;QACpD,OAAO,CAAC,GAAG,CAAC,sBAAsB,MAAM,EAAE,CAAC,CAAC;QAC5C,OAAO,CAAC,GAAG,CAAC,yBAAyB,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAErE,qBAAqB;QACrB,KAAK,MAAM,UAAU,IAAI,eAAe,EAAE,CAAC;YACzC,OAAO,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACnC,OAAO,CAAC,GAAG,CAAC,iBAAiB,UAAU,EAAE,CAAC,CAAC;YAC3C,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;YAEnC,qDAAqD;YACrD,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAC7C,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,MAAM,IAAI,KAAK,CAAC,WAAW,UAAU,aAAa,CAAC,CAAC;YACtD,CAAC;YAED,MAAM,SAAS,GAAG,IAAA,cAAO,EAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACvC,IAAI,CAAC,IAAA,eAAU,EAAC,SAAS,CAAC,EAAE,CAAC;gBAC3B,OAAO,CAAC,GAAG,CAAC,iCAAiC,SAAS,EAAE,CAAC,CAAC;gBAC1D,IAAA,cAAS,EAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAC5C,CAAC;YAED,oCAAoC;YACpC,MAAM,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;YAE3C,2BAA2B;YAC3B,OAAO,CAAC,UAAU,EAAE,CAAC;YAErB,qBAAqB;YACrB,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YAClD,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;YAElC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;YACxC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAEpB,kDAAkD;YAClD,MAAM,aAAa,GAAG,IAAA,6BAAiB,EAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;YAE7E,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;YAE3C,aAAa;YACb,MAAM,IAAA,qBAAS,EAAC,aAAa,CAAC,CAAC;YAE/B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;YAC/B,OAAO,CAAC,GAAG,CAAC,oBAAoB,UAAU,EAAE,CAAC,CAAC;YAE9C,MAAM,cAAc,GAAG,MAAM,IAAA,6BAAgB,EAAC,UAAU,CAAC,CAAC;YAC1D,OAAO,CAAC,GAAG,CAAC,iBAAiB,cAAc,IAAI,CAAC,CAAC;QACnD,CAAC;QAED,OAAO,CAAC,GAAG,CAAC,2CAA2C,CAAC,CAAC;IAC3D,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;AACH,CAAC,CAAC,CAAC;AAEL,OAAO;KACJ,OAAO,CAAC,QAAQ,CAAC;KACjB,WAAW,CAAC,iDAAiD,CAAC;KAC9D,MAAM,CAAC,sBAAsB,EAAE,2BAA2B,EAAE,GAAG,CAAC;KAChE,MAAM,CAAC,yBAAyB,EAAE,uCAAuC,CAAC;KAC1E,MAAM,CAAC,GAAG,EAAE;IACX,OAAO,CAAC,GAAG,CAAC,wCAAwC,CAAC,CAAC;IACtD,OAAO,CAAC,GAAG,CAAC,qEAAqE,CAAC,CAAC;IACnF,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC,CAAC;AAEL,OAAO;KACJ,OAAO,CAAC,WAAW,CAAC;KACpB,WAAW,CAAC,oCAAoC,CAAC;KACjD,cAAc,CAAC,mBAAmB,EAAE,yBAAyB,CAAC;KAC9D,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE;IAClB,IAAI,CAAC;QACH,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;QACjC,MAAM,UAAU,GAAG,IAAA,cAAO,EAAC,OAAO,CAAC,GAAG,EAAE,EAAE,WAAW,CAAC,CAAC;QAEvD,2CAA2C;QAC3C,IAAI,IAAA,eAAU,EAAC,UAAU,CAAC,EAAE,CAAC;YAC3B,OAAO,CAAC,KAAK,CAAC,qBAAqB,WAAW,kBAAkB,CAAC,CAAC;YAClE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QAED,8DAA8D;QAC9D,8FAA8F;QAC9F,yEAAyE;QACzE,MAAM,UAAU,GAAG,IAAA,iBAAY,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACjD,MAAM,SAAS,GAAG,IAAA,cAAO,EAAC,UAAU,CAAC,CAAC;QACtC,MAAM,YAAY,GAAG,IAAA,cAAO,EAAC,SAAS,EAAE,4BAA4B,CAAC,CAAC;QAEtE,2BAA2B;QAC3B,IAAI,CAAC,IAAA,eAAU,EAAC,YAAY,CAAC,EAAE,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,0CAA0C,YAAY,EAAE,CAAC,CAAC;YACxE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QAED,OAAO,CAAC,GAAG,CAAC,4BAA4B,WAAW,MAAM,CAAC,CAAC;QAC3D,OAAO,CAAC,GAAG,CAAC,gBAAgB,YAAY,EAAE,CAAC,CAAC;QAC5C,OAAO,CAAC,GAAG,CAAC,cAAc,UAAU,IAAI,CAAC,CAAC;QAE1C,qDAAqD;QACrD,IAAA,cAAS,EAAC,UAAU,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3C,IAAA,WAAM,EAAC,YAAY,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QAEtD,OAAO,CAAC,GAAG,CAAC,cAAc,WAAW,2BAA2B,CAAC,CAAC;QAClE,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC3B,OAAO,CAAC,GAAG,CAAC,QAAQ,WAAW,EAAE,CAAC,CAAC;QACnC,OAAO,CAAC,GAAG,CAAC,+CAA+C,CAAC,CAAC;QAC7D,OAAO,CAAC,GAAG,CAAC,+CAA+C,CAAC,CAAC;IAC/D,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;AACH,CAAC,CAAC,CAAC;AAEL,OAAO;KACJ,OAAO,CAAC,YAAY,CAAC;KACrB,WAAW,CAAC,6DAA6D,CAAC;KAC1E,MAAM,CAAC,sBAAsB,EAAE,2BAA2B,EAAE,GAAG,CAAC;KAChE,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE;IAClB,IAAI,CAAC;QACH,uBAAuB;QACvB,MAAM,WAAW,GAAG,IAAA,cAAO,EAAC,OAAO,CAAC,GAAG,EAAE,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAC5D,MAAM,eAAe,GAAG,IAAA,cAAO,EAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QAE7D,+BAA+B;QAC/B,IAAI,CAAC,IAAA,eAAU,EAAC,eAAe,CAAC,EAAE,CAAC;YACjC,OAAO,CAAC,KAAK,CAAC,oCAAoC,WAAW,EAAE,CAAC,CAAC;YACjE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QAED,OAAO,CAAC,GAAG,CAAC,eAAe,WAAW,EAAE,CAAC,CAAC;QAC1C,OAAO,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAC;QAEhD,mCAAmC;QACnC,MAAM,UAAU,GAAgF,EAAE,CAAC;QAEnG,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAE;YACpC,MAAM,OAAO,GAAG,IAAA,gBAAW,EAAC,GAAG,CAAC,CAAC;YAEjC,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,MAAM,QAAQ,GAAG,IAAA,WAAI,EAAC,GAAG,EAAE,KAAK,CAAC,CAAC;gBAClC,MAAM,IAAI,GAAG,IAAA,aAAQ,EAAC,QAAQ,CAAC,CAAC;gBAEhC,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;oBACvB,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC1B,CAAC;qBAAM,CAAC;oBACN,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;oBACjD,IAAI,IAAI,GAAuC,IAAI,CAAC;oBAEpD,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;wBAClB,IAAI,GAAG,OAAO,CAAC;oBACjB,CAAC;yBAAM,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;wBACzB,IAAI,GAAG,OAAO,CAAC;oBACjB,CAAC;yBAAM,IAAI,GAAG,KAAK,KAAK,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;wBAC1C,IAAI,GAAG,OAAO,CAAC;oBACjB,CAAC;oBAED,IAAI,IAAI,EAAE,CAAC;wBACT,MAAM,YAAY,GAAG,IAAA,eAAQ,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;wBACrD,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;oBAC1D,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,aAAa,CAAC,WAAW,CAAC,CAAC;QAE3B,+BAA+B;QAC/B,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;QAExE,iCAAiC;QACjC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;QAC1D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;QAC1D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;QAE1D,OAAO,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,MAAM,cAAc,MAAM,CAAC,MAAM,cAAc,MAAM,CAAC,MAAM,aAAa,CAAC,CAAC;QAEvG,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC5B,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;YACrC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QAED,sBAAsB;QACtB,MAAM,SAAS,GAAa,EAAE,CAAC;QAE/B,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,IAAI,GAAG,QAAQ,KAAK,GAAG,CAAC,EAAE,CAAC;YACjC,SAAS,CAAC,IAAI,CAAC,uBAAuB,IAAI,kBAAkB,IAAI,CAAC,YAAY,MAAM,CAAC,CAAC;YACrF,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,IAAI,GAAG,SAAS,KAAK,GAAG,CAAC,EAAE,CAAC;YAClC,SAAS,CAAC,IAAI,CAAC,uBAAuB,IAAI,kBAAkB,IAAI,CAAC,YAAY,MAAM,CAAC,CAAC;YACrF,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,IAAI,GAAG,SAAS,KAAK,GAAG,CAAC,EAAE,CAAC;YAClC,SAAS,CAAC,IAAI,CAAC,uBAAuB,IAAI,kBAAkB,IAAI,CAAC,YAAY,MAAM,CAAC,CAAC;YACrF,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,oBAAoB;QACpB,IAAI,OAAO,GAAG,IAAA,iBAAY,EAAC,eAAe,EAAE,OAAO,CAAC,CAAC;QAErD,mCAAmC;QACnC,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAElE,IAAI,WAAW,EAAE,CAAC;YAChB,kCAAkC;YAClC,MAAM,gBAAgB,GAAG,aAAa,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;YACxE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,4BAA4B,EAAE,gBAAgB,CAAC,CAAC;QAC5E,CAAC;aAAM,CAAC;YACN,qDAAqD;YACrD,MAAM,gBAAgB,GAAG,eAAe,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;YAE5E,IAAI,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;gBACnC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,EAAE,aAAa,gBAAgB,EAAE,CAAC,CAAC;YAC3E,CAAC;iBAAM,IAAI,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;gBACxC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,UAAU,EAAE,WAAW,gBAAgB,EAAE,CAAC,CAAC;YACvE,CAAC;iBAAM,CAAC;gBACN,OAAO,IAAI,gBAAgB,CAAC;YAC9B,CAAC;QACH,CAAC;QAED,6BAA6B;QAC7B,IAAA,kBAAa,EAAC,eAAe,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAEjD,OAAO,CAAC,GAAG,CAAC,uBAAuB,eAAe,EAAE,CAAC,CAAC;IACxD,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;AACH,CAAC,CAAC,CAAC;AAEL,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC"}

package/dist/container-renderer.d.ts

@@ -0,0 +1,21 @@
+import { Container } from './type';
+export interface RenderContainerOptions {
+    container: Container;
+    cssText: string;
+    width: number;
+    height: number;
+    projectDir: string;
+}
+export interface ContainerRenderResult {
+    container: Container;
+    screenshotPath: string;
+}
+/**
+ * Renders a container to a PNG screenshot using Puppeteer
+ */
+export declare function renderContainer(options: RenderContainerOptions): Promise<ContainerRenderResult>;
+/**
+ * Renders multiple containers in sequence
+ */
+export declare function renderContainers(containers: Container[], cssText: string, width: number, height: number, projectDir: string): Promise<ContainerRenderResult[]>;
+//# sourceMappingURL=container-renderer.d.ts.map

package/dist/container-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container-renderer.d.ts","sourceRoot":"","sources":["../src/container-renderer.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;CACxB;AAYD;;GAEG;AACH,wBAAsB,eAAe,CACnC,OAAO,EAAE,sBAAsB,GAC9B,OAAO,CAAC,qBAAqB,CAAC,CAyFhC;AAgCD;;GAEG;AACH,wBAAsB,gBAAgB,CACpC,UAAU,EAAE,SAAS,EAAE,EACvB,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAwBlC"}

package/dist/container-renderer.js

@@ -0,0 +1,149 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderContainer = renderContainer;
+exports.renderContainers = renderContainers;
+const puppeteer_1 = __importDefault(require("puppeteer"));
+const promises_1 = require("fs/promises");
+const path_1 = require("path");
+const fs_1 = require("fs");
+const crypto_1 = require("crypto");
+/**
+ * Generates a hash from container content and CSS
+ */
+function generateCacheKey(containerHtml, cssText) {
+    const hash = (0, crypto_1.createHash)('sha256');
+    hash.update(containerHtml);
+    hash.update(cssText);
+    return hash.digest('hex').substring(0, 16);
+}
+/**
+ * Renders a container to a PNG screenshot using Puppeteer
+ */
+async function renderContainer(options) {
+    const { container, cssText, width, height, projectDir } = options;
+    // Create cache directory
+    const cacheDir = (0, path_1.resolve)(projectDir, '.cache', 'containers');
+    if (!(0, fs_1.existsSync)(cacheDir)) {
+        await (0, promises_1.mkdir)(cacheDir, { recursive: true });
+    }
+    // Generate cache key from content hash
+    const cacheKey = generateCacheKey(container.htmlContent, cssText);
+    const screenshotPath = (0, path_1.resolve)(cacheDir, `${cacheKey}.png`);
+    // Check if cached version exists
+    if ((0, fs_1.existsSync)(screenshotPath)) {
+        console.log(`Using cached container "${container.id}" (hash: ${cacheKey}) from ${screenshotPath}`);
+        return {
+            container,
+            screenshotPath,
+        };
+    }
+    // Build complete HTML document
+    const html = `
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    body {
+      width: ${width}px;
+      height: ${height}px;
+      overflow: hidden;
+      background: transparent;
+      font-size: 16px;
+    }
+    ${cssText}
+  </style>
+</head>
+<body>
+  ${container.htmlContent}
+</body>
+</html>
+  `.trim();
+    // Launch browser and render
+    const browser = await puppeteer_1.default.launch({
+        headless: true,
+        args: ['--no-sandbox', '--disable-setuid-sandbox'],
+    });
+    try {
+        const page = await browser.newPage();
+        await page.setViewport({ width, height });
+        await page.setContent(html, { waitUntil: 'networkidle0' });
+        // Take screenshot with transparent background
+        const screenshot = await page.screenshot({
+            type: 'png',
+            omitBackground: true,
+            clip: {
+                x: 0,
+                y: 0,
+                width,
+                height,
+            },
+        });
+        // Save to file
+        await (0, promises_1.writeFile)(screenshotPath, screenshot);
+        console.log(`Rendered container "${container.id}" (hash: ${cacheKey}) to ${screenshotPath}`);
+        return {
+            container,
+            screenshotPath,
+        };
+    }
+    finally {
+        await browser.close();
+    }
+}
+/**
+ * Cleans up stale cache entries that are not in the active set
+ */
+async function cleanupStaleCache(cacheDir, activeCacheKeys) {
+    if (!(0, fs_1.existsSync)(cacheDir)) {
+        return;
+    }
+    const files = await (0, promises_1.readdir)(cacheDir);
+    const pngFiles = files.filter((file) => file.endsWith('.png'));
+    let removedCount = 0;
+    for (const file of pngFiles) {
+        const cacheKey = file.replace('.png', '');
+        if (!activeCacheKeys.has(cacheKey)) {
+            const filePath = (0, path_1.resolve)(cacheDir, file);
+            await (0, promises_1.unlink)(filePath);
+            console.log(`Removed stale cache entry: ${file}`);
+            removedCount++;
+        }
+    }
+    if (removedCount > 0) {
+        console.log(`Cleaned up ${removedCount} stale cache entries`);
+    }
+}
+/**
+ * Renders multiple containers in sequence
+ */
+async function renderContainers(containers, cssText, width, height, projectDir) {
+    const results = [];
+    const activeCacheKeys = new Set();
+    // Render all containers and collect active cache keys
+    for (const container of containers) {
+        const cacheKey = generateCacheKey(container.htmlContent, cssText);
+        activeCacheKeys.add(cacheKey);
+        const result = await renderContainer({
+            container,
+            cssText,
+            width,
+            height,
+            projectDir,
+        });
+        results.push(result);
+    }
+    // Clean up stale cache entries
+    const cacheDir = (0, path_1.resolve)(projectDir, '.cache', 'containers');
+    await cleanupStaleCache(cacheDir, activeCacheKeys);
+    return results;
+}
+//# sourceMappingURL=container-renderer.js.map

package/dist/container-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container-renderer.js","sourceRoot":"","sources":["../src/container-renderer.ts"],"names":[],"mappings":"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"}