loopwind 0.9.1

package/dist/lib/version-check.js

@@ -0,0 +1,88 @@
+import fs from 'fs/promises';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import chalk from 'chalk';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+/**
+ * Check if there's a newer version available on npm
+ * This is done asynchronously and won't block the CLI
+ */
+export async function checkForUpdates() {
+    try {
+        // Get current version from package.json
+        const packageJsonPath = path.join(__dirname, '../../package.json');
+        const packageJson = JSON.parse(await fs.readFile(packageJsonPath, 'utf-8'));
+        const currentVersion = packageJson.version;
+        // Fetch latest version from npm registry (with timeout)
+        const controller = new AbortController();
+        const timeout = setTimeout(() => controller.abort(), 3000); // 3 second timeout
+        const response = await fetch('https://registry.npmjs.org/loopwind/latest', {
+            signal: controller.signal,
+        });
+        clearTimeout(timeout);
+        if (!response.ok) {
+            return null; // Silently fail if npm registry is down
+        }
+        const data = await response.json();
+        const latestVersion = data.version;
+        // Compare versions (simple semver comparison)
+        const isOutdated = compareVersions(currentVersion, latestVersion) < 0;
+        return {
+            currentVersion,
+            latestVersion,
+            isOutdated,
+        };
+    }
+    catch (error) {
+        // Silently fail - don't interrupt the user's workflow
+        return null;
+    }
+}
+/**
+ * Display update notification if a newer version is available
+ */
+export function displayUpdateNotification(result) {
+    if (!result.isOutdated) {
+        return;
+    }
+    console.log();
+    console.log(chalk.yellow('┌' + '─'.repeat(60) + '┐'));
+    console.log(chalk.yellow('│') + ' '.repeat(60) + chalk.yellow('│'));
+    console.log(chalk.yellow('│') +
+        '  ' +
+        chalk.bold('Update available! ') +
+        chalk.dim(`${result.currentVersion}`) +
+        ' → ' +
+        chalk.green.bold(`${result.latestVersion}`) +
+        ' '.repeat(60 - 20 - result.currentVersion.length - result.latestVersion.length - 5) +
+        chalk.yellow('│'));
+    console.log(chalk.yellow('│') + ' '.repeat(60) + chalk.yellow('│'));
+    console.log(chalk.yellow('│') +
+        '  Run ' +
+        chalk.cyan.bold('npm install -g loopwind@latest') +
+        ' to update' +
+        ' '.repeat(60 - 45) +
+        chalk.yellow('│'));
+    console.log(chalk.yellow('│') + ' '.repeat(60) + chalk.yellow('│'));
+    console.log(chalk.yellow('└' + '─'.repeat(60) + '┘'));
+    console.log();
+}
+/**
+ * Simple semver comparison
+ * Returns: -1 if v1 < v2, 0 if v1 === v2, 1 if v1 > v2
+ */
+function compareVersions(v1, v2) {
+    const parts1 = v1.split('.').map(Number);
+    const parts2 = v2.split('.').map(Number);
+    for (let i = 0; i < Math.max(parts1.length, parts2.length); i++) {
+        const num1 = parts1[i] || 0;
+        const num2 = parts2[i] || 0;
+        if (num1 < num2)
+            return -1;
+        if (num1 > num2)
+            return 1;
+    }
+    return 0;
+}
+//# sourceMappingURL=version-check.js.map

package/dist/lib/version-check.js.map

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

package/dist/lib/video-renderer.d.ts

@@ -0,0 +1,32 @@
+import type { TemplateProps } from '../types/template.js';
+/**
+ * Render video frames to a directory
+ */
+export declare function renderVideoFrames(templateName: string, props: TemplateProps, outputDir: string, options?: {
+    format?: 'png' | 'svg' | 'jpeg' | 'jpg';
+    onProgress?: (frame: number, total: number, phase?: 'svg' | 'convert') => void;
+    batchSize?: number;
+}): Promise<{
+    totalFrames: number;
+    fps: number;
+    width: number;
+    height: number;
+}>;
+/**
+ * Encode SVG frames to MP4 using h264-mp4-encoder (WASM, no ffmpeg required)
+ */
+export declare function encodeFramesToVideo(svgs: string[], outputPath: string, options: {
+    fps: number;
+    width: number;
+    height: number;
+    quality?: number;
+    onProgress?: (frame: number) => void;
+}): Promise<void>;
+/**
+ * Render a video template to MP4 using WASM encoder (works everywhere, no ffmpeg!)
+ */
+export declare function renderVideo(templateName: string, props: TemplateProps, outputPath: string, options?: {
+    quality?: number;
+    onFrameProgress?: (frame: number, total: number, phase?: 'svg' | 'encode') => void;
+}): Promise<void>;
+//# sourceMappingURL=video-renderer.d.ts.map

