@vanillaskyai/video 0.10.22 → 0.11.0

package/dist/comparison-XXAP4S4J.js

@@ -1,36 +0,0 @@
-import {
-  EditorialSurface
-} from "./chunk-HFVNAPHZ.js";
-import "./chunk-YAHT3LST.js";
-import {
-  editorialLabel,
-  fade
-} from "./chunk-4YM2M62S.js";
-import "./chunk-5JBMYQP6.js";
-import {
-  hasSceneMedia
-} from "./chunk-224QNWRA.js";
-
-// src/visual-system/scene-templates/comparison.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ComparisonScene(props) {
-  const { variables, width, height, progress, motionProgress = progress, safeZone } = props;
-  const overMedia = hasSceneMedia(variables);
-  const portrait = height > width, u = Math.min(width, height);
-  const side = Math.max(width * 0.12, safeZone.left, safeZone.right);
-  const top = Math.max(height * 0.2, safeZone.top), bottom = height - Math.max(height * 0.23, safeZone.bottom);
-  const area = bottom - top, cy = (top + bottom) / 2, available = width - side * 2;
-  const entries = [{ label: String(variables.leftLabel ?? ""), text: String(variables.leftText ?? "") }, { label: String(variables.rightLabel ?? ""), text: String(variables.rightText ?? "") }];
-  const textWidth = portrait ? available : available * 0.39;
-  return /* @__PURE__ */ jsxs(EditorialSurface, { ...props, template: "comparison", children: [
-    /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: { position: "absolute", left: portrait ? width * 0.32 : width / 2, top: portrait ? cy : top + area * 0.18, width: portrait ? width * 0.36 : u * 1e-3, height: portrait ? u * 1e-3 : area * 0.64, background: "#fff", opacity: 0.22 * fade((motionProgress - 0.16) / 0.18) } }),
-    entries.map((entry, i) => /* @__PURE__ */ jsxs("div", { "data-comparison-side": i === 0 ? "left" : "right", style: { position: "absolute", left: portrait ? side : side + available * (i === 0 ? 0.055 : 0.555), top: portrait ? top + area * (i === 0 ? 0.25 : 0.75) : cy, width: textWidth, transform: "translateY(-50%)", textAlign: "center", opacity: fade((motionProgress - 0.04 - i * 0.22) / 0.2) }, children: [
-      entry.label && /* @__PURE__ */ jsx("div", { style: { ...editorialLabel(u), color: overMedia ? "#fff" : "#b7b7bc", marginBottom: u * 0.028 }, children: entry.label }),
-      /* @__PURE__ */ jsx("div", { style: { fontSize: u * 0.058, fontWeight: 500, lineHeight: 1.22, letterSpacing: "-.025em", textWrap: "balance", overflowWrap: "anywhere" }, children: entry.text })
-    ] }, i))
-  ] });
-}
-var ComparisonSceneTemplate = ComparisonScene;
-export {
-  ComparisonSceneTemplate
-};

package/dist/editorial-timeline-VUQC6KPA.js

