@vanillaskyai/video 0.10.22 → 0.11.0

package/dist/chunk-5JBMYQP6.js

@@ -1,156 +0,0 @@
-// src/visual-system/scene-templates/tokens.ts
-var STYLE_PRESETS = {
-  bold: {
-    id: "bold",
-    useWhen: "The default. Drifting two-color brand mesh, heavy tight headlines at the top. Launches, hype, product moments \u2014 the loudest of the three.",
-    background: "mesh",
-    titlePlacement: "title-top",
-    type: { weightDelta: 0, trackingDeltaEm: 0, sizeScale: 1 }
-  },
-  editorial: {
-    id: "editorial",
-    useWhen: "Calm vertical wash, lighter and wider-tracked headlines, centered. Reviews, thoughtful updates, premium or B2B brands \u2014 when the copy should feel considered rather than shouted.",
-    background: "wash",
-    titlePlacement: "title-center",
-    type: { weightDelta: -200, trackingDeltaEm: 0.01, sizeScale: 1.08 }
-  },
-  stark: {
-    id: "stark",
-    useWhen: "Single hard spotlight on near-black, uppercase and tightly tracked. Dev tools, technical claims, high-contrast statements \u2014 maximum weight on very few words.",
-    background: "spotlight",
-    titlePlacement: "title-top",
-    type: { weightDelta: 100, trackingDeltaEm: -0.01, sizeScale: 1, transform: "uppercase" }
-  }
-};
-var DEFAULT_PRESET_ID = "bold";
-var PRESET_IDS = Object.keys(STYLE_PRESETS);
-function resolvePreset(id) {
-  return id && STYLE_PRESETS[id] || STYLE_PRESETS[DEFAULT_PRESET_ID];
-}
-var DENSITY_SCALES = {
-  airy: {
-    id: "airy",
-    useWhen: "Smaller headlines held further off the frame edges. Premium, considered, editorial \u2014 when the copy should have room to breathe.",
-    typeScale: 0.92,
-    safeZoneScale: 1.3
-  },
-  normal: {
-    id: "normal",
-    useWhen: "The default. No change to type size or frame padding.",
-    typeScale: 1,
-    safeZoneScale: 1
-  },
-  packed: {
-    id: "packed",
-    useWhen: "Bigger headlines pushed closer to the edges. Dense, urgent, information-heavy \u2014 when the frame should feel full.",
-    typeScale: 1.08,
-    safeZoneScale: 0.8
-  }
-};
-var MOTION_SCALES = {
-  calm: {
-    id: "calm",
-    useWhen: "Slower entrances and exits \u2014 text eases in rather than arriving. Founder stories, sober data, anything reflective.",
-    phaseScale: 1.4
-  },
-  normal: {
-    id: "normal",
-    useWhen: "The default. Archetype timings as authored.",
-    phaseScale: 1
-  },
-  punchy: {
-    id: "punchy",
-    useWhen: "Snappier entrances and exits \u2014 text lands fast and clears fast. Hype, launches, hot takes.",
-    phaseScale: 0.7
-  }
-};
-var DEFAULT_DENSITY_ID = "normal";
-var DEFAULT_MOTION_ID = "normal";
-var DENSITY_IDS = Object.keys(DENSITY_SCALES);
-var MOTION_IDS = Object.keys(MOTION_SCALES);
-function resolveDensity(id) {
-  return id && DENSITY_SCALES[id] || DENSITY_SCALES[DEFAULT_DENSITY_ID];
-}
-function resolveMotion(id) {
-  return id && MOTION_SCALES[id] || MOTION_SCALES[DEFAULT_MOTION_ID];
-}
-function resolveTokens(style) {
-  const preset = resolvePreset(style.preset);
-  const density = resolveDensity(style.density);
-  const motion = resolveMotion(style.motion);
-  const composedPreset = {
-    ...preset,
-    type: {
-      ...preset.type,
-      sizeScale: preset.type.sizeScale * density.typeScale,
-      phaseScale: motion.phaseScale
-    }
-  };
-  return {
-    primary: "#FFFFFF",
-    secondary: "#FFFFFF",
-    background: { type: "solid", color: "#000000" },
-    surface: "#000000",
-    surfaceElevated: "#171717",
-    foreground: "#FFFFFF",
-    muted: "#B7B7BC",
-    font: '-apple-system, BlinkMacSystemFont, "Helvetica Neue", Roboto, Arial, sans-serif',
-    scriptFont: "Georgia",
-    preset: composedPreset,
-    density,
-    motion
-  };
-}
-function darken(hex, factor) {
-  if (!hex.startsWith("#") || hex.length !== 4 && hex.length !== 7) {
-    return hex;
-  }
-  const full = hex.length === 4 ? `#${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}` : hex;
-  const ch = (i) => Math.max(0, Math.round(parseInt(full.slice(i, i + 2), 16) * (1 - factor))).toString(16).padStart(2, "0");
-  return `#${ch(1)}${ch(3)}${ch(5)}`;
-}
-
-// src/visual-system/scene-templates/external-video-backdrop.tsx
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var DEFAULT = { mode: false, audioMuted: true, audioVolume: 1 };
-var sharedContext = globalThis;
-var BackdropContext = sharedContext.__vanillaskyVideoBackdropContext ??= React.createContext(DEFAULT);
-function ExternalVideoBackdropProvider({
-  mode,
-  audioMuted = true,
-  audioVolume = 1,
-  preparingNarration = false,
-  onMediaError,
-  children
-}) {
-  const value = React.useMemo(
-    () => ({ mode, audioMuted, audioVolume, preparingNarration, onMediaError }),
-    [mode, audioMuted, audioVolume, preparingNarration, onMediaError]
-  );
-  return /* @__PURE__ */ jsx(BackdropContext.Provider, { value, children });
-}
-function useExternalVideoBackdrop() {
-  return React.useContext(BackdropContext).mode;
-}
-function useMediaAudio() {
-  const { audioMuted, audioVolume } = React.useContext(BackdropContext);
-  return { muted: audioMuted, volume: audioVolume };
-}
-function useNarrationPreroll() {
-  return React.useContext(BackdropContext).preparingNarration === true;
-}
-function useMediaFailure() {
-  return React.useContext(BackdropContext).onMediaError;
-}
-
-export {
-  resolveDensity,
-  resolveTokens,
-  darken,
-  ExternalVideoBackdropProvider,
-  useExternalVideoBackdrop,
-  useMediaAudio,
-  useNarrationPreroll,
-  useMediaFailure
-};

