@bendyline/squisq 2.11.15 → 2.11.17

package/dist/{Doc-C-cv1g4G.d.ts → Doc-CXx1WL8G.d.ts}

@@ -1,4 +1,4 @@
-import { a3 as Transition, a5 as TransitionType, M as MarkdownBlockNode, r as MarkdownHeading } from './types-Be6sBUBx.js';
+import { a3 as Transition, a5 as TransitionType, M as MarkdownBlockNode, r as MarkdownHeading } from './types-C6VvDDL2.js';
 
 /**
  * Media-edit recipes — the non-destructive edit list a media reference carries.
@@ -2620,7 +2620,7 @@ interface Block {
  * A visual element within a block.
  * Layers are composited back-to-front (first layer is background).
  */
-type Layer = ImageLayer | TextLayer | ShapeLayer | PathLayer | MapLayer | VideoLayer | TableLayer | TreeLayer | MermaidLayer;
+type Layer = ImageLayer | TextLayer | ShapeLayer | PathLayer | MapLayer | VideoLayer | VideoEmbedLayer | TableLayer | TreeLayer | MermaidLayer;
 interface BaseLayer {
     /** Unique identifier for this layer */
     id: string;
@@ -2885,6 +2885,31 @@ interface VideoLayer extends BaseLayer {
         license?: string;
     };
 }
+/**
+ * Hosted video layer — the YouTube / Vimeo / Loom / Dailymotion / Wistia
+ * player for a paragraph that is only a link to the video's page.
+ *
+ * Carries the page URL, never a player URL: renderers re-derive the iframe
+ * `src` with `parseVideoEmbedUrl` (`@bendyline/squisq/markdown`), so an
+ * authored layer cannot smuggle in an arbitrary frame, and a URL that is not a
+ * supported video renders nothing. The player keeps the video's aspect ratio
+ * (16:9, or 9:16 for Shorts), letterboxed within the layer's bounds.
+ *
+ * Unlike {@link VideoLayer} this is not a clip on the document timeline: it
+ * does not follow play/pause, is never sought by frame capture, and adds no
+ * audio to exports. Live players appear only where a viewer can use them (the
+ * player's current slide); thumbnails, exports and frame capture draw a
+ * poster instead.
+ */
+interface VideoEmbedLayer extends BaseLayer {
+    type: 'videoEmbed';
+    content: {
+        /** The video's page URL — any form `parseVideoEmbedUrl` recognizes. */
+        url: string;
+        /** Names the player for assistive tech and labels the poster. */
+        title?: string;
+    };
+}
 /**
  * Table layer - renders a data table with themed styling.
  * Uses foreignObject inside SVG for HTML-based table layout.
@@ -3277,4 +3302,4 @@ declare function getBlockAtTime(blocks: Block[], time: number): Block | null;
  */
 declare function getCaptionAtTime(captions: CaptionTrack | undefined, time: number): CaptionPhrase | null;
 
