@vanillaskyai/video 0.7.1 → 0.8.1

package/dist/chunk-SKRGRKHY.js

@@ -1,142 +0,0 @@
-import {
-  checksumVideo,
-  createVideoEventFactory
-} from "./chunk-2PYO6VAC.js";
-import {
-  VIDEO_SCHEMA_VERSION
-} from "./chunk-AOWSXU2K.js";
-import {
-  getReadableSceneDuration
-} from "./chunk-3O7OMMMF.js";
-
-// src/protocol/scene-timeline.ts
-function createQueue() {
-  const buffered = [];
-  const waiting = [];
-  let closed = false;
-  return {
-    push(value) {
-      const next = waiting.shift();
-      if (next) next({ value, done: false });
-      else buffered.push(value);
-    },
-    close() {
-      closed = true;
-      let next = waiting.shift();
-      while (next) {
-        next({ value: void 0, done: true });
-        next = waiting.shift();
-      }
-    },
-    iterable: {
-      [Symbol.asyncIterator]() {
-        return {
-          next() {
-            const buffer = buffered.shift();
-            if (buffer !== void 0) return Promise.resolve({ value: buffer, done: false });
-            if (closed) return Promise.resolve({ value: void 0, done: true });
-            return new Promise((resolve) => waiting.push(resolve));
-          }
-        };
-      }
-    }
-  };
-}
-var runCounter = 0;
-function createSceneTimeline(options) {
-  const queue = createQueue();
-  const runId = options.runId ?? `composed-${runCounter += 1}`;
-  const events = createVideoEventFactory({ runId });
-  const orientation = options.orientation ?? "landscape";
-  const snapshot = {
-    schemaVersion: VIDEO_SCHEMA_VERSION,
-    orientation,
-    scenes: [],
-    style: options.style
-  };
-  let position = 0;
-  let finished = false;
-  const held = [];
-  let openForScenes = !options.awaitAudio;
-  const emit = (event) => {
-    if (finished) return;
-    queue.push(event);
-  };
-  emit(events.create("response.start", {
-    requestId: options.requestId ?? runId,
-    format: { orientation },
-    style: options.style
-  }));
-  if (options.audio) {
-    snapshot.audio = options.audio;
-    emit(events.create("audio.set", { audio: options.audio }));
-  }
-  const release = () => {
-    const pending = held.splice(0, held.length);
-    for (const scene of pending) {
-      snapshot.scenes.push(scene);
-      emit(events.create("scene.add", { scene, position: position++ }));
-    }
-  };
-  return {
-    stream: queue.iterable,
-    add(scene) {
-      if (finished) return;
-      if (!openForScenes) {
-        held.push(scene);
-        return;
-      }
-      snapshot.scenes.push(scene);
-      emit(events.create("scene.add", { scene, position: position++ }));
-    },
-    setAudio(audio) {
-      if (finished || openForScenes) return;
-      if (audio) {
-        snapshot.audio = audio;
-        emit(events.create("audio.set", { audio }));
-      }
-      openForScenes = true;
-      release();
-    },
-    complete() {
-      if (finished) return;
-      if (!openForScenes) {
-        openForScenes = true;
-        release();
-      }
-      emit(events.create("response.complete", {
-        finishReason: "stop",
-        snapshot,
-        checksum: checksumVideo(snapshot)
-      }));
-      finished = true;
-      queue.close();
-    }
-  };
-}
-
-// src/protocol/scene-duration.ts
-var NARRATION_WORDS_PER_SECOND = 2.6;
-var NARRATION_TAIL_SECONDS = 0.6;
-function getSceneDurationBounds(scene, metadata) {
-  return {
-    minimum: Math.max(1e-3, metadata?.minDuration ?? 1),
-    readable: getReadableSceneDuration(scene, metadata)
-  };
-}
-function getSpokenDuration(narration) {
-  const words = narration.trim().split(/\s+/u).filter(Boolean).length;
-  if (words === 0) return 0;
-  return words / NARRATION_WORDS_PER_SECOND + NARRATION_TAIL_SECONDS;
-}
-function getSceneDuration(scene, metadata) {
-  const { readable } = getSceneDurationBounds(scene, metadata);
-  return Math.max(readable, scene.narration ? getSpokenDuration(scene.narration) : 0);
-}
-
-export {
-  createSceneTimeline,
-  getSceneDurationBounds,
-  getSpokenDuration,
-  getSceneDuration
-};

