loopwind 0.23.0 → 0.24.1

package/dist/sdk/template.js

@@ -1,231 +0,0 @@
-import React from 'react';
-/**
- * Convert a template definition to template metadata
- * @internal
- */
-export function templateToMeta(template) {
-    return {
-        name: template.name,
-        description: template.name, // Use name as description for SDK templates
-        type: template.type || 'image',
-        size: template.size,
-        video: template.video,
-        props: {}, // SDK templates don't need props metadata
-    };
-}
-/**
- * Define a template from an imported template file
- *
- * The standard way to create templates in loopwind. Import a template file
- * and pass it to defineTemplate() with optional config overrides.
- *
- * @example
- * ```typescript
- * import * as ogImage from './_loopwind/templates/og-image/template';
- *
- * const template = defineTemplate(ogImage, {
- *   config: {
- *     colors: { primary: '#ff0000' }
- *   }
- * });
- *
- * const png = await renderImage(template, { title: 'Hello' });
- * ```
- */
-export function defineTemplate(templateModule, options = {}) {
-    const { meta, default: render } = templateModule;
-    // Validate meta
-    if (!meta.name) {
-        throw new Error('Template meta must have a name');
-    }
-    if (!meta.size || !meta.size.width || !meta.size.height) {
-        throw new Error('Template meta must have a size with width and height');
-    }
-    const type = meta.type || 'image';
-    if (type === 'video' && !meta.video) {
-        throw new Error('Video templates must have video metadata (fps, duration)');
-    }
-    return {
-        name: meta.name,
-        type: type,
-        size: meta.size,
-        video: meta.video,
-        config: options.config,
-        render,
-    };
-}
-/**
- * Define a template from a source code string
- *
- * **IMPORTANT:** This function expects **pre-compiled JavaScript** with React.createElement
- * calls. If you have JSX source code, compile it first using `compileTemplate()` from
- * 'loopwind/sdk/compiler'.
- *
- * **WARNING:** This function evaluates code strings using `new Function()`.
- * Only use with **trusted** template sources. Never use with user input from
- * untrusted sources as it can execute arbitrary code.
- *
- * **Recommended workflow:**
- * 1. In your admin panel: Use `compileTemplate()` to transform JSX → JavaScript
- * 2. Store the compiled JavaScript in your database
- * 3. In production: Load compiled code and pass to `defineTemplateFromSource()`
- *
- * This approach keeps @babel/standalone out of your production bundle!
- *
- * @example
- * ```typescript
- * // Admin panel: Compile and save
- * import { compileTemplate } from 'loopwind/sdk/compiler';
- *
- * const jsxCode = getUserCodeFromEditor(); // Contains JSX
- * const compiled = compileTemplate(jsxCode);
- * await db.templates.save({ code: compiled });
- * ```
- *
- * @example
- * ```typescript
- * // Production API: Load and render
- * import { defineTemplateFromSource, renderImage } from 'loopwind/sdk';
- *
- * const template = await db.templates.findById(id);
- * const templateDef = defineTemplateFromSource(template.code, {
- *   config: { colors: { primary: '#3b82f6' } }
- * });
- *
- * const png = await renderImage(templateDef, { title: 'Hello' });
- * ```
- */
-export function defineTemplateFromSource(sourceCode, options = {}) {
-    try {
-        // Strip export keywords to make it work in function context
-        // Convert "export const meta = ..." to "const meta = ..."
-        // Convert "export default ..." to "const defaultExport = ..."
-        let processedSource = sourceCode
-            .replace(/export\s+const\s+meta\s*=/g, 'const meta =')
-            .replace(/export\s+default\s+/g, 'const defaultExport = ');
-        // Create a module evaluation function
-        // This executes the source code and returns the exports
-        const moduleFactory = new Function('React', `
-      'use strict';
-      ${processedSource}
-      return { meta, default: defaultExport };
-    `);
-        // Execute to get meta and render function
-        const templateModule = moduleFactory(React);
-        if (!templateModule.meta) {
-            throw new Error('Template source must export a "meta" object');
-        }
-        if (!templateModule.default || typeof templateModule.default !== 'function') {
-            throw new Error('Template source must have a default export function');
-        }
-        return defineTemplate(templateModule, options);
-    }
-    catch (error) {
-        throw new Error(`Failed to parse template source: ${error instanceof Error ? error.message : String(error)}`);
-    }
-}
-/**
- * Define a template from a JSON schema
- *
- * Perfect for visual template builders where users drag and drop elements.
- * Converts a declarative JSON schema into a working template.
- *
- * @example
- * ```typescript
- * const schema: TemplateSchema = {
- *   name: 'card',
- *   size: { width: 1200, height: 630 },
- *   config: {
- *     colors: { primary: '#3b82f6', background: '#ffffff' }
- *   },
- *   elements: [
- *     {
- *       type: 'div',
- *       className: 'flex flex-col w-full h-full bg-background p-12',
- *       children: [
- *         {
- *           type: 'h1',
- *           className: 'text-6xl font-bold text-primary',
- *           content: '{{title}}'
- *         },
- *         {
- *           type: 'p',
- *           className: 'text-2xl text-gray-600',
- *           content: '{{description}}'
- *         }
- *       ]
- *     }
- *   ]
- * };
- *
- * const template = defineTemplateFromSchema(schema);
- * const png = await renderImage(template, {
- *   title: 'Hello World',
- *   description: 'Created with visual builder'
- * });
- * ```
- */
-export function defineTemplateFromSchema(schema) {
-    if (schema.elements.length === 0) {
-        throw new Error('Schema must have at least one element');
-    }
-    // Embed schema directly in the function body as a JSON literal
-    // This way the function is completely self-contained and survives serialization
-    const elementsJSON = JSON.stringify(schema.elements);
-    // Create a completely self-contained render function
-    // The function body contains the entire schema and all helper functions
-    // React must be available globally or passed in
-    const render = new Function('React', `
-    return function(props) {
-      const h = React.createElement;
-      const elements = ${elementsJSON};
-
-      const interpolate = (str) => {
-        return str.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => {
-          return props[key] !== undefined ? String(props[key]) : '';
-        });
-      };
-
-      const buildElement = (element, key) => {
-        const { type, className, content, src, style, children } = element;
-        const elementProps = { key };
-
-        if (className && props.tw) {
-          elementProps.style = props.tw(className);
-        } else if (style) {
-          elementProps.style = style;
-        }
-
-        if (type === 'img' && src) {
-          elementProps.src = interpolate(src);
-        }
-
-        let elementChildren = null;
-        if (content) {
-          elementChildren = interpolate(content);
-        } else if (children && children.length > 0) {
-          elementChildren = children.map((child, i) => buildElement(child, i));
-        }
-
-        return h(type, elementProps, elementChildren);
-      };
-
-      if (elements.length === 1) {
-        return buildElement(elements[0]);
-      }
-
-      return h(React.Fragment, null, elements.map((el, i) => buildElement(el, i)));
-    }
-  `)(React);
-    // Create a template module from the schema
-    const meta = {
-        name: schema.name,
-        description: schema.name,
-        type: schema.type || 'image',
-        size: schema.size,
-        video: schema.video,
-        props: {},
-    };
-    return defineTemplate({ meta, default: render }, { config: schema.config });
-}
-//# sourceMappingURL=template.js.map

