@vanillaskyai/video 0.9.0 → 0.10.1

package/dist/key-figure-GYENXKH3.js

@@ -1,20 +0,0 @@
-import {
-  editorialFont,
-  editorialLabel,
-  fade
-} from "./chunk-4YM2M62S.js";
-
-// src/visual-system/scene-templates/key-figure.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function KeyFigureScene({ variables, width, height, progress, motionProgress = progress, safeZone }) {
-  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("div", { "data-template": "keyFigure", style: { position: "absolute", inset: 0, background: "#000", color: "#fff", fontFamily: editorialFont, overflow: "hidden" }, 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), marginTop: u * 0.045, textWrap: "balance", overflowWrap: "anywhere" }, children: String(variables.label ?? "") })
-  ] }) });
-}
-var KeyFigureSceneTemplate = KeyFigureScene;
-export {
-  KeyFigureSceneTemplate
-};

package/dist/quote-EW5HQA6H.js

@@ -1,23 +0,0 @@
-import {
-  editorialFont,
-  fade
-} from "./chunk-4YM2M62S.js";
-
-// src/visual-system/scene-templates/quote.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function QuoteScene({ variables, width, height, progress, motionProgress = progress, safeZone }) {
-  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("div", { "data-template": "quote", style: { position: "absolute", inset: 0, background: "#000", color: "#fff", fontFamily: editorialFont, overflow: "hidden" }, 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: "#b7b7bc", lineHeight: 1.3, marginTop: u * 0.065, textWrap: "balance", overflowWrap: "anywhere" }, children: String(variables.attribution ?? "") })
-  ] }) });
-}
-var QuoteSceneTemplate = QuoteScene;
-export {
-  QuoteSceneTemplate
-};

package/registry/items/focusCards.json