@@ -1,42 +0,0 @@
-import {
-  EditorialSurface
-} from "./chunk-HFVNAPHZ.js";
-import "./chunk-YAHT3LST.js";
-import {
-  fade
-} from "./chunk-4YM2M62S.js";
-import "./chunk-5JBMYQP6.js";
-import "./chunk-224QNWRA.js";
-
-// src/visual-system/scene-templates/editorial-timeline.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var timelineTiming = (index) => ({ nodeStart: index === 0 ? 0.06 : 0.23 + (index - 1) * 0.11, lineStart: 0.14 + index * 0.11, lineDuration: 0.09, entranceDuration: 0.16 });
-function TimelineScene(props) {
-  const { variables, progress, motionProgress = progress, width, height, safeZone } = props;
-  const events = (Array.isArray(variables.events) ? variables.events : []).slice(0, 5).map((e) => ({ label: String(e?.label ?? "") }));
-  const portrait = height > width, u = Math.min(width, height), n = Math.max(1, events.length);
-  const side = Math.max(width * 0.13, safeZone.left, safeZone.right), available = width - side * 2;
-  const top = Math.max(height * 0.2, safeZone.top), bottom = height - Math.max(height * 0.24, safeZone.bottom);
-  const slot = portrait ? (bottom - top) / n : available / n;
-  const points = events.map((_, i) => ({ x: portrait ? side : side + slot * (i + 0.5), y: portrait ? top + slot * (i + 0.5) : height * 0.43 }));
-  const radius = u * 45e-4;
-  return /* @__PURE__ */ jsxs(EditorialSurface, { ...props, template: "timeline", children: [
-    points.slice(0, -1).map((point, i) => {
-      const next = points[i + 1], timing = timelineTiming(i), line = fade((motionProgress - timing.lineStart) / timing.lineDuration);
-      return /* @__PURE__ */ jsx("div", { "data-step-connector": "true", style: { position: "absolute", left: point.x, top: point.y, width: portrait ? u * 1e-3 : next.x - point.x, height: portrait ? next.y - point.y : u * 1e-3, background: "#fff", opacity: 0.3, transform: portrait ? `scaleY(${line})` : `scaleX(${line})`, transformOrigin: portrait ? "top" : "left" } }, `line-${i}`);
-    }),
-    points.map((point, i) => {
-      const timing = timelineTiming(i), event = events[i], opacity = fade((motionProgress - timing.nodeStart) / timing.entranceDuration);
-      const textW = portrait ? available - u * 0.055 : slot * 0.86;
-      return /* @__PURE__ */ jsxs("div", { "data-template-item": "steps", style: { opacity }, children: [
-        /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: { position: "absolute", left: point.x - radius, top: point.y - radius, width: radius * 2, height: radius * 2, borderRadius: "50%", background: "#fff" } }),
-        /* @__PURE__ */ jsx("div", { style: { position: "absolute", left: portrait ? point.x + u * 0.055 : point.x - textW / 2, top: portrait ? point.y : point.y + u * 0.05, width: textW, transform: portrait ? "translateY(-50%)" : void 0, textAlign: portrait ? "left" : "center" }, children: /* @__PURE__ */ jsx("div", { style: { fontSize: u * (portrait ? 0.052 : 0.041), fontWeight: 500, lineHeight: 1.22, letterSpacing: "-.025em", textWrap: "balance", overflowWrap: "anywhere" }, children: event.label }) })
-      ] }, i);
-    })
-  ] });
-}
-var TimelineSceneTemplate = TimelineScene;
-export {
-  TimelineSceneTemplate,
-  timelineTiming
-};

package/dist/key-figure-4TJK7HLT.js

@@ -1,29 +0,0 @@
-import {
-  EditorialSurface
-} from "./chunk-HFVNAPHZ.js";
-import "./chunk-YAHT3LST.js";
-import {
-  editorialLabel,
-  fade
-} from "./chunk-4YM2M62S.js";
-import "./chunk-5JBMYQP6.js";
-import {
-  hasSceneMedia
-} from "./chunk-224QNWRA.js";
-
-// src/visual-system/scene-templates/key-figure.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function KeyFigureScene(props) {
-  const { variables, width, height, progress, motionProgress = progress, safeZone } = props;
-  const overMedia = hasSceneMedia(variables);
-  const u = Math.min(width, height), side = Math.max(width * 0.13, safeZone.left, safeZone.right), available = width - side * 2;
-  const top = Math.max(height * 0.16, safeZone.top), bottom = height - Math.max(height * 0.23, safeZone.bottom), value = String(variables.value ?? "");
-  return /* @__PURE__ */ jsx(EditorialSurface, { ...props, template: "keyFigure", children: /* @__PURE__ */ jsxs("div", { style: { position: "absolute", left: side, top: (top + bottom) / 2, width: available, transform: "translateY(-50%)", textAlign: "center", opacity: fade((motionProgress - 0.03) / 0.22) }, children: [
-    /* @__PURE__ */ jsx("div", { style: { fontSize: Math.min(u * 0.22, available / Math.max(1, value.length * 0.6)), fontWeight: 500, lineHeight: 1.05, letterSpacing: "-.045em", fontVariantNumeric: "tabular-nums" }, children: value }),
-    /* @__PURE__ */ jsx("div", { style: { ...editorialLabel(u), color: overMedia ? "#fff" : "#b7b7bc", marginTop: u * 0.045, textWrap: "balance", overflowWrap: "anywhere" }, children: String(variables.label ?? "") })
-  ] }) });
-}
-var KeyFigureSceneTemplate = KeyFigureScene;
-export {
-  KeyFigureSceneTemplate
-};

package/dist/kit-DrRpdn0p.d.ts