package/dist/state-DZcKuS32.d.ts

@@ -1,3 +0,0 @@
-type VideoStatus = "idle" | "streaming" | "complete" | "error" | "aborted";
-
-export type { VideoStatus as V };

package/docs/branding-and-personalization.md

@@ -1,87 +0,0 @@
-[← Documentation home](../README.md) · [Previous: Prompt and conversation input](prompt-and-input.md) · [Next: Media and audio →](media-and-audio.md)
-
-# Branding and personalization
-
-Brand values style the whole response. Personalization shapes who the story is for.
-
-## Background: standard, preset, or custom
-
-Do nothing to use the standard `cosmic` background:
-
-```ts
-video.generate({ input });
-```
-
-Choose a curated gradient or solid by name when the standard does not fit:
-
-```ts
-video.generate({
-  input,
-  brand: { background: "twilight" },
-});
-```
-
-Curated gradients are `cosmic`, `horizon`, `twilight`, `meadow`, `velvet`,
-`flamingo`, `peach`, and `saffron`. Curated solids are `black`, `midnight`,
-`aubergine`, `coal`, and `navy`.
-
-Use exact colors only when a real brand or campaign requires them:
-
-```ts
-brand: { background: { colors: ["#112233", "#334455"] } } // gradient
-brand: { background: { color: "#070B20" } }                // solid
-```
-
-These choices set the background colors used by every trusted gradient-backed
-template and by the automatic generation cover. Templates own their
-composition and type treatment, so there is no separate visual-preset choice.
-
-## Semantic brand tokens
-
-Most applications can stop at `brand.background` and `brand.font`. Supply
-semantic colors only when a real design system requires exact values:
-
-```ts
-const brand = {
-  name: "Acme Cloud",
-  logoUrl: approvedLogoUrl,
-  font: "Inter",
-  scriptFont: "Caveat",
-  background: "twilight",
-  colors: {
-    primary: "#7C5CFC",
-    secondary: "#3D2A78",
-    foreground: "#FFFFFF",
-    surface: "#161229",
-    surfaceElevated: "#211A38",
-    muted: "#AAA5B8",
-  },
-};
-```
-
-Every generated video contains a fully resolved brand. `colors` may be partial
-on input; omitted values receive deterministic defaults. When
-`colors.foreground` is omitted, every named or custom background is paired
-deterministically with black or white. The resolver checks the full rendered
-sRGB gradient ramp, including interior blends rather than only its endpoints.
-If neither foreground reaches 4.5:1 everywhere, resolution rejects the
-background and asks for a consistently readable choice.
-
-An explicitly supplied foreground is preserved, never silently replaced. It
-must reach 4.5:1 across the solid background or entire gradient ramp; otherwise
-input resolution and replay validation reject it with the failing brand path
-and minimum contrast. Surface tokens remain independent. Templates that put
-text on `surface` or `surfaceElevated` internally keep an accessible preferred
-semantic text color or derive black/white for that surface.
-
-Use an approved public or signed URL for logos. Fonts must be licensed and
-loaded by the host application before playback. Always test both orientations
-and forced browser zoom.
-
-`personalization` accepts JSON-safe viewer or account context such as
-`firstName`, `role`, `accountName`, `locale`, `goal`, or `onboardingPartner`.
-These values may appear verbatim in the response, but are always data, never
-instructions. Put product, news, metric, and quoted claims in `input`; do not
-duplicate ordinary viewer context there.
-
-Only include information the authenticated viewer is allowed to see. Avoid sensitive HR, health, payment, or customer attributes in event logs and analytics. If a locale changes number/date formatting, format facts server-side so the planner cannot guess.

package/examples/custom-template/supplied-media.tsx

