loopwind 0.19.0 → 0.20.1

package/dist/lib/video-preview.js

@@ -1,168 +1,92 @@
 import express from 'express';
-import { createServer as createViteServer } from 'vite';
 import path from 'path';
-import fs from 'fs/promises';
 import { fileURLToPath } from 'url';
-import { loadTailwindConfig } from './tailwind-config-loader.js';
-import { renderVideo } from './video-renderer.js';
-import { clearTemplateCache } from './renderer.js';
+import { renderToSVG, clearTemplateCache } from './renderer.js';
+import { loadConfig } from './config.js';
+import chalk from 'chalk';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 export async function startVideoPreview(options) {
-    const { templateName, templatePath, props, meta, port, open } = options;
+    const { templateName, templatePath, props, meta, port, open, debug } = options;
     const app = express();
-    // Try to load loopwind.json by searching up from template directory
-    let loopwindConfig = null;
+    const loopwindConfig = await loadConfig();
     const templateDir = path.dirname(templatePath);
-    // Search up from template directory to find _loopwind/loopwind.json
-    let searchDir = templateDir;
-    while (searchDir !== path.dirname(searchDir)) { // Stop at root
-        const loopwindJsonPath = path.join(searchDir, '_loopwind', 'loopwind.json');
-        try {
-            const loopwindContent = await fs.readFile(loopwindJsonPath, 'utf-8');
-            loopwindConfig = JSON.parse(loopwindContent);
-            break;
-        }
-        catch {
-            // Not found here, try parent
-            searchDir = path.dirname(searchDir);
-        }
-    }
-    // Also try current working directory as fallback
-    if (!loopwindConfig) {
-        try {
-            const cwdLoopwindPath = path.join(process.cwd(), '_loopwind', 'loopwind.json');
-            const loopwindContent = await fs.readFile(cwdLoopwindPath, 'utf-8');
-            loopwindConfig = JSON.parse(loopwindContent);
-        }
-        catch {
-            // loopwind.json doesn't exist or couldn't be read - that's fine
+    // Pre-render all frames as SVG
+    console.log(chalk.dim('Pre-rendering video frames...'));
+    const { fps, duration } = meta.video;
+    const totalFrames = Math.floor(fps * duration);
+    const frames = [];
+    const startTime = Date.now();
+    for (let frame = 0; frame < totalFrames; frame++) {
+        const progress = frame / totalFrames;
+        const svg = await renderToSVG(templateName, {
+            ...props,
+            frame,
+            progress,
+        }, { config: loopwindConfig, debug });
+        frames.push(svg);
+        // Show progress every 30 frames
+        if (frame % 30 === 0 || frame === totalFrames - 1) {
+            const percent = Math.round((frame / totalFrames) * 100);
+            process.stdout.write(`\r${chalk.dim(`  Rendering frames... ${percent}% (${frame + 1}/${totalFrames})`)}`);
         }
     }
-    // Load Tailwind config for custom colors and theme values
-    let tailwindTheme = null;
-    try {
-        const tailwindConfig = await loadTailwindConfig();
-        if (tailwindConfig?.theme) {
-            // Extract only the serializable theme parts
-            tailwindTheme = {
-                theme: {
-                    colors: tailwindConfig.theme.colors,
-                    spacing: tailwindConfig.theme.spacing,
-                    fontSize: tailwindConfig.theme.fontSize,
-                    borderRadius: tailwindConfig.theme.borderRadius,
-                    extend: tailwindConfig.theme.extend ? {
-                        colors: tailwindConfig.theme.extend.colors,
-                        spacing: tailwindConfig.theme.extend.spacing,
-                        fontSize: tailwindConfig.theme.extend.fontSize,
-                        borderRadius: tailwindConfig.theme.extend.borderRadius,
-                    } : undefined
-                }
-            };
+    const elapsed = ((Date.now() - startTime) / 1000).toFixed(1);
+    console.log(`\n${chalk.green('✓')} ${chalk.dim(`Rendered ${totalFrames} frames in ${elapsed}s`)}\n`);
+    // Serve individual frame as SVG
+    app.get('/api/frame/:frameNumber', (req, res) => {
+        const frameNum = parseInt(req.params.frameNumber);
+        if (frameNum < 0 || frameNum >= frames.length) {
+            res.status(404).send('Frame not found');
+            return;
         }
-    }
-    catch {
-        // Tailwind config couldn't be loaded - that's fine
-    }
-    // Generate @font-face CSS for custom fonts from loopwind.json
-    let fontFaceCSS = '';
-    const fontFilePaths = {};
-    let defaultFontFamily = "'Noto Sans', system-ui, sans-serif"; // Match Satori's default
-    if (loopwindConfig?.fonts) {
-        for (const [key, value] of Object.entries(loopwindConfig.fonts || {})) {
-            if (!value || typeof value !== 'object')
-                continue;
-            const fontDef = value;
-            if (fontDef.files && fontDef.files.length > 0 && fontDef.family && fontDef.family[0]) {
-                const fontName = fontDef.family[0];
-                // Use the sans font as the default body font
-                if (key === 'sans') {
-                    defaultFontFamily = fontDef.family.map(f => f.includes(' ') ? `'${f}'` : f).join(', ');
-                }
-                for (const fileDef of fontDef.files) {
-                    // Resolve font path relative to CWD
-                    const fontPath = path.resolve(fileDef.path);
-                    const fontFileName = path.basename(fontPath);
-                    const fontExt = path.extname(fontPath).toLowerCase();
-                    // Map extension to format
-                    const formatMap = {
-                        '.woff2': 'woff2',
-                        '.woff': 'woff',
-                        '.ttf': 'truetype',
-                        '.otf': 'opentype',
-                    };
-                    const format = formatMap[fontExt] || 'truetype';
-                    // Store path for serving
-                    fontFilePaths[fontFileName] = fontPath;
-                    fontFaceCSS += `
-    @font-face {
-      font-family: '${fontName}';
-      src: url('/fonts/${fontFileName}') format('${format}');
-      font-weight: ${fileDef.weight || 400};
-      font-style: ${fileDef.style || 'normal'};
-    }`;
+        res.setHeader('Content-Type', 'image/svg+xml');
+        res.setHeader('Cache-Control', 'no-cache');
+        res.send(frames[frameNum]);
+    });
+    // Serve template directory for local assets
+    app.use('/template', express.static(templateDir));
+    // Regenerate frames endpoint (for HMR-like behavior)
+    app.get('/api/regenerate', async (req, res) => {
+        try {
+            console.log(chalk.blue('\n📝 Regenerating frames...'));
+            // Clear caches
+            clearTemplateCache();
+            frames.length = 0;
+            // Re-render all frames
+            const startTime = Date.now();
+            for (let frame = 0; frame < totalFrames; frame++) {
+                const progress = frame / totalFrames;
+                const svg = await renderToSVG(templateName, {
+                    ...props,
+                    frame,
+                    progress,
+                }, { config: loopwindConfig, debug });
+                frames.push(svg);
+                if (frame % 30 === 0 || frame === totalFrames - 1) {
+                    const percent = Math.round((frame / totalFrames) * 100);
+                    process.stdout.write(`\r${chalk.dim(`  Rendering frames... ${percent}% (${frame + 1}/${totalFrames})`)}`);
                 }
             }
+            const elapsed = ((Date.now() - startTime) / 1000).toFixed(1);
+            console.log(`\n${chalk.green('✓')} ${chalk.dim(`Regenerated ${totalFrames} frames in ${elapsed}s`)}\n`);
+            res.json({ success: true, totalFrames });
         }
-    }
-    // Create temporary directory for generated files
-    const tempDir = path.join(__dirname, '../../.video-preview');
-    await fs.mkdir(tempDir, { recursive: true });
-    // Get the dist directory for imports
-    // __dirname at runtime is dist/lib (when running from compiled package)
-    // We use the compiled JS files which Vite can still HMR
-    const distLibDir = path.join(__dirname);
-    // Generate the entry file
-    const entryContent = `
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import { VideoPlayer } from '${distLibDir}/video-player.js';
-import { tw } from '${distLibDir}/tailwind-browser.js';
-import Template, { meta } from '${templatePath}';
-
-const props = ${JSON.stringify(props)};
-
-// Tailwind config theme (loaded server-side and serialized)
-const tailwindConfig = ${JSON.stringify(tailwindTheme)};
-
-// loopwind.json config (loaded server-side and embedded)
-const loopwindConfig = ${JSON.stringify(loopwindConfig)};
-
-function App() {
-  return (
-    <VideoPlayer
-      Template={Template}
-      meta={meta}
-      props={props}
-      tailwindConfig={tailwindConfig}
-      loopwindConfig={loopwindConfig}
-    />
-  );
-}
-
-const container = document.getElementById('root');
-const root = createRoot(container);
-root.render(<App />);
-
-// Hot module replacement
-if (import.meta.hot) {
-  import.meta.hot.accept();
-}
-`;
-    const entryPath = path.join(tempDir, 'entry.tsx');
-    await fs.writeFile(entryPath, entryContent);
-    // Generate index.html
-    const htmlContent = `
+        catch (error) {
+            console.error(chalk.red('✖ Regeneration error:'), error.message);
+            res.status(500).json({ error: error.message });
+        }
+    });
+    // Serve index.html for root
+    app.get('/', (req, res) => {
+        const html = `
 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Video Preview: ${templateName}</title>
-  <style>${fontFaceCSS}
-    html {
-      font-size: 16px; /* Match Satori's default rem base */
-    }
+  <style>
     * {
       margin: 0;
       padding: 0;
@@ -170,7 +94,7 @@ if (import.meta.hot) {
     }
     body {
       overflow: hidden;
-      font-family: ${defaultFontFamily};
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     }
     /* Custom range slider styling */
     input[type="range"] {
@@ -208,105 +132,206 @@ if (import.meta.hot) {
 </head>
 <body>
   <div id="root"></div>
-  <script type="module" src="/entry.tsx"></script>
-</body>
-</html>
-`;
-    const htmlPath = path.join(tempDir, 'index.html');
-    await fs.writeFile(htmlPath, htmlContent);
-    // Dynamically import the React plugin
-    // @ts-expect-error - moduleResolution incompatibility with @vitejs/plugin-react types
-    const { default: react } = await import('@vitejs/plugin-react');
-    // Create Vite server
-    const vite = await createViteServer({
-        root: tempDir,
-        server: {
-            middlewareMode: true,
-            hmr: true,
-        },
-        plugins: [react()],
-        define: {
-            'process.env.NODE_ENV': JSON.stringify('development'),
-            'process.env': JSON.stringify({}),
-        },
-        resolve: {
-            alias: {
-            // Ensure proper resolution of our library files
-            }
-        },
-        optimizeDeps: {
-            include: ['react', 'react-dom'],
-            // Don't pre-bundle our local files
-            exclude: ['video-player']
-        },
-        build: {
-            rollupOptions: {
-                input: entryPath
-            }
+  <script type="module">
+    const meta = ${JSON.stringify(meta)};
+    const totalFrames = ${totalFrames};
+
+    // Mount the simplified video player
+    const root = document.getElementById('root');
+
+    let frame = 0;
+    let isPlaying = true;
+    let isLooping = true;
+    let animationId = null;
+    let lastTime = performance.now();
+
+    const { fps, duration } = meta.video;
+    const durationMs = duration * 1000;
+
+    // Create UI
+    root.innerHTML = \`
+      <div style="display: flex; flex-direction: column; height: 100vh; background: #0a0a0a; color: #ffffff;">
+        <!-- Header -->
+        <div style="background: #18181b; border-bottom: 1px solid #27272a; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center;">
+          <h1 style="font-size: 1.25rem; font-weight: 600; margin: 0;">loopwind preview: ${templateName}</h1>
+          <div style="display: flex; gap: 0.5rem; align-items: center;">
+            <button id="regenerate-btn" style="background: #3b82f6; border: none; color: white; cursor: pointer; padding: 0.5rem 1rem; border-radius: 0.375rem; font-size: 0.875rem; font-weight: 500;">
+              Regenerate
+            </button>
+            <span style="background: #7c3aed; color: white; padding: 0.25rem 0.75rem; border-radius: 0.375rem; font-size: 0.875rem; font-weight: 500;">VIDEO</span>
+            <span style="background: #27272a; color: #a1a1aa; padding: 0.25rem 0.75rem; border-radius: 0.375rem; font-size: 0.75rem; font-family: monospace;">
+              \${meta.size.width}×\${meta.size.height} @ \${fps}fps
+            </span>
+          </div>
+        </div>
+
+        <!-- Canvas -->
+        <div id="canvas-container" style="flex: 1; display: flex; align-items: center; justify-content: center; padding: 2rem; overflow: hidden;">
+          <div id="video-wrapper" style="box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5); border-radius: 0.5rem; overflow: hidden; border: 1px solid #3f3f46; max-width: 100%; max-height: 100%;">
+            <img id="frame-img" style="display: block; width: 100%; height: 100%; object-fit: contain;" width="\${meta.size.width}" height="\${meta.size.height}" />
+          </div>
+        </div>
+
+        <!-- Controls -->
+        <div style="background: #18181b; border-top: 1px solid #27272a; padding: 1rem 2rem;">
+          <div style="margin-bottom: 0.75rem;">
+            <input type="range" id="scrubber" min="0" max="100" step="0.1" value="0" style="width: 100%; height: 6px; border-radius: 3px; cursor: pointer; background: linear-gradient(to right, #7c3aed 0%, #3f3f46 0%);" />
+          </div>
+
+          <div style="display: flex; align-items: center; justify-content: space-between;">
+            <div style="display: flex; align-items: center; gap: 0.5rem;">
+              <button id="restart-btn" style="background: transparent; border: none; color: #a1a1aa; cursor: pointer; padding: 0.5rem; font-size: 1rem;">⏮</button>
+              <button id="step-back-btn" style="background: transparent; border: none; color: #a1a1aa; cursor: pointer; padding: 0.5rem; font-size: 1rem;">⏪</button>
+              <button id="play-pause-btn" style="background: #7c3aed; border: none; color: white; cursor: pointer; padding: 0.75rem 1rem; border-radius: 0.375rem; font-size: 1rem; min-width: 3rem;">⏸</button>
+              <button id="step-forward-btn" style="background: transparent; border: none; color: #a1a1aa; cursor: pointer; padding: 0.5rem; font-size: 1rem;">⏩</button>
+              <button id="loop-btn" style="background: #3f3f46; border: 1px solid #3f3f46; color: #ffffff; cursor: pointer; padding: 0.5rem 0.75rem; border-radius: 0.375rem; font-size: 0.75rem; margin-left: 0.5rem;">🔁</button>
+            </div>
+
+            <div style="font-family: monospace; font-size: 0.875rem; color: #a1a1aa;">
+              <span id="current-time" style="color: #ffffff;">0ms</span>
+              /
+              <span>\${Math.floor(durationMs)}ms</span>
+              <span style="margin-left: 1rem; color: #71717a;">Frame <span id="current-frame">0</span> / \${totalFrames}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    \`;
+
+    // Get elements
+    const frameImg = document.getElementById('frame-img');
+    const scrubber = document.getElementById('scrubber');
+    const playPauseBtn = document.getElementById('play-pause-btn');
+    const restartBtn = document.getElementById('restart-btn');
+    const stepBackBtn = document.getElementById('step-back-btn');
+    const stepForwardBtn = document.getElementById('step-forward-btn');
+    const loopBtn = document.getElementById('loop-btn');
+    const regenerateBtn = document.getElementById('regenerate-btn');
+    const currentTimeEl = document.getElementById('current-time');
+    const currentFrameEl = document.getElementById('current-frame');
+
+    // Update frame
+    function updateFrame() {
+      const frameNum = Math.floor(frame);
+      frameImg.src = \`/api/frame/\${frameNum}?t=\${Date.now()}\`;
+
+      const currentMs = (frame / totalFrames) * durationMs;
+      const progress = (frame / totalFrames) * 100;
+
+      currentTimeEl.textContent = \`\${Math.floor(currentMs)}ms\`;
+      currentFrameEl.textContent = frameNum;
+      scrubber.value = progress;
+      scrubber.style.background = \`linear-gradient(to right, #7c3aed \${progress}%, #3f3f46 \${progress}%)\`;
+    }
+
+    // Animation loop
+    function animate(time) {
+      const delta = time - lastTime;
+      lastTime = time;
+
+      frame += (delta / 1000) * fps;
+
+      if (frame >= totalFrames) {
+        if (isLooping) {
+          frame = frame % totalFrames;
+        } else {
+          frame = totalFrames - 1;
+          isPlaying = false;
+          playPauseBtn.textContent = '▶';
         }
+      }
+
+      updateFrame();
+
+      if (isPlaying) {
+        animationId = requestAnimationFrame(animate);
+      }
+    }
+
+    // Start animation
+    updateFrame();
+    animationId = requestAnimationFrame(animate);
+
+    // Controls
+    scrubber.addEventListener('input', (e) => {
+      const value = parseFloat(e.target.value);
+      frame = (value / 100) * totalFrames;
+      updateFrame();
     });
-    // Serve template directory for local assets (videos, images)
-    app.use('/template', express.static(templateDir));
-    // Serve font files from loopwind.json
-    app.get('/fonts/:filename', async (req, res) => {
-        const filename = req.params.filename;
-        const fontPath = fontFilePaths[filename];
-        if (!fontPath) {
-            res.status(404).send('Font not found');
-            return;
-        }
-        try {
-            const fontData = await fs.readFile(fontPath);
-            const ext = path.extname(filename).toLowerCase();
-            const mimeTypes = {
-                '.woff2': 'font/woff2',
-                '.woff': 'font/woff',
-                '.ttf': 'font/ttf',
-                '.otf': 'font/otf',
-            };
-            res.setHeader('Content-Type', mimeTypes[ext] || 'application/octet-stream');
-            res.send(fontData);
-        }
-        catch {
-            res.status(404).send('Font not found');
-        }
+
+    playPauseBtn.addEventListener('click', () => {
+      if (!isPlaying && frame >= totalFrames - 1) {
+        frame = 0;
+      }
+      isPlaying = !isPlaying;
+      playPauseBtn.textContent = isPlaying ? '⏸' : '▶';
+      if (isPlaying) {
+        lastTime = performance.now();
+        animationId = requestAnimationFrame(animate);
+      } else if (animationId) {
+        cancelAnimationFrame(animationId);
+      }
     });
-    // API endpoint for SDK-based video rendering
-    app.get('/api/render-video', async (req, res) => {
-        try {
-            console.log('Starting video render...');
-            // Clear template cache to pick up latest changes
-            clearTemplateCache();
-            // Create temp output path
-            const outputPath = path.join(tempDir, `render-${Date.now()}.mp4`);
-            await renderVideo(templateName, props, outputPath);
-            console.log('Video render complete');
-            // Read the rendered video
-            const videoBuffer = await fs.readFile(outputPath);
-            // Clean up temp file
-            await fs.unlink(outputPath).catch(() => { });
-            res.setHeader('Content-Type', 'video/mp4');
-            res.setHeader('Cache-Control', 'no-cache');
-            res.send(videoBuffer);
-        }
-        catch (error) {
-            console.error('Render error:', error.message);
-            res.status(500).json({ error: error.message });
-        }
+
+    restartBtn.addEventListener('click', () => {
+      frame = 0;
+      isPlaying = true;
+      playPauseBtn.textContent = '⏸';
+      lastTime = performance.now();
+      updateFrame();
+      if (!animationId) {
+        animationId = requestAnimationFrame(animate);
+      }
     });
-    // Use Vite's connect instance as middleware
-    app.use(vite.middlewares);
-    // Serve index.html for root
-    app.get('/', async (req, res) => {
-        try {
-            let html = await fs.readFile(htmlPath, 'utf-8');
-            html = await vite.transformIndexHtml(req.url, html);
-            res.status(200).set({ 'Content-Type': 'text/html' }).end(html);
-        }
-        catch (e) {
-            vite.ssrFixStacktrace(e);
-            res.status(500).end(e.message);
+
+    stepBackBtn.addEventListener('click', () => {
+      isPlaying = false;
+      playPauseBtn.textContent = '▶';
+      if (animationId) cancelAnimationFrame(animationId);
+      frame = Math.max(0, frame - 1);
+      updateFrame();
+    });
+
+    stepForwardBtn.addEventListener('click', () => {
+      isPlaying = false;
+      playPauseBtn.textContent = '▶';
+      if (animationId) cancelAnimationFrame(animationId);
+      frame = Math.min(totalFrames - 1, frame + 1);
+      updateFrame();
+    });
+
+    loopBtn.addEventListener('click', () => {
+      isLooping = !isLooping;
+      loopBtn.style.background = isLooping ? '#3f3f46' : 'transparent';
+      loopBtn.style.color = isLooping ? '#ffffff' : '#71717a';
+    });
+
+    regenerateBtn.addEventListener('click', async () => {
+      regenerateBtn.disabled = true;
+      regenerateBtn.textContent = 'Regenerating...';
+      regenerateBtn.style.opacity = '0.5';
+
+      try {
+        const response = await fetch('/api/regenerate');
+        if (response.ok) {
+          // Reload the page to get fresh frames
+          window.location.reload();
+        } else {
+          alert('Regeneration failed');
         }
+      } catch (error) {
+        alert('Regeneration failed: ' + error.message);
+      }
+
+      regenerateBtn.disabled = false;
+      regenerateBtn.textContent = 'Regenerate';
+      regenerateBtn.style.opacity = '1';
+    });
+  </script>
+</body>
+</html>
+    `;
+        res.status(200).set({ 'Content-Type': 'text/html' }).end(html);
     });
     // Start server
     const server = app.listen(port, () => {
@@ -321,16 +346,8 @@ if (import.meta.hot) {
     });
     // Cleanup function
     const cleanup = async () => {
-        await vite.close();
         server.close();
-        // Clean up temp files
-        try {
-            await fs.rm(tempDir, { recursive: true });
-        }
-        catch {
-            // Ignore cleanup errors
-        }
     };
-    return { server, vite, cleanup };
+    return { server, cleanup };
 }
 //# sourceMappingURL=video-preview.js.map

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

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

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

@@ -30,6 +30,7 @@ export declare function renderVideo(templateName: string, props: TemplateProps,
     quality?: number;
     onFrameProgress?: (frame: number, total: number, phase?: 'svg' | 'encode') => void;
     config?: any;
+    debug?: boolean;
 }): Promise<void>;
 /**
  * Render a video template to GIF using gifenc (pure JS, no ffmpeg required)
@@ -37,5 +38,6 @@ export declare function renderVideo(templateName: string, props: TemplateProps,
 export declare function renderVideoToGif(templateName: string, props: TemplateProps, outputPath: string, options?: {
     onFrameProgress?: (frame: number, total: number, phase?: 'svg' | 'encode') => void;
     config?: any;
+    debug?: boolean;
 }): Promise<void>;
 //# sourceMappingURL=video-renderer.d.ts.map