@@ -1,79 +0,0 @@
-import { V as VideoStyle, a as VideoCapabilities } from './types-DdZw4GRQ.js';
-import { ComponentType } from 'react';
-import { S as SceneTemplateMetadata, T as TemplateJsonSchema, d as TemplateJsonSchemaProperty } from './catalog-types-WTbLP6Jh.js';
-
-interface TemplateSafeZone {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-}
-interface SceneTemplateProps<Variables extends Record<string, unknown> = Record<string, unknown>> {
-    variables: Variables;
-    style: VideoStyle;
-    progress: number;
-    /**
-     * Optional transition-safe visual progress. Keep grounded values, media,
-     * and semantic state on `progress`; use this only for entrance/exit motion.
-     * Older renderers may omit it, so templates must fall back to `progress`.
-     */
-    motionProgress?: number;
-    beatIntensity: number;
-    width: number;
-    height: number;
-    textArchetype?: string;
-    backgroundEffect?: string;
-    safeZone: TemplateSafeZone;
-    sceneDuration?: number;
-    isPlaying?: boolean;
-}
-type JsonObjectRequiredKeys<Property> = Property extends {
-    readonly required: readonly (infer Required)[];
-} ? Required : never;
-type JsonObjectValue<Property extends {
-    readonly properties: Readonly<Record<string, TemplateJsonSchemaProperty>>;
-}> = {
-    [Key in Extract<JsonObjectRequiredKeys<Property>, keyof Property["properties"]>]: JsonPropertyValue<Property["properties"][Key]>;
-} & {
-    [Key in Exclude<keyof Property["properties"], JsonObjectRequiredKeys<Property>>]?: JsonPropertyValue<Property["properties"][Key]>;
-};
-type JsonPropertyValue<Property> = Property extends {
-    readonly enum: readonly (infer Value)[];
-} ? Value : Property extends {
-    readonly type: "number" | "integer";
-} ? number : Property extends {
-    readonly type: "boolean";
-} ? boolean : Property extends {
-    readonly type: "array";
-    readonly items: infer Item;
-} ? JsonPropertyValue<Item>[] : Property extends {
-    readonly type: "array";
-} ? unknown[] : Property extends {
-    readonly type: "object";
-    readonly properties: Readonly<Record<string, TemplateJsonSchemaProperty>>;
-} ? JsonObjectValue<Property> : Property extends {
-    readonly type: "object";
-} ? Record<string, unknown> : string;
-type RequiredJsonSchemaKeys<Schema extends TemplateJsonSchema> = Schema["required"] extends readonly (infer Key)[] ? Extract<Key, keyof Schema["properties"]> : never;
-type InferTemplateJsonSchema<Schema extends TemplateJsonSchema> = {
-    [Key in RequiredJsonSchemaKeys<Schema>]: JsonPropertyValue<Schema["properties"][Key]>;
-} & {
-    [Key in Exclude<keyof Schema["properties"], RequiredJsonSchemaKeys<Schema>>]?: JsonPropertyValue<Schema["properties"][Key]>;
-};
-interface SceneTemplate<Variables extends Record<string, unknown> = Record<string, unknown>> extends SceneTemplateMetadata {
-    component: ComponentType<SceneTemplateProps<Variables>>;
-}
-
-interface TemplateRegistry {
-    readonly templates: readonly SceneTemplate<any>[];
-    readonly capabilities: VideoCapabilities;
-    getTemplate(id: string): SceneTemplate | undefined;
-    getTemplateMetadata(id: string): SceneTemplateMetadata | undefined;
-    listTemplateMetadata(): SceneTemplateMetadata[];
-}
-/** Build the browser renderer registry from customer-owned template definitions. */
-declare function createTemplateRegistry(options: {
-    definitions: readonly SceneTemplate<any>[];
-}): TemplateRegistry;
-
-export { type InferTemplateJsonSchema as I, type SceneTemplateProps as S, type TemplateRegistry as T, type SceneTemplate as a, createTemplateRegistry as c };

package/dist/mobile-message-FIHAO6XC.js