package/dist/sdk/template.js.map

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

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

@@ -1,135 +0,0 @@
-/**
- * Cloudflare Workers SDK for loopwind
- *
- * Pure JavaScript/WASM implementation for edge runtimes.
- * - @resvg/resvg-wasm for SVG-to-PNG conversion
- * - h264-mp4-encoder for video encoding
- *
- * All rendering (image and video) works in Cloudflare Workers!
- *
- * @example
- * ```typescript
- * import { renderImage, renderSVG, renderVideo, defineTemplate, initWasm } from 'loopwind/sdk/workers';
- * import React from 'react';
- *
- * // Image template
- * const imageTemplate = defineTemplate({
- *   name: 'og-image',
- *   size: { width: 1200, height: 630 },
- *   render: ({ tw, title }) => React.createElement(
- *     'div',
- *     { style: tw('flex items-center justify-center w-full h-full bg-blue-500') },
- *     React.createElement('h1', { style: tw('text-6xl font-bold text-white') }, title)
- *   )
- * });
- *
- * // SVG (no WASM needed)
- * const svg = await renderSVG(imageTemplate, { title: 'Hello World' });
- *
- * // PNG (requires WASM)
- * await initWasm();
- * const png = await renderImage(imageTemplate, { title: 'Hello World' });
- *
- * // Video template
- * const videoTemplate = defineTemplate({
- *   name: 'intro',
- *   type: 'video',
- *   size: { width: 1920, height: 1080 },
- *   video: { fps: 30, duration: 2 },
- *   render: ({ tw, progress }) => React.createElement(
- *     'div',
- *     { style: tw('flex items-center justify-center w-full h-full bg-gradient-to-r from-blue-500 to-purple-500') },
- *     React.createElement('div', { style: { opacity: progress } }, 'Fade In')
- *   )
- * });
- *
- * // MP4 (requires WASM)
- * const mp4 = await renderVideo(videoTemplate, {});
- * ```
- */
-import { type TemplateConfig, type FontConfig, type StyleConfig } from '../../lib/render-core.js';
-export { defineTemplate } from '../../lib/render-core.js';
-export type { TemplateConfig, FontConfig, StyleConfig };
-export { defineTemplateFromSchema, defineTemplateFromSource } from '../template.js';
-export type { TemplateDefinition } from '../template.js';
-/**
- * Render options for workers
- */
-export interface WorkerRenderOptions {
-    format?: 'png' | 'svg';
-    fonts?: FontConfig[];
-    config?: StyleConfig;
-    scale?: number;
-}
-/**
- * Initialize WASM (required for PNG rendering)
- */
-export declare function initWasm(resvgWasm?: ArrayBuffer): Promise<void>;
-/**
- * Check if WASM is initialized
- */
-export declare function isWasmInitialized(): boolean;
-/**
- * Render to SVG string
- */
-export declare function renderSVG<TProps = any>(template: TemplateConfig<TProps>, props: TProps, options?: WorkerRenderOptions): Promise<string>;
-/**
- * Render to PNG (requires initWasm() first)
- */
-export declare function renderImage<TProps = any>(template: TemplateConfig<TProps>, props: TProps, options?: WorkerRenderOptions): Promise<Uint8Array>;
-/**
- * Load a font from URL (helper for custom fonts)
- *
- * @example
- * ```typescript
- * const fonts = await Promise.all([
- *   loadFont('https://example.com/my-font-400.woff', 'MyFont', 400),
- *   loadFont('https://example.com/my-font-700.woff', 'MyFont', 700),
- * ]);
- *
- * const png = await renderImage(template, props, { fonts });
- * ```
- */
-export declare function loadFont(url: string, name: string, weight?: number, style?: 'normal' | 'italic'): Promise<FontConfig>;
-/**
- * Fetch an image and convert to data URI
- */
-export declare function fetchImage(url: string): Promise<string>;
-/**
- * Video render options for workers
- */
-export interface VideoRenderOptions {
-    fonts?: FontConfig[];
-    config?: StyleConfig;
-    quality?: number;
-    onProgress?: (frame: number, total: number) => void;
-}
-/**
- * Render a video template to MP4 (requires initWasm() first)
- *
- * Uses h264-mp4-encoder (WASM) for encoding - works in Cloudflare Workers.
- *
- * @example
- * ```typescript
- * await initWasm();
- *
- * const template = defineTemplate({
- *   name: 'video',
- *   type: 'video',
- *   size: { width: 1920, height: 1080 },
- *   video: { fps: 30, duration: 2 },
- *   render: ({ tw, progress }) => React.createElement(
- *     'div',
- *     { style: tw('flex items-center justify-center w-full h-full bg-blue-500') },
- *     React.createElement('div', {
- *       style: { opacity: progress, ...tw('text-6xl font-bold text-white') }
- *     }, 'Fade In')
- *   )
- * });
- *
- * const mp4 = await renderVideo(template, {});
- * return new Response(mp4, { headers: { 'Content-Type': 'video/mp4' } });
- * ```
- */
-export declare function renderVideo<TProps = any>(template: TemplateConfig<TProps>, props: TProps, options?: VideoRenderOptions): Promise<Uint8Array>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sdk/workers/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AAIH,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,WAAW,EAEjB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC;AAGxD,OAAO,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AACpF,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD;;GAEG;AACH,wBAAsB,QAAQ,CAAC,SAAS,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAarE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAE3C;AAyCD;;GAEG;AACH,wBAAsB,SAAS,CAAC,MAAM,GAAG,GAAG,EAC1C,QAAQ,EAAE,cAAc,CAAC,MAAM,CAAC,EAChC,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,mBAAwB,GAChC,OAAO,CAAC,MAAM,CAAC,CAOjB;AAED;;GAEG;AACH,wBAAsB,WAAW,CAAC,MAAM,GAAG,GAAG,EAC5C,QAAQ,EAAE,cAAc,CAAC,MAAM,CAAC,EAChC,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,mBAAwB,GAChC,OAAO,CAAC,UAAU,CAAC,CAyBrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAsB,QAAQ,CAC5B,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,MAAM,GAAE,MAAY,EACpB,KAAK,GAAE,QAAQ,GAAG,QAAmB,GACpC,OAAO,CAAC,UAAU,CAAC,CAWrB;AAED;;GAEG;AACH,wBAAsB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAc7D;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAsB,WAAW,CAAC,MAAM,GAAG,GAAG,EAC5C,QAAQ,EAAE,cAAc,CAAC,MAAM,CAAC,EAChC,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,kBAAuB,GAC/B,OAAO,CAAC,UAAU,CAAC,CAgErB"}