package/dist/chunk-73NTSFFI.js

@@ -1,81 +0,0 @@
-// src/visual-system/catalog/schema.ts
-function cloneJson(value) {
-  return JSON.parse(JSON.stringify(value));
-}
-function getTemplateDefaults(schema) {
-  return Object.fromEntries(Object.entries(schema.properties).filter(([, property]) => property.default !== void 0).map(([name, property]) => [name, cloneJson(property.default)]));
-}
-function isMeaningfullyPresentTemplateValue(value) {
-  if (value == null) return false;
-  if (typeof value === "string") return value.trim().length > 0;
-  if (Array.isArray(value)) return value.length > 0;
-  if (typeof value === "object") return Object.keys(value).length > 0;
-  return true;
-}
-function schemaProperties(schema) {
-  return [
-    schema,
-    ...Object.values(schema.properties ?? {}).flatMap(schemaProperties),
-    ...schema.items ? schemaProperties(schema.items) : []
-  ];
-}
-function getTemplateSchemaGates(schema) {
-  const requiredAnyOf = schema["x-vanillasky"]?.requiredAnyOf ?? [];
-  for (const [groupIndex, group] of requiredAnyOf.entries()) {
-    if (!Array.isArray(group) || group.length === 0) {
-      throw new Error(`Template schema x-vanillasky.requiredAnyOf[${groupIndex}] must name at least one field`);
-    }
-    for (const field of group) {
-      if (typeof field !== "string" || !Object.hasOwn(schema.properties, field)) {
-        throw new Error(`Template schema x-vanillasky.requiredAnyOf[${groupIndex}] field ${String(field)} is not declared`);
-      }
-    }
-  }
-  const properties = Object.values(schema.properties).flatMap(schemaProperties);
-  return {
-    requiresStat: schema["x-vanillasky"]?.requiresStat === true || properties.some(({ format }) => format === "grounded-stat"),
-    requiresQuote: properties.some(({ format }) => format === "grounded-quote"),
-    requiresScreenshot: properties.some(({ format }) => format === "supplied-image"),
-    allowsStockMedia: schema["x-vanillasky"]?.allowsStockMedia === true || properties.some(({ format }) => format === "stock-media-keyword"),
-    requiredAnyOf
-  };
-}
-function summaryType(property) {
-  if (property.format === "uri" || property.format === "supplied-image") return "media";
-  if (property.enum) return "enum";
-  if (property.type === "number" || property.type === "integer") return "number";
-  if (property.type === "boolean") return "boolean";
-  if (property.type === "array" && property.items?.type === "object") return "data-points";
-  if (property.type === "array") return "string-array";
-  return "string";
-}
-function summarizeTemplateVariables(schema) {
-  const required = new Set(schema.required ?? []);
-  return Object.fromEntries(Object.entries(schema.properties).map(([name, property]) => [name, {
-    type: summaryType(property),
-    ...property.title == null ? {} : { title: property.title },
-    ...property.description == null ? {} : { description: property.description },
-    ...property.default === void 0 ? {} : { default: cloneJson(property.default) },
-    ...property.examples == null ? {} : { examples: cloneJson(property.examples) },
-    ...property.enum == null ? {} : { options: [...property.enum] },
-    required: required.has(name),
-    ...property.minItems == null ? {} : { minItems: property.minItems },
-    ...property.maxItems == null ? {} : { maxItems: property.maxItems }
-  }]));
-}
-function templateVariableNotation(property, required) {
-  const type = summaryType(property);
-  const options = property.enum?.length ? `(${property.enum.join("|")})` : "";
-  const itemCount = property.minItems === property.maxItems && property.minItems != null ? `[${property.minItems}]` : property.minItems != null || property.maxItems != null ? `[${property.minItems ?? 0}..${property.maxItems ?? "\u221E"}]` : "";
-  const textProperty = property.type === "array" ? property.items : property;
-  const characterCount = textProperty?.type === "string" && (textProperty.minLength != null || textProperty.maxLength != null) ? `{${textProperty.minLength ?? 0}..${textProperty.maxLength ?? "\u221E"}}` : "";
-  return `${type}${itemCount}${characterCount}${options}${required ? "!" : ""}`;
-}
-
-export {
-  getTemplateDefaults,
-  isMeaningfullyPresentTemplateValue,
-  getTemplateSchemaGates,
-  summarizeTemplateVariables,
-  templateVariableNotation
-};

