loopwind 0.23.0 → 0.24.1

package/test-worker-viability.mjs

@@ -1,140 +0,0 @@
-import { renderSVG, initWasm, defineTemplate } from './dist/sdk/workers/index.js';
-import { Resvg } from '@resvg/resvg-wasm';
-import HME from 'h264-mp4-encoder';
-import React from 'react';
-
-// Typical real-world template
-const template = defineTemplate({
-  name: 'worker-test',
-  type: 'video',
-  size: { width: 1280, height: 720 },
-  video: { fps: 30, duration: 10 }, // 10 second clip
-  render: ({ tw, progress, frame }) => React.createElement(
-    'div',
-    { style: tw('flex flex-col items-center justify-center w-full h-full bg-gradient-to-br from-indigo-900 via-purple-900 to-pink-800') },
-    React.createElement('h1', {
-      style: tw('text-7xl font-black text-white ease-out-cubic enter-bounce-in-up/0/800')
-    }, 'LOOPWIND'),
-    React.createElement('p', {
-      style: tw('text-2xl text-white/80 mt-4 ease-out enter-fade-in-up/400/600')
-    }, 'Worker Viability Test'),
-    React.createElement('div', { style: tw('flex gap-4 mt-8') },
-      React.createElement('div', {
-        style: tw('px-4 py-2 bg-white/10 rounded-full text-white ease-out enter-fade-in-up/900/400')
-      }, 'Feature 1'),
-      React.createElement('div', {
-        style: tw('px-4 py-2 bg-white/10 rounded-full text-white ease-out enter-fade-in-up/1050/400')
-      }, 'Feature 2'),
-      React.createElement('div', {
-        style: tw('px-4 py-2 bg-white/10 rounded-full text-white ease-out enter-fade-in-up/1200/400')
-      }, 'Feature 3')
-    )
-  )
-});
-
-async function runTests() {
-  console.log('=== Worker Viability Tests ===\n');
-  console.log('Testing various configurations to find what works in Workers');
-  console.log('Cloudflare Workers limits: 30s CPU time (paid), 128MB memory\n');
-
-  await initWasm();
-
-  const configs = [
-    { width: 640, height: 360, fps: 24, duration: 5, name: '360p/24fps/5s' },
-    { width: 640, height: 360, fps: 24, duration: 10, name: '360p/24fps/10s' },
-    { width: 854, height: 480, fps: 24, duration: 5, name: '480p/24fps/5s' },
-    { width: 854, height: 480, fps: 24, duration: 10, name: '480p/24fps/10s' },
-    { width: 1280, height: 720, fps: 24, duration: 5, name: '720p/24fps/5s' },
-    { width: 1280, height: 720, fps: 24, duration: 10, name: '720p/24fps/10s' },
-    { width: 1280, height: 720, fps: 30, duration: 5, name: '720p/30fps/5s' },
-    { width: 1280, height: 720, fps: 30, duration: 10, name: '720p/30fps/10s' },
-  ];
-
-  const results = [];
-
-  for (const config of configs) {
-    const { width, height, fps, duration, name } = config;
-    const totalFrames = fps * duration;
-
-    console.log(`\nTesting ${name} (${totalFrames} frames)...`);
-    const start = Date.now();
-
-    // SVG generation
-    const svgStart = Date.now();
-    const svgs = [];
-    for (let i = 0; i < totalFrames; i++) {
-      const progress = i / (totalFrames - 1);
-      const svg = await renderSVG(template, { progress, frame: i });
-      svgs.push(svg);
-    }
-    const svgTime = Date.now() - svgStart;
-
-    // RGBA conversion
-    const rgbaStart = Date.now();
-    const rgbaFrames = [];
-    for (let i = 0; i < totalFrames; i++) {
-      const resvg = new Resvg(svgs[i], { fitTo: { mode: 'width', value: width } });
-      const rendered = resvg.render();
-      rgbaFrames.push(rendered.pixels);
-    }
-    const rgbaTime = Date.now() - rgbaStart;
-
-    // H.264 encoding
-    const encodeStart = Date.now();
-    const encoder = await HME.createH264MP4Encoder();
-    encoder.width = width;
-    encoder.height = height;
-    encoder.frameRate = fps;
-    encoder.quantizationParameter = 23;
-    encoder.speed = 10;
-    encoder.groupOfPictures = fps;
-    encoder.initialize();
-
-    for (const frame of rgbaFrames) {
-      encoder.addFrameRgba(frame);
-    }
-    encoder.finalize();
-    const output = encoder.FS.readFile(encoder.outputFilename);
-    encoder.delete();
-    const encodeTime = Date.now() - encodeStart;
-
-    const totalTime = Date.now() - start;
-    const realTimeRatio = totalTime / (duration * 1000);
-    const workerViable = totalTime < 30000;
-
-    results.push({
-      name,
-      totalTime,
-      svgTime,
-      rgbaTime,
-      encodeTime,
-      realTimeRatio,
-      workerViable,
-      outputSize: output.length
-    });
-
-    console.log(`  Total: ${totalTime}ms (${realTimeRatio.toFixed(2)}x real-time)`);
-    console.log(`  SVG: ${svgTime}ms, RGBA: ${rgbaTime}ms, H.264: ${encodeTime}ms`);
-    console.log(`  Worker viable: ${workerViable ? 'YES ✓' : 'NO ✗'}`);
-  }
-
-  console.log('\n\n=== SUMMARY ===\n');
-  console.log('Config              | Total    | RGBA/frame | Ratio  | Worker OK');
-  console.log('--------------------|----------|------------|--------|----------');
-  for (const r of results) {
-    const frames = parseInt(r.name.split('/')[1]) * parseInt(r.name.split('/')[2].replace('s', ''));
-    const rgbaPerFrame = (r.rgbaTime / frames).toFixed(0);
-    console.log(
-      `${r.name.padEnd(19)} | ${(r.totalTime + 'ms').padEnd(8)} | ${(rgbaPerFrame + 'ms').padEnd(10)} | ${r.realTimeRatio.toFixed(2)}x   | ${r.workerViable ? 'YES ✓' : 'NO ✗'}`
-    );
-  }
-
-  console.log('\n=== CONCLUSIONS ===');
-  const viableConfigs = results.filter(r => r.workerViable);
-  if (viableConfigs.length > 0) {
-    console.log('Worker-viable configurations (< 30s):');
-    viableConfigs.forEach(r => console.log(`  - ${r.name}: ${r.totalTime}ms`));
-  }
-}
-
-runTests().catch(console.error);

