@bendyline/squisq 2.11.9 → 2.11.10

package/dist/{chunk-PCCQLD3G.js → chunk-PFH3WV6J.js}

@@ -2,6 +2,97 @@ import {
   isTransitionType
 } from "./chunk-4VOD55SX.js";
 
+// src/schemas/Motion.ts
+var MOTION_PROFILE_NAMES = ["calm", "documentary", "vibrant"];
+var FRONTMATTER_MOTION_KEY = "squisq-motion";
+var OVERSHOOT_EASING = "cubic-bezier(0.34, 1.4, 0.64, 1)";
+var SETTLE_EASING = "cubic-bezier(0.22, 1, 0.36, 1)";
+var MOTION_PROFILES = Object.freeze({
+  calm: Object.freeze({
+    name: "calm",
+    textEntrance: Object.freeze({ type: "fadeIn", duration: 1, delayScale: 1 }),
+    chartGrowth: false,
+    chartGrowthDuration: 1,
+    countUp: false,
+    countUpDuration: 1.5,
+    diagramBuild: false,
+    photoGridStagger: 0,
+    coverWordReveal: false
+  }),
+  documentary: Object.freeze({
+    name: "documentary",
+    textEntrance: Object.freeze({
+      type: "fadeInUp",
+      duration: 0.8,
+      easing: SETTLE_EASING,
+      delayScale: 1
+    }),
+    chartGrowth: true,
+    chartGrowthDuration: 1.1,
+    countUp: true,
+    countUpDuration: 1.6,
+    diagramBuild: true,
+    photoGridStagger: 0.22,
+    coverWordReveal: false
+  }),
+  vibrant: Object.freeze({
+    name: "vibrant",
+    textEntrance: Object.freeze({
+      type: "fadeInUp",
+      duration: 0.55,
+      easing: OVERSHOOT_EASING,
+      delayScale: 0.8
+    }),
+    chartGrowth: true,
+    chartGrowthDuration: 0.9,
+    countUp: true,
+    countUpDuration: 1.2,
+    diagramBuild: true,
+    photoGridStagger: 0.16,
+    coverWordReveal: false
+  })
+});
+function isMotionProfileName(value) {
+  return typeof value === "string" && MOTION_PROFILE_NAMES.includes(value);
+}
+function resolveMotionProfile(spec, fallback = "calm") {
+  if (spec == null) return MOTION_PROFILES[fallback];
+  if (typeof spec === "string") {
+    return MOTION_PROFILES[isMotionProfileName(spec) ? spec : fallback];
+  }
+  if (typeof spec !== "object") return MOTION_PROFILES[fallback];
+  const named = spec;
+  const baseName = isMotionProfileName(named.profile) ? named.profile : isMotionProfileName(named.name) ? named.name : fallback;
+  const base = MOTION_PROFILES[baseName];
+  const { profile: _profile, name: _name, ...overrides } = spec;
+  const merged = { ...base };
+  for (const [key, value] of Object.entries(overrides)) {
+    if (value === void 0) continue;
+    if (key === "textEntrance" && typeof value === "object" && value !== null) {
+      merged.textEntrance = { ...base.textEntrance, ...value };
+    } else if (key in base && typeof value === typeof base[key]) {
+      merged[key] = value;
+    }
+  }
+  return merged;
+}
+function readFrontmatterMotion(frontmatter) {
+  if (!frontmatter) return void 0;
+  const raw = frontmatter[FRONTMATTER_MOTION_KEY] ?? frontmatter.motion;
+  if (typeof raw === "string") {
+    const trimmed = raw.trim();
+    return isMotionProfileName(trimmed) ? trimmed : void 0;
+  }
+  if (raw && typeof raw === "object" && !Array.isArray(raw)) return raw;
+  return void 0;
+}
+function resolveMotionForDoc(doc, theme, explicit) {
+  const themeName = theme?.renderStyle.motionProfile;
+  const themeDefault = isMotionProfileName(themeName) ? themeName : "calm";
+  const spec = explicit ?? doc?.motion ?? readFrontmatterMotion(doc?.frontmatter);
+  return resolveMotionProfile(spec, themeDefault);
+}
+
 // src/schemas/Viewport.ts
 var VIEWPORT_PRESETS = {
   /** 16:9 landscape (default, 1080p) */
@@ -130,7 +221,7 @@ var DEFAULT_TITLE_FONT = 'Georgia, "Times New Roman", serif';
 function isTemplateBlock(block) {
   return "template" in block && typeof block.template === "string";
 }
-function createTemplateContext(theme, blockIndex, totalBlocks, viewport = VIEWPORT_PRESETS.landscape) {
+function createTemplateContext(theme, blockIndex, totalBlocks, viewport = VIEWPORT_PRESETS.landscape, options = {}) {
   const orientation = getViewportOrientation(viewport);
   const overrides = theme.renderStyle.layoutOverrides;
   const baseLayout = getLayoutHints(orientation);
@@ -141,7 +232,8 @@ function createTemplateContext(theme, blockIndex, totalBlocks, viewport = VIEWPO
     viewport,
     fontScale: calculateFontScale(viewport),
     orientation,
-    layout: overrides ? { ...baseLayout, ...overrides } : baseLayout
+    layout: overrides ? { ...baseLayout, ...overrides } : baseLayout,
+    motion: resolveMotionForDoc(null, theme, options.motion)
   };
 }
 function scaledFontSize2(basePx, context, isTitle = false) {
@@ -172,8 +264,18 @@ var ANIMATION_TYPES = /* @__PURE__ */ new Set([
   "zoomOut",
   "panLeft",
   "panRight",
-  "typewriter"
+  "typewriter",
+  "fadeInUp",
+  "slideIn",
+  "wordReveal",
+  "countUp",
+  "drawOn",
+  "grow",
+  "reveal",
+  "drift",
+  "tween"
 ]);
+var MOTION_ORIGINS = ["center", "left", "right", "top", "bottom"];
 var TemplateValidator = class {
   constructor() {
     this.errors = [];
@@ -256,6 +358,30 @@ function validateAnimation(v, value, path) {
   optionalString(v, value, "easing", path);
   optionalEnum(v, value, "direction", path, ["in", "out"]);
   optionalEnum(v, value, "panDirection", path, ["left", "right", "up", "down"]);
+  optionalEnum(v, value, "origin", path, MOTION_ORIGINS);
+  optionalEnum(v, value, "shape", path, ["wipe", "iris"]);
+  optionalNumber(v, value, "stagger", path);
+  if (value.wordTimes !== void 0) {
+    if (!Array.isArray(value.wordTimes) || value.wordTimes.some((t) => typeof t !== "number")) {
+      v.error(`${path}.wordTimes`, "expected array of numbers");
+    }
+  }
+  const count = value.count;
+  if (count !== void 0 && v.object(count, `${path}.count`)) {
+    if (typeof count.to !== "number") v.error(`${path}.count.to`, "expected number");
+    optionalNumber(v, count, "from", `${path}.count`);
+    optionalNumber(v, count, "decimals", `${path}.count`);
+    optionalString(v, count, "prefix", `${path}.count`);
+    optionalString(v, count, "suffix", `${path}.count`);
+  }
+  for (const key of ["fromState", "toState"]) {
+    const state = value[key];
+    if (state !== void 0 && v.object(state, `${path}.${key}`)) {
+      for (const field of ["scale", "x", "y", "opacity", "rotate"]) {
+        optionalNumber(v, state, field, `${path}.${key}`);
+      }
+    }
+  }
 }
 function validateRepeat(v, value, path) {
   if (!v.object(value, path)) return;
@@ -993,6 +1119,9 @@ var V = class {
     if (v.ambientMotion !== void 0 && !this.isBoolean(v.ambientMotion)) {
       this.err(`${path}.ambientMotion`, "expected boolean");
     }
+    if (v.motionProfile !== void 0 && !isMotionProfileName(v.motionProfile)) {
+      this.err(`${path}.motionProfile`, "expected calm | documentary | vibrant");
+    }
     for (const k of ["defaultTextAnimation", "defaultImageAnimation"]) {
       if (v[k] !== void 0 && !this.isString(v[k])) {
         this.err(`${path}.${k}`, "expected animation type string");
@@ -1704,6 +1833,7 @@ var documentary_default = {
     defaultTextAnimation: "fadeIn",
     defaultImageAnimation: "slowZoom",
     ambientMotion: true,
+    motionProfile: "documentary",
     defaultTransition: {
       type: "fade",
       duration: 0.8
@@ -1902,6 +2032,7 @@ var bold_default = {
     defaultTextAnimation: "zoomIn",
     defaultImageAnimation: "slowZoom",
     ambientMotion: true,
+    motionProfile: "vibrant",
     defaultTransition: { type: "dissolve", duration: 0.5 },
     templateHints: {
       statHighlight: { entrance: "dramatic" },
@@ -2111,6 +2242,7 @@ var tech_dark_default = {
     defaultTextAnimation: "typewriter",
     defaultImageAnimation: "slowZoom",
     ambientMotion: true,
+    motionProfile: "vibrant",
     defaultTransition: {
       type: "dissolve",
       duration: 0.4
@@ -2380,6 +2512,7 @@ var cinematic_default = {
     defaultTextAnimation: "fadeIn",
     defaultImageAnimation: "slowZoom",
     ambientMotion: true,
+    motionProfile: "documentary",
     defaultTransition: {
       type: "dissolve",
       duration: 1.2
@@ -2516,6 +2649,7 @@ var warm_earth_default = {
     defaultTextAnimation: "fadeIn",
     defaultImageAnimation: "panLeft",
     ambientMotion: true,
+    motionProfile: "documentary",
     defaultTransition: { type: "fade", duration: 0.9 }
   },
   colorSchemes: {
@@ -2965,6 +3099,12 @@ function matchFontFamily(name) {
 }
 
 export {
+  FRONTMATTER_MOTION_KEY,
+  MOTION_PROFILES,
+  isMotionProfileName,
+  resolveMotionProfile,
+  readFrontmatterMotion,
+  resolveMotionForDoc,
   VIEWPORT_PRESETS,
   getViewport,
   calculateFontScale,

package/dist/{chunk-2PGC4JDT.js → chunk-PWCIJHZH.js}

@@ -1,7 +1,7 @@
 import {
   flattenRenderableBlocks,
   getBlockBodyText
-} from "./chunk-QOVINAB2.js";
+} from "./chunk-TYW5VMNP.js";
 import {
   estimateSpokenWordCount
 } from "./chunk-GHOPHGOK.js";

package/dist/{chunk-CCRBHFNO.js → chunk-RV5OOBSV.js}

@@ -5,11 +5,11 @@ import {
 } from "./chunk-SVN7T6BK.js";
 import {
   markdownToDoc
-} from "./chunk-QOVINAB2.js";
+} from "./chunk-TYW5VMNP.js";
 import {
   cloneAndFreezeData,
   isTemplateBlock
-} from "./chunk-PCCQLD3G.js";
+} from "./chunk-PFH3WV6J.js";
 import {
   parseMarkdown
 } from "./chunk-HUXK7EOT.js";