package/dist/chunk-EGVQODKU.js

@@ -1,83 +0,0 @@
-// src/visual-system/catalog/value-validation.ts
-var STRING_FORMATS = /* @__PURE__ */ new Set(["uri", "supplied-image", "grounded-quote", "stock-media-keyword", "emoji"]);
-function isTemplatePropertyFormatSupported(format, type) {
-  return format === "grounded-stat" ? type === "string" || type === "number" || type === "integer" : STRING_FORMATS.has(format) && type === "string";
-}
-function validUrl(value) {
-  try {
-    return ["https:", "http:", "data:"].includes(new URL(value).protocol);
-  } catch {
-    return false;
-  }
-}
-function validSingleEmoji(value) {
-  const text = value.trim();
-  const graphemes = Array.from(new Intl.Segmenter(void 0, { granularity: "grapheme" }).segment(text));
-  return graphemes.length === 1 && /\p{Extended_Pictographic}|\p{Regional_Indicator}|\u20e3/u.test(text);
-}
-function validateTemplateSchemaValue(schema, value, path, options = {}) {
-  const fail = (message) => {
-    throw new Error(`${options.errorPrefix ?? ""}${path} ${message}`);
-  };
-  if (schema.enum && (typeof value !== "string" || !schema.enum.includes(value))) fail("must match an allowed value");
-  if (schema.type === "string") {
-    if (typeof value !== "string") fail("must be string");
-    const text = value;
-    if (schema.minLength != null && text.length < schema.minLength) fail(`must contain at least ${schema.minLength} characters`);
-    if (schema.maxLength != null && text.length > schema.maxLength) fail(`must contain at most ${schema.maxLength} characters`);
-    if (!options.deferMediaUrls && (schema.format === "uri" || schema.format === "supplied-image")) {
-      const emptySentinel = options.allowEmptyOptionalMedia && options.optional && text === "";
-      if (!emptySentinel && !validUrl(text)) fail("must be a valid URL");
-    }
-    if (schema.format === "emoji" && !validSingleEmoji(text)) fail("must be a single emoji");
-  } else if (schema.type === "number" || schema.type === "integer") {
-    if (typeof value !== "number" || !Number.isFinite(value)) {
-      fail(`must be ${options.includeTypeArticle ? "a " : ""}${schema.type}`);
-    }
-    const number = value;
-    if (schema.type === "integer" && !Number.isInteger(number)) fail("must be integer");
-    if (schema.minimum != null && number < schema.minimum) fail(`must be at least ${schema.minimum}`);
-    if (schema.maximum != null && number > schema.maximum) fail(`must be at most ${schema.maximum}`);
-  } else if (schema.type === "boolean") {
-    if (typeof value !== "boolean") fail("must be boolean");
-  } else if (schema.type === "array") {
-    if (!Array.isArray(value)) fail("must be array");
-    const items = value;
-    if (schema.minItems === schema.maxItems && schema.minItems != null && items.length !== schema.minItems) {
-      fail(`must contain exactly ${schema.minItems} items`);
-    }
-    if (schema.minItems != null && items.length < schema.minItems) fail(`must contain at least ${schema.minItems} items`);
-    if (schema.maxItems != null && items.length > schema.maxItems) fail(`must contain at most ${schema.maxItems} items`);
-    if (schema.items) items.forEach((item, index) => validateTemplateSchemaValue(schema.items, item, `${path}.${index}`, {
-      ...options,
-      optional: false
-    }));
-  } else if (schema.type === "object") {
-    if (!value || typeof value !== "object" || Array.isArray(value)) fail("must be object");
-    const object = value;
-    for (const required2 of schema.required ?? []) {
-      if (!Object.hasOwn(object, required2)) fail(`requires ${required2}`);
-    }
-    const properties = schema.properties ?? {};
-    if (schema.additionalProperties === false) {
-      for (const name of Object.keys(object)) {
-        if (!Object.hasOwn(properties, name)) {
-          throw new Error(`${options.errorPrefix ?? ""}${path}.${name} is not declared`);
-        }
-      }
-    }
-    const required = new Set(schema.required ?? []);
-    for (const [name, property] of Object.entries(properties)) {
-      if (Object.hasOwn(object, name)) validateTemplateSchemaValue(property, object[name], `${path}.${name}`, {
-        ...options,
-        allowEmptyOptionalMedia: property.default === "",
-        optional: !required.has(name)
-      });
-    }
-  }
-}
-
-export {
-  isTemplatePropertyFormatSupported,
-  validateTemplateSchemaValue
-};