@@ -1,49 +0,0 @@
-import {
-  MediaScene
-} from "./chunk-QSBDB4J2.js";
-import {
-  spring
-} from "./chunk-YAHT3LST.js";
-import {
-  editorialFont
-} from "./chunk-4YM2M62S.js";
-import "./chunk-5JBMYQP6.js";
-import "./chunk-224QNWRA.js";
-
-// src/visual-system/scene-templates/mobile-message.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var clamp = (value) => Math.max(0, Math.min(1, value));
-function NotificationScene(props) {
-  const { variables, progress, motionProgress = progress, sceneDuration = 6, width, height, safeZone } = props;
-  const message = String(variables.message ?? "");
-  const app = String(variables.app ?? "Messages");
-  const unit = Math.min(width, height);
-  const cardWidth = Math.min(width * 0.88, unit * 1.12, width - safeZone.left - safeZone.right - unit * 0.06);
-  const inset = unit * 0.038;
-  const elapsed = clamp(motionProgress) * Math.max(2, Math.min(sceneDuration, 8));
-  const entrance = clamp((elapsed - 0.18) / 0.82);
-  const arrival = entrance >= 1 ? 1 : spring(entrance, { damping: 22, stiffness: 220 });
-  const opacity = clamp((elapsed - 0.18) / 0.08);
-  const contentWidth = cardWidth - inset * 2;
-  const messageSize = unit * (message.length > 100 ? 0.038 : 0.043);
-  const longestWord = Math.max(1, ...message.split(/\s+/).map((word) => word.length));
-  const fittedMessageSize = Math.min(messageSize, contentWidth / (longestWord * 0.57));
-  const bannerTop = Math.max(safeZone.top, height * 0.08) + unit * 0.025;
-  const travel = bannerTop + unit * 0.65;
-  const iconSize = unit * 0.049;
-  return /* @__PURE__ */ jsxs("div", { "data-template": "notification", style: { position: "absolute", inset: 0, overflow: "hidden", background: "var(--vanillasky-template-surface, #000)", fontFamily: editorialFont }, children: [
-    /* @__PURE__ */ jsx(MediaScene, { ...props }),
-    /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: { position: "absolute", inset: 0, background: "rgba(0,0,0,.16)" } }),
-    /* @__PURE__ */ jsxs("div", { "data-notification-card": "true", style: { position: "absolute", left: (width - cardWidth) / 2, top: bannerTop, width: cardWidth, boxSizing: "border-box", transform: `translateY(${-(1 - arrival) * travel}px) scale(${0.985 + arrival * 0.015})`, opacity, transformOrigin: "50% 0%", padding: inset, borderRadius: unit * 0.042, background: "rgba(245,247,250,.64)", backdropFilter: `blur(${unit * 0.034}px) saturate(135%)`, WebkitBackdropFilter: `blur(${unit * 0.034}px) saturate(135%)`, border: `${unit * 1e-3}px solid rgba(255,255,255,.72)`, boxShadow: `0 ${unit * 0.018}px ${unit * 0.065}px rgba(0,0,0,.2), inset 0 ${unit * 1e-3}px 0 rgba(255,255,255,.8)`, color: "#202025" }, children: [
-      /* @__PURE__ */ jsxs("div", { "data-notification-header": "true", style: { display: "flex", alignItems: "center", gap: unit * 0.014, marginBottom: unit * 0.024 }, children: [
-        /* @__PURE__ */ jsx("div", { style: { width: iconSize, height: iconSize, borderRadius: iconSize * 0.25, display: "grid", placeItems: "center", background: "linear-gradient(#5bd978, #25b749)", flexShrink: 0 }, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 40 40", width: iconSize * 0.78, height: iconSize * 0.78, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M34 18c0 7-6 12-14 12-2 0-4 0-6-1l-7 3 2-7c-2-2-3-4-3-7C6 11 12 6 20 6s14 5 14 12Z", fill: "white" }) }) }),
-        /* @__PURE__ */ jsx("div", { style: { fontSize: unit * 0.029, fontWeight: 500, color: "#5b565f", minWidth: 0, overflowWrap: "anywhere" }, children: app })
-      ] }),
-      /* @__PURE__ */ jsx("div", { style: { fontSize: fittedMessageSize, lineHeight: 1.26, letterSpacing: "-.016em", overflowWrap: "anywhere" }, children: message })
-    ] })
-  ] });
-}
-var NotificationSceneTemplate = NotificationScene;
-export {
-  NotificationSceneTemplate
-};

package/dist/preload-media-LJXWKTWG.js