-export { type FullBleedQuoteInput as $, type AccentImage as A, type BarChartInput as B, type CaptionPhrase as C, type CustomTemplateValidationError as D, type CustomTemplateValidationResult as E, DARK_SURFACE as F, DEFAULT_DOC_FONT as G, DEFAULT_TITLE_FONT as H, type DataTableInput as I, type DateEventInput as J, type DeepPartial as K, type DefinitionCardInput as L, type DiagramBlockInput as M, type DiagramEdgeAnchor as N, type DiagramTemplateEdge as O, type DiagramTemplateNode as P, type Doc as Q, type DocBlock as R, type DocDiagnostic as S, type DonutChartInput as T, type DrawingBlockInput as U, FRONTMATTER_CUSTOM_TEMPLATES_KEY as V, FRONTMATTER_CUSTOM_THEMES_KEY as W, FRONTMATTER_MOTION_KEY as X, type FactCardInput as Y, type FontFamily as Z, type FontFamilyKind as _, type AccentPosition as a, type PersistentLayerTemplate as a$, type GradientBackgroundConfig as a0, type ImageBackgroundConfig as a1, type ImageLayer as a2, type ImageTreatment as a3, type ImageWithCaptionInput as a4, LIGHT_SURFACE as a5, type Layer as a6, type LayerRepeat as a7, type LayoutHints as a8, type LeftFeatureInput as a9, PAGE_EMPHASES as aA, PAGE_EYEBROWS as aB, PAGE_HEADING_CASES as aC, PAGE_HEADING_SCALES as aD, PAGE_HEADING_UNDERLINES as aE, PAGE_HERO_STYLES as aF, PAGE_IMAGE_FRAMINGS as aG, PAGE_NUMERAL_STYLES as aH, PAGE_PATTERNS as aI, PAGE_QUOTE_MARKS as aJ, PAGE_SECTION_KINDS as aK, PAGE_SECTION_SPACINGS as aL, PAGE_SHADOWS as aM, PAGE_VARIANTS as aN, type PageAccentRotation as aO, type PageBackground as aP, type PageDesignFamily as aQ, type PageEmphasis as aR, type PageHeadingTreatment as aS, type PageSectionKind as aT, type PageSectionOverride as aU, type PageTokens as aV, type PageVariant as aW, type PathLayer as aX, type PatternBackgroundConfig as aY, type PersistentLayer as aZ, type PersistentLayerConfig as a_, type LineChartInput as aa, type LinearGradient as ab, type ListBlockInput as ac, MOTION_PROFILES as ad, type MapBlockInput as ae, type MapLayer as af, type MapMarker as ag, type MapTileStyle as ah, type MarkerStyle as ai, type MediaClip as aj, type MediaCrop as ak, type MediaCut as al, type MediaEdits as am, type MediaScheduleOptions as an, type MermaidLayer as ao, type MotionEntrance as ap, type MotionOrigin as aq, type MotionProfile as ar, type MotionProfileName as as, type MotionSpec as at, type MotionState as au, PAGE_ACCENT_STRATEGIES as av, PAGE_BACKGROUNDS as aw, PAGE_BACKGROUND_RHYTHMS as ax, PAGE_DESIGN_FAMILIES as ay, PAGE_DIVIDERS as az, type AmbientGradientConfig as b, type ViewportConfig as b$, type PersistentLayerTemplateConfig as b0, type PersistentLayerTemplateType as b1, type PhotoGridInput as b2, type PieChartInput as b3, type PipStyle as b4, type Position as b5, type ProgressIndicatorConfig as b6, type PromotedBodyAnnotation as b7, type PullQuoteInput as b8, type QuoteBlockInput as b9, type ThemeRegistry as bA, type ThemeSchemaVersion as bB, type ThemeSeedColors as bC, type ThemeStyle as bD, type ThemeTypography as bE, type TimelineBlockInput as bF, type TimelineTemplateEvent as bG, type TimelineTemplateLink as bH, type TimelineTemplateTrack as bI, type TitleBlockInput as bJ, type TitleCaptionConfig as bK, type TranscriptBlockInput as bL, type TreeBlockInput as bM, type TreeLayer as bN, type TreeLayerItem as bO, type TreeLayerStyle as bP, type TreeTemplateItem as bQ, type TwoColumnInput as bR, VIEWPORT_PRESETS as bS, type VideoLayer as bT, type VideoPipPosition as bU, type VideoPipShape as bV, type VideoPipSize as bW, type VideoPlacement as bX, type VideoPresentation as bY, type VideoPullQuoteInput as bZ, type VideoWithCaptionInput as b_, type RawLayersInput as ba, type RenderStyle as bb, type RightFeatureInput as bc, type ScatterChartInput as bd, type ScheduledClip as be, type SectionHeaderInput as bf, type ShapeFilter as bg, type ShapeLayer as bh, type ShapePattern as bi, type SolidBackgroundConfig as bj, type StartBlockConfig as bk, type StatHighlightInput as bl, type SurfaceScheme as bm, THEME_SCHEMA_VERSION as bn, type TableLayer as bo, type TableLayerStyle as bp, type TemplateBlock as bq, type TemplateContext as br, type TemplateFunction as bs, type TemplateRegistry as bt, type TextLayer as bu, type TextStyle as bv, type Theme as bw, type ThemeColorPalette as bx, type ThemeColorScheme as by, type ThemePageStyle as bz, type Animation as c, type ViewportOrientation as c0, type ViewportPreset as c1, type VignetteConfig as c2, applySurface as c3, calculateDuration as c4, calculateFontScale as c5, createTemplateContext as c6, createTheme as c7, createThemeRegistry as c8, getAspectRatioString as c9, type MediaEditParamKey as cA, type MediaEditParamValues as cB, type MediaFxOp as cC, formatMediaNumber as cD, hasRenderableFx as cE, mediaEditHtmlAttribute as cF, mediaEditValuesFromAttributes as cG, mediaEditValuesFromParams as cH, mediaRenderKey as cI, normalizeMediaCrop as cJ, normalizeMediaCuts as cK, parseMediaCrop as cL, parseMediaCuts as cM, parseMediaEdits as cN, parseMediaFx as cO, serializeMediaCrop as cP, serializeMediaCuts as cQ, serializeMediaEdits as cR, serializeMediaFx as cS, getBlockAtTime as ca, getCaptionAtTime as cb, getDocPlaybackDuration as cc, getLayoutHints as cd, getSafeTextBounds as ce, getSegmentAtTime as cf, getTwoColumnPositions as cg, getViewport as ch, getViewportOrientation as ci, isCustomTemplateDefinition as cj, isMotionProfileName as ck, isPersistentLayerTemplate as cl, isTemplateBlock as cm, scaledFontSize$1 as cn, readFrontmatterMotion as co, resolveMediaSchedule as cp, resolveMotionForDoc as cq, resolveMotionProfile as cr, scaledFontSize as cs, scheduleMediaClip as ct, validateCustomTemplateDefinition as cu, type MediaFxOpId as cv, type MediaFxChain as cw, MEDIA_EDIT_PARAMS as cx, MEDIA_FX_ORDER as cy, MEDIA_FX_SPECS as cz, type AnimationType as d, type AreaChartInput as e, type AudioBookmark as f, type AudioSegment as g, type AudioTimingData as h, type AudioTrack as i, type BigTextInput as j, type Block as k, type BlockConnection as l, type BorderStyle as m, type CaptionTrack as n, type CaptionWord as o, type ChartBaseFields as p, type ChartTemplateInput as q, type ColorScheme as r, type ColumnChartInput as s, type ComparisonBarInput as t, type ContentBlockInput as u, type CornerBrandingConfig as v, type CountUpSpec as w, type CreateTemplateContextOptions as x, type CustomTemplateDefinition as y, type CustomTemplateLayer as z };
+export { type FullBleedQuoteInput as $, type AccentImage as A, type BarChartInput as B, type CaptionPhrase as C, type CustomTemplateValidationError as D, type CustomTemplateValidationResult as E, DARK_SURFACE as F, DEFAULT_DOC_FONT as G, DEFAULT_TITLE_FONT as H, type DataTableInput as I, type DateEventInput as J, type DeepPartial as K, type DefinitionCardInput as L, type DiagramBlockInput as M, type DiagramEdgeAnchor as N, type DiagramTemplateEdge as O, type DiagramTemplateNode as P, type Doc as Q, type DocBlock as R, type DocDiagnostic as S, type DonutChartInput as T, type DrawingBlockInput as U, FRONTMATTER_CUSTOM_TEMPLATES_KEY as V, FRONTMATTER_CUSTOM_THEMES_KEY as W, FRONTMATTER_MOTION_KEY as X, type FactCardInput as Y, type FontFamily as Z, type FontFamilyKind as _, type AccentPosition as a, type PersistentLayerTemplate as a$, type GradientBackgroundConfig as a0, type ImageBackgroundConfig as a1, type ImageLayer as a2, type ImageTreatment as a3, type ImageWithCaptionInput as a4, LIGHT_SURFACE as a5, type Layer as a6, type LayerRepeat as a7, type LayoutHints as a8, type LeftFeatureInput as a9, PAGE_EMPHASES as aA, PAGE_EYEBROWS as aB, PAGE_HEADING_CASES as aC, PAGE_HEADING_SCALES as aD, PAGE_HEADING_UNDERLINES as aE, PAGE_HERO_STYLES as aF, PAGE_IMAGE_FRAMINGS as aG, PAGE_NUMERAL_STYLES as aH, PAGE_PATTERNS as aI, PAGE_QUOTE_MARKS as aJ, PAGE_SECTION_KINDS as aK, PAGE_SECTION_SPACINGS as aL, PAGE_SHADOWS as aM, PAGE_VARIANTS as aN, type PageAccentRotation as aO, type PageBackground as aP, type PageDesignFamily as aQ, type PageEmphasis as aR, type PageHeadingTreatment as aS, type PageSectionKind as aT, type PageSectionOverride as aU, type PageTokens as aV, type PageVariant as aW, type PathLayer as aX, type PatternBackgroundConfig as aY, type PersistentLayer as aZ, type PersistentLayerConfig as a_, type LineChartInput as aa, type LinearGradient as ab, type ListBlockInput as ac, MOTION_PROFILES as ad, type MapBlockInput as ae, type MapLayer as af, type MapMarker as ag, type MapTileStyle as ah, type MarkerStyle as ai, type MediaClip as aj, type MediaCrop as ak, type MediaCut as al, type MediaEdits as am, type MediaScheduleOptions as an, type MermaidLayer as ao, type MotionEntrance as ap, type MotionOrigin as aq, type MotionProfile as ar, type MotionProfileName as as, type MotionSpec as at, type MotionState as au, PAGE_ACCENT_STRATEGIES as av, PAGE_BACKGROUNDS as aw, PAGE_BACKGROUND_RHYTHMS as ax, PAGE_DESIGN_FAMILIES as ay, PAGE_DIVIDERS as az, type AmbientGradientConfig as b, type VideoWithCaptionInput as b$, type PersistentLayerTemplateConfig as b0, type PersistentLayerTemplateType as b1, type PhotoGridInput as b2, type PieChartInput as b3, type PipStyle as b4, type Position as b5, type ProgressIndicatorConfig as b6, type PromotedBodyAnnotation as b7, type PullQuoteInput as b8, type QuoteBlockInput as b9, type ThemeRegistry as bA, type ThemeSchemaVersion as bB, type ThemeSeedColors as bC, type ThemeStyle as bD, type ThemeTypography as bE, type TimelineBlockInput as bF, type TimelineTemplateEvent as bG, type TimelineTemplateLink as bH, type TimelineTemplateTrack as bI, type TitleBlockInput as bJ, type TitleCaptionConfig as bK, type TranscriptBlockInput as bL, type TreeBlockInput as bM, type TreeLayer as bN, type TreeLayerItem as bO, type TreeLayerStyle as bP, type TreeTemplateItem as bQ, type TwoColumnInput as bR, VIEWPORT_PRESETS as bS, type VideoEmbedLayer as bT, type VideoLayer as bU, type VideoPipPosition as bV, type VideoPipShape as bW, type VideoPipSize as bX, type VideoPlacement as bY, type VideoPresentation as bZ, type VideoPullQuoteInput as b_, type RawLayersInput as ba, type RenderStyle as bb, type RightFeatureInput as bc, type ScatterChartInput as bd, type ScheduledClip as be, type SectionHeaderInput as bf, type ShapeFilter as bg, type ShapeLayer as bh, type ShapePattern as bi, type SolidBackgroundConfig as bj, type StartBlockConfig as bk, type StatHighlightInput as bl, type SurfaceScheme as bm, THEME_SCHEMA_VERSION as bn, type TableLayer as bo, type TableLayerStyle as bp, type TemplateBlock as bq, type TemplateContext as br, type TemplateFunction as bs, type TemplateRegistry as bt, type TextLayer as bu, type TextStyle as bv, type Theme as bw, type ThemeColorPalette as bx, type ThemeColorScheme as by, type ThemePageStyle as bz, type Animation as c, type ViewportConfig as c0, type ViewportOrientation as c1, type ViewportPreset as c2, type VignetteConfig as c3, applySurface as c4, calculateDuration as c5, calculateFontScale as c6, createTemplateContext as c7, createTheme as c8, createThemeRegistry as c9, MEDIA_FX_SPECS as cA, type MediaEditParamKey as cB, type MediaEditParamValues as cC, type MediaFxOp as cD, formatMediaNumber as cE, hasRenderableFx as cF, mediaEditHtmlAttribute as cG, mediaEditValuesFromAttributes as cH, mediaEditValuesFromParams as cI, mediaRenderKey as cJ, normalizeMediaCrop as cK, normalizeMediaCuts as cL, parseMediaCrop as cM, parseMediaCuts as cN, parseMediaEdits as cO, parseMediaFx as cP, serializeMediaCrop as cQ, serializeMediaCuts as cR, serializeMediaEdits as cS, serializeMediaFx as cT, getAspectRatioString as ca, getBlockAtTime as cb, getCaptionAtTime as cc, getDocPlaybackDuration as cd, getLayoutHints as ce, getSafeTextBounds as cf, getSegmentAtTime as cg, getTwoColumnPositions as ch, getViewport as ci, getViewportOrientation as cj, isCustomTemplateDefinition as ck, isMotionProfileName as cl, isPersistentLayerTemplate as cm, isTemplateBlock as cn, scaledFontSize$1 as co, readFrontmatterMotion as cp, resolveMediaSchedule as cq, resolveMotionForDoc as cr, resolveMotionProfile as cs, scaledFontSize as ct, scheduleMediaClip as cu, validateCustomTemplateDefinition as cv, type MediaFxOpId as cw, type MediaFxChain as cx, MEDIA_EDIT_PARAMS as cy, MEDIA_FX_ORDER as cz, type AnimationType as d, type AreaChartInput as e, type AudioBookmark as f, type AudioSegment as g, type AudioTimingData as h, type AudioTrack as i, type BigTextInput as j, type Block as k, type BlockConnection as l, type BorderStyle as m, type CaptionTrack as n, type CaptionWord as o, type ChartBaseFields as p, type ChartTemplateInput as q, type ColorScheme as r, type ColumnChartInput as s, type ComparisonBarInput as t, type ContentBlockInput as u, type CornerBrandingConfig as v, type CountUpSpec as w, type CreateTemplateContextOptions as x, type CustomTemplateDefinition as y, type CustomTemplateLayer as z };

