@bendyline/squisq 2.4.0 → 2.4.1

package/dist/{chunk-KPBZZVGY.js → chunk-AQF5ZYDI.js}

@@ -1,6 +1,5 @@
 import {
   SHAPE_NAMES,
-  TEMPLATE_ALIASES,
   buildChartData,
   buildNarrationScript,
   coerceTemplateParams,
@@ -11,7 +10,6 @@ import {
   flattenRenderableBlocks,
   getBlockBodyText,
   getPinnedBlockMeta,
-  isContainerTemplate,
   isDataFence,
   isShapeName,
   lintTemplateParams,
@@ -22,11 +20,10 @@ import {
   parseNarrationTimingJson,
   parseStandaloneAnnotation,
   readCustomThemesFromFrontmatter,
-  resolveTemplateName,
   templateRegistry,
   writeCustomTemplatesToFrontmatter,
   writeCustomThemesToFrontmatter
-} from "./chunk-F2IEPSMA.js";
+} from "./chunk-2HY2ZA7U.js";
 import {
   ASCII_TREE_VOCAB,
   ASCII_VOCAB,
@@ -46,7 +43,7 @@ import {
 import {
   defaultPageStyle,
   resolveMediaSchedule
-} from "./chunk-2S74DPJH.js";
+} from "./chunk-GAZKTT4R.js";
 import {
   DEFAULT_THEME,
   FRONTMATTER_CUSTOM_TEMPLATES_KEY,
@@ -54,19 +51,22 @@ import {
   hexHueDegrees,
   resolveFontFamily,
   resolveTheme
-} from "./chunk-C33GTPUZ.js";
+} from "./chunk-SBAX4ZPO.js";
 import {
   VIEWPORT_PRESETS,
   isTemplateBlock
 } from "./chunk-BAOV476U.js";
 import {
   parseMarkdown
-} from "./chunk-D4LPP3P5.js";
+} from "./chunk-7TJJA2RI.js";
 import {
   KNOWN_BLOCK_META_KEYS,
+  TEMPLATE_ALIASES,
   coerceAnnotationValues,
+  isContainerTemplate,
+  resolveTemplateName,
   serializeAnnotation
-} from "./chunk-2VCNTDNZ.js";
+} from "./chunk-D6YTLQCL.js";
 import {
   extractPlainText,
   getChildren,
@@ -356,15 +356,21 @@ function docToMarkdown(doc, options = {}) {
     children.push(synthesizeMediaParagraph(clip));
   }
   function emitBlock(block) {
+    const promoted = block.promotedBodyAnnotation;
+    const promotedUnedited = promoted !== void 0 && !isPromotedBodyEdited(block, promoted);
     if (block.sourceHeading) {
-      const heading = ensureAnnotation(block, block.sourceHeading, defaultTemplate);
-      children.push(heading);
+      if (promotedUnedited) {
+        children.push(block.sourceHeading);
+      } else {
+        const heading = ensureAnnotation(block, block.sourceHeading, defaultTemplate);
+        children.push(heading);
+      }
     } else if (block.standaloneAnnotation) {
       children.push(synthesizeAnnotationParagraph(block));
     }
     const clips = [...block.media ?? [], ...docMediaByBlock.get(block.id) ?? []];
+    const contents = [...block.contents ?? []];
     if (clips.length > 0) {
-      const contents = [...block.contents ?? []];
       const anchored = clips.filter((clip) => clip.origin).sort((a, b) => a.origin.index - b.origin.index);
       for (const clip of anchored) {
         contents.splice(
@@ -376,10 +382,11 @@ function docToMarkdown(doc, options = {}) {
       for (const clip of clips.filter((c) => !c.origin).reverse()) {
         contents.unshift(synthesizeMediaParagraph(clip));
       }
-      children.push(...contents);
-    } else if (block.contents) {
-      children.push(...block.contents);
     }
+    if (promotedUnedited) {
+      reinsertPromotedBodyAnnotation(contents, promoted);
+    }
+    children.push(...contents);
     if (block.children) {
       for (const child of block.children) {
         emitBlock(child);
@@ -416,6 +423,32 @@ function synthesizeAnnotationParagraph(block) {
   const text = serializeAnnotation(block.sourceAnnotation?.template, block.templateOverrides);
   return { type: "paragraph", children: [{ type: "text", value: text }] };
 }
+function isPromotedBodyEdited(block, p) {
+  const templateSame = resolveTemplateName(block.template ?? "") === resolveTemplateName(p.template);
+  const paramsSame = paramsEqual(block.templateOverrides ?? {}, p.params ?? {});
+  return !(templateSame && paramsSame);
+}
+function reinsertPromotedBodyAnnotation(contents, p) {
+  if (p.origin.kind === "paragraph") {
+    contents.push({ type: "paragraph", children: [{ type: "text", value: p.origin.raw }] });
+    return;
+  }
+  const last = contents[contents.length - 1];
+  if (last && last.type === "paragraph") {
+    const children = last.children ?? [];
+    const lastChild = children[children.length - 1];
+    if (lastChild && lastChild.type === "text") {
+      const cloned = [...children];
+      cloned[cloned.length - 1] = { ...lastChild, value: lastChild.value + p.origin.suffix };
+      contents[contents.length - 1] = { ...last, children: cloned };
+      return;
+    }
+  }
+  contents.push({
+    type: "paragraph",
+    children: [{ type: "text", value: p.origin.suffix.replace(/^\s+/, "") }]
+  });
+}
 function synthesizeMediaParagraph(clip) {
   if (clip.origin?.format === "html" && clip.origin.raw) {
     return {
@@ -429,6 +462,9 @@ function synthesizeMediaParagraph(clip) {
   }
   const params = { src: clip.src };
   if (clip.placement) params.placement = clip.placement;
+  if (clip.pipSize) params.pipSize = clip.pipSize;
+  if (clip.pipShape) params.pipShape = clip.pipShape;
+  if (clip.pipPosition) params.pipPosition = clip.pipPosition;
   if (clip.lockToBlock != null) params.lockToBlock = String(clip.lockToBlock);
   if (clip.anchor === "document") params.anchor = "document";
   if (clip.startAt) params.startAt = String(clip.startAt);

package/dist/{chunk-2VCNTDNZ.js → chunk-D6YTLQCL.js}

@@ -5,6 +5,71 @@ import {
   normalizeTransitionType
 } from "./chunk-4VOD55SX.js";
 
+// src/doc/templates/templateNames.ts
+var TEMPLATE_ALIASES = Object.freeze({
+  titleBlock: "title",
+  quoteBlock: "quote",
+  mapBlock: "map",
+  listBlock: "list",
+  diagramBlock: "diagram",
+  diagramNode: "diagram"
+});
+function resolveTemplateName(name) {
+  return TEMPLATE_ALIASES[name] ?? name;
+}
+var TABLE_FED_TEMPLATES = /* @__PURE__ */ new Set([
+  "dataTable",
+  "barChart",
+  "columnChart",
+  "pieChart",
+  "donutChart",
+  "lineChart",
+  "areaChart",
+  "scatterChart"
+]);
+var CONTAINER_TEMPLATES = /* @__PURE__ */ new Set(["diagram", "drawing", "layout"]);
+function isContainerTemplate(name) {
+  return !!name && CONTAINER_TEMPLATES.has(resolveTemplateName(name));
+}
+var TEMPLATE_TOKEN_NAMES = /* @__PURE__ */ new Set([
+  "title",
+  "sectionHeader",
+  "content",
+  "statHighlight",
+  "quote",
+  "factCard",
+  "twoColumn",
+  "dateEvent",
+  "imageWithCaption",
+  "leftFeature",
+  "rightFeature",
+  "map",
+  "fullBleedQuote",
+  "list",
+  "photoGrid",
+  "definitionCard",
+  "comparisonBar",
+  "pullQuote",
+  "videoWithCaption",
+  "videoPullQuote",
+  "dataTable",
+  "barChart",
+  "columnChart",
+  "pieChart",
+  "donutChart",
+  "lineChart",
+  "areaChart",
+  "scatterChart",
+  "diagram",
+  "tree",
+  "timeline",
+  "layout",
+  "drawing"
+]);
+function isReservedAnnotationToken(token) {
+  return TEMPLATE_TOKEN_NAMES.has(resolveTemplateName(token));
+}
+
 // src/markdown/sanitize.ts
 var SAFE_LINK_SCHEMES = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel"]);
 var SAFE_MEDIA_SCHEMES = /* @__PURE__ */ new Set(["http", "https", "blob"]);
@@ -518,6 +583,12 @@ function serializeAnnotation(template, params) {
 }
 
 export {
+  TEMPLATE_ALIASES,
+  resolveTemplateName,
+  TABLE_FED_TEMPLATES,
+  CONTAINER_TEMPLATES,
+  isContainerTemplate,
+  isReservedAnnotationToken,
   sanitizeUrl,
   sanitizeHtmlNodes,
   KNOWN_BLOCK_META_KEYS,

package/dist/{chunk-32R2RZAO.js → chunk-DAMIRKTO.js}

@@ -2,7 +2,7 @@ import {
   DEFAULT_THEME,
   applySurface,
   resolveFontFamily
-} from "./chunk-C33GTPUZ.js";
+} from "./chunk-SBAX4ZPO.js";
 
 // src/jsonForm/chooseControl.ts
 var ENUM_SEGMENTED_LIMIT = 4;

package/dist/{chunk-ZHLNKB2I.js → chunk-EMXYZLRH.js}

@@ -1,7 +1,7 @@
 import {
   expectedSyllablesAt,
   wordPosAtExpectedSyllables
-} from "./chunk-F2IEPSMA.js";
+} from "./chunk-2HY2ZA7U.js";
 
 // src/narration/types.ts
 var DEFAULT_FEATURE_CONFIG = Object.freeze({

package/dist/{chunk-2S74DPJH.js → chunk-GAZKTT4R.js}

@@ -10,6 +10,13 @@ function clipLength(clip) {
   if (clip.clipEnd == null) return null;
   return Math.max(0, clip.clipEnd - (clip.clipStart ?? 0));
 }
+function intrinsicPlayedLength(clip, opts) {
+  if (clip.clipEnd != null || clip.lockToBlock === true) return null;
+  const intrinsic = opts?.intrinsicDuration?.(clip);
+  if (intrinsic == null || !Number.isFinite(intrinsic) || intrinsic <= 0) return null;
+  const played = intrinsic - (clip.clipStart ?? 0);
+  return played > 0 ? played : null;
+}
 function baseTimelineEnd(doc) {
   const blockEnd = flatten(doc.blocks).reduce(
     (max, b) => Math.max(max, b.startTime + b.duration),
@@ -17,7 +24,7 @@ function baseTimelineEnd(doc) {
   );
   return Math.max(doc.duration ?? 0, blockEnd);
 }
-function resolveMediaSchedule(doc) {
+function resolveMediaSchedule(doc, opts) {
   const out = [];
   const docEnd = baseTimelineEnd(doc);
   for (const block of flatten(doc.blocks)) {
@@ -31,11 +38,16 @@ function resolveMediaSchedule(doc) {
       } else {
         end = len != null ? Math.min(start + len, blockEnd) : blockEnd;
       }
+      const natLen = intrinsicPlayedLength(clip, opts);
+      if (natLen != null) end = Math.min(end, start + natLen);
       out.push({
         id: clip.id,
         src: clip.src,
         kind: clip.kind,
         ...clip.placement ? { placement: clip.placement } : {},
+        ...clip.pipSize ? { pipSize: clip.pipSize } : {},
+        ...clip.pipShape ? { pipShape: clip.pipShape } : {},
+        ...clip.pipPosition ? { pipPosition: clip.pipPosition } : {},
         ...clip.lockToBlock != null ? { lockToBlock: clip.lockToBlock } : {},
         absoluteStart: start,
         absoluteEnd: Math.max(start, end),
@@ -49,12 +61,17 @@ function resolveMediaSchedule(doc) {
   for (const clip of doc.documentMedia ?? []) {
     const start = clip.startAt;
     const len = clipLength(clip);
-    const end = len != null ? start + len : docEnd;
+    let end = len != null ? start + len : docEnd;
+    const natLen = intrinsicPlayedLength(clip, opts);
+    if (natLen != null) end = Math.min(end, start + natLen);
     out.push({
       id: clip.id,
       src: clip.src,
       kind: clip.kind,
       ...clip.placement ? { placement: clip.placement } : {},
+      ...clip.pipSize ? { pipSize: clip.pipSize } : {},
+      ...clip.pipShape ? { pipShape: clip.pipShape } : {},
+      ...clip.pipPosition ? { pipPosition: clip.pipPosition } : {},
       ...clip.lockToBlock != null ? { lockToBlock: clip.lockToBlock } : {},
       absoluteStart: start,
       absoluteEnd: Math.max(start, end),
@@ -65,9 +82,12 @@ function resolveMediaSchedule(doc) {
   }
   return out;
 }
-function getDocPlaybackDuration(doc) {
+function getDocPlaybackDuration(doc, opts) {
   const base = baseTimelineEnd(doc);
-  const mediaEnd = resolveMediaSchedule(doc).reduce((max, c) => Math.max(max, c.absoluteEnd), 0);
+  const mediaEnd = resolveMediaSchedule(doc, opts).reduce(
+    (max, c) => Math.max(max, c.absoluteEnd),
+    0
+  );
   return Math.max(base, mediaEnd);
 }
 

package/dist/{chunk-REDUXXDJ.js → chunk-GODLNXO4.js}

@@ -1,6 +1,6 @@
 import {
   defaultPageStyle
-} from "./chunk-2S74DPJH.js";
+} from "./chunk-GAZKTT4R.js";
 import {
   FONT_FALLBACKS,
   THEME_SCHEMA_VERSION,
@@ -13,8 +13,9 @@ import {
   oklchSetChroma,
   pickContrastingText,
   relativeLuminance,
-  resolveFontFamily
-} from "./chunk-C33GTPUZ.js";
+  resolveFontFamily,
+  withAlpha
+} from "./chunk-SBAX4ZPO.js";
 
 // src/schemas/Doc.ts
 function calculateDuration(audio) {
@@ -47,6 +48,46 @@ function getCaptionAtTime(captions, time) {
   return null;
 }
 
+// src/schemas/pipStyle.ts
+var DEFAULT_SHADOW = "0 0.75em 2em rgba(0, 0, 0, 0.34)";
+var DERIVED_BORDER_WIDTH = "max(1px, 0.12vw)";
+function cssLength(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+function resolveRadius(theme) {
+  const explicit = theme.style.pip?.cornerRadius;
+  if (explicit != null) {
+    if (typeof explicit === "number") return explicit <= 0 ? "0" : `${explicit}px`;
+    return explicit;
+  }
+  const br = theme.style.borderRadius ?? 0;
+  if (br <= 0) return "0";
+  return `${Math.min(28, Math.max(6, Math.round(br)))}%`;
+}
+function resolveBorder(theme) {
+  const border = theme.style.pip?.border;
+  if (border === "none") return "none";
+  if (border && typeof border === "object") {
+    const width = border.width == null ? DERIVED_BORDER_WIDTH : cssLength(border.width);
+    const color = border.color ?? withAlpha(theme.colors.text, 0.35);
+    return `${width} solid ${color}`;
+  }
+  return `${DERIVED_BORDER_WIDTH} solid ${withAlpha(theme.colors.text, 0.35)}`;
+}
+function resolveShadow(theme) {
+  const shadow = theme.style.pip?.shadow;
+  if (shadow === false || shadow === "none") return "none";
+  if (typeof shadow === "string") return shadow;
+  return DEFAULT_SHADOW;
+}
+function pipStyleVars(theme) {
+  return {
+    "--squisq-pip-radius": resolveRadius(theme),
+    "--squisq-pip-border": resolveBorder(theme),
+    "--squisq-pip-shadow": resolveShadow(theme)
+  };
+}
+
 // src/schemas/themeCompile.ts
 var STARTER_BODY_FONT = { stackId: "system-sans" };
 var STARTER_TITLE_FONT = { stackId: "system-serif" };
@@ -308,6 +349,7 @@ export {
   getSegmentAtTime,
   getBlockAtTime,
   getCaptionAtTime,
+  pipStyleVars,
   STARTER_THEME,
   deriveColorPalette,
   accentToColorScheme,

package/dist/{chunk-ZYO3DBTA.js → chunk-JUAC2QWP.js}

@@ -2,7 +2,7 @@ import {
   assertMarkdownDocumentWithinLimits,
   parseMarkdown,
   toMdast
-} from "./chunk-D4LPP3P5.js";
+} from "./chunk-7TJJA2RI.js";
 import {
   formatFrontmatterYaml,
   getChildren,