package/website/.astro/integrations/_inox-tools_astro-when/types.d.ts

@@ -1 +0,0 @@
-import '@inox-tools/astro-when';

package/website/.astro/integrations/astro_db/db.d.ts

@@ -1,15 +0,0 @@
-// This file is generated by Astro DB
-declare module 'astro:db' {
-	export const Team: import("@astrojs/db/runtime").Table<
-		"Team",
-		{"id":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"id","collection":"Team","primaryKey":true}},"name":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"name","collection":"Team","primaryKey":false,"optional":false}},"slug":{"type":"text","schema":{"unique":true,"deprecated":false,"name":"slug","collection":"Team","primaryKey":false,"optional":false}},"createdAt":{"type":"date","schema":{"optional":false,"unique":false,"deprecated":false,"name":"createdAt","collection":"Team","default":"2025-11-21T18:59:54.504Z"}},"updatedAt":{"type":"date","schema":{"optional":false,"unique":false,"deprecated":false,"name":"updatedAt","collection":"Team","default":"2025-11-21T18:59:54.504Z"}}}
-	>;
-	export const UserTeam: import("@astrojs/db/runtime").Table<
-		"UserTeam",
-		{"id":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"id","collection":"UserTeam","primaryKey":true}},"userId":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"userId","collection":"UserTeam","primaryKey":false,"optional":false}},"teamId":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"teamId","collection":"UserTeam","primaryKey":false,"optional":false,"references":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"id","collection":"Team","primaryKey":true}}}},"role":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"role","collection":"UserTeam","default":"member","primaryKey":false,"optional":false}},"joinedAt":{"type":"date","schema":{"optional":false,"unique":false,"deprecated":false,"name":"joinedAt","collection":"UserTeam","default":"2025-11-21T18:59:54.504Z"}}}
-	>;
-	export const Loop: import("@astrojs/db/runtime").Table<
-		"Loop",
-		{"id":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"id","collection":"Loop","primaryKey":true}},"userId":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"userId","collection":"Loop","primaryKey":false,"optional":false}},"teamId":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"teamId","collection":"Loop","primaryKey":false,"optional":false,"references":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"id","collection":"Team","primaryKey":true}}}},"name":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"name","collection":"Loop","primaryKey":false,"optional":false}},"slug":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"slug","collection":"Loop","primaryKey":false,"optional":false}},"description":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"description","collection":"Loop","primaryKey":false,"optional":true}},"templateCode":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"templateCode","collection":"Loop","primaryKey":false,"optional":false}},"propsCode":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"propsCode","collection":"Loop","primaryKey":false,"optional":false}},"configCode":{"type":"text","schema":{"unique":false,"deprecated":false,"name":"configCode","collection":"Loop","primaryKey":false,"optional":true}},"isPublic":{"type":"boolean","schema":{"optional":false,"unique":false,"deprecated":false,"name":"isPublic","collection":"Loop","default":false}},"createdAt":{"type":"date","schema":{"optional":false,"unique":false,"deprecated":false,"name":"createdAt","collection":"Loop","default":"2025-11-21T18:59:54.504Z"}},"updatedAt":{"type":"date","schema":{"optional":false,"unique":false,"deprecated":false,"name":"updatedAt","collection":"Loop","default":"2025-11-21T18:59:54.504Z"}}}
-	>;
-}