package/dist/{ImageEditDoc-3J4PRw8N.d.ts → ImageEditDoc-BVLXI-Zd.d.ts}

@@ -1,4 +1,4 @@
-import { a2 as ImageLayer, bu as TextLayer, bh as ShapeLayer, aX as PathLayer } from './Doc-C-cv1g4G.js';
+import { a2 as ImageLayer, bu as TextLayer, bh as ShapeLayer, aX as PathLayer } from './Doc-CXx1WL8G.js';
 
 /**
  * ImageEditDoc — JSON document describing a layered, editable image.

package/dist/{annotationCoercion-Ckqpu33y.d.ts → annotationCoercion-BgL52343.d.ts}

@@ -1,4 +1,4 @@
-import { ae as BlockConnection, a5 as TransitionType, a4 as TransitionDirection } from './types-Be6sBUBx.js';
+import { ae as BlockConnection, a5 as TransitionType, a4 as TransitionDirection } from './types-C6VvDDL2.js';
 
 /**
  * Heading-attribute value coercion.

package/dist/{chunk-4IQ2DHCI.js → chunk-54RU7TBZ.js}

@@ -1,7 +1,7 @@
 import {
   buildNarrationScript,
   parseNarrationTimingJson
-} from "./chunk-Z35TG4WR.js";
+} from "./chunk-PNXBDMNS.js";
 import {
   SHAPE_NAMES,
   buildChartData,
@@ -32,7 +32,7 @@ import {
   templateRegistry,
   writeCustomTemplatesToFrontmatter,
   writeCustomThemesToFrontmatter
-} from "./chunk-YPI2VJSB.js";
+} from "./chunk-L7IIFWWW.js";
 import {
   ASCII_TREE_VOCAB,
   ASCII_VOCAB,
@@ -49,7 +49,7 @@ import {
   toCells,
   toGrid,
   traceBoxes
-} from "./chunk-C3NAY5YP.js";
+} from "./chunk-A5QJJZ5S.js";
 import {
   iconMarker
 } from "./chunk-7ZAAICW4.js";
@@ -82,7 +82,7 @@ import {
 } from "./chunk-L7QZORLB.js";
 import {
   parseMarkdown
-} from "./chunk-HUXK7EOT.js";
+} from "./chunk-PGWYC3S2.js";
 import {
   KNOWN_BLOCK_META_KEYS,
   TABLE_FED_TEMPLATES,
@@ -91,13 +91,16 @@ import {
   isContainerTemplate,
   resolveTemplateName,
   serializeAnnotation
-} from "./chunk-TMOHAFYE.js";
+} from "./chunk-WSFXV5BT.js";
 import {
   extractPlainText,
+  findBlockVideoEmbed,
   getChildren,
+  isVideoEmbedUrl,
   parseHtmlToNodes,
+  parseVideoEmbedUrl,
   readFrontmatterThemeId
-} from "./chunk-X7BNDUNI.js";
+} from "./chunk-Q6ELOAOQ.js";
 import {
   buildCaptionTrack
 } from "./chunk-4OQFLZ6G.js";
@@ -894,6 +897,9 @@ function getTemplateDefaults(templateName, headingText, block) {
       return deriveTemplateInputs(templateName, headingText, block.contents) ?? {
         items: ["Item 1", "Item 2", "Item 3"]
       };
+    case "videoWithCaption":
+    case "videoPullQuote":
+      return deriveTemplateInputs(templateName, headingText, block.contents) ?? {};
     case "definitionCard":
       return { term: headingText, definition: body || headingText };
     case "dateEvent":
@@ -1467,6 +1473,20 @@ var pullQuote = (input) => {
 };
 var videoWithCaption = (input) => {
   const v = input;
+  if (isVideoEmbedUrl(v.videoSrc)) {
+    return {
+      kind: "media-figure",
+      variant: "video",
+      slots: {
+        media: {
+          type: "videoEmbed",
+          url: v.videoSrc,
+          ...v.videoAlt ? { title: v.videoAlt } : {}
+        },
+        caption: v.caption
+      }
+    };
+  }
   return {
     kind: "media-figure",
     variant: "video",
@@ -1665,8 +1685,14 @@ function markdownNodeContainsMedia(value) {
 function unconsumedRichContent(block, draft, widgetFenceLangs) {
   if (!block.contents || block.contents.length === 0) return void 0;
   const templateHasMedia = Boolean(draft.slots.media) || Boolean(draft.slots.items?.some((item) => item.media !== void 0));
+  const media = draft.slots.media;
+  const playedVideo = media?.type === "videoEmbed" ? parseVideoEmbedUrl(media.url)?.watchUrl ?? media.url : null;
+  const isUnplayedVideo = (node) => {
+    const video = findBlockVideoEmbed(node);
+    return video !== null && video.embed.watchUrl !== playedVideo;
+  };
   const markdown = block.contents.filter(
-    (node) => isWidgetFence(node, widgetFenceLangs) || !templateHasMedia && markdownNodeContainsMedia(node)
+    (node) => isWidgetFence(node, widgetFenceLangs) || !templateHasMedia && markdownNodeContainsMedia(node) || isUnplayedVideo(node)
   );
   if (markdown.length === 0) return void 0;
   return {
@@ -2369,6 +2395,7 @@ var PAGE_BASE_CSS = `
 /* \u2500\u2500 Media figure \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 .squisq-page-figure { margin: 0; }
 .squisq-page-figure img, .squisq-page-figure video { width: 100%; display: block; }
+.squisq-page-figure .squisq-video-embed { max-width: none; margin: 0; }
 .squisq-page-figure figcaption { margin-top: 0.9em; font-size: 0.9rem; color: var(--squisq-page-text-muted); text-align: center; }
 .squisq-page-media-credit { font-size: 0.78rem; opacity: 0.75; }
 

package/dist/{chunk-C3NAY5YP.js → chunk-A5QJJZ5S.js}

@@ -1,8 +1,10 @@
 import {
   extractPlainText,
   findNodesByType,
+  isVideoEmbedUrl,
+  mediaKindForUrl,
   walkMarkdownTree
-} from "./chunk-X7BNDUNI.js";
+} from "./chunk-Q6ELOAOQ.js";
 
 // src/doc/asciiDiagram/chars.ts
 function toCells(s) {
@@ -2483,7 +2485,6 @@ var DATE_PATTERNS = [
   /\b\d{4}s\b/,
   /\b\d{1,2}(st|nd|rd|th)\s+century\b/i
 ];
-var VIDEO_HOST_RE = /(youtube\.com|youtu\.be|vimeo\.com|wistia\.|loom\.com)/i;
 function htmlElementsByTag(root, tagNames) {
   const blocks = findNodesByType(root, "htmlBlock");
   const inline = findNodesByType(root, "htmlInline");
@@ -2508,7 +2509,9 @@ function profileBlockContents(nodes) {
   let hasTable = false;
   const plainParts = [];
   for (const node of nodes) {
-    imageCount += findNodesByType(node, "image").length;
+    imageCount += findNodesByType(node, "image").filter(
+      (img) => !mediaKindForUrl(img.url ?? "")
+    ).length;
     imageCount += findNodesByType(node, "imageReference").length;
     if (findNodesByType(node, "blockquote").length > 0) hasBlockquote = true;
     if (findNodesByType(node, "list").length > 0) hasList = true;
@@ -2526,7 +2529,7 @@ function profileBlockContents(nodes) {
       break;
     }
     const src = el.attributes.src || el.attributes.href || "";
-    if (VIDEO_HOST_RE.test(src)) {
+    if (isVideoEmbedUrl(src)) {
       hasVideo = true;
       break;
     }
@@ -2534,7 +2537,7 @@ function profileBlockContents(nodes) {
   if (!hasVideo) {
     const links = findNodesByType(root, "link");
     for (const link of links) {
-      if (link.url && VIDEO_HOST_RE.test(link.url)) {
+      if (isVideoEmbedUrl(link.url)) {
         hasVideo = true;
         break;
       }

package/dist/{chunk-HVJ6VFDX.js → chunk-GB7OFYUK.js}

@@ -57,6 +57,7 @@ var LAYER_TYPES = /* @__PURE__ */ new Set([
   "path",
   "map",
   "video",
+  "videoEmbed",
   "table",
   "tree",
   "mermaid"
@@ -199,6 +200,9 @@ function validateLayerContent(type, content, path, issues) {
       requiredFiniteNumber(content, "clipStart", `${path}.clipStart`, issues, { min: 0 });
       requiredFiniteNumber(content, "clipEnd", `${path}.clipEnd`, issues, { min: 0 });
       break;
+    case "videoEmbed":
+      requiredString(content, "url", `${path}.url`, issues);
+      break;
     case "table":
       requiredStringArray(content, "headers", `${path}.headers`, issues);
       validateStringRows(content.rows, `${path}.rows`, issues);

package/dist/{chunk-4P557IPH.js → chunk-KNC4ZBQC.js}

@@ -8,27 +8,27 @@ import {
   deriveTemplateInputs,
   flattenRenderableBlocks,
   markdownToDoc
-} from "./chunk-YPI2VJSB.js";
+} from "./chunk-L7IIFWWW.js";
 import {
   isAsciiDiagramFence,
   isAsciiTimelineFence,
   isTreeFence
-} from "./chunk-C3NAY5YP.js";
+} from "./chunk-A5QJJZ5S.js";
 import {
   cloneAndFreezeData,
   isTemplateBlock
 } from "./chunk-PFH3WV6J.js";
 import {
   parseMarkdown
-} from "./chunk-HUXK7EOT.js";
+} from "./chunk-PGWYC3S2.js";
 import {
   isContainerTemplate
-} from "./chunk-TMOHAFYE.js";
+} from "./chunk-WSFXV5BT.js";
 import {
   extractPlainText,
   getChildren,
   stringifyHtmlNodes
-} from "./chunk-X7BNDUNI.js";
+} from "./chunk-Q6ELOAOQ.js";
 import {
   estimateTimeFromText
 } from "./chunk-GHOPHGOK.js";

