@bendyline/squisq 1.2.2 → 1.4.0

package/dist/chunk-57CVQCFX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schemas/Doc.ts","../src/schemas/themeCompile.ts"],"sourcesContent":["/**\n * Doc Schema\n *\n * Defines the JSON format for AI-scriptable visual docs that accompany\n * audio narration. A Doc describes a sequence of animated blocks\n * with text overlays, images, and transitions synchronized to audio.\n *\n * The format is designed to be:\n * 1. AI-generatable - Claude can create scripts from article content\n * 2. Browser-renderable - SVG + CSS animations (ES2015 compatible)\n * 3. Video-exportable - Frame-by-frame capture via Playwright\n *\n * Timing: Blocks are timed to match narration audio segments. Each article\n * has 3-6 MP3 files (intro + sections), and blocks are grouped by segment.\n */\n\n// ============================================\n// Core Types\n// ============================================\n\n/**\n * Configuration for the Start/resting block shown before playback begins.\n */\nexport interface StartBlockConfig {\n  /** Hero image path (relative to article media). When omitted, a theme-driven background is used. */\n  heroSrc?: string;\n  /** Alt text for the hero image */\n  heroAlt?: string;\n  /** Title to display over the hero */\n  title: string;\n  /** Optional subtitle */\n  subtitle?: string;\n  /** Ambient motion for the hero image */\n  ambientMotion?: 'zoomIn' | 'zoomOut' | 'panLeft' | 'panRight';\n  /** Photo credit / artist name for the hero image */\n  heroCredit?: string;\n  /** License identifier for the hero image */\n  heroLicense?: string;\n}\n\n/**\n * A complete visual doc for an article.\n */\nexport interface Doc {\n  /** Article ID this doc belongs to */\n  articleId: string;\n\n  /** Total duration in seconds (sum of all audio segments) */\n  duration: number;\n\n  /** Ordered list of blocks */\n  blocks: Block[];\n\n  /** Audio track configuration */\n  audio: AudioTrack;\n\n  /** Caption track for closed captions (generated by postprocess-doc) */\n  captions?: CaptionTrack;\n\n  /**\n   * Start/resting block shown before playback begins.\n   * Displays hero image with title - acts as a \"poster\" for the doc.\n   * The player shows this until the user starts playback.\n   */\n  startBlock?: StartBlockConfig;\n\n  /**\n   * Persistent layers rendered on every block (behind and/or on top of content).\n   * Used for consistent branding overlays, background gradients, etc.\n   */\n  persistentLayers?: import('./BlockTemplates.js').PersistentLayerConfig;\n\n  /**\n   * Optional theme identifier. Resolved at render time via `resolveTheme()`.\n   * When omitted, the renderer uses the default theme ('documentary').\n   */\n  themeId?: string;\n\n  /** Optional metadata */\n  meta?: {\n    generatedAt?: string;\n    generatedBy?: string;\n    version?: number;\n  };\n\n  /**\n   * YAML frontmatter from the source markdown.\n   * Carries rendering hints like `document-render-as` and custom metadata.\n   */\n  frontmatter?: Record<string, unknown>;\n}\n\n/**\n * A single block in the doc.\n *\n * Blocks can be flat (audio-synced timeline) or nested (markdown-driven hierarchy).\n * When derived from markdown, a block corresponds to a heading section:\n * - `sourceHeading` references the original MarkdownHeading node\n * - `contents` holds the body markdown between this heading and the next\n * - `children` holds sub-heading blocks (e.g., H2s under an H1)\n */\nexport interface Block {\n  /** Unique identifier for this block */\n  id: string;\n\n  /** When this block appears (seconds from start) */\n  startTime: number;\n\n  /** How long this block is visible (seconds) */\n  duration: number;\n\n  /** Which audio segment this block belongs to (0-indexed) */\n  audioSegment: number;\n\n  /**\n   * Pre-computed visual layers, rendered back-to-front.\n   *\n   * Optional — template-derived blocks typically omit this and compute\n   * layers on demand via `getLayers()` from `@bendyline/squisq/doc`.\n   * Raw blocks (e.g., hand-crafted by AI) may provide layers directly.\n   */\n  layers?: Layer[];\n\n  /** Entry transition from previous block */\n  transition?: Transition;\n\n  /** Template name that generated this block (for debugging) */\n  template?: string;\n\n  /**\n   * Display title for template rendering.\n   * Extracted from the sourceHeading when the block is created by markdownToDoc().\n   * Templates like sectionHeader and titleBlock read this for their title layer.\n   */\n  title?: string;\n\n  // ── Markdown-driven hierarchy (optional) ──\n\n  /**\n   * Nested sub-blocks (heading hierarchy).\n   * When a doc is derived from markdown, sub-headings within this\n   * heading's section become child blocks. For example, H2 blocks\n   * under an H1 block appear here.\n   */\n  children?: Block[];\n\n  /**\n   * Markdown body content for this block's section.\n   * Contains the block-level markdown nodes (paragraphs, lists, code,\n   * blockquotes, etc.) that appear between this heading and the next\n   * heading or sub-heading. Empty for pure structural blocks.\n   */\n  contents?: import('../markdown/types.js').MarkdownBlockNode[];\n\n  /**\n   * Reference to the MarkdownHeading node that created this block.\n   * Present when the block was derived from markdown via markdownToDoc().\n   * Enables round-tripping back to markdown and provides heading depth.\n   * Absent for the preamble block (content before the first heading).\n   */\n  sourceHeading?: import('../markdown/types.js').MarkdownHeading;\n\n  /**\n   * Template overrides extracted from markdown directives.\n   * For example, `### Data Section {template=chart colorScheme=blue}`\n   * would produce `{ template: 'chart', colorScheme: 'blue' }`.\n   * Allows per-block customization of template selection and parameters.\n   */\n  templateOverrides?: Record<string, string>;\n}\n\n// ============================================\n// Layer Types\n// ============================================\n\n/**\n * A visual element within a block.\n * Layers are composited back-to-front (first layer is background).\n */\nexport type Layer = ImageLayer | TextLayer | ShapeLayer | MapLayer | VideoLayer | TableLayer;\n\ninterface BaseLayer {\n  /** Unique identifier for this layer */\n  id: string;\n\n  /** Position and size */\n  position: Position;\n\n  /** Animation to apply */\n  animation?: Animation;\n}\n\n/**\n * Image layer - displays an image with optional Ken Burns effect.\n */\nexport interface ImageLayer extends BaseLayer {\n  type: 'image';\n  content: {\n    /** Path to image file (relative to article media dir) */\n    src: string;\n    /** Alt text for accessibility */\n    alt: string;\n    /** How to fit image in bounds */\n    fit?: 'cover' | 'contain' | 'fill';\n    /** Photo credit / artist name */\n    credit?: string;\n    /** License identifier (e.g., 'CC BY-SA 4.0') */\n    license?: string;\n  };\n}\n\n/**\n * Text layer - displays text with styling.\n */\nexport interface TextLayer extends BaseLayer {\n  type: 'text';\n  content: {\n    /** Text to display (supports \\n for line breaks) */\n    text: string;\n    /** Text styling */\n    style: TextStyle;\n  };\n}\n\n/**\n * Shape layer - simple geometric shapes for visual accents.\n */\nexport interface ShapeLayer extends BaseLayer {\n  type: 'shape';\n  content: {\n    /** Shape type */\n    shape: 'rect' | 'circle' | 'line';\n    /** Fill color (CSS color or 'none') */\n    fill?: string;\n    /** Stroke color */\n    stroke?: string;\n    /** Stroke width in pixels */\n    strokeWidth?: number;\n    /** Corner radius for rect */\n    borderRadius?: number;\n  };\n}\n\n/**\n * Map layer - displays a geographic map with optional markers.\n *\n * Maps are rendered as composite tile images from free tile providers.\n * Supported styles use open-source/free tiles requiring attribution.\n */\nexport interface MapLayer extends BaseLayer {\n  type: 'map';\n  content: {\n    /** Center coordinates for the map */\n    center: {\n      lat: number;\n      lng: number;\n    };\n    /** Zoom level (0-18, typically 8-14 for doc blocks) */\n    zoom: number;\n    /** Map tile style */\n    style: MapTileStyle;\n    /** Optional markers to display on the map */\n    markers?: MapMarker[];\n    /** Pre-rendered static image path (for video export reliability) */\n    staticSrc?: string;\n    /** Show attribution text (default: true) */\n    showAttribution?: boolean;\n  };\n}\n\n/**\n * Video layer - displays a short video clip, always muted (narration provides audio).\n *\n * Rendered via an HTML5 <video> element inside <foreignObject>, similar to how\n * ImageLayer uses <img> for Ken Burns effects. clipStart/clipEnd define the window\n * within the source video to play. During Playwright frame capture (seekTo mode),\n * the video is seeked programmatically rather than playing in real time.\n */\nexport interface VideoLayer extends BaseLayer {\n  type: 'video';\n  content: {\n    /** Path to video file (relative to article media dir) */\n    src: string;\n    /** Path to poster frame (shown before video loads / during seek) */\n    posterSrc?: string;\n    /** Alt text for accessibility */\n    alt: string;\n    /** How to fit video in bounds */\n    fit?: 'cover' | 'contain' | 'fill';\n    /** Start time within the source video (seconds) */\n    clipStart: number;\n    /** End time within the source video (seconds) */\n    clipEnd: number;\n    /** Total source video duration (for validation) */\n    sourceDuration?: number;\n    /** Video credit / artist name */\n    credit?: string;\n    /** License identifier (e.g., 'CC BY-SA 4.0') */\n    license?: string;\n  };\n}\n\n/**\n * Table layer - renders a data table with themed styling.\n * Uses foreignObject inside SVG for HTML-based table layout.\n */\nexport interface TableLayer extends BaseLayer {\n  type: 'table';\n  content: {\n    /** Header cell values */\n    headers: string[];\n    /** Data rows (array of cell value arrays) */\n    rows: string[][];\n    /** Per-column alignment */\n    align?: (('left' | 'right' | 'center') | null)[];\n    /** Visual styling */\n    style: TableLayerStyle;\n  };\n}\n\n/**\n * Styling options for a TableLayer.\n */\nexport interface TableLayerStyle {\n  /** Header row background color */\n  headerBackground: string;\n  /** Header row text color */\n  headerColor: string;\n  /** Body cell background color */\n  cellBackground: string;\n  /** Body cell text color */\n  cellColor: string;\n  /** Border/divider color */\n  borderColor: string;\n  /** Font size in pixels */\n  fontSize: number;\n  /** Font family */\n  fontFamily?: string;\n  /** Header font family (falls back to fontFamily) */\n  headerFontFamily?: string;\n  /** Corner radius for the table container */\n  borderRadius?: number;\n}\n\n/**\n * Available map tile styles from free/open-source providers.\n */\nexport type MapTileStyle =\n  | 'terrain' // OpenTopoMap - topographic/terrain (default)\n  | 'satellite' // ESRI World Imagery\n  | 'road' // OpenStreetMap standard\n  | 'toner' // Stadia Toner (high contrast B&W)\n  | 'watercolor'; // Stadia Watercolor (artistic)\n\n/**\n * A marker to display on the map.\n */\nexport interface MapMarker {\n  /** Marker latitude */\n  lat: number;\n  /** Marker longitude */\n  lng: number;\n  /** Optional label text */\n  label?: string;\n  /** Marker color (CSS color, default: #ef4444) */\n  color?: string;\n  /** Marker icon type */\n  icon?: 'pin' | 'circle' | 'star';\n}\n\n// ============================================\n// Position & Styling\n// ============================================\n\n/**\n * Position and dimensions for a layer.\n * Values can be pixels (number) or percentages (string like \"50%\").\n */\nexport interface Position {\n  /** X position (pixels or percentage) */\n  x: number | string;\n  /** Y position (pixels or percentage) */\n  y: number | string;\n  /** Width (pixels or percentage) */\n  width?: number | string;\n  /** Height (pixels or percentage) */\n  height?: number | string;\n  /** Anchor point for positioning */\n  anchor?: 'center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n}\n\n/**\n * Text styling options.\n */\nexport interface TextStyle {\n  /** Font size in pixels */\n  fontSize: number;\n  /** Font family (defaults to system sans-serif) */\n  fontFamily?: string;\n  /** Font weight */\n  fontWeight?: 'normal' | 'bold';\n  /** Text color (CSS color) */\n  color: string;\n  /** Text alignment */\n  textAlign?: 'left' | 'center' | 'right';\n  /** Line height multiplier */\n  lineHeight?: number;\n  /** Add drop shadow for readability over images */\n  shadow?: boolean;\n  /** Background color for text box */\n  background?: string;\n  /** Padding around text (pixels) */\n  padding?: number;\n  /** Maximum number of lines before truncation (adds \"...\" to last line) */\n  maxLines?: number;\n}\n\n// ============================================\n// Animation & Transitions\n// ============================================\n\n/**\n * Animation to apply to a layer.\n */\nexport interface Animation {\n  /** Animation type */\n  type: AnimationType;\n  /** Duration in seconds (defaults to layer's block duration) */\n  duration?: number;\n  /** Delay before animation starts (seconds) */\n  delay?: number;\n  /** CSS easing function */\n  easing?: string;\n  /** For Ken Burns: zoom direction */\n  direction?: 'in' | 'out';\n  /** For pan animations: pan direction */\n  panDirection?: 'left' | 'right' | 'up' | 'down';\n}\n\n/**\n * Available animation types.\n */\nexport type AnimationType =\n  | 'none'\n  | 'fadeIn'\n  | 'fadeOut'\n  | 'slowZoom' // Slow zoom with optional pan\n  | 'zoomIn'\n  | 'zoomOut'\n  | 'panLeft'\n  | 'panRight'\n  | 'typewriter'; // Text appears letter by letter\n\n/**\n * Transition between blocks.\n */\nexport interface Transition {\n  /** Transition type */\n  type: TransitionType;\n  /** Duration in seconds */\n  duration: number;\n}\n\nexport type TransitionType =\n  | 'cut' // Instant switch\n  | 'fade' // Cross-fade\n  | 'dissolve' // Soft dissolve\n  | 'slideLeft' // New block enters from right\n  | 'slideRight'; // New block enters from left\n\n// ============================================\n// Audio Configuration\n// ============================================\n\n/**\n * Audio track configuration.\n * Articles have multiple MP3 segments (intro + sections).\n */\nexport interface AudioTrack {\n  /** Audio segments in playback order */\n  segments: AudioSegment[];\n}\n\n// ============================================\n// Captions\n// ============================================\n\n/**\n * A single word with precise timing, used for word-level highlighting\n * in social-style captions. Populated from TTS timing data when available.\n */\nexport interface CaptionWord {\n  /** The word text */\n  text: string;\n  /** Start time in seconds (relative to doc start) */\n  startTime: number;\n  /** End time in seconds */\n  endTime: number;\n}\n\n/**\n * A single caption phrase to display during playback.\n */\nexport interface CaptionPhrase {\n  /** The text to display */\n  text: string;\n  /** Start time in seconds (relative to doc start) */\n  startTime: number;\n  /** End time in seconds */\n  endTime: number;\n  /** Which audio segment this caption belongs to (0-indexed) */\n  audioSegment: number;\n  /**\n   * Optional per-word timing from TTS timing data.\n   * When present, enables precise word-level highlighting in social\n   * caption style. When absent, word timing is interpolated evenly\n   * across the phrase duration.\n   */\n  words?: CaptionWord[];\n}\n\n/**\n * Caption track for a doc.\n */\nexport interface CaptionTrack {\n  /** Caption phrases in chronological order */\n  phrases: CaptionPhrase[];\n  /** When the captions were generated */\n  generatedAt: string;\n  /** Algorithm version for regeneration detection */\n  version: number;\n}\n\n/**\n * A single audio segment (one MP3 file).\n */\nexport interface AudioSegment {\n  /** Path to MP3 file (relative to article media dir) */\n  src: string;\n  /** Segment name (e.g., \"intro\", \"history\") */\n  name: string;\n  /** Duration in seconds */\n  duration: number;\n  /** Start time in overall timeline (calculated) */\n  startTime: number;\n}\n\n// ============================================\n// Audio Timing Data (from TTS)\n// ============================================\n\n/**\n * A single word-level timing bookmark from TTS synthesis.\n * Used for precise audio-to-content mapping and word-level caption sync.\n */\nexport interface AudioBookmark {\n  /** Unique identifier (e.g., \"word-0\", \"word-1\") */\n  id: string;\n  /** Timestamp in seconds from audio start */\n  time: number;\n  /** Character offset in the source text */\n  charOffset: number;\n  /** The word text at this position */\n  textFragment?: string;\n}\n\n/**\n * Timing data for an audio segment, typically from a `.timing.json` file\n * generated alongside TTS audio. Contains the source text and per-word\n * timing bookmarks for precise content matching and caption sync.\n */\nexport interface AudioTimingData {\n  /** The normalized plain text that was synthesized */\n  sourceText: string;\n  /** Word-level timing bookmarks */\n  bookmarks: AudioBookmark[];\n  /** Total audio duration in seconds */\n  duration: number;\n}\n\n// ============================================\n// Helper Functions\n// ============================================\n\n/**\n * Calculate total duration from audio segments.\n */\nexport function calculateDuration(audio: AudioTrack): number {\n  return audio.segments.reduce((sum, seg) => sum + seg.duration, 0);\n}\n\n/**\n * Find which audio segment is playing at a given time.\n */\nexport function getSegmentAtTime(audio: AudioTrack, time: number): number {\n  let elapsed = 0;\n  for (let i = 0; i < audio.segments.length; i++) {\n    elapsed += audio.segments[i].duration;\n    if (time < elapsed) return i;\n  }\n  return audio.segments.length - 1;\n}\n\n/**\n * Find which block should be visible at a given time.\n */\nexport function getBlockAtTime(blocks: Block[], time: number): Block | null {\n  for (let i = blocks.length - 1; i >= 0; i--) {\n    const block = blocks[i];\n    if (time >= block.startTime && time < block.startTime + block.duration) {\n      return block;\n    }\n  }\n  return blocks[0] || null;\n}\n\n/**\n * Find the caption phrase that should be displayed at a given time.\n */\nexport function getCaptionAtTime(\n  captions: CaptionTrack | undefined,\n  time: number,\n): CaptionPhrase | null {\n  if (!captions || !captions.phrases.length) return null;\n\n  for (const phrase of captions.phrases) {\n    if (time >= phrase.startTime && time < phrase.endTime) {\n      return phrase;\n    }\n  }\n  return null;\n}\n\n/**\n * Validate a Doc for completeness.\n */\nexport function validateDoc(script: Doc): string[] {\n  const errors: string[] = [];\n\n  if (!script.articleId) {\n    errors.push('Missing articleId');\n  }\n\n  if (!script.blocks || script.blocks.length === 0) {\n    errors.push('No blocks defined');\n  }\n\n  if (!script.audio || !script.audio.segments || script.audio.segments.length === 0) {\n    errors.push('No audio segments defined');\n  }\n\n  // Check for gaps in block coverage\n  const totalDuration = script.duration;\n  let covered = 0;\n  for (const block of script.blocks) {\n    if (block.startTime > covered + 0.1) {\n      errors.push(`Gap in blocks: ${covered}s to ${block.startTime}s`);\n    }\n    covered = Math.max(covered, block.startTime + block.duration);\n  }\n\n  if (covered < totalDuration - 0.1) {\n    errors.push(`Blocks end at ${covered}s but audio is ${totalDuration}s`);\n  }\n\n  return errors;\n}\n","/**\n * Theme Compilation\n *\n * Turns a partial Theme (typically authored by the customizer panel from\n * a few seed colors and preset choices) into a complete, validated Theme\n * by:\n *\n *   1. Filling unspecified fields from a hardcoded `STARTER_THEME`.\n *   2. Deriving missing color slots from `seedColors` via OKLCh math.\n *   3. Validating the result.\n *\n * Built-in themes ship as fully-specified Theme JSON and skip this step.\n */\n\nimport type {\n  Theme,\n  DeepPartial,\n  ThemeColorPalette,\n  ThemeColorScheme,\n  ThemeSeedColors,\n  FontFamily,\n} from './Theme.js';\nimport { THEME_SCHEMA_VERSION, createTheme } from './Theme.js';\nimport { assertTheme } from './themeValidator.js';\nimport {\n  oklchLighten,\n  oklchDarken,\n  oklchSetChroma,\n  pickContrastingText,\n  relativeLuminance,\n} from './colorUtils.js';\n\n/** Internal default theme used to fill in fields the customizer doesn't expose. */\nconst STARTER_BODY_FONT: FontFamily = { stackId: 'system-sans' };\nconst STARTER_TITLE_FONT: FontFamily = { stackId: 'system-serif' };\nconst STARTER_MONO_FONT: FontFamily = { stackId: 'system-mono' };\n\nconst STARTER_COLOR_SCHEMES: Record<string, ThemeColorScheme> = {\n  blue: { bg: '#1a365d', text: '#63b3ed', accent: '#90cdf4' },\n  green: { bg: '#22543d', text: '#9ae6b4', accent: '#68d391' },\n  purple: { bg: '#44337a', text: '#d6bcfa', accent: '#b794f4' },\n  red: { bg: '#742a2a', text: '#fc8181', accent: '#feb2b2' },\n  orange: { bg: '#744210', text: '#fbd38d', accent: '#f6ad55' },\n  teal: { bg: '#234e52', text: '#81e6d9', accent: '#4fd1c5' },\n};\n\nexport const STARTER_THEME: Theme = {\n  schemaVersion: THEME_SCHEMA_VERSION,\n  id: 'custom',\n  name: 'Custom Theme',\n  description: 'Customizer starter — gets overridden by user choices.',\n  colors: {\n    primary: '#3182ce',\n    secondary: '#4a5568',\n    background: '#1a202c',\n    backgroundLight: '#2d3748',\n    text: '#f7fafc',\n    textMuted: '#a0aec0',\n    highlight: '#4299e1',\n    warning: '#fc8181',\n  },\n  typography: {\n    bodyFont: STARTER_BODY_FONT,\n    titleFont: STARTER_TITLE_FONT,\n    monoFont: STARTER_MONO_FONT,\n    titleWeight: 'bold',\n  },\n  style: {\n    textShadow: true,\n    overlayOpacity: 0.45,\n    animationSpeed: 1.0,\n    borderRadius: 6,\n  },\n  renderStyle: {\n    name: 'standard',\n    defaultTextAnimation: 'fadeIn',\n    defaultImageAnimation: 'slowZoom',\n    ambientMotion: true,\n    defaultTransition: { type: 'fade', duration: 0.7 },\n  },\n  colorSchemes: STARTER_COLOR_SCHEMES,\n};\n\n/**\n * Derive a full `ThemeColorPalette` from `seedColors`, with any explicit\n * `partialColors` taking precedence over derived values. Background and\n * text are guessed from luminance when the user gave only a primary.\n */\nexport function deriveColorPalette(\n  seeds: ThemeSeedColors,\n  partialColors: Partial<ThemeColorPalette> = {},\n  opts: { contrast?: 'subtle' | 'balanced' | 'high' } = {},\n): ThemeColorPalette {\n  const spread = opts.contrast === 'high' ? 0.22 : opts.contrast === 'subtle' ? 0.08 : 0.15;\n\n  const primary = seeds.primary;\n  const secondary = seeds.secondary ?? oklchSetChroma(oklchLighten(primary, 0.05), 0.5);\n  const accent = seeds.accent ?? oklchLighten(primary, spread);\n\n  // Decide light vs dark surface from the explicit background, the seed background,\n  // or default to dark.\n  const bgSeed = partialColors.background ?? seeds.background;\n  let background: string;\n  if (bgSeed) {\n    background = bgSeed;\n  } else {\n    // Pick a dark or light background that contrasts with primary\n    background = relativeLuminance(primary) > 0.5 ? '#0a0a0a' : '#1a202c';\n  }\n  const isLightSurface = relativeLuminance(background) > 0.5;\n\n  const backgroundLight =\n    partialColors.backgroundLight ??\n    (isLightSurface ? oklchDarken(background, 0.04) : oklchLighten(background, 0.04));\n\n  const text =\n    partialColors.text ?? seeds.text ?? pickContrastingText(background, '#f7fafc', '#1a202c');\n  const textMuted =\n    partialColors.textMuted ??\n    (isLightSurface ? oklchLighten(text, 0.25) : oklchDarken(text, 0.25));\n\n  const highlight = partialColors.highlight ?? accent;\n  const warning = partialColors.warning ?? '#fc8181';\n\n  return {\n    primary: partialColors.primary ?? primary,\n    secondary: partialColors.secondary ?? secondary,\n    background,\n    backgroundLight,\n    text,\n    textMuted,\n    highlight,\n    warning,\n  };\n}\n\n/** Map a contrast preset to numeric spread used by `deriveColorPalette`. */\nexport type ContrastPreset = 'subtle' | 'balanced' | 'high';\n\nexport interface CompileOptions {\n  /** Contrast level for OKLCh derivation (default 'balanced'). */\n  contrast?: ContrastPreset;\n}\n\n/**\n * Compile a partial Theme into a complete one. Fills missing fields from\n * `STARTER_THEME`, derives missing color slots from `seedColors` (when\n * present), and validates the result.\n */\nexport function compileTheme(partial: DeepPartial<Theme>, opts: CompileOptions = {}): Theme {\n  // Step 1: deep-merge over the starter\n  const merged = createTheme(STARTER_THEME, partial);\n  merged.schemaVersion = THEME_SCHEMA_VERSION;\n\n  // Step 1b: typography fonts are discriminated unions ({stackId} | {custom}),\n  // so deep-merge would leave stale keys from the starter when the partial\n  // switches form. Replace each font wholesale when explicitly provided.\n  const partialTypography = partial.typography;\n  if (partialTypography) {\n    if (partialTypography.titleFont !== undefined) {\n      merged.typography.titleFont = partialTypography.titleFont as FontFamily;\n    }\n    if (partialTypography.bodyFont !== undefined) {\n      merged.typography.bodyFont = partialTypography.bodyFont as FontFamily;\n    }\n    if (partialTypography.monoFont !== undefined) {\n      merged.typography.monoFont = partialTypography.monoFont as FontFamily;\n    }\n  }\n\n  // Step 2: derive missing color slots from seeds, if present\n  if (merged.seedColors) {\n    const partialColors = (partial.colors ?? {}) as Partial<ThemeColorPalette>;\n    merged.colors = deriveColorPalette(merged.seedColors, partialColors, {\n      contrast: opts.contrast,\n    });\n  }\n\n  // Step 3: validate\n  return assertTheme(merged, `compiled theme \"${merged.id}\"`);\n}\n\n/**\n * Parse a JSON string into a validated Theme. Throws on invalid input.\n */\nexport function parseTheme(json: string): Theme {\n  let parsed: unknown;\n  try {\n    parsed = JSON.parse(json);\n  } catch (err) {\n    const msg = err instanceof Error ? err.message : String(err);\n    throw new Error(`Invalid theme JSON: ${msg}`);\n  }\n  return assertTheme(parsed, 'parsed theme');\n}\n\n/**\n * Serialize a Theme to a stable, pretty-printed JSON string. Round-trips\n * cleanly through `parseTheme`.\n */\nexport function serializeTheme(theme: Theme): string {\n  return JSON.stringify(theme, null, 2);\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-QM5PKNPW.js → chunk-5WFRKURX.js}