package/dist/lib/video-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-renderer.d.ts","sourceRoot":"","sources":["../../src/lib/video-renderer.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAI1D;;GAEG;AACH,wBAAsB,iBAAiB,CACrC,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE;IACP,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACf,GACL,OAAO,CAAC;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CA8H9E;AAED;;GAEG;AACH,wBAAsB,mBAAmB,CACvC,IAAI,EAAE,MAAM,EAAE,EACd,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE;IACP,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,GACA,OAAO,CAAC,IAAI,CAAC,CA2Df;AAED;;GAEG;AACH,wBAAsB,WAAW,CAC/B,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,MAAM,EAClB,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,KAAK,IAAI,CAAC;CAC/E,GACL,OAAO,CAAC,IAAI,CAAC,CA6Ef"}

package/dist/lib/video-renderer.js

@@ -0,0 +1,226 @@
+import { renderToSVG } from './renderer.js';
+import { loadTemplateMeta } from './utils.js';
+import fs from 'fs/promises';
+import path from 'path';
+import HME from 'h264-mp4-encoder';
+import sharp from 'sharp';
+/**
+ * Render video frames to a directory
+ */
+export async function renderVideoFrames(templateName, props, outputDir, options = {}) {
+    // Default to PNG for video frames (better compression for flat colors/text)
+    // JPEG is available as an option but doesn't provide speed benefits
+    const { format = 'png', onProgress, batchSize = 40 } = options;
+    // Load template metadata
+    const meta = await loadTemplateMeta(templateName);
+    if (meta.type !== 'video') {
+        throw new Error(`Template "${templateName}" is not a video template (type: ${meta.type || 'image'})`);
+    }
+    if (!meta.video) {
+        throw new Error(`Template "${templateName}" is missing video metadata`);
+    }
+    const { fps, duration } = meta.video;
+    const totalFrames = Math.floor(fps * duration);
+    // Ensure output directory exists
+    await fs.mkdir(outputDir, { recursive: true });
+    // Two-phase rendering for better performance:
+    // Phase 1: Generate all SVGs (super fast - just string operations)
+    // Phase 2: Convert SVGs to PNG/JPEG in batches (parallelized rasterization)
+    if (format === 'svg') {
+        // For SVG output, just render directly (no conversion needed)
+        const svgPromises = [];
+        for (let frame = 0; frame < totalFrames; frame++) {
+            const progress = frame / (totalFrames - 1);
+            const frameProps = { ...props, frame, progress };
+            const framePath = path.join(outputDir, `frame-${String(frame).padStart(4, '0')}.svg`);
+            svgPromises.push(renderToSVG(templateName, frameProps).then(svg => fs.writeFile(framePath, svg)));
+        }
+        await Promise.all(svgPromises);
+        if (onProgress) {
+            onProgress(totalFrames, totalFrames);
+        }
+    }
+    else {
+        // For PNG/JPEG: First generate all SVGs, then convert in batches
+        const svgs = new Array(totalFrames);
+        // Generate all SVGs in parallel (very fast - just React rendering to strings)
+        if (onProgress) {
+            onProgress(0, totalFrames, 'svg');
+        }
+        const svgPromises = [];
+        for (let frame = 0; frame < totalFrames; frame++) {
+            const progress = frame / (totalFrames - 1);
+            const frameProps = { ...props, frame, progress };
+            svgPromises.push(renderToSVG(templateName, frameProps).then(svg => {
+                svgs[frame] = svg;
+            }));
+        }
+        await Promise.all(svgPromises);
+        if (onProgress) {
+            onProgress(totalFrames, totalFrames, 'svg');
+        }
+        // Convert SVGs to PNG/JPEG in batches
+        let completedFrames = 0;
+        for (let batchStart = 0; batchStart < totalFrames; batchStart += batchSize) {
+            const batchEnd = Math.min(batchStart + batchSize, totalFrames);
+            const convertPromises = [];
+            for (let frame = batchStart; frame < batchEnd; frame++) {
+                const framePath = path.join(outputDir, `frame-${String(frame).padStart(4, '0')}.${format}`);
+                const convertPromise = (async () => {
+                    const svg = svgs[frame];
+                    if (format === 'jpeg' || format === 'jpg') {
+                        // Convert SVG string directly to JPEG
+                        const { Resvg } = await import('@resvg/resvg-js');
+                        const resvg = new Resvg(svg, {
+                            fitTo: { mode: 'width', value: meta.size.width },
+                        });
+                        const pngData = resvg.render();
+                        const pngBuffer = pngData.asPng();
+                        const sharp = (await import('sharp')).default;
+                        const jpegBuffer = await sharp(pngBuffer).jpeg({ quality: 85 }).toBuffer();
+                        await fs.writeFile(framePath, jpegBuffer);
+                    }
+                    else {
+                        // Convert SVG string directly to PNG
+                        const { Resvg } = await import('@resvg/resvg-js');
+                        const resvg = new Resvg(svg, {
+                            fitTo: { mode: 'width', value: meta.size.width },
+                        });
+                        const pngData = resvg.render();
+                        const pngBuffer = pngData.asPng();
+                        await fs.writeFile(framePath, pngBuffer);
+                    }
+                })();
+                convertPromises.push(convertPromise);
+            }
+            await Promise.all(convertPromises);
+            completedFrames += convertPromises.length;
+            if (onProgress) {
+                onProgress(completedFrames, totalFrames, 'convert');
+            }
+        }
+    }
+    return {
+        totalFrames,
+        fps,
+        width: meta.size.width,
+        height: meta.size.height,
+    };
+}
+/**
+ * Encode SVG frames to MP4 using h264-mp4-encoder (WASM, no ffmpeg required)
+ */
+export async function encodeFramesToVideo(svgs, outputPath, options) {
+    const { fps, width, height, quality = 23, onProgress } = options;
+    // Step 1: Convert all SVGs to RGBA in parallel batches (memory efficient + fast!)
+    const startConversion = Date.now();
+    const batchSize = 30; // Process 30 frames at a time to balance speed/memory
+    const rgbaFrames = new Array(svgs.length);
+    for (let batchStart = 0; batchStart < svgs.length; batchStart += batchSize) {
+        const batchEnd = Math.min(batchStart + batchSize, svgs.length);
+        const batchPromises = [];
+        for (let i = batchStart; i < batchEnd; i++) {
+            batchPromises.push(sharp(Buffer.from(svgs[i]))
+                .resize(width, height, { fit: 'fill' })
+                .ensureAlpha()
+                .raw()
+                .toBuffer({ resolveWithObject: true })
+                .then(({ data }) => {
+                rgbaFrames[i] = data;
+            }));
+        }
+        await Promise.all(batchPromises);
+    }
+    console.log(`RGBA conversion: ${Date.now() - startConversion}ms`);
+    // Step 2: Create encoder and add frames sequentially (must be in order)
+    const startEncoding = Date.now();
+    const encoder = await HME.createH264MP4Encoder();
+    encoder.width = width;
+    encoder.height = height;
+    encoder.frameRate = fps;
+    encoder.quantizationParameter = quality; // 0-51, lower = better quality (default: 33)
+    encoder.speed = 10; // Speed preset 0-10 (10 = fastest, default: 0)
+    encoder.groupOfPictures = fps; // GOP size = 1 second of frames
+    encoder.initialize();
+    // Add all RGBA frames to encoder (must be sequential)
+    for (let i = 0; i < rgbaFrames.length; i++) {
+        encoder.addFrameRgba(rgbaFrames[i]);
+        if (onProgress) {
+            onProgress(i + 1);
+        }
+    }
+    console.log(`H.264 encoding: ${Date.now() - startEncoding}ms`);
+    // Finalize encoding
+    encoder.finalize();
+    // Write output file
+    const uint8Array = encoder.FS.readFile(encoder.outputFilename);
+    await fs.writeFile(outputPath, uint8Array);
+    // Cleanup
+    encoder.delete();
+}
+/**
+ * Render a video template to MP4 using WASM encoder (works everywhere, no ffmpeg!)
+ */
+export async function renderVideo(templateName, props, outputPath, options = {}) {
+    const { quality = 23, onFrameProgress } = options;
+    // Load template metadata
+    const meta = await loadTemplateMeta(templateName);
+    if (meta.type !== 'video') {
+        throw new Error(`Template "${templateName}" is not a video template (type: ${meta.type || 'image'})`);
+    }
+    if (!meta.video) {
+        throw new Error(`Template "${templateName}" is missing video metadata`);
+    }
+    const { fps, duration } = meta.video;
+    const totalFrames = Math.floor(fps * duration);
+    const { width, height } = meta.size;
+    // Step 1: Generate ALL SVGs in parallel
+    const startTotal = Date.now();
+    const svgs = new Array(totalFrames);
+    const svgPromises = [];
+    for (let frame = 0; frame < totalFrames; frame++) {
+        const progress = frame / (totalFrames - 1);
+        const frameProps = { ...props, frame, progress };
+        svgPromises.push(renderToSVG(templateName, frameProps).then(svg => {
+            svgs[frame] = svg;
+        }));
+    }
+    await Promise.all(svgPromises);
+    // Step 2: Convert ALL SVGs to RGBA in parallel
+    const rgbaFrames = new Array(totalFrames);
+    const rgbaPromises = [];
+    for (let i = 0; i < totalFrames; i++) {
+        rgbaPromises.push(sharp(Buffer.from(svgs[i]))
+            .resize(width, height, { fit: 'fill' })
+            .ensureAlpha()
+            .raw()
+            .toBuffer({ resolveWithObject: true })
+            .then(({ data }) => {
+            rgbaFrames[i] = data;
+        }));
+    }
+    await Promise.all(rgbaPromises);
+    console.log(`SVG + RGBA: ${Date.now() - startTotal}ms`);
+    // Step 3: Encode RGBA frames to H.264
+    const startEncoding = Date.now();
+    const encoder = await HME.createH264MP4Encoder();
+    encoder.width = width;
+    encoder.height = height;
+    encoder.frameRate = fps;
+    encoder.quantizationParameter = quality;
+    encoder.speed = 10;
+    encoder.groupOfPictures = fps;
+    encoder.initialize();
+    for (let i = 0; i < rgbaFrames.length; i++) {
+        encoder.addFrameRgba(rgbaFrames[i]);
+        if (onFrameProgress && i % 10 === 0) {
+            onFrameProgress(i, totalFrames, 'encode');
+        }
+    }
+    encoder.finalize();
+    const uint8Array = encoder.FS.readFile(encoder.outputFilename);
+    await fs.writeFile(outputPath, uint8Array);
+    encoder.delete();
+    console.log(`H.264 encoding: ${Date.now() - startEncoding}ms`);
+}
+//# sourceMappingURL=video-renderer.js.map

