vargai 0.4.0-alpha16 → 0.4.0-alpha17

package/package.json

@@ -64,7 +64,7 @@
     "replicate": "^1.4.0",
     "zod": "^4.2.1"
   },
-  "version": "0.4.0-alpha16",
+  "version": "0.4.0-alpha17",
   "exports": {
     ".": "./src/index.ts",
     "./ai": "./src/ai-sdk/index.ts",

package/src/ai-sdk/cache.ts

@@ -106,7 +106,7 @@ function flatten(value: unknown): unknown {
  * });
  * ```
  */
-const DEFAULT_TTL = "1h";
+const DEFAULT_TTL = "7d";
 
 export function withCache<T extends object, R>(
   fn: (options: T) => Promise<R>,

package/src/react/examples/mcmeows.tsx

@@ -0,0 +1,40 @@
+import { elevenlabs } from "../../ai-sdk/providers/elevenlabs";
+import { fal } from "../../ai-sdk/providers/fal";
+import { Clip, Music, Render, render, Title, Video } from "..";
+
+export default (
+  <Render>
+    <Clip duration={4}>
+      <Video prompt="A sophisticated tabby cat wearing a tailored tiny business suit and small round glasses, standing upright at a McDonald's counter. One paw raised pointing assertively at the illuminated menu board above. The cat has an extremely serious, concentrated expression with furrowed brows. Cinematic lighting with warm McDonald's interior ambiance, shallow depth of field focusing on the cat's determined face, photorealistic fur texture with fine detail. Professional business atmosphere meets fast food chaos." />
+    </Clip>
+
+    <Clip duration={4}>
+      <Video prompt="Absolute mayhem - four to five cats in a chaotic pile fight. Orange tabby, black and white tuxedo cat, calico with patches, and fluffy gray cat all scrambling, paws flailing, tumbling over each other in exaggerated cartoon-style motion. They're all desperately reaching for a single perfect golden McDonald's french fry sitting on a red plastic tray in the center. Wide-eyed expressions, mouths open mid-meow, dynamic motion blur, comedic timing. Fast food restaurant background slightly blurred. Playful, over-the-top energy." />
+    </Clip>
+
+    <Clip duration={3}>
+      <Video prompt="Proud orange tabby cat wearing an official McDonald's crew member visor and name tag, standing upright behind a restaurant register counter. Front paws crossed confidently across chest, chin lifted with a smug, self-satisfied expression. Perfect posture, professional demeanor. Bright McDonald's interior lighting, red and yellow color scheme in background. The cat radiates 'employee of the month' energy. Crisp, clean, professional fast food aesthetic." />
+      <Title position="bottom">McMeow's: NOW HIRING</Title>
+    </Clip>
+
+    <Music
+      model={elevenlabs.musicModel()}
+      prompt="playful upbeat comedy music with quirky pizzicato strings and light percussion, funny corporate training video vibes"
+      duration={11}
+    />
+  </Render>
+);
+
+async function main() {
+  const component = await import("./mcmeows.tsx").then((m) => m.default);
+  await render(component, {
+    output: "output/mcmeows.mp4",
+    cache: ".cache/ai",
+    verbose: true,
+    defaults: {
+      video: fal.videoModel("wan-2.5"),
+    },
+  });
+}
+
+main().catch(console.error);

package/src/react/examples/music-defaults.tsx

@@ -0,0 +1,24 @@
+import { elevenlabs } from "../../ai-sdk/providers/elevenlabs";
+import { Clip, Image, Music, Render, render } from "..";
+
+export default (
+  <Render width={1920} height={1080}>
+    <Clip duration={5}>
+      <Image src="media/cyberpunk-street.png" />
+    </Clip>
+    <Music prompt="calm ambient electronic music" duration={5} />
+  </Render>
+);
+
+async function main() {
+  const component = await import("./music-defaults.tsx").then((m) => m.default);
+  await render(component, {
+    output: "output/music-defaults.mp4",
+    defaults: {
+      music: elevenlabs.musicModel(),
+    },
+  });
+  console.log("done! check output/music-defaults.mp4");
+}
+
+main().catch(console.error);

package/src/react/renderers/render.ts

@@ -269,11 +269,11 @@ export async function renderRoot(
     let path: string;
     if (musicProps.src) {
       path = resolvePath(musicProps.src);
-    } else if (musicProps.prompt && musicProps.model) {
+    } else if (musicProps.prompt) {
       const result = await renderMusic(musicElement, ctx);
       path = result.path;
     } else {
-      throw new Error("Music requires either src or prompt+model");
+      throw new Error("Music requires either src or prompt");
     }
 
     audioTracks.push({