package/dist/chunk-HFVNAPHZ.js

@@ -1,35 +0,0 @@
-import {
-  SceneBackground,
-  getMediaBackgroundProps
-} from "./chunk-YAHT3LST.js";
-import {
-  editorialFont
-} from "./chunk-4YM2M62S.js";
-import {
-  hasSceneMedia
-} from "./chunk-224QNWRA.js";
-
-// src/visual-system/scene-templates/editorial-background.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function EditorialSurface({ children, template, ...props }) {
-  const { variables, style, width, height, progress, sceneDuration, isPlaying } = props;
-  const overMedia = hasSceneMedia(variables), u = Math.min(width, height);
-  const surface = {
-    position: "absolute",
-    inset: 0,
-    overflow: "hidden",
-    background: overMedia ? "var(--vanillasky-template-surface, #000)" : "#000",
-    fontFamily: editorialFont,
-    color: "#fff",
-    // Two soft, scale-aware shadows preserve local contrast without outlining type.
-    textShadow: overMedia ? `0 ${u * 2e-3}px ${u * 8e-3}px rgba(0,0,0,.65), 0 ${u * 6e-3}px ${u * 0.016}px rgba(0,0,0,.4)` : void 0
-  };
-  return /* @__PURE__ */ jsxs("div", { "data-template": template, style: surface, children: [
-    overMedia && /* @__PURE__ */ jsx(SceneBackground, { style, width, height, progress, sceneDuration, ...getMediaBackgroundProps(variables), mediaTreatment: "cinematic", textAnchor: "center", backgroundEffect: "none", isPlaying }),
-    children
-  ] });
-}
-
-export {
-  EditorialSurface
-};