package/dist/{chunk-YPI2VJSB.js → chunk-L7IIFWWW.js}

@@ -13,7 +13,7 @@ import {
   parseAsciiTimeline,
   pickAutoTemplate,
   profileBlockContents
-} from "./chunk-C3NAY5YP.js";
+} from "./chunk-A5QJJZ5S.js";
 import {
   anchorPoint,
   base64ToUtf8,
@@ -61,12 +61,16 @@ import {
   sanitizeUrl,
   splitKeyValueToken,
   tokenizeAttrTokens
-} from "./chunk-TMOHAFYE.js";
+} from "./chunk-WSFXV5BT.js";
 import {
   extractPlainText,
+  findBlockVideoEmbed,
+  isVideoEmbedUrl,
+  mediaKindForUrl,
+  parseVideoEmbedUrl,
   readFrontmatterThemeId,
   walkMarkdownTree
-} from "./chunk-X7BNDUNI.js";
+} from "./chunk-Q6ELOAOQ.js";
 import {
   resolveBlockTransition
 } from "./chunk-4VOD55SX.js";
@@ -762,6 +766,11 @@ function mapAmbientMotion(motion, duration) {
 var ACCENT_STRIP_SIZE = 35;
 var STRIP_SIZE = ACCENT_STRIP_SIZE;
 var STRIP_SIZE_PCT = `${STRIP_SIZE}%`;
+function accentForViewport(accent, viewport) {
+  if (!accent || accent.position === "bottom-strip") return accent;
+  if (getViewportOrientation(viewport) !== "portrait") return accent;
+  return { ...accent, position: "bottom-strip" };
+}
 function getAccentLayout(position) {
   switch (position) {
     case "left-strip":
@@ -1569,9 +1578,29 @@ function findFirstList(contents) {
 
 // src/doc/templateInputs.ts
 var VIDEO_FILE_RE = /\.(?:webm|mp4|mov|m4v|ogv)(?:[?#].*)?$/i;
+function extractHostedVideos(contents, limit = Infinity) {
+  const found = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const node of contents ?? []) {
+    if (found.length >= limit) break;
+    const video = findBlockVideoEmbed(node);
+    if (!video || seen.has(video.embed.watchUrl)) continue;
+    seen.add(video.embed.watchUrl);
+    found.push({
+      url: video.embed.watchUrl,
+      title: video.title,
+      aspectRatio: video.embed.aspectRatio
+    });
+  }
+  return found;
+}
+function isMaterializedMediaNode(node) {
+  if (node.type === "code") return node.lang?.trim().toLowerCase() === "mermaid";
+  return findBlockVideoEmbed(node) !== null;
+}
 function extractBodyPlainText(contents) {
   if (!contents || contents.length === 0) return "";
-  return contents.filter((node) => !(node.type === "code" && node.lang?.trim().toLowerCase() === "mermaid")).map((n) => extractPlainText(n)).join("\n").trim();
+  return contents.filter((node) => !isMaterializedMediaNode(node)).map((n) => extractPlainText(n)).join("\n").trim();
 }
 function extractListItems(contents) {
   return extractRichListItems(contents).map((item) => item.text);
@@ -1745,7 +1774,9 @@ function extractImages(contents, limit = Infinity) {
     if (!node || typeof node !== "object") return;
     const n = node;
     if (n.type === "image" && typeof n.url === "string" && n.url) {
-      found.push({ src: n.url, alt: typeof n.alt === "string" ? n.alt : "" });
+      if (!mediaKindForUrl(n.url)) {
+        found.push({ src: n.url, alt: typeof n.alt === "string" ? n.alt : "" });
+      }
       return;
     }
     if ((n.type === "htmlBlock" || n.type === "htmlInline") && Array.isArray(n.htmlChildren)) {
@@ -1946,7 +1977,7 @@ function autoTemplatePreservesContent(templateName, contents) {
     }
     case "videoWithCaption": {
       const videos = extractEmbeddedVideos(nodes);
-      if (videos.length !== 1) return false;
+      if (videos.length + extractHostedVideos(nodes).length !== 1) return false;
       const bodyText3 = normalizeCoverageText(extractBodyPlainText(nodes));
       return bodyText3 === normalizeCoverageText(videos[0]?.alt ?? "");
     }
@@ -2092,7 +2123,17 @@ function deriveTemplateInputs(templateName, headingText, contents, options = {})
     }
     case "videoWithCaption": {
       const video = extractFirstEmbeddedVideo(contents);
-      if (!video) return placeholders ? { caption: headingText } : null;
+      if (!video) {
+        const hosted = extractHostedVideos(contents, 1)[0];
+        if (hosted) {
+          return {
+            videoSrc: hosted.url,
+            videoAlt: hosted.title || headingText,
+            caption: headingText
+          };
+        }
+        return placeholders ? { caption: headingText } : null;
+      }
       return {
         videoSrc: video.src,
         posterSrc: video.posterSrc,
@@ -2155,10 +2196,10 @@ function deriveTemplateInputs(templateName, headingText, contents, options = {})
 function bodyNodes(context) {
   if (context.block?.summaryMode === "headings-and-features") return [];
   return (context.block?.contents ?? []).filter(
-    // Mermaid source is already materialized as a visual layer. Repeating the
-    // fence text as prose makes the loss-averse default noisy without
-    // preserving any additional authored meaning.
-    (node) => !(node.type === "code" && node.lang?.trim().toLowerCase() === "mermaid")
+    // Mermaid source and hosted-video links are already materialized as
+    // visual layers (a diagram, a player). Repeating them as prose makes the
+    // loss-averse default noisy without preserving any additional meaning.
+    (node) => !isMaterializedMediaNode(node)
   );
 }
 function plainListText(list, depth = 0) {
@@ -2301,8 +2342,9 @@ var STAT_LINE_HEIGHT = 1.1;
 var DESC_LINE_HEIGHT = 1.5;
 var DETAIL_LINE_HEIGHT = 1.4;
 function statHighlight(input, context) {
-  const { stat, colorScheme = "blue", accentImage } = input;
+  const { stat, colorScheme = "blue" } = input;
   const { theme, viewport } = context;
+  const accentImage = accentForViewport(input.accentImage, viewport);
   const colors = resolveColorScheme(context, colorScheme);
   const rawDescription = (input.description ?? "").trim();
   const description = rawDescription === stat.trim() ? "" : rawDescription;
@@ -2456,8 +2498,9 @@ var LOCKUP_CENTRE = 0.5;
 var BODY_FILL = 0.94;
 var MIN_DECO_PX = 90;
 function quoteBlock(input, context) {
-  const { title, quote, attribution, accentImage } = input;
+  const { title, quote, attribution } = input;
   const { theme, viewport } = context;
+  const accentImage = accentForViewport(input.accentImage, viewport);
   const H = viewport.height;
   const W = viewport.width;
   const pct = (px) => `${Number((px / H * 100).toFixed(3))}%`;
@@ -2647,10 +2690,11 @@ var FACT_LINE_HEIGHT = 1.3;
 var EXPLAIN_LINE_HEIGHT = 1.5;
 var SOURCE_LINE_HEIGHT = 1.4;
 function factCard(input, context) {
-  const { fact, accentImage } = input;
+  const { fact } = input;
   const explanation = (input.explanation ?? "").trim();
   const source = (input.source ?? "").trim();
   const { theme, viewport } = context;
+  const accentImage = accentForViewport(input.accentImage, viewport);
   const accentLayout = accentImage ? getAccentLayout(accentImage.position) : DEFAULT_LAYOUT;
   const factFontSize = themedFontSize(56, context, true);
   const explainFontSize = themedFontSize(34, context, false);
@@ -3023,8 +3067,9 @@ var BODY_SLACK = 0.05;
 var HERO_MAX_SHARE3 = 0.28;
 var BOX_SLACK_EM = 0.35;
 function dateEvent(input, context) {
-  const { date, description, footer, mood = "neutral", accentImage } = input;
+  const { date, description, footer, mood = "neutral" } = input;
   const { theme, viewport } = context;
+  const accentImage = accentForViewport(input.accentImage, viewport);
   const moodAccent = MOOD_ACCENTS[mood];
   const dateColor = relativeLuminance(theme.colors.background) > 0.5 ? oklchDarken(moodAccent, 0.25) : moodAccent;
   const accentLayout = accentImage ? getAccentLayout(accentImage.position) : DEFAULT_LAYOUT;
@@ -3764,7 +3809,8 @@ function measureListHeightPx(items, fontSize, geometry) {
   return heightPx;
 }
 function listBlock(input, context) {
-  const { title, accentImage } = input;
+  const { title } = input;
+  const accentImage = accentForViewport(input.accentImage, context.viewport);
   const items = Array.isArray(input.items) ? input.items : [];
   const ordered = input.ordered !== false;
   const richItems = extractRichListItems(context.block?.contents);
@@ -4070,8 +4116,9 @@ var BODY_SLACK2 = 0.05;
 var HERO_MAX_SHARE4 = 0.28;
 var BOX_SLACK_EM2 = 0.35;
 function definitionCard(input, context) {
-  const { term, definition, origin, colorScheme = "blue", accentImage } = input;
+  const { term, definition, origin, colorScheme = "blue" } = input;
   const { theme, viewport } = context;
+  const accentImage = accentForViewport(input.accentImage, viewport);
   const colors = resolveColorScheme(context, colorScheme);
   const accentLayout = accentImage ? getAccentLayout(accentImage.position) : DEFAULT_LAYOUT;
   const columnWidthPct = parseFloat(accentLayout.textWidth);
@@ -4568,6 +4615,37 @@ function videoWithCaption(input, context) {
   const resolvedClipEnd = Math.max(clipStart, clipEnd ?? clipStart + Math.max(0, input.duration));
   const captionFontSize = themedFontSize(30, context, false);
   const creditFontSize = themedFontSize(16, context, false);
+  if (isVideoEmbedUrl(videoSrc)) {
+    const layers2 = [
+      createBackgroundLayer("bg", theme.colors.background),
+      {
+        type: "videoEmbed",
+        id: "bg-video",
+        content: { url: videoSrc, ...videoAlt ? { title: videoAlt } : {} },
+        position: caption ? { x: "4%", y: "4%", width: "92%", height: "78%" } : { x: "4%", y: "4%", width: "92%", height: "92%" }
+      }
+    ];
+    if (caption) {
+      layers2.push({
+        type: "text",
+        id: "caption",
+        content: {
+          text: caption,
+          style: {
+            fontSize: captionFontSize,
+            fontFamily: getThemeFont(context, "body"),
+            color: theme.colors.text,
+            textAlign: "center",
+            lineHeight: 1.18,
+            maxLines: 2
+          }
+        },
+        position: { x: "50%", y: "90%", anchor: "center", width: "84%" },
+        animation: { type: "fadeIn", duration: 1.5, delay: 0.5 }
+      });
+    }
+    return layers2;
+  }
   const layers = [
     // Background video clip
     {
@@ -5657,7 +5735,7 @@ function resolveSupplementalMediaLayout(layers, template, viewport, mediaCount,
   const policy = getBlockMediaLayoutPolicy(template);
   const shape = mediaShape(mediaCount, aspectRatios);
   const alreadyOwnsMedia = layers.some(
-    (layer) => layer.type === "image" || layer.type === "video" || layer.type === "map" || layer.type === "mermaid"
+    (layer) => layer.type === "image" || layer.type === "video" || layer.type === "videoEmbed" || layer.type === "map" || layer.type === "mermaid"
   );
   if (!alreadyOwnsMedia && (policy?.nativeLayout === "feature-left" || policy?.nativeLayout === "feature-right")) {
     const { position } = featureMediaSlot(
@@ -9910,6 +9988,9 @@ function collectRichMediaItems(layers, block) {
   const existingMermaid = new Set(
     layers.filter((layer) => layer.type === "mermaid").map((layer) => layer.content.source)
   );
+  const existingEmbeds = new Set(
+    layers.filter((layer) => layer.type === "videoEmbed").map((layer) => parseVideoEmbedUrl(layer.content.url)?.watchUrl ?? layer.content.url)
+  );
   const embeddedVideos = extractEmbeddedVideos(block.contents);
   const videos = embeddedVideos.filter((video) => !existingVideos.has(video.src));
   const videoSources = new Set(embeddedVideos.map((video) => video.src));
@@ -9920,6 +10001,9 @@ function collectRichMediaItems(layers, block) {
     return true;
   });
   const sources = mermaidSources(block).filter((source) => !existingMermaid.has(source));
+  const hosted = extractHostedVideos(block.contents).filter(
+    (video) => !existingEmbeds.has(video.url)
+  );
   return [
     ...images.map(
       (image) => ({
@@ -9941,6 +10025,14 @@ function collectRichMediaItems(layers, block) {
         ...video.clipEnd != null ? { clipEnd: video.clipEnd } : {}
       })
     ),
+    ...hosted.map(
+      (video) => ({
+        kind: "videoEmbed",
+        url: video.url,
+        title: video.title,
+        aspectRatio: video.aspectRatio
+      })
+    ),
     ...sources.map((source) => ({ kind: "mermaid", source, aspectRatio: 16 / 9 })),
     ...embeddedSpatialMedia(block)
   ];
@@ -10012,6 +10104,17 @@ function richMediaLayers(item, position, block, theme, kindIndex) {
       }
     ];
   }
+  if (item.kind === "videoEmbed") {
+    const title = item.title || block.title;
+    return [
+      {
+        id: `${block.id}-video-embed-${kindIndex}`,
+        type: "videoEmbed",
+        position,
+        content: { url: item.url, ...title ? { title } : {} }
+      }
+    ];
+  }
   if (item.kind === "mermaid") {
     return [
       {
@@ -10096,6 +10199,7 @@ function appendRichContentLayers(layers, block, theme, viewport, mediaAspectRati
   const counters = {
     image: 0,
     video: 0,
+    videoEmbed: 0,
     mermaid: 0,
     spatial: 0
   };
@@ -12261,7 +12365,7 @@ function getBlockBodyText2(block) {
   if (!block.contents || block.contents.length === 0) return "";
   const tmpl = resolveTemplateName(block.template ?? "");
   const consumedFence = tmpl === "diagram" && block.templateData !== void 0 && "nodes" in block.templateData || tmpl === "timeline" && block.templateData !== void 0 && "tracks" in block.templateData || tmpl === "tree" && block.templateData !== void 0 && "items" in block.templateData;
-  return block.contents.filter((node) => !(consumedFence && node.type === "code")).map((node) => extractPlainText(node)).join("\n").trim();
+  return block.contents.filter((node) => !(consumedFence && node.type === "code")).filter((node) => findBlockVideoEmbed(node) === null).map((node) => extractPlainText(node)).join("\n").trim();
 }
 var MAX_PHRASE_WORDS = 12;
 function splitIntoSentences(text) {
@@ -12323,7 +12427,7 @@ function findFirstHtmlImage(nodes) {
 function findFirstImage(node) {
   if (node.type === "image") {
     const img = node;
-    return { url: img.url, alt: img.alt };
+    return mediaKindForUrl(img.url) ? void 0 : { url: img.url, alt: img.alt };
   }
   if (node.type === "htmlBlock" || node.type === "htmlInline") {
     const html = node;
@@ -12403,6 +12507,7 @@ export {
   getTemplateHint,
   titleBlock,
   DEFAULT_LAYOUT,
+  accentForViewport,
   getAccentLayout,
   createAccentLayers,
   adjustY,
@@ -12422,6 +12527,8 @@ export {
   treeFromTemplateData,
   treeFromMarkdownList,
   findFirstList,
+  extractHostedVideos,
+  isMaterializedMediaNode,
   extractBodyPlainText,
   extractListItems,
   renderMarkdownBlocksHtml,