package/dist/lib/video-renderer.js.map

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

package/dist/sdk/index.d.ts

@@ -0,0 +1,58 @@
+import type { TemplateDefinition } from './template.js';
+export { defineTemplate } from './template.js';
+export type { TemplateDefinition } from './template.js';
+/**
+ * Render options for image generation
+ */
+export interface RenderImageOptions {
+    format?: 'png' | 'jpeg' | 'jpg' | 'webp' | 'svg';
+    quality?: number;
+}
+/**
+ * Render options for video generation
+ */
+export interface RenderVideoOptions {
+    quality?: number;
+    onProgress?: (frame: number, total: number, phase?: 'svg' | 'encode') => void;
+}
+/**
+ * Render an image from a template definition
+ *
+ * @example
+ * ```typescript
+ * const template = defineTemplate({
+ *   name: 'og-image',
+ *   size: { width: 1200, height: 630 },
+ *   render: ({ tw, title }) => <div style={tw('flex')}>{title}</div>
+ * });
+ *
+ * const png = await renderImage(template, { title: 'Hello World' });
+ * // Returns Buffer containing PNG data
+ * ```
+ */
+export declare function renderImage<TProps = any>(template: TemplateDefinition<TProps>, props: TProps, options?: RenderImageOptions): Promise<Buffer>;
+/**
+ * Render a video from a template definition
+ *
+ * @example
+ * ```typescript
+ * const template = defineTemplate({
+ *   name: 'intro-video',
+ *   type: 'video',
+ *   size: { width: 1920, height: 1080 },
+ *   video: { fps: 30, duration: 3 },
+ *   render: ({ tw, progress, title }) => (
+ *     <div style={tw('flex items-center justify-center w-full h-full bg-black')}>
+ *       <h1 style={{ ...tw('text-8xl font-bold text-white'), opacity: progress }}>
+ *         {title}
+ *       </h1>
+ *     </div>
+ *   )
+ * });
+ *
+ * const mp4 = await renderVideo(template, { title: 'Hello' });
+ * // Returns Buffer containing MP4 data
+ * ```
+ */
+export declare function renderVideo<TProps = any>(template: TemplateDefinition<TProps>, props: TProps, options?: RenderVideoOptions): Promise<Buffer>;
+//# sourceMappingURL=index.d.ts.map