package/dist/sdk/workers/index.js

@@ -1,271 +0,0 @@
-/**
- * Cloudflare Workers SDK for loopwind
- *
- * Pure JavaScript/WASM implementation for edge runtimes.
- * - @resvg/resvg-wasm for SVG-to-PNG conversion
- * - h264-mp4-encoder for video encoding
- *
- * All rendering (image and video) works in Cloudflare Workers!
- *
- * @example
- * ```typescript
- * import { renderImage, renderSVG, renderVideo, defineTemplate, initWasm } from 'loopwind/sdk/workers';
- * import React from 'react';
- *
- * // Image template
- * const imageTemplate = defineTemplate({
- *   name: 'og-image',
- *   size: { width: 1200, height: 630 },
- *   render: ({ tw, title }) => React.createElement(
- *     'div',
- *     { style: tw('flex items-center justify-center w-full h-full bg-blue-500') },
- *     React.createElement('h1', { style: tw('text-6xl font-bold text-white') }, title)
- *   )
- * });
- *
- * // SVG (no WASM needed)
- * const svg = await renderSVG(imageTemplate, { title: 'Hello World' });
- *
- * // PNG (requires WASM)
- * await initWasm();
- * const png = await renderImage(imageTemplate, { title: 'Hello World' });
- *
- * // Video template
- * const videoTemplate = defineTemplate({
- *   name: 'intro',
- *   type: 'video',
- *   size: { width: 1920, height: 1080 },
- *   video: { fps: 30, duration: 2 },
- *   render: ({ tw, progress }) => React.createElement(
- *     'div',
- *     { style: tw('flex items-center justify-center w-full h-full bg-gradient-to-r from-blue-500 to-purple-500') },
- *     React.createElement('div', { style: { opacity: progress } }, 'Fade In')
- *   )
- * });
- *
- * // MP4 (requires WASM)
- * const mp4 = await renderVideo(videoTemplate, {});
- * ```
- */
-import { Resvg, initWasm as initResvgWasm } from '@resvg/resvg-wasm';
-import HME from 'h264-mp4-encoder';
-import { renderTemplateToSVG, } from '../../lib/render-core.js';
-// Re-export core types and functions
-export { defineTemplate } from '../../lib/render-core.js';
-// Re-export from template module for backwards compatibility
-export { defineTemplateFromSchema, defineTemplateFromSource } from '../template.js';
-// WASM state
-let wasmInitialized = false;
-/**
- * Initialize WASM (required for PNG rendering)
- */
-export async function initWasm(resvgWasm) {
-    if (wasmInitialized)
-        return;
-    if (resvgWasm) {
-        await initResvgWasm(resvgWasm);
-    }
-    else {
-        const wasmUrl = 'https://unpkg.com/@resvg/resvg-wasm@2.6.2/index_bg.wasm';
-        const response = await fetch(wasmUrl);
-        const wasm = await response.arrayBuffer();
-        await initResvgWasm(wasm);
-    }
-    wasmInitialized = true;
-}
-/**
- * Check if WASM is initialized
- */
-export function isWasmInitialized() {
-    return wasmInitialized;
-}
-// Font cache
-let defaultFontsCache = null;
-async function getDefaultFonts() {
-    if (defaultFontsCache)
-        return defaultFontsCache;
-    const fonts = [];
-    try {
-        const [regularRes, boldRes] = await Promise.all([
-            fetch('https://cdn.jsdelivr.net/npm/@fontsource/inter@5.0.18/files/inter-latin-400-normal.woff'),
-            fetch('https://cdn.jsdelivr.net/npm/@fontsource/inter@5.0.18/files/inter-latin-700-normal.woff'),
-        ]);
-        if (regularRes.ok) {
-            fonts.push({
-                name: 'Inter',
-                data: await regularRes.arrayBuffer(),
-                weight: 400,
-                style: 'normal',
-            });
-        }
-        if (boldRes.ok) {
-            fonts.push({
-                name: 'Inter',
-                data: await boldRes.arrayBuffer(),
-                weight: 700,
-                style: 'normal',
-            });
-        }
-    }
-    catch (e) {
-        console.warn('Failed to load default fonts:', e);
-    }
-    defaultFontsCache = fonts;
-    return fonts;
-}
-/**
- * Render to SVG string
- */
-export async function renderSVG(template, props, options = {}) {
-    const fonts = options.fonts || await getDefaultFonts();
-    return renderTemplateToSVG(template, props, {
-        fonts,
-        config: options.config,
-    });
-}
-/**
- * Render to PNG (requires initWasm() first)
- */
-export async function renderImage(template, props, options = {}) {
-    const { format = 'png', scale = 2 } = options;
-    if (!wasmInitialized) {
-        throw new Error('WASM not initialized. Call initWasm() before rendering.');
-    }
-    if (template.type === 'video') {
-        throw new Error('Cannot render video template as image.');
-    }
-    const svg = await renderSVG(template, props, options);
-    if (format === 'svg') {
-        return new TextEncoder().encode(svg);
-    }
-    const resvg = new Resvg(svg, {
-        fitTo: {
-            mode: 'width',
-            value: Math.round(template.size.width * scale),
-        },
-    });
-    return resvg.render().asPng();
-}
-/**
- * Load a font from URL (helper for custom fonts)
- *
- * @example
- * ```typescript
- * const fonts = await Promise.all([
- *   loadFont('https://example.com/my-font-400.woff', 'MyFont', 400),
- *   loadFont('https://example.com/my-font-700.woff', 'MyFont', 700),
- * ]);
- *
- * const png = await renderImage(template, props, { fonts });
- * ```
- */
-export async function loadFont(url, name, weight = 400, style = 'normal') {
-    const response = await fetch(url);
-    if (!response.ok) {
-        throw new Error(`Failed to load font from ${url}: ${response.statusText}`);
-    }
-    return {
-        name,
-        data: await response.arrayBuffer(),
-        weight,
-        style,
-    };
-}
-/**
- * Fetch an image and convert to data URI
- */
-export async function fetchImage(url) {
-    try {
-        const response = await fetch(url);
-        if (!response.ok)
-            throw new Error(`Failed to fetch: ${response.statusText}`);
-        const arrayBuffer = await response.arrayBuffer();
-        const base64 = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer)));
-        const contentType = response.headers.get('content-type') || 'image/png';
-        return `data:${contentType.split(';')[0]};base64,${base64}`;
-    }
-    catch (error) {
-        console.error('Image loading failed:', error);
-        return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==';
-    }
-}
-/**
- * Render a video template to MP4 (requires initWasm() first)
- *
- * Uses h264-mp4-encoder (WASM) for encoding - works in Cloudflare Workers.
- *
- * @example
- * ```typescript
- * await initWasm();
- *
- * const template = defineTemplate({
- *   name: 'video',
- *   type: 'video',
- *   size: { width: 1920, height: 1080 },
- *   video: { fps: 30, duration: 2 },
- *   render: ({ tw, progress }) => React.createElement(
- *     'div',
- *     { style: tw('flex items-center justify-center w-full h-full bg-blue-500') },
- *     React.createElement('div', {
- *       style: { opacity: progress, ...tw('text-6xl font-bold text-white') }
- *     }, 'Fade In')
- *   )
- * });
- *
- * const mp4 = await renderVideo(template, {});
- * return new Response(mp4, { headers: { 'Content-Type': 'video/mp4' } });
- * ```
- */
-export async function renderVideo(template, props, options = {}) {
-    if (!wasmInitialized) {
-        throw new Error('WASM not initialized. Call initWasm() before rendering video.');
-    }
-    if (template.type !== 'video') {
-        throw new Error('Template must have type: "video" to render as video.');
-    }
-    if (!template.video) {
-        throw new Error('Template must have video config (fps, duration).');
-    }
-    const { fps, duration } = template.video;
-    const { width, height } = template.size;
-    const { quality = 23, onProgress } = options;
-    const totalFrames = Math.floor(fps * duration);
-    const fonts = options.fonts || await getDefaultFonts();
-    // Generate all frames as RGBA
-    const rgbaFrames = new Array(totalFrames);
-    for (let frame = 0; frame < totalFrames; frame++) {
-        const progress = frame / (totalFrames - 1);
-        const frameProps = { ...props, frame, progress };
-        // Render SVG
-        const svg = await renderTemplateToSVG(template, frameProps, {
-            fonts,
-            config: options.config,
-        });
-        // Convert SVG to RGBA using resvg
-        const resvg = new Resvg(svg, {
-            fitTo: { mode: 'width', value: width },
-        });
-        const rendered = resvg.render();
-        rgbaFrames[frame] = rendered.pixels;
-        if (onProgress) {
-            onProgress(frame + 1, totalFrames);
-        }
-    }
-    // Encode to H.264 MP4
-    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]);
-    }
-    encoder.finalize();
-    const output = encoder.FS.readFile(encoder.outputFilename);
-    encoder.delete();
-    return output;
-}
-//# sourceMappingURL=index.js.map

package/dist/sdk/workers/index.js.map

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