@@ -1,57 +0,0 @@
-import {
-  limitsConcurrentVideoDecoders,
-  resolveMediaType
-} from "./chunk-224QNWRA.js";
-
-// src/player/preload-media.ts
-var warmed = /* @__PURE__ */ new Set();
-var inFlight = /* @__PURE__ */ new Set();
-function warmImage(url) {
-  const trimmed = url.trim();
-  if (!trimmed || warmed.has(trimmed)) return;
-  warmed.add(trimmed);
-  const image = new Image();
-  const release = () => inFlight.delete(image);
-  image.onload = release;
-  image.onerror = release;
-  inFlight.add(image);
-  image.src = trimmed;
-}
-var videoWarmInFlight = false;
-function warmVideo(url) {
-  const trimmed = url.trim();
-  if (!trimmed || warmed.has(trimmed) || videoWarmInFlight) return;
-  warmed.add(trimmed);
-  videoWarmInFlight = true;
-  const video = document.createElement("video");
-  video.preload = "auto";
-  video.muted = true;
-  video.playsInline = true;
-  const release = () => {
-    videoWarmInFlight = false;
-    inFlight.delete(video);
-    video.removeAttribute("src");
-    video.load();
-  };
-  video.onloadeddata = release;
-  video.onerror = release;
-  inFlight.add(video);
-  video.src = trimmed;
-}
-function preloadSceneMedia(variables) {
-  if (typeof window === "undefined" || typeof Image === "undefined") return;
-  const mediaUrl = String(variables.mediaUrl || "").trim();
-  if (!mediaUrl) return;
-  const resolved = resolveMediaType(String(variables.mediaType || "auto"), mediaUrl);
-  if (resolved === "gradient") return;
-  if (resolved === "video") {
-    warmImage(String(variables.mediaPoster || ""));
-    if (limitsConcurrentVideoDecoders()) return;
-    warmVideo(mediaUrl);
-    return;
-  }
-  warmImage(mediaUrl);
-}
-export {
-  preloadSceneMedia
-};

package/dist/quote-GRPIYKQJ.js

@@ -1,32 +0,0 @@
-import {
-  EditorialSurface
-} from "./chunk-HFVNAPHZ.js";
-import "./chunk-YAHT3LST.js";
-import {
-  fade
-} from "./chunk-4YM2M62S.js";
-import "./chunk-5JBMYQP6.js";
-import {
-  hasSceneMedia
-} from "./chunk-224QNWRA.js";
-
-// src/visual-system/scene-templates/quote.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function QuoteScene(props) {
-  const { variables, width, height, progress, motionProgress = progress, safeZone } = props;
-  const overMedia = hasSceneMedia(variables);
-  const u = Math.min(width, height), top = Math.max(height * 0.16, safeZone.top), bottom = height - Math.max(height * 0.23, safeZone.bottom);
-  const side = Math.max(width * 0.13, safeZone.left, safeZone.right);
-  return /* @__PURE__ */ jsx(EditorialSurface, { ...props, template: "quote", children: /* @__PURE__ */ jsxs("div", { style: { position: "absolute", left: side, top: (top + bottom) / 2, width: width - side * 2, transform: "translateY(-50%)", textAlign: "center", opacity: fade((motionProgress - 0.03) / 0.24) }, children: [
-    /* @__PURE__ */ jsxs("div", { style: { fontSize: u * 0.067, fontWeight: 500, lineHeight: 1.25, letterSpacing: "-.025em", textWrap: "balance", overflowWrap: "anywhere" }, children: [
-      "\u201C",
-      String(variables.quote ?? ""),
-      "\u201D"
-    ] }),
-    /* @__PURE__ */ jsx("div", { style: { fontSize: u * 0.041, fontWeight: 400, color: overMedia ? "#fff" : "#b7b7bc", lineHeight: 1.3, marginTop: u * 0.065, textWrap: "balance", overflowWrap: "anywhere" }, children: String(variables.attribution ?? "") })
-  ] }) });
-}
-var QuoteSceneTemplate = QuoteScene;
-export {
-  QuoteSceneTemplate
-};

package/dist/system-prompt-AG26KJAA.js

@@ -1,12 +0,0 @@
-import {
-  DEFAULT_VIDEO_SYSTEM_PROMPT,
-  VIDEO_PLAN_INSTRUCTION,
-  createVideoSystemPrompt,
-  videoPlanInstruction
-} from "./chunk-LVM5Q2DL.js";
-export {
-  DEFAULT_VIDEO_SYSTEM_PROMPT,
-  VIDEO_PLAN_INSTRUCTION,
-  createVideoSystemPrompt,
-  videoPlanInstruction
-};