loopwind 0.22.0 → 0.24.0

package/dist/sdk/preview.js.map

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

package/dist/sdk/template.d.ts

@@ -1,162 +0,0 @@
-import type { TemplateProps, TemplateMeta } from '../types/template.js';
-import type { DesignConfig } from '../types/config.js';
-export type StyleConfig = DesignConfig;
-export interface TemplateDefinition<TProps = any> {
-    name: string;
-    type?: 'image' | 'video';
-    size: {
-        width: number;
-        height: number;
-    };
-    video?: {
-        fps: number;
-        duration: number;
-    };
-    config?: StyleConfig;
-    render: (props: TProps & TemplateProps) => JSX.Element;
-}
-/**
- * Convert a template definition to template metadata
- * @internal
- */
-export declare function templateToMeta(template: TemplateDefinition): TemplateMeta;
-/**
- * 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 declare function defineTemplate<TProps = any>(templateModule: {
-    meta: TemplateMeta;
-    default: (props: TProps & TemplateProps) => JSX.Element;
-}, options?: {
-    config?: StyleConfig;
-}): TemplateDefinition<TProps>;
-/**
- * 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 declare function defineTemplateFromSource<TProps = any>(sourceCode: string, options?: {
-    config?: StyleConfig;
-}): TemplateDefinition<TProps>;
-/**
- * Schema element definition for visual template builders
- */
-export interface SchemaElement {
-    type: 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'img';
-    className?: string;
-    content?: string;
-    src?: string;
-    style?: Record<string, any>;
-    children?: SchemaElement[];
-}
-/**
- * Template schema for visual builders
- */
-export interface TemplateSchema {
-    name: string;
-    type?: 'image' | 'video';
-    size: {
-        width: number;
-        height: number;
-    };
-    video?: {
-        fps: number;
-        duration: number;
-    };
-    config?: StyleConfig;
-    elements: SchemaElement[];
-}
-/**
- * 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 declare function defineTemplateFromSchema<TProps = any>(schema: TemplateSchema): TemplateDefinition<TProps>;
-//# sourceMappingURL=template.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC;AAEvC,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,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,KAAK,GAAG,CAAC,OAAO,CAAC;CACxD;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,kBAAkB,GAAG,YAAY,CASzE;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,MAAM,GAAG,GAAG,EACzC,cAAc,EAAE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,KAAK,GAAG,CAAC,OAAO,CAAA;CAAE,EAC/F,OAAO,GAAE;IAAE,MAAM,CAAC,EAAE,WAAW,CAAA;CAAO,GACrC,kBAAkB,CAAC,MAAM,CAAC,CA0B5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,GAAG,GAAG,EACnD,UAAU,EAAE,MAAM,EAClB,OAAO,GAAE;IAAE,MAAM,CAAC,EAAE,WAAW,CAAA;CAAO,GACrC,kBAAkB,CAAC,MAAM,CAAC,CAgC5B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,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,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,GAAG,GAAG,EACnD,MAAM,EAAE,cAAc,GACrB,kBAAkB,CAAC,MAAM,CAAC,CAkE5B"}

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/examples/code-editor-templates.ts

@@ -1,173 +0,0 @@
-/**
- * Example: Code Editor - User-created templates from source strings
- *
- * Use case: Building a code editor where users write template code
- * directly as strings (e.g., Monaco Editor, CodeMirror).
- *
- * ⚠️ SECURITY WARNING:
- * Only use defineTemplateFromSource() with TRUSTED sources!
- * It evaluates code using new Function() which can execute arbitrary code.
- * Never pass untrusted user input directly.
- */
-
-import { defineTemplateFromSource, renderImage, renderVideo } from 'loopwind/sdk';
-import fs from 'fs/promises';
-
-// Example 1: Simple image template from string
-const imageTemplateSource = `
-export const meta = {
-  name: 'user-card',
-  type: 'image',
-  size: { width: 1200, height: 630 }
-};
-
-export default ({ tw, title, description }) => {
-  const h = React.createElement;
-  return h('div', {
-    style: tw('flex flex-col w-full h-full bg-gradient-to-br from-blue-600 to-purple-700 p-12 justify-between')
-  },
-    h('div', { style: tw('flex items-center gap-4') },
-      h('div', { style: tw('w-16 h-16 rounded-full bg-white/20') })
-    ),
-    h('div', null,
-      h('h1', { style: tw('text-6xl font-bold text-white mb-4') }, title),
-      h('p', { style: tw('text-2xl text-white/80') }, description)
-    )
-  );
-};
-`;
-
-async function renderUserTemplate() {
-  // Create template from source string
-  const template = defineTemplateFromSource(imageTemplateSource, {
-    config: {
-      colors: {
-        primary: '#3b82f6',
-        background: '#ffffff',
-      },
-    },
-  });
-
-  // Render with user props
-  const png = await renderImage(template, {
-    title: 'User Created Template',
-    description: 'Built with code editor',
-  });
-
-  await fs.writeFile('user-card.png', png);
-  console.log('✓ Rendered user-card.png');
-}
-
-// Example 2: Video template from string
-const videoTemplateSource = `
-export const meta = {
-  name: 'intro-animation',
-  type: 'video',
-  size: { width: 1920, height: 1080 },
-  video: { fps: 30, duration: 3 }
-};
-
-export default ({ tw, progress, title }) => {
-  const h = React.createElement;
-
-  // Fade in animation
-  const opacity = progress < 0.5 ? progress / 0.5 : 1;
-  const scale = 0.8 + (opacity * 0.2);
-
-  return h('div', {
-    style: tw('flex items-center justify-center w-full h-full bg-black')
-  },
-    h('h1', {
-      style: {
-        ...tw('text-8xl font-bold text-white'),
-        opacity,
-        transform: \`scale(\${scale})\`
-      }
-    }, title)
-  );
-};
-`;
-
-async function renderVideoTemplate() {
-  const template = defineTemplateFromSource(videoTemplateSource);
-
-  const mp4 = await renderVideo(template, {
-    title: 'Hello World',
-  });
-
-  await fs.writeFile('intro-animation.mp4', mp4);
-  console.log('✓ Rendered intro-animation.mp4');
-}
-
-// Example 3: Database-stored template
-// This simulates loading templates from a database
-interface StoredTemplate {
-  id: string;
-  name: string;
-  source: string;
-  config?: any;
-}
-
-const templatesDB: StoredTemplate[] = [
-  {
-    id: 'og-1',
-    name: 'Blog OG Image',
-    source: `
-export const meta = {
-  name: 'blog-og',
-  type: 'image',
-  size: { width: 1200, height: 630 }
-};
-
-export default ({ tw, title, author }) => {
-  const h = React.createElement;
-  return h('div', {
-    style: tw('flex flex-col w-full h-full bg-white p-12 justify-center')
-  },
-    h('h1', { style: tw('text-6xl font-bold text-gray-900 mb-4') }, title),
-    h('p', { style: tw('text-2xl text-gray-600') }, 'By ' + author)
-  );
-};
-    `,
-    config: {
-      colors: {
-        primary: '#1f2937',
-        background: '#ffffff',
-      },
-    },
-  },
-];
-
-async function renderFromDatabase(templateId: string, props: any) {
-  // Fetch template from "database"
-  const stored = templatesDB.find((t) => t.id === templateId);
-  if (!stored) {
-    throw new Error('Template not found');
-  }
-
-  // Create template from stored source
-  const template = defineTemplateFromSource(stored.source, {
-    config: stored.config,
-  });
-
-  // Render
-  const png = await renderImage(template, props);
-  await fs.writeFile(`${stored.id}.png`, png);
-  console.log(`✓ Rendered ${stored.id}.png`);
-}
-
-// Run examples
-async function main() {
-  console.log('Code Editor Examples\n');
-
-  await renderUserTemplate();
-  await renderVideoTemplate();
-  await renderFromDatabase('og-1', {
-    title: 'Building a Template Editor',
-    author: 'John Doe',
-  });
-
-  console.log('\n✅ All code editor examples completed!');
-}
-
-main().catch(console.error);