package/website/.astro/settings.json

@@ -1,5 +0,0 @@
-{
-	"_variables": {
-		"lastUpdateCheck": 1763410784506
-	}
-}

package/website/.astro/types.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="astro/client" />
-/// <reference path="integrations/_inox-tools_astro-when/types.d.ts" />

package/website/DEPLOYMENT.md

@@ -1,143 +0,0 @@
-# Deployment Guide
-
-This documentation website is configured for deployment on **Cloudflare Pages/Workers** with hybrid rendering.
-
-## Quick Deploy
-
-```bash
-cd website
-
-# Install dependencies
-npm install
-
-# Build and deploy
-npm run deploy
-```
-
-## What's Included
-
-### 1. Dynamic OG Image Generation
-
-Every documentation page automatically generates its own Open Graph image using **loopwind SDK**.
-
-- **API Route**: `/api/og/[...slug].tsx`
-- **Format**: 1200x630 PNG
-- **Generation**: Pre-rendered at build time for known pages, generated on-demand for others
-- **Caching**: Immutable cache headers for optimal performance
-
-**Example URLs:**
-- `/api/og/sdk` → SDK page OG image
-- `/api/og/config` → Config page OG image
-- `/api/og/getting-started` → Getting Started OG image
-
-### 2. Cloudflare Workers Adapter
-
-- **File**: `astro.config.mjs`
-- **Adapter**: `@astrojs/cloudflare`
-- **Output**: Hybrid (SSG + SSR)
-- **Platform**: Cloudflare Workers with Assets
-
-### 3. Build Configuration
-
-The Vite config externalizes Node.js built-ins for Cloudflare compatibility:
-
-```javascript
-vite: {
-  ssr: {
-    external: ['node:fs', 'fs', 'path', etc.],
-    noExternal: ['loopwind'], // Bundle loopwind SDK
-  },
-}
-```
-
-## Deployment Steps
-
-### First Time Setup
-
-1. **Install Wrangler CLI** (if not already installed):
-   ```bash
-   npm install -g wrangler
-   ```
-
-2. **Login to Cloudflare**:
-   ```bash
-   npx wrangler login
-   ```
-
-3. **Build and Deploy**:
-   ```bash
-   npm run deploy
-   ```
-
-### Subsequent Deployments
-
-Just run:
-
-```bash
-npm run deploy
-```
-
-Or separately:
-
-```bash
-npm run build
-npm run cf:deploy
-```
-
-## Environment
-
-- **Node.js**: 18+ recommended
-- **Package Manager**: npm
-- **Platform**: Cloudflare Workers + Assets
-- **Build Time**: ~2-3 seconds
-
-## Performance
-
-- **Build**: ~2.7s
-- **OG Images**: Generated at build time (< 100ms each)
-- **Caching**: Immutable cache headers for all OG images
-- **CDN**: Cloudflare's global network
-
-## Verify Deployment
-
-After deployment, test:
-
-1. **Home page**: `https://your-domain.com`
-2. **OG image**: `https://your-domain.com/api/og/sdk`
-3. **API routes**: All `/api/*` routes should work
-
-## Troubleshooting
-
-### Build Fails
-
-- Check Node.js version (18+)
-- Run `npm install` to ensure dependencies are up to date
-- Check `npm run build` output for errors
-
-### OG Images Not Generating
-
-- Verify loopwind is installed: `npm list loopwind`
-- Check `/api/og/[...slug].tsx` is present
-- Test locally: `npm run dev` then visit `http://localhost:4321/api/og/sdk`
-
-### Cloudflare Deploy Fails
-
-- Ensure you're logged in: `npx wrangler whoami`
-- Check `wrangler.toml` configuration (should not exist for Pages)
-- Verify Cloudflare account has Pages enabled
-
-## Local Development
-
-```bash
-npm run dev
-# Visit: http://localhost:4321
-# Test OG: http://localhost:4321/api/og/sdk
-```
-
-## Documentation
-
-- [loopwind SDK Docs](/sdk)
-- [OG Images Setup](./OG_IMAGES.md)
-- [Cloudflare Astro Guide](https://developers.cloudflare.com/workers/framework-guides/web-apps/astro/)
-
-

package/website/OG_IMAGES.md

@@ -1,142 +0,0 @@
-# Dynamic OG Image Generation with loopwind SDK
-
-This website generates Open Graph images dynamically for each documentation page using the **loopwind SDK**.
-
-## How It Works
-
-1. **API Route**: `/src/pages/api/og/[...slug].ts`
-   - Uses `loopwind/sdk` to define and render OG image templates
-   - Generates 1200x630 PNG images on-the-fly
-   - Pre-renders images at build time for all known pages
-   - Falls back to runtime generation for unknown pages
-
-2. **Base Layout**: `/src/layouts/BaseLayout.astro`
-   - Automatically generates OG image URL from page slug
-   - Format: `/api/og/{page-slug}`
-   - Falls back to static image if custom image is provided
-
-3. **Docs Layout**: `/src/layouts/DocsLayout.astro`
-   - Same dynamic OG image generation
-   - Integrated with all MDX documentation pages
-
-## OG Image Template
-
-The template uses:
-- **loopwind SDK** with `defineTemplate()` and `renderImage()`
-- **shadcn/ui dark theme** colors
-- **Responsive design** with title, description, logo, and branding
-- **Static rendering** at build time for performance
-
-## Page Metadata
-
-Page metadata is defined in the API route at `/src/pages/api/og/[...slug].ts`:
-
-```typescript
-const pageMetadata: Record<string, { title: string; description: string }> = {
-  'index': {
-    title: 'Getting Started',
-    description: 'CLI-based Image & Video Generator',
-  },
-  'sdk': {
-    title: 'SDK',
-    description: 'Use loopwind programmatically',
-  },
-  // ... more pages
-};
-```
-
-## Adding a New Page
-
-When you add a new MDX page, add its metadata to the `pageMetadata` object:
-
-```typescript
-'your-new-page': {
-  title: 'Your Page Title',
-  description: 'Your page description for OG image',
-},
-```
-
-The OG image will be automatically generated and available at:
-- Build time: `/api/og/your-new-page` (pre-rendered)
-- Runtime: Generated on first request if not pre-rendered
-
-## Testing OG Images
-
-**Local development:**
-```bash
-npm run dev
-# Visit: http://localhost:4321/api/og/sdk
-```
-
-**Check OG tags:**
-```bash
-curl -I http://localhost:4321/api/og/sdk
-# Should return: Content-Type: image/png
-```
-
-**View in browser:**
-Open any page and check the `<meta property="og:image">` tag in the HTML source.
-
-## Benefits
-
-✅ **Zero static assets** - No need to generate and commit OG images  
-✅ **Auto-updates** - OG images update when content changes  
-✅ **Consistent design** - All pages use the same template  
-✅ **Fast** - Pre-rendered at build time for production  
-✅ **SEO-friendly** - Proper OG tags for social sharing  
-✅ **Type-safe** - Full TypeScript support with loopwind SDK
-
-## Performance
-
-- **Build time**: ~50-100ms per image
-- **Runtime**: Cached with `immutable` headers
-- **Size**: ~50-80KB per PNG
-- **Format**: 1200x630 PNG (standard OG size)
-
-## Example Usage
-
-Every MDX page automatically gets an OG image:
-
-```astro
----
-layout: ../layouts/DocsLayout.astro
-title: My Page Title
-description: My page description
----
-
-# My Page
-
-Content here...
-```
-
-This automatically generates:
-- OG image at `/api/og/my-page`
-- Meta tags: `<meta property="og:image" content="https://loopwind.dev/api/og/my-page" />`
-- Pre-rendered at build time for Cloudflare deployment
-
-## Customization
-
-To customize the OG image template, edit `/src/pages/api/og/[...slug].ts`:
-
-```typescript
-const ogTemplate = defineTemplate({
-  name: 'loopwind-og',
-  size: { width: 1200, height: 630 },
-  config: {
-    colors: {
-      // Your custom colors
-    },
-  },
-  render: ({ tw, title, description }) => (
-    // Your custom JSX
-  ),
-});
-```
-
-## Related Documentation
-
-- [loopwind SDK](/sdk) - Using loopwind programmatically
-- [Styling](/styling) - Tailwind CSS styling guide
-- [Config](/config) - loopwind.json configuration
-
-

package/website/README.md

@@ -1,158 +0,0 @@
-# loopwind Documentation Website
-
-This is the documentation website for loopwind, built with [Astro](https://astro.build/) and styled with [Tailwind CSS 4](https://tailwindcss.com/) using shadcn/ui design tokens.
-
-## Features
-
-- **Dynamic OG Images**: Each page generates its own Open Graph image on-the-fly using the loopwind SDK
-- **Dark Theme**: Beautiful dark mode optimized for readability
-- **Responsive Design**: Works perfectly on desktop, tablet, and mobile
-- **AI-Friendly**: Copy raw markdown for LLM context
-
-## Development
-
-Install dependencies:
-
-```bash
-cd website
-npm install
-```
-
-Start the dev server:
-
-```bash
-npm run dev
-```
-
-Open http://localhost:4321
-
-## Build
-
-Build for production:
-
-```bash
-npm run build
-```
-
-Preview the build:
-
-```bash
-npm run preview
-```
-
-## Dynamic OG Images
-
-Each documentation page automatically gets a custom OG image generated using the loopwind SDK. The images are:
-
-- Generated at build time (pre-rendered)
-- Cached indefinitely
-- Customized per page with title and description
-
-The OG image API route is at `src/pages/api/og/[...slug].ts`.
-
-## Deployment
-
-### Netlify (Current)
-
-This site is configured to deploy on Netlify. The `netlify.toml` file in the root directory handles the configuration.
-
-**Netlify Settings:**
-- Base directory: `website`
-- Build command: `npm run build`
-- Publish directory: `dist`
-
-Just connect your GitHub repo to Netlify and it will automatically deploy!
-
-### Other Platforms
-
-You can also deploy to:
-- **Vercel**: Connect repo, set build settings
-- **Cloudflare Pages**: Install `@astrojs/cloudflare` adapter
-- **GitHub Pages**: May need additional configuration
-
-## Adding Documentation
-
-Documentation pages are in `src/pages/` as `.mdx` files. They use the `DocsLayout` for consistent styling and navigation.
-
-To add a new page:
-
-1. Create `src/pages/your-page.mdx`
-2. Add frontmatter:
-```yaml
----
-layout: ../layouts/DocsLayout.astro
-title: Your Page Title
-description: Page description
----
-```
-3. Add to navigation in `src/layouts/DocsLayout.astro`
-4. Add metadata to `src/pages/api/og/[...slug].ts` for OG images
-
-## Styling
-
-The site uses **Tailwind CSS 4** with shadcn/ui-inspired design tokens defined in `src/styles/global.css`:
-
-- Dark theme optimized for readability
-- Semantic color names (`background`, `foreground`, `muted`, `accent`, etc.)
-- Consistent spacing and typography
-- Custom brand gradient for the logo
-
-All styles use Tailwind utility classes and the `@theme` directive for design tokens.
-
-## Structure
-
-```
-website/
-├── src/
-│   ├── components/
-│   │   ├── Hero.astro            # Home page hero
-│   │   ├── Logo.astro            # loopwind logo
-│   │   └── CodeVideoDemo.astro   # Code + video side-by-side
-│   ├── layouts/
-│   │   ├── BaseLayout.astro      # Base HTML with meta tags
-│   │   └── DocsLayout.astro      # Docs with sidebar
-│   ├── pages/
-│   │   ├── index.mdx             # Getting Started
-│   │   ├── getting-started.mdx   # Installation guide
-│   │   ├── templates.mdx         # Installing Templates
-│   │   ├── images.mdx            # Image Rendering
-│   │   ├── video.mdx             # Video Rendering
-│   │   ├── animation.mdx         # Animation Classes
-│   │   ├── helpers.mdx           # QR & Composition
-│   │   ├── styling.mdx           # Tailwind & shadcn/ui
-│   │   ├── fonts.mdx             # Font Handling
-│   │   ├── config.mdx            # loopwind.json reference
-│   │   ├── agents.mdx            # AI Agents & Cursor
-│   │   ├── sdk.mdx               # Programmatic SDK
-│   │   ├── preview.mdx           # Preview Mode
-│   │   ├── llm.txt.ts            # Combined docs endpoint
-│   │   └── api/
-│   │       ├── og/[...slug].ts   # Dynamic OG image generation
-│   │       └── raw-markdown/[...path].ts  # Raw markdown API
-│   └── styles/
-│       └── global.css            # Tailwind 4 + design tokens
-├── public/
-│   ├── favicon.svg
-│   ├── demo-intro.mp4            # Generated demo video
-│   └── robots.txt
-├── scripts/
-│   └── generate-demo-video.mjs   # Script to generate demo
-├── astro.config.mjs               # Includes @tailwindcss/vite
-├── package.json
-└── tsconfig.json
-```
-
-## Technologies
-
-- **[Astro](https://astro.build/)** - Static site generator
-- **[Tailwind CSS 4](https://tailwindcss.com/)** - Utility-first CSS
-- **[MDX](https://mdxjs.com/)** - Markdown with JSX
-- **[loopwind SDK](https://loopwind.dev/sdk)** - Dynamic OG image generation
-- **[shadcn/ui](https://ui.shadcn.com/)** - Design system tokens
-
-## Performance
-
-- Fast page loads with Astro's static generation
-- Pre-rendered OG images for instant social previews
-- Optimized fonts and assets
-- Minimal JavaScript bundle

package/website/astro.config.mjs

@@ -1,41 +0,0 @@
-import { defineConfig } from 'astro/config';
-import mdx from '@astrojs/mdx';
-import tailwindcss from '@tailwindcss/vite';
-import cloudflare from '@astrojs/cloudflare';
-import react from '@astrojs/react';
-
-// https://astro.build/config
-export default defineConfig({
-  site: 'https://loopwind.dev',
-  output: 'hybrid',
-  adapter: cloudflare({
-    platformProxy: {
-      enabled: true,
-    },
-  }),
-  integrations: [mdx(), react()],
-  vite: {
-    plugins: [tailwindcss()],
-    ssr: {
-      // Only external Node.js built-ins that aren't used in workers paths
-      external: [
-        'node:fs/promises',
-        'node:fs',
-        'node:path',
-        'node:os',
-        'fs',
-        'fs/promises',
-        'path',
-        'os',
-      ],
-    },
-    optimizeDeps: {
-      exclude: ['@resvg/resvg-wasm'],
-    },
-  },
-  markdown: {
-    shikiConfig: {
-      theme: 'github-dark',
-    },
-  },
-});

package/website/dist/.gitkeep

@@ -1,5 +0,0 @@
-# Place demo videos here
-# Generate with: loopwind render video-intro '{"title":"loopwind","subtitle":"Generate videos with React + Tailwind"}' --out public/demo-intro.mp4
-
-
-