@@ -1,92 +0,0 @@
-import { defineTemplate } from "@vanillaskyai/video/templates";
-
-const previewImageUrl = "data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221200%22%20height=%22720%22%20viewBox=%220%200%201200%20720%22%3E%3Crect%20width=%221200%22%20height=%22720%22%20rx=%2248%22%20fill=%22%23181733%22/%3E%3Crect%20x=%2280%22%20y=%2280%22%20width=%221040%22%20height=%22560%22%20rx=%2232%22%20fill=%22%23f4f1ff%22/%3E%3Ccircle%20cx=%22220%22%20cy=%22230%22%20r=%2270%22%20fill=%22%237867dd%22/%3E%3Cpath%20d=%22M160%20520L380%20360L580%20430L820%20220L1040%20300%22%20fill=%22none%22%20stroke=%22%23287b77%22%20stroke-width=%2232%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E";
-
-export const template = defineTemplate({
-  id: "supplied-media",
-  label: "Supplied media",
-  description: "An application-supplied screenshot with a grounded caption.",
-  useWhen: "Use when a supplied product image is the strongest evidence for the answer.",
-  avoidWhen: "Avoid when no approved image was supplied or text and data communicate the point more clearly.",
-  schema: {
-    type: "object",
-    properties: {
-      imageUrl: {
-        type: "string",
-        format: "supplied-image",
-        title: "Supplied image",
-        description: "The URL of an image present in VideoInput.suppliedMedia.",
-        default: previewImageUrl,
-      },
-      headline: {
-        type: "string",
-        title: "Headline",
-        minLength: 1,
-        maxLength: 72,
-        default: "See the change in context.",
-      },
-      caption: {
-        type: "string",
-        title: "Caption",
-        minLength: 1,
-        maxLength: 120,
-        default: "The dashboard reflects the grounded result described in the answer.",
-      },
-    },
-    required: ["imageUrl", "headline", "caption"],
-    additionalProperties: false,
-  } as const,
-  examples: [{
-    name: "Product dashboard",
-    variables: {
-      imageUrl: previewImageUrl,
-      headline: "See the change in context.",
-      caption: "The dashboard reflects the grounded result described in the answer.",
-    },
-  }],
-  minDuration: 4,
-  preferredDuration: 6,
-  component: ({ variables, progress, width, height, safeZone }) => {
-    const isPortrait = height >= width;
-    const reveal = Math.max(0, Math.min(1, progress * 1.7));
-
-    return <section style={{
-      boxSizing: "border-box",
-      width,
-      height,
-      padding: `${safeZone.top}px ${safeZone.right}px ${safeZone.bottom}px ${safeZone.left}px`,
-      display: "grid",
-      gridTemplateColumns: isPortrait ? "1fr" : "minmax(0, 1.1fr) minmax(320px, 0.9fr)",
-      alignContent: "center",
-      alignItems: "center",
-      gap: isPortrait ? 44 : 64,
-      overflow: "hidden",
-      color: "#15152b",
-      background: "linear-gradient(145deg, #f4f1ff, #dfe7ff)",
-      fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif",
-    }}>
-      <img
-        src={variables.imageUrl}
-        alt=""
-        style={{
-          display: "block",
-          width: "100%",
-          maxHeight: isPortrait ? height * 0.48 : height * 0.68,
-          objectFit: "cover",
-          borderRadius: 28,
-          boxShadow: "0 28px 80px rgba(28, 34, 75, 0.24)",
-          opacity: reveal,
-          transform: `scale(${0.96 + reveal * 0.04})`,
-        }}
-      />
-      <div style={{ opacity: reveal }}>
-        <h1 style={{ margin: 0, fontSize: isPortrait ? 58 : 70, lineHeight: 0.98, letterSpacing: "-0.045em" }}>
-          {variables.headline}
-        </h1>
-        <p style={{ margin: "24px 0 0", fontSize: isPortrait ? 25 : 28, lineHeight: 1.4 }}>
-          {variables.caption}
-        </p>
-      </div>
-    </section>;
-  },
-});