package/dist/sdk/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sdk/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAQxD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,KAAK,IAAI,CAAC;CAC/E;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,WAAW,CAAC,MAAM,GAAG,GAAG,EAC5C,QAAQ,EAAE,kBAAkB,CAAC,MAAM,CAAC,EACpC,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,kBAAuB,GAC/B,OAAO,CAAC,MAAM,CAAC,CA0CjB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAsB,WAAW,CAAC,MAAM,GAAG,GAAG,EAC5C,QAAQ,EAAE,kBAAkB,CAAC,MAAM,CAAC,EACpC,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,kBAAuB,GAC/B,OAAO,CAAC,MAAM,CAAC,CAoCjB"}

package/dist/sdk/index.js

@@ -0,0 +1,119 @@
+import { renderToSVG, renderToPNG, renderToJPEG, renderToWebP } from '../lib/renderer.js';
+import { templateToMeta } from './template.js';
+import { renderVideo as renderVideoInternal } from '../lib/video-renderer.js';
+import fs from 'fs/promises';
+import path from 'path';
+import os from 'os';
+export { defineTemplate } from './template.js';
+/**
+ * Render an image from a template definition
+ *
+ * @example
+ * ```typescript
+ * const template = defineTemplate({
+ *   name: 'og-image',
+ *   size: { width: 1200, height: 630 },
+ *   render: ({ tw, title }) => <div style={tw('flex')}>{title}</div>
+ * });
+ *
+ * const png = await renderImage(template, { title: 'Hello World' });
+ * // Returns Buffer containing PNG data
+ * ```
+ */
+export async function renderImage(template, props, options = {}) {
+    const { format = 'png', quality = 92 } = options;
+    const meta = templateToMeta(template);
+    if (meta.type === 'video') {
+        throw new Error('Cannot render video template as image. Use renderVideo() instead.');
+    }
+    // Save template to temp file so we can use the existing renderer
+    const tempDir = await fs.mkdtemp(path.join(os.tmpdir(), 'loopwind-sdk-'));
+    const templatePath = path.join(tempDir, 'template.tsx');
+    const metaPath = path.join(tempDir, 'meta.json');
+    try {
+        // Write template component to file
+        const templateContent = `import React from 'react';
+export default ${template.render.toString()};`;
+        await fs.writeFile(templatePath, templateContent);
+        // Write meta.json
+        await fs.writeFile(metaPath, JSON.stringify(meta, null, 2));
+        // Use existing renderer - pass temp dir as template name
+        if (format === 'svg') {
+            const svg = await renderToSVG(tempDir, props);
+            return Buffer.from(svg);
+        }
+        else if (format === 'jpeg' || format === 'jpg') {
+            const buffer = await renderToJPEG(tempDir, props, { quality });
+            return buffer;
+        }
+        else if (format === 'webp') {
+            const buffer = await renderToWebP(tempDir, props);
+            // Note: renderToWebP doesn't take quality param, uses fixed 90
+            return buffer;
+        }
+        else {
+            // PNG
+            const buffer = await renderToPNG(tempDir, props);
+            return buffer;
+        }
+    }
+    finally {
+        // Cleanup temp files
+        await fs.rm(tempDir, { recursive: true, force: true });
+    }
+}
+/**
+ * Render a video from a template definition
+ *
+ * @example
+ * ```typescript
+ * const template = defineTemplate({
+ *   name: 'intro-video',
+ *   type: 'video',
+ *   size: { width: 1920, height: 1080 },
+ *   video: { fps: 30, duration: 3 },
+ *   render: ({ tw, progress, title }) => (
+ *     <div style={tw('flex items-center justify-center w-full h-full bg-black')}>
+ *       <h1 style={{ ...tw('text-8xl font-bold text-white'), opacity: progress }}>
+ *         {title}
+ *       </h1>
+ *     </div>
+ *   )
+ * });
+ *
+ * const mp4 = await renderVideo(template, { title: 'Hello' });
+ * // Returns Buffer containing MP4 data
+ * ```
+ */
+export async function renderVideo(template, props, options = {}) {
+    const meta = templateToMeta(template);
+    if (meta.type !== 'video') {
+        throw new Error('Cannot render image template as video. Use renderImage() instead.');
+    }
+    if (!meta.video) {
+        throw new Error('Template is missing video metadata (fps, duration)');
+    }
+    // Save template to temp file so we can use the existing renderer
+    const tempDir = await fs.mkdtemp(path.join(os.tmpdir(), 'loopwind-sdk-'));
+    const templatePath = path.join(tempDir, 'template.tsx');
+    const metaPath = path.join(tempDir, 'meta.json');
+    const outputPath = path.join(tempDir, 'output.mp4');
+    try {
+        // Write template component to file
+        const templateContent = `import React from 'react';
+export default ${template.render.toString()};`;
+        await fs.writeFile(templatePath, templateContent);
+        // Write meta.json
+        await fs.writeFile(metaPath, JSON.stringify(meta, null, 2));
+        // Use existing video renderer
+        await renderVideoInternal(tempDir, props, outputPath, options);
+        // Read the generated MP4
+        const buffer = await fs.readFile(outputPath);
+        return buffer;
+    }
+    finally {
+        // Cleanup temp files
+        await fs.rm(tempDir, { recursive: true, force: true });
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/sdk/index.js.map

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

package/dist/sdk/template.d.ts

@@ -0,0 +1,40 @@
+import type { TemplateProps, TemplateMeta } from '../types/template.js';
+export interface TemplateDefinition<TProps = any> {
+    name: string;
+    type?: 'image' | 'video';
+    size: {
+        width: number;
+        height: number;
+    };
+    video?: {
+        fps: number;
+        duration: number;
+    };
+    fonts?: string[];
+    render: (props: TProps & TemplateProps) => JSX.Element;
+}
+/**
+ * Define a template programmatically for use in serverless environments
+ *
+ * @example
+ * ```typescript
+ * const ogImage = defineTemplate({
+ *   name: 'og-image',
+ *   type: 'image',
+ *   size: { width: 1200, height: 630 },
+ *   render: ({ tw, title, description }) => (
+ *     <div style={tw('flex flex-col w-full h-full bg-white p-12')}>
+ *       <h1 style={tw('text-6xl font-bold')}>{title}</h1>
+ *       <p style={tw('text-2xl text-gray-600')}>{description}</p>
+ *     </div>
+ *   )
+ * });
+ * ```
+ */
+export declare function defineTemplate<TProps = any>(definition: TemplateDefinition<TProps>): TemplateDefinition<TProps>;
+/**
+ * Convert a template definition to template metadata
+ * @internal
+ */
+export declare function templateToMeta(template: TemplateDefinition): TemplateMeta;
+//# sourceMappingURL=template.d.ts.map

package/dist/sdk/template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../src/sdk/template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAExE,MAAM,WAAW,kBAAkB,CAAC,MAAM,GAAG,GAAG;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,KAAK,GAAG,CAAC,OAAO,CAAC;CACxD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,MAAM,GAAG,GAAG,EACzC,UAAU,EAAE,kBAAkB,CAAC,MAAM,CAAC,GACrC,kBAAkB,CAAC,MAAM,CAAC,CAyB5B;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,kBAAkB,GAAG,YAAY,CAezE"}