@@ -1,90 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "focusCards",
-  "type": "registry:block",
-  "title": "Focus cards",
-  "description": "Two to four short phrases fade in sequentially on black; no boxes or heading.",
-  "dependencies": [
-    "react"
-  ],
-  "registryDependencies": [
-    "@vanillasky/template-context",
-    "@vanillasky/theme"
-  ],
-  "files": [
-    {
-      "path": "src/visual-system/scene-templates/focus-cards.tsx",
-      "type": "registry:component",
-      "target": "vanillasky/scene-templates/focus-cards.tsx",
-      "content": "import type {SceneTemplateProps} from './types';\nimport {editorialFont,fade} from './editorial-typography';\n\n/** Short parallel thoughts, each given a quiet entrance and a shared reading hold. */\nfunction CardsScene({variables,width,height,progress,motionProgress=progress,safeZone}:SceneTemplateProps){\n const items=(Array.isArray(variables.items)?variables.items:[]).filter((v):v is string=>typeof v==='string'&&!!v.trim()).slice(0,4);\n const u=Math.min(width,height),n=Math.max(1,items.length);\n const side=Math.max(width*.12,safeZone.left,safeZone.right),available=width-side*2;\n const top=Math.max(height*.18,safeZone.top),bottom=height-Math.max(height*.22,safeZone.bottom);\n const font=u*.057,slot=Math.min(u*.17,(bottom-top)/n),groupHeight=slot*n;\n const listTop=top+(bottom-top-groupHeight)/2;\n return <div data-template=\"cards\" style={{position:'absolute',inset:0,overflow:'hidden',background:'#000',color:'#fff',fontFamily:editorialFont}}>\n  {items.map((text,i)=><div data-template-item=\"cardList\" key={i} style={{position:'absolute',left:side,top:listTop+i*slot,width:available,height:slot,display:'flex',alignItems:'center',justifyContent:'center',textAlign:'center',fontSize:Math.min(font,slot/(Math.max(1,Math.ceil(text.length*font*.52/available))*1.6)),fontWeight:500,lineHeight:1.22,letterSpacing:'-.025em',textWrap:'balance',overflowWrap:'anywhere',opacity:fade((motionProgress-.04-i*.14)/.18)}}>{text}</div>)}\n </div>;\n}\n\nexport const CardsSceneTemplate = CardsScene;\n"
-    },
-    {
-      "path": "src/visual-system/scene-templates/types.ts",
-      "type": "registry:component",
-      "target": "vanillasky/scene-templates/types.ts",
-      "content": "/**\n * Scene template types.\n *\n * A template is a reusable React component that defines how a scene looks.\n * It declares the variables an editor or model may provide\n * and receives universal settings as props.\n *\n * Templates are searchable by AI via description, category, jobs, register,\n * and useWhen guidance.\n * The variable schema enables any LLM to fill in template variables via JSON.\n */\n\nimport type { ResolvedTokens } from \"../theme\";\nimport type { SafeZone, TemplateStyle } from \"../template-context\";\n\n/**\n * Props passed to every scene template component.\n *\n * All animation must be driven by `progress` (0→1). No CSS animations,\n * no Framer Motion, no requestAnimationFrame. Use interpolate/spring\n * from animation-utils.ts.\n *\n * Scale factor: use `Math.min(width, height) / 1080` — normalizes to\n * the short edge so visuals are consistent across portrait and landscape.\n */\nexport interface SceneTemplateProps {\n  variables: Record<string, unknown>;\n  style: TemplateStyle;\n  /** 0→1 through the scene's duration */\n  progress: number;\n  /** Presentation clock. Active templates receive the same complete 0→1 timeline as progress. */\n  motionProgress?: number;\n  /** 0→1 beat pulse intensity */\n  beatIntensity: number;\n  /** 1080 (portrait) or 1920 (landscape) */\n  width: number;\n  /** 1920 (portrait) or 1080 (landscape) */\n  height: number;\n  /** Video-level default text effect (for templates that opt in via usesGlobalTextEffect) */\n  textArchetype?: string;\n  /** How text leaves the scene (fade / shrink / pop / blur-scale). Falls back to a sensible default per textArchetype when undefined. */\n  /** Video-level default background effect (for templates that opt in via usesGlobalBackgroundEffect) */\n  backgroundEffect?: string;\n  /** Platform-aware safe zone insets in pixels — use for text placement */\n  safeZone: SafeZone;\n  /** Scene duration in seconds — use for time-based (not progress-based) animations */\n  sceneDuration?: number;\n  /**\n   * Brand tokens already resolved from `style`. Built-in templates import\n   * resolveTokens directly; an ejected `custom_*` scene can't import anything,\n   * so without this it has no way to reach the same values and ends up\n   * hardcoding white, black and shadows — the body then looks generic next to\n   * a frame that IS using the brand.\n   */\n  tokens?: ResolvedTokens;\n  /**\n   * True when the preview player is actively advancing progress; false when paused.\n   * Templates that play HTML5 <video> elements should pause them when this is false.\n   * Undefined (export capture path) is treated as true.\n   */\n  isPlaying?: boolean;\n}\n"
-    },
-    {
-      "path": "src/visual-system/scene-templates/editorial-typography.ts",
-      "type": "registry:component",
-      "target": "vanillasky/scene-templates/editorial-typography.ts",
-      "content": "/** Shared typography for quiet editorial scenes. */\nexport const editorialFont = '-apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Roboto, Arial, sans-serif';\nexport const fade = (value: number) => { const t = Math.max(0, Math.min(1, value)); return t * t * (3 - 2 * t); };\n\nexport const editorialLabel = (unit: number) => ({fontSize:unit*.042,fontWeight:400,color:'#b7b7bc',lineHeight:1.25} as const);\n"
-    }
-  ],
-  "meta": {
-    "vanillasky": {
-      "layer": "template",
-      "tier": "free",
-      "label": "Focus cards",
-      "description": "Two to four short phrases fade in sequentially on black; no boxes or heading.",
-      "usesGlobalTextEffect": false,
-      "usesGlobalTransition": false,
-      "usesGlobalBackgroundEffect": false,
-      "textCanvas": "tight",
-      "family": "Explainers",
-      "jobs": [
-        "setup",
-        "proof"
-      ],
-      "register": "card-led",
-      "useWhen": "Two to four short parallel points support an explanation. ",
-      "avoidWhen": "The points require an order, long paragraphs, numerical data or additional images to make sense.",
-      "minDuration": 4,
-      "preferredDuration": 5,
-      "timing": {
-        "contentFields": [
-          "items"
-        ],
-        "contentUnit": "items",
-        "revealSeconds": 2.4,
-        "holdSeconds": 1.8,
-        "exitSeconds": 0
-      },
-      "schema": {
-        "type": "object",
-        "properties": {
-          "items": {
-            "type": "array",
-            "minItems": 2,
-            "maxItems": 4,
-            "items": {
-              "type": "string",
-              "minLength": 1,
-              "maxLength": 55
-            },
-            "default": [
-              "Listen closely",
-              "Notice the pattern",
-              "Make room for change"
-            ],
-            "description": "2–4 parallel phrases, about 2–6 words each; no heading or numbering."
-          }
-        },
-        "required": [
-          "items"
-        ],
-        "additionalProperties": false
-      }
-    }
-  }
-}