@@ -162,4 +162,4 @@ export {
   scaledFontSize2,
   isPersistentLayerTemplate
 };
-//# sourceMappingURL=chunk-QM5PKNPW.js.map
+//# sourceMappingURL=chunk-5WFRKURX.js.map

package/dist/chunk-5WFRKURX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schemas/Viewport.ts","../src/schemas/LayoutStrategy.ts","../src/schemas/BlockTemplates.ts"],"sourcesContent":["/**\n * Viewport Configuration\n *\n * Defines viewport dimensions for doc rendering across different aspect ratios.\n * Templates use this configuration to adapt their layouts appropriately.\n *\n * Supported aspect ratios:\n * - landscape (16:9) - Default, standard video/presentation format\n * - portrait (9:16) - Vertical video, mobile stories\n * - square (1:1) - Social media posts\n * - standard (4:3) - Legacy presentation format\n */\n\n/**\n * Viewport configuration for doc rendering.\n */\nexport interface ViewportConfig {\n  /** Canonical width in virtual pixels */\n  width: number;\n  /** Canonical height in virtual pixels */\n  height: number;\n  /** Human-readable name for debugging/display */\n  name: string;\n}\n\n/**\n * Standard viewport presets for common aspect ratios.\n */\nexport const VIEWPORT_PRESETS = {\n  /** 16:9 landscape (default, 1080p) */\n  landscape: { width: 1920, height: 1080, name: '16:9 Landscape' },\n  /** 9:16 portrait (vertical video, stories) */\n  portrait: { width: 1080, height: 1920, name: '9:16 Portrait' },\n  /** 1:1 square (social media) */\n  square: { width: 1080, height: 1080, name: '1:1 Square' },\n  /** 4:3 standard (legacy) */\n  standard: { width: 1440, height: 1080, name: '4:3 Standard' },\n} as const;\n\n/**\n * Viewport preset name.\n */\nexport type ViewportPreset = keyof typeof VIEWPORT_PRESETS;\n\n/**\n * Viewport orientation derived from aspect ratio.\n */\nexport type ViewportOrientation = 'landscape' | 'portrait' | 'square';\n\n/**\n * Get a viewport configuration from a preset name or return the config if already a ViewportConfig.\n */\nexport function getViewport(viewport: ViewportPreset | ViewportConfig): ViewportConfig {\n  if (typeof viewport === 'string') {\n    return VIEWPORT_PRESETS[viewport];\n  }\n  return viewport;\n}\n\n/**\n * Calculate font scale factor for a viewport.\n * Based on diagonal pixels relative to 1080p landscape reference.\n * This ensures text remains readable across different viewport sizes.\n */\nconst REFERENCE_DIAGONAL = Math.sqrt(1920 * 1920 + 1080 * 1080); // ~2203\n\nexport function calculateFontScale(viewport: ViewportConfig): number {\n  const currentDiagonal = Math.sqrt(\n    viewport.width * viewport.width + viewport.height * viewport.height,\n  );\n  return currentDiagonal / REFERENCE_DIAGONAL;\n}\n\n/**\n * Determine if viewport is landscape, portrait, or square.\n */\nexport function getViewportOrientation(viewport: ViewportConfig): ViewportOrientation {\n  const ratio = viewport.width / viewport.height;\n  // Allow small tolerance for \"square\" classification\n  if (Math.abs(ratio - 1) < 0.05) return 'square';\n  return ratio > 1 ? 'landscape' : 'portrait';\n}\n\n/**\n * Get aspect ratio as a string (e.g., \"16:9\", \"9:16\", \"1:1\").\n */\nexport function getAspectRatioString(viewport: ViewportConfig): string {\n  const gcd = (a: number, b: number): number => (b === 0 ? a : gcd(b, a % b));\n  const divisor = gcd(viewport.width, viewport.height);\n  return `${viewport.width / divisor}:${viewport.height / divisor}`;\n}\n","/**\n * Layout Strategy\n *\n * Provides orientation-specific layout hints for slide templates.\n * Templates use these hints to position content appropriately for\n * different aspect ratios (landscape, portrait, square).\n *\n * Key adaptations by orientation:\n * - Portrait: Larger relative text, stacked layouts instead of side-by-side\n * - Square: Balanced layout with moderate adjustments\n * - Landscape: Default/reference layout\n */\n\nimport type { ViewportOrientation, ViewportConfig } from './Viewport.js';\nimport { calculateFontScale } from './Viewport.js';\n\n/**\n * Layout hints for template positioning based on orientation.\n */\nexport interface LayoutHints {\n  /** Primary content Y position (percentage string, e.g., \"35%\") */\n  primaryY: string;\n  /** Secondary content Y position (percentage string) */\n  secondaryY: string;\n  /** Tertiary/detail Y position (percentage string) */\n  tertiaryY: string;\n  /** Title font size multiplier (relative to base) */\n  titleScale: number;\n  /** Body text font size multiplier (relative to base) */\n  bodyScale: number;\n  /** Two-column: left X position (percentage string) */\n  columnLeftX: string;\n  /** Two-column: right X position (percentage string) */\n  columnRightX: string;\n  /** Two-column in portrait: top Y position for stacked layout */\n  columnTopY: string;\n  /** Two-column in portrait: bottom Y position for stacked layout */\n  columnBottomY: string;\n  /** Whether two-column should stack vertically */\n  stackColumns: boolean;\n  /** Max text width (percentage string) for wrapping */\n  maxTextWidth: string;\n  /** Horizontal padding from edges (percentage string) */\n  horizontalPadding: string;\n  /** Caption position Y for imageWithCaption (percentage string) */\n  captionY: string;\n  /** Caption font size multiplier */\n  captionScale: number;\n}\n\n/**\n * Layout configurations by orientation.\n */\nconst LAYOUT_CONFIGS: Record<ViewportOrientation, LayoutHints> = {\n  landscape: {\n    primaryY: '35%',\n    secondaryY: '55%',\n    tertiaryY: '75%',\n    titleScale: 1.0,\n    bodyScale: 1.0,\n    columnLeftX: '25%',\n    columnRightX: '75%',\n    columnTopY: '35%',\n    columnBottomY: '65%',\n    stackColumns: false,\n    maxTextWidth: '80%',\n    horizontalPadding: '10%',\n    captionY: '85%',\n    captionScale: 1.0,\n  },\n  portrait: {\n    // Content positioned higher for thumb-reach zone on mobile\n    primaryY: '25%',\n    secondaryY: '42%',\n    tertiaryY: '58%',\n    // Titles scale down for narrower width; body text scales up to fill vertical space\n    titleScale: 0.7,\n    bodyScale: 1.5,\n    // Stacked columns instead of side-by-side\n    columnLeftX: '50%',\n    columnRightX: '50%',\n    columnTopY: '30%',\n    columnBottomY: '55%',\n    stackColumns: true,\n    // Wider relative to viewport to use available space\n    maxTextWidth: '90%',\n    horizontalPadding: '5%',\n    captionY: '75%',\n    captionScale: 0.85,\n  },\n  square: {\n    primaryY: '30%',\n    secondaryY: '50%',\n    tertiaryY: '70%',\n    titleScale: 0.85,\n    bodyScale: 0.9,\n    columnLeftX: '25%',\n    columnRightX: '75%',\n    columnTopY: '35%',\n    columnBottomY: '65%',\n    stackColumns: false,\n    maxTextWidth: '85%',\n    horizontalPadding: '7.5%',\n    captionY: '82%',\n    captionScale: 0.9,\n  },\n};\n\n/**\n * Get layout hints for a given orientation.\n */\nexport function getLayoutHints(orientation: ViewportOrientation): LayoutHints {\n  return LAYOUT_CONFIGS[orientation];\n}\n\n/**\n * Calculate a scaled font size based on viewport and layout hints.\n *\n * @param basePx - Base font size in pixels (designed for 1920x1080)\n * @param viewport - Target viewport configuration\n * @param orientation - Viewport orientation\n * @param isTitle - Whether this is title text (uses titleScale) or body (uses bodyScale)\n */\nexport function scaledFontSize(\n  basePx: number,\n  viewport: ViewportConfig,\n  orientation: ViewportOrientation,\n  isTitle: boolean = false,\n): number {\n  const fontScale = calculateFontScale(viewport);\n  const layout = getLayoutHints(orientation);\n  const typeScale = isTitle ? layout.titleScale : layout.bodyScale;\n  return Math.round(basePx * fontScale * typeScale);\n}\n\n/**\n * Get position for two-column layout based on orientation.\n * Returns { left: {x, y}, right: {x, y} } positions.\n */\nexport function getTwoColumnPositions(orientation: ViewportOrientation): {\n  left: { x: string; y: string };\n  right: { x: string; y: string };\n} {\n  const layout = getLayoutHints(orientation);\n\n  if (layout.stackColumns) {\n    // Portrait: stack vertically\n    return {\n      left: { x: '50%', y: layout.columnTopY },\n      right: { x: '50%', y: layout.columnBottomY },\n    };\n  }\n\n  // Landscape/square: side by side\n  return {\n    left: { x: layout.columnLeftX, y: '50%' },\n    right: { x: layout.columnRightX, y: '50%' },\n  };\n}\n\n/**\n * Get safe text bounds for a given orientation.\n * Returns margins to keep text away from edges.\n */\nexport function getSafeTextBounds(orientation: ViewportOrientation): {\n  left: string;\n  right: string;\n  top: string;\n  bottom: string;\n} {\n  const layout = getLayoutHints(orientation);\n  return {\n    left: layout.horizontalPadding,\n    right: layout.horizontalPadding,\n    top: '10%',\n    bottom: '10%',\n  };\n}\n","/**\n * Block Templates Schema\n *\n * Defines a template system for AI-generated doc blocks. Instead of\n * specifying low-level layers, positions, and animations, AI can use\n * high-level templates like \"title\" or \"statHighlight\" with simple\n * content parameters.\n *\n * Templates are expanded into full Block structures at render time,\n * ensuring consistent styling and reducing AI generation errors.\n *\n * Template Types:\n * - title: Doc intro with title + subtitle\n * - sectionHeader: Colored section divider\n * - statHighlight: Big number/stat with description\n * - quote: Large centered quote\n * - factCard: Key fact with explanation\n * - twoColumn: Side-by-side comparison\n * - dateEvent: Timeline-style date + description\n * - imageWithCaption: Image with text overlay\n */\n\nimport type { Layer, Block, Transition, MapTileStyle, MapMarker } from './Doc.js';\nimport type { ViewportConfig, ViewportOrientation } from './Viewport.js';\nimport type { LayoutHints } from './LayoutStrategy.js';\nimport type { Theme } from './Theme.js';\nimport { VIEWPORT_PRESETS, getViewportOrientation, calculateFontScale } from './Viewport.js';\nimport { getLayoutHints, scaledFontSize as scaleFontSize } from './LayoutStrategy.js';\n\n/**\n * Name of a color scheme defined in the active theme's `colorSchemes` map.\n * Templates reference schemes by name (e.g. 'blue', 'green') and the theme\n * resolves them to actual colors at render time via `resolveColorScheme()`.\n */\nexport type ColorScheme = string;\n\n/**\n * Default font family for doc text.\n * PT Serif provides a classic, readable appearance for documentary-style content.\n * Used as a fallback in TextLayer when no font is specified.\n */\nexport const DEFAULT_DOC_FONT = 'system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif';\n\n/**\n * Default font family for titles.\n */\nexport const DEFAULT_TITLE_FONT = 'Georgia, \"Times New Roman\", serif';\n\n// ============================================\n// Accent Image System\n// ============================================\n\n/**\n * Position options for accent images on text-based blocks.\n * Accents are tasteful image additions that complement rather than overwhelm text.\n */\nexport type AccentPosition =\n  | 'left-strip' // Vertical strip on left (25-30% width), text shifts right\n  | 'right-strip' // Vertical strip on right (25-30% width), text shifts left\n  | 'bottom-strip' // Horizontal strip at bottom (25-30% height), text shifts up\n  | 'corner-inset'; // Small inset image in corner with vignette edge\n\n/**\n * Accent image configuration for text-based blocks.\n * When present, the template adjusts layout to accommodate the image tastefully.\n */\nexport interface AccentImage {\n  /** Path to image file (relative to article media dir) */\n  src: string;\n  /** Alt text for accessibility */\n  alt: string;\n  /** Where to position the accent image */\n  position: AccentPosition;\n  /** Ambient motion effect (subtle Ken Burns) */\n  ambientMotion?: 'zoomIn' | 'zoomOut' | 'panLeft' | 'panRight';\n  /** Photo credit / artist name */\n  credit?: string;\n  /** License identifier (e.g., 'CC BY-SA 4.0') */\n  license?: string;\n}\n\n// ============================================\n// Template Input Types\n// ============================================\n\n/**\n * Base properties shared by all template blocks.\n */\ninterface BaseTemplateBlock {\n  /** Unique block ID */\n  id: string;\n  /** Block duration in seconds */\n  duration: number;\n  /** Which audio segment this block belongs to */\n  audioSegment: number;\n  /** Entry transition */\n  transition?: Transition;\n  /** Show doc's bottom layers (default: true) */\n  useBottomLayer?: boolean;\n  /** Show doc's top layers (default: true) */\n  useTopLayer?: boolean;\n  /**\n   * Start time within the audio segment when this content is spoken.\n   * Used to sync the block appearance with the narration.\n   * If not provided, blocks are distributed evenly across the segment.\n   */\n  sourceStartTime?: number;\n  /**\n   * Duration of the spoken content this block represents.\n   * Used with sourceStartTime to precisely position the block.\n   */\n  sourceDuration?: number;\n}\n\n/**\n * Title block - doc intro with large title and subtitle.\n */\nexport interface TitleBlockInput extends BaseTemplateBlock {\n  template: 'title';\n  /** Main title text */\n  title: string;\n  /** Subtitle or tagline (supports \\n for line breaks) */\n  subtitle?: string;\n  /** Background color (defaults to theme primary) */\n  backgroundColor?: string;\n}\n\n/**\n * Section header - section title card with optional background image.\n * Displays the section title prominently, optionally over an image.\n */\nexport interface SectionHeaderInput extends BaseTemplateBlock {\n  template: 'sectionHeader';\n  /** Section title */\n  title: string;\n  /** Color scheme for the section (used for fallback background) */\n  colorScheme?: ColorScheme;\n  /** Optional background image path */\n  imageSrc?: string;\n  /** Alt text for background image */\n  imageAlt?: string;\n  /** Ambient motion for background image */\n  ambientMotion?: 'zoomIn' | 'zoomOut' | 'panLeft' | 'panRight';\n}\n\n/**\n * Stat highlight - big number with description and optional detail.\n */\nexport interface StatHighlightInput extends BaseTemplateBlock {\n  template: 'statHighlight';\n  /** The statistic (e.g., \"89%\", \"2x\", \"7 miles\") */\n  stat: string;\n  /** Description of what the stat means */\n  description: string;\n  /** Additional detail or context */\n  detail?: string;\n  /** Color scheme for the stat */\n  colorScheme?: ColorScheme;\n  /** Optional accent image to complement the text */\n  accentImage?: AccentImage;\n}\n\n/**\n * Quote block - large centered quote text.\n */\nexport interface QuoteBlockInput extends BaseTemplateBlock {\n  template: 'quote';\n  /** The quote text (supports \\n for line breaks) */\n  quote: string;\n  /** Attribution (author, source) */\n  attribution?: string;\n  /** Optional accent image to complement the text */\n  accentImage?: AccentImage;\n}\n\n/**\n * Fact card - key fact with explanation.\n */\nexport interface FactCardInput extends BaseTemplateBlock {\n  template: 'factCard';\n  /** The main fact or statement */\n  fact: string;\n  /** Explanation or context */\n  explanation: string;\n  /** Optional source citation */\n  source?: string;\n  /** Optional accent image to complement the text */\n  accentImage?: AccentImage;\n}\n\n/**\n * Two column - side-by-side comparison.\n */\nexport interface TwoColumnInput extends BaseTemplateBlock {\n  template: 'twoColumn';\n  /** Left column content */\n  left: {\n    label: string;\n    sublabel?: string;\n  };\n  /** Right column content */\n  right: {\n    label: string;\n    sublabel?: string;\n  };\n  /** Optional header above columns */\n  header?: string;\n  /** Color schemes for left and right */\n  leftColor?: ColorScheme;\n  rightColor?: ColorScheme;\n}\n\n/**\n * Date event - timeline-style date with description.\n */\nexport interface DateEventInput extends BaseTemplateBlock {\n  template: 'dateEvent';\n  /** The date (e.g., \"July 14, 1974\") */\n  date: string;\n  /** Description of what happened (supports \\n) */\n  description: string;\n  /** Optional footer text */\n  footer?: string;\n  /** Mood: 'neutral', 'somber', 'celebratory' */\n  mood?: 'neutral' | 'somber' | 'celebratory';\n  /** Optional accent image to complement the text */\n  accentImage?: AccentImage;\n}\n\n/**\n * Image with caption - background image with text overlay.\n */\nexport interface ImageWithCaptionInput extends BaseTemplateBlock {\n  template: 'imageWithCaption';\n  /** Path to image file */\n  imageSrc: string;\n  /** Alt text for accessibility */\n  imageAlt: string;\n  /** Caption text */\n  caption?: string;\n  /** Caption position */\n  captionPosition?: 'bottom' | 'top' | 'center';\n  /** Ambient motion effect: slow zoom or pan for visual interest */\n  ambientMotion?: 'zoomIn' | 'zoomOut' | 'panLeft' | 'panRight';\n  /** When true, style caption as a title (larger, centered, prominent) */\n  isTitle?: boolean;\n  /** Optional subtitle shown below the title (only when isTitle is true) */\n  subtitle?: string;\n  /** Photo credit / artist name */\n  imageCredit?: string;\n  /** License identifier (e.g., 'CC BY-SA 4.0') */\n  imageLicense?: string;\n}\n\n/**\n * Shared fields for left/right feature blocks. A \"feature\" pairs an\n * image on one side of the block with a title and body paragraph on\n * the other — a common editorial layout for product highlights,\n * profile callouts, or section intros.\n */\ninterface FeatureInputBase extends BaseTemplateBlock {\n  /** Path to the feature image. */\n  imageSrc: string;\n  /** Alt text for accessibility. */\n  imageAlt?: string;\n  /**\n   * Explicit display width of the image, in pixels (typically pulled\n   * from a `<img width>` attribute when the WYSIWYG editor resized it).\n   * When set, the renderer treats the image as a sized asset and\n   * centers it inside its half with padding instead of stretching it\n   * to fill the cell.\n   */\n  imageWidth?: number;\n  /** Explicit display height of the image, in pixels. */\n  imageHeight?: number;\n  /** Heading / title text shown next to the image. */\n  title?: string;\n  /** Body text shown below the title. */\n  body?: string;\n}\n\n/**\n * Left feature — image on the left, title + body stacked on the right.\n */\nexport interface LeftFeatureInput extends FeatureInputBase {\n  template: 'leftFeature';\n}\n\n/**\n * Right feature — image on the right, title + body stacked on the left.\n */\nexport interface RightFeatureInput extends FeatureInputBase {\n  template: 'rightFeature';\n}\n\n/**\n * Map block - geographic map showing article location.\n *\n * Displays a map centered on given coordinates with optional title,\n * caption, and markers. Great for establishing geographic context.\n * See docs/MAP_TILES.md for available tile styles and attribution.\n */\nexport interface MapBlockInput extends BaseTemplateBlock {\n  template: 'map';\n  /** Map center coordinates */\n  center: {\n    lat: number;\n    lng: number;\n  };\n  /** Zoom level (4-16, typically 8-12 for regional context) */\n  zoom: number;\n  /** Map tile style (default: 'terrain') */\n  mapStyle?: MapTileStyle;\n  /** Optional title overlay at top */\n  title?: string;\n  /** Optional caption at bottom */\n  caption?: string;\n  /** Optional markers to show on map */\n  markers?: MapMarker[];\n  /** Ambient motion effect: slow zoom or pan for visual interest */\n  ambientMotion?: 'zoomIn' | 'zoomOut' | 'panLeft' | 'panRight';\n  /** Pre-rendered static image path (set by prerender-maps command) */\n  staticSrc?: string;\n}\n\n/**\n * Full-bleed quote - dramatic short text filling the viewport.\n * Like a movie title card. For short, punchy sentences < 60 chars.\n */\nexport interface FullBleedQuoteInput extends BaseTemplateBlock {\n  template: 'fullBleedQuote';\n  /** Short dramatic text (< 60 chars recommended) */\n  text: string;\n  /** Color scheme for text tint */\n  colorScheme?: ColorScheme;\n}\n\n/**\n * List block - 3-5 items stacked vertically with subtle numbering.\n * Good for enumerations like \"things to see\" or \"key features\".\n */\nexport interface ListBlockInput extends BaseTemplateBlock {\n  template: 'list';\n  /** List items (3-5 recommended) */\n  items: string[];\n  /** Optional header above the list */\n  title?: string;\n  /** Color scheme for numbering accents */\n  colorScheme?: ColorScheme;\n  /** Optional accent image */\n  accentImage?: AccentImage;\n}\n\n/**\n * Photo grid - 2-4 images in a tiled layout.\n * Used when multiple images are available for visual variety.\n */\nexport interface PhotoGridInput extends BaseTemplateBlock {\n  template: 'photoGrid';\n  /** Images to display (2-4) */\n  images: { src: string; alt: string; credit?: string; license?: string }[];\n  /** Optional caption below the grid */\n  caption?: string;\n  /** Ambient motion effect for the largest image */\n  ambientMotion?: 'zoomIn' | 'zoomOut' | 'panLeft' | 'panRight';\n}\n\n/**\n * Definition card - dictionary-style term with definition.\n * Large term at top, definition below, optional origin note.\n */\nexport interface DefinitionCardInput extends BaseTemplateBlock {\n  template: 'definitionCard';\n  /** The term being defined */\n  term: string;\n  /** The definition text */\n  definition: string;\n  /** Optional etymology or origin note */\n  origin?: string;\n  /** Color scheme for term accent */\n  colorScheme?: ColorScheme;\n  /** Optional accent image */\n  accentImage?: AccentImage;\n}\n\n/**\n * Comparison bar - two horizontal bars showing relative numeric values.\n * Good for side-by-side numeric comparisons with visual weight.\n */\nexport interface ComparisonBarInput extends BaseTemplateBlock {\n  template: 'comparisonBar';\n  /** Left bar label */\n  leftLabel: string;\n  /** Left bar numeric value */\n  leftValue: number;\n  /** Right bar label */\n  rightLabel: string;\n  /** Right bar numeric value */\n  rightValue: number;\n  /** Unit label (e.g., \"km\", \"people\") */\n  unit?: string;\n  /** Color scheme */\n  colorScheme?: ColorScheme;\n}\n\n/**\n * Pull quote - quote text over a full-bleed background image with dark overlay.\n * Cinematic alternative to quoteBlock when a high-quality image is available.\n */\nexport interface PullQuoteInput extends BaseTemplateBlock {\n  template: 'pullQuote';\n  /** Quote text */\n  text: string;\n  /** Optional attribution */\n  attribution?: string;\n  /** Background image (fills entire viewport) */\n  backgroundImage: { src: string; alt: string; credit?: string; license?: string };\n  /** Ambient motion for background image */\n  ambientMotion?: 'zoomIn' | 'zoomOut' | 'panLeft' | 'panRight';\n}\n\n/**\n * Video with caption - background video clip with text overlay.\n * Plays a short clip from a source video, always muted (narration is the audio track).\n * Mirrors ImageWithCaptionInput but with video-specific fields.\n */\nexport interface VideoWithCaptionInput extends BaseTemplateBlock {\n  template: 'videoWithCaption';\n  /** Path to video file */\n  videoSrc: string;\n  /** Path to poster frame (shown before video loads) */\n  posterSrc?: string;\n  /** Alt text for accessibility */\n  videoAlt: string;\n  /** Start time within source video (seconds) */\n  clipStart: number;\n  /** End time within source video (seconds) */\n  clipEnd: number;\n  /** Source video total duration (for validation) */\n  sourceDuration?: number;\n  /** Caption text overlay */\n  caption?: string;\n  /** Caption position */\n  captionPosition?: 'bottom' | 'top' | 'center';\n  /** Video credit / artist name */\n  videoCredit?: string;\n  /** License identifier */\n  videoLicense?: string;\n}\n\n/**\n * Video pull quote - quote text over a video clip background with dark overlay.\n * Cinematic alternative to pullQuote when a video clip is available.\n */\nexport interface VideoPullQuoteInput extends BaseTemplateBlock {\n  template: 'videoPullQuote';\n  /** Quote text */\n  text: string;\n  /** Optional attribution */\n  attribution?: string;\n  /** Background video clip */\n  backgroundVideo: {\n    src: string;\n    posterSrc?: string;\n    alt: string;\n    clipStart: number;\n    clipEnd: number;\n    credit?: string;\n    license?: string;\n  };\n}\n\n/**\n * Data table - renders a themed table with headers and rows.\n * Ideal for structured data, comparisons, and reference information.\n */\nexport interface DataTableInput extends BaseTemplateBlock {\n  template: 'dataTable';\n  /** Optional title displayed above the table */\n  title?: string;\n  /** Header cell values */\n  headers: string[];\n  /** Data rows (array of cell value arrays) */\n  rows: string[][];\n  /** Per-column alignment */\n  align?: (('left' | 'right' | 'center') | null)[];\n  /** Color scheme for the table header */\n  colorScheme?: ColorScheme;\n}\n\n/**\n * Union of all template block types.\n */\nexport type TemplateBlock =\n  | TitleBlockInput\n  | SectionHeaderInput\n  | StatHighlightInput\n  | QuoteBlockInput\n  | FactCardInput\n  | TwoColumnInput\n  | DateEventInput\n  | ImageWithCaptionInput\n  | LeftFeatureInput\n  | RightFeatureInput\n  | MapBlockInput\n  | FullBleedQuoteInput\n  | ListBlockInput\n  | PhotoGridInput\n  | DefinitionCardInput\n  | ComparisonBarInput\n  | PullQuoteInput\n  | VideoWithCaptionInput\n  | VideoPullQuoteInput\n  | DataTableInput;\n\n/**\n * A block can be either a raw Block or a TemplateBlock.\n */\nexport type DocBlock = Block | TemplateBlock;\n\n/**\n * Check if a block is a template block.\n */\nexport function isTemplateBlock(block: DocBlock): block is TemplateBlock {\n  return 'template' in block && typeof block.template === 'string';\n}\n\n// ============================================\n// Template Function Type\n// ============================================\n\n/**\n * Template context passed to template functions.\n * Includes viewport information for multi-aspect ratio support.\n */\nexport interface TemplateContext {\n  /** Full theme (colors, typography, style, renderStyle, colorSchemes) */\n  theme: Theme;\n  /** Block index in the doc */\n  blockIndex: number;\n  /** Total number of blocks */\n  totalBlocks: number;\n  /** Target viewport configuration */\n  viewport: ViewportConfig;\n  /** Computed font scale factor for this viewport */\n  fontScale: number;\n  /** Viewport orientation (landscape, portrait, square) */\n  orientation: ViewportOrientation;\n  /** Layout hints for this orientation */\n  layout: LayoutHints;\n}\n\n/**\n * Create a template context with viewport-derived values.\n */\nexport function createTemplateContext(\n  theme: Theme,\n  blockIndex: number,\n  totalBlocks: number,\n  viewport: ViewportConfig = VIEWPORT_PRESETS.landscape,\n): TemplateContext {\n  const orientation = getViewportOrientation(viewport);\n  return {\n    theme,\n    blockIndex,\n    totalBlocks,\n    viewport,\n    fontScale: calculateFontScale(viewport),\n    orientation,\n    layout: getLayoutHints(orientation),\n  };\n}\n\n/**\n * Calculate a scaled font size for the given context.\n * Use this in templates to ensure text scales appropriately.\n *\n * @param basePx - Base font size in pixels (designed for 1920x1080)\n * @param context - Template context with viewport info\n * @param isTitle - Whether this is title text (larger scale) or body text\n */\nexport function scaledFontSize(\n  basePx: number,\n  context: TemplateContext,\n  isTitle: boolean = false,\n): number {\n  return scaleFontSize(basePx, context.viewport, context.orientation, isTitle);\n}\n\n/**\n * Template function signature.\n * Takes template input and returns layers array.\n */\nexport type TemplateFunction<T extends TemplateBlock> = (\n  input: T,\n  context: TemplateContext,\n) => Layer[];\n\n/**\n * Registry of all template functions.\n */\nexport type TemplateRegistry = {\n  [K in TemplateBlock['template']]: TemplateFunction<Extract<TemplateBlock, { template: K }>>;\n};\n\n// ============================================\n// Persistent Layer System\n// ============================================\n\n/**\n * Configuration for persistent doc-wide layers.\n * Bottom layers render behind all block content, top layers on top.\n */\nexport interface PersistentLayerConfig {\n  /** Layers rendered behind all block content */\n  bottomLayers?: PersistentLayer[];\n  /** Layers rendered on top of all block content */\n  topLayers?: PersistentLayer[];\n}\n\n/**\n * A persistent layer - either a template or raw Layer.\n */\nexport type PersistentLayer = PersistentLayerTemplate | Layer;\n\n/**\n * Check if a persistent layer is a template.\n */\nexport function isPersistentLayerTemplate(\n  layer: PersistentLayer,\n): layer is PersistentLayerTemplate {\n  return 'template' in layer && typeof layer.template === 'string';\n}\n\n/**\n * Template-based persistent layer for easy configuration.\n */\nexport interface PersistentLayerTemplate {\n  template: PersistentLayerTemplateType;\n  config: PersistentLayerTemplateConfig;\n}\n\n/**\n * Available persistent layer template types.\n */\nexport type PersistentLayerTemplateType =\n  | 'solidBackground' // Solid color fill\n  | 'gradientBackground' // CSS gradient or preset\n  | 'imageBackground' // Blurred/faded hero image\n  | 'patternBackground' // Subtle pattern (dots, grid)\n  | 'titleCaption' // Article title in corner\n  | 'cornerBranding' // Logo or text badge\n  | 'progressIndicator'; // Bar/dots showing position\n\n/**\n * Union of all persistent layer template configs.\n */\nexport type PersistentLayerTemplateConfig =\n  | SolidBackgroundConfig\n  | GradientBackgroundConfig\n  | ImageBackgroundConfig\n  | PatternBackgroundConfig\n  | TitleCaptionConfig\n  | CornerBrandingConfig\n  | ProgressIndicatorConfig;\n\n// ============================================\n// Background Layer Configs\n// ============================================\n\n/**\n * Solid color background.\n */\nexport interface SolidBackgroundConfig {\n  type: 'solidBackground';\n  /** CSS color value */\n  color: string;\n}\n\n/**\n * Gradient background (CSS gradient or preset).\n */\nexport interface GradientBackgroundConfig {\n  type: 'gradientBackground';\n  /** Custom CSS gradient string */\n  gradient?: string;\n  /** Preset gradient name */\n  preset?: 'dark-vignette' | 'radial-dark' | 'warm-sunset' | 'cool-blue' | 'earth-tones';\n}\n\n/**\n * Image background (blurred/faded hero image).\n */\nexport interface ImageBackgroundConfig {\n  type: 'imageBackground';\n  /** Path to image file */\n  src: string;\n  /** Blur radius in pixels (0-20) */\n  blur?: number;\n  /** Opacity (0-1) */\n  opacity?: number;\n  /** Ambient motion effect */\n  ambientMotion?: 'zoomIn' | 'zoomOut' | 'panLeft' | 'panRight';\n}\n\n/**\n * Pattern background (subtle repeating pattern).\n */\nexport interface PatternBackgroundConfig {\n  type: 'patternBackground';\n  /** Pattern type */\n  pattern: 'dots' | 'grid' | 'diagonal' | 'noise';\n  /** Pattern color */\n  color?: string;\n  /** Pattern opacity (0-1) */\n  opacity?: number;\n  /** Pattern scale multiplier */\n  scale?: number;\n}\n\n// ============================================\n// Overlay Layer Configs\n// ============================================\n\n/**\n * Title caption overlay (article title in corner).\n */\nexport interface TitleCaptionConfig {\n  type: 'titleCaption';\n  /** Title text */\n  title: string;\n  /** Subtitle text (e.g., short URL like \"qual..la/slug\") */\n  subtitle?: string;\n  /** Position on screen */\n  position: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n  /** Font size in pixels (default: 18) */\n  fontSize?: number;\n  /** Show thumbnail alongside title */\n  showThumbnail?: boolean;\n  /** Thumbnail image path */\n  thumbnailSrc?: string;\n}\n\n/**\n * Corner branding overlay (logo or text badge).\n */\nexport interface CornerBrandingConfig {\n  type: 'cornerBranding';\n  /** Text content or image path */\n  content: string;\n  /** Position on screen */\n  position: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n  /** Whether content is an image path (vs text) */\n  isImage?: boolean;\n}\n\n/**\n * Progress indicator overlay (bar or dots showing position).\n */\nexport interface ProgressIndicatorConfig {\n  type: 'progressIndicator';\n  /** Indicator style */\n  style: 'bar' | 'dots' | 'fraction';\n  /** Position on screen */\n  position: 'bottom' | 'top';\n  /** Indicator color */\n  color?: string;\n}\n"],"mappings":"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","names":["scaledFontSize"]}