@number10/jsx-core 5.0.0

package/dist/animation/effect-definitions.js

@@ -0,0 +1,441 @@
+import { Easing } from "./easing.js";
+function pickBase(base, ...keys) {
+  const picked = {};
+  for (const key of keys) picked[key] = base[key];
+  return picked;
+}
+function scaled(base, intensity) {
+  return { scaleX: base.scaleX * intensity, scaleY: base.scaleY * intensity };
+}
+function slideOffset(dir, dist) {
+  switch (dir) {
+    case "left":
+      return { x: -dist };
+    case "right":
+      return { x: dist };
+    case "up":
+      return { y: -dist };
+    case "down":
+      return { y: dist };
+    default:
+      return { x: dist };
+  }
+}
+function offsetFromBase(base, offset) {
+  const next = {};
+  if (offset.x !== void 0) next.x = base.x + offset.x;
+  if (offset.y !== void 0) next.y = base.y + offset.y;
+  return next;
+}
+const EFFECT_DEFINITIONS = {
+  // ===== Finite Effects ===================================================
+  press: {
+    name: "press",
+    origin: "center",
+    loop: false,
+    steps: (base, cfg) => {
+      const i = cfg.intensity ?? 0.9;
+      return [
+        { type: "spring", to: scaled(base, i), config: "stiff" },
+        { type: "spring", to: pickBase(base, "scaleX", "scaleY"), config: "wobbly" }
+      ];
+    }
+  },
+  pulse: {
+    name: "pulse",
+    origin: "center",
+    loop: false,
+    steps: (base, cfg) => {
+      const i = cfg.intensity ?? 1.2;
+      return [
+        { type: "spring", to: scaled(base, i), config: "stiff" },
+        { type: "spring", to: pickBase(base, "scaleX", "scaleY"), config: "wobbly" }
+      ];
+    }
+  },
+  fade: {
+    name: "fade",
+    origin: "top-left",
+    loop: false,
+    steps: (base, cfg) => {
+      const t = (cfg.time ?? 300) / 2;
+      return [
+        {
+          type: "tween",
+          to: { alpha: base.alpha * 0.5 },
+          duration: t,
+          ease: Easing.sineInOut
+        },
+        { type: "tween", to: pickBase(base, "alpha"), duration: t, ease: Easing.sineInOut }
+      ];
+    }
+  },
+  fadeIn: {
+    name: "fadeIn",
+    origin: "top-left",
+    loop: false,
+    steps: (base, cfg) => [
+      {
+        type: "tween",
+        from: { alpha: 0 },
+        to: pickBase(base, "alpha"),
+        duration: cfg.time ?? 400,
+        ease: Easing.quadOut
+      }
+    ]
+  },
+  fadeOut: {
+    name: "fadeOut",
+    origin: "top-left",
+    loop: false,
+    steps: (_base, cfg) => [
+      {
+        type: "tween",
+        to: { alpha: 0 },
+        duration: cfg.time ?? 400,
+        ease: Easing.quadIn
+      }
+    ]
+  },
+  bounce: {
+    name: "bounce",
+    origin: "center",
+    loop: false,
+    steps: (base, cfg) => [
+      { type: "spring", to: scaled(base, cfg.intensity ?? 1.3), config: "wobbly" }
+    ]
+  },
+  flash: {
+    name: "flash",
+    origin: "center",
+    loop: false,
+    steps: (base, cfg) => {
+      const i = cfg.intensity ?? 1.15;
+      return [{ type: "spring", to: scaled(base, i), config: "stiff" }];
+    }
+  },
+  wobble: {
+    name: "wobble",
+    origin: "center",
+    loop: false,
+    steps: (base, cfg) => {
+      const m = cfg.magnitude ?? 0.1;
+      const t = (cfg.time ?? 400) / 4;
+      return [
+        { type: "tween", to: { rotation: base.rotation + m }, duration: t, ease: Easing.sineInOut },
+        { type: "tween", to: { rotation: base.rotation - m }, duration: t, ease: Easing.sineInOut },
+        {
+          type: "tween",
+          to: { rotation: base.rotation + m * 0.5 },
+          duration: t,
+          ease: Easing.sineInOut
+        },
+        { type: "tween", to: pickBase(base, "rotation"), duration: t, ease: Easing.sineInOut }
+      ];
+    }
+  },
+  jello: {
+    name: "jello",
+    origin: "center",
+    loop: false,
+    steps: (base, cfg) => {
+      const i = cfg.intensity ?? 0.15;
+      const t = (cfg.time ?? 600) / 4;
+      return [
+        {
+          type: "tween",
+          to: { scaleX: base.scaleX * (1 + i), scaleY: base.scaleY * (1 - i * 0.5) },
+          duration: t,
+          ease: Easing.sineInOut
+        },
+        {
+          type: "tween",
+          to: { scaleX: base.scaleX * (1 - i * 0.5), scaleY: base.scaleY * (1 + i) },
+          duration: t,
+          ease: Easing.sineInOut
+        },
+        {
+          type: "tween",
+          to: { scaleX: base.scaleX * (1 + i * 0.3), scaleY: base.scaleY * (1 - i * 0.3) },
+          duration: t,
+          ease: Easing.sineInOut
+        },
+        {
+          type: "tween",
+          to: pickBase(base, "scaleX", "scaleY"),
+          duration: t,
+          ease: Easing.sineInOut
+        }
+      ];
+    }
+  },
+  tada: {
+    name: "tada",
+    origin: "center",
+    loop: false,
+    steps: (base, cfg) => {
+      const i = cfg.intensity ?? 1.1;
+      const rm = 0.05;
+      const t = (cfg.time ?? 600) / 6;
+      return [
+        {
+          type: "tween",
+          to: {
+            scaleX: base.scaleX * i,
+            scaleY: base.scaleY * i,
+            rotation: base.rotation + rm
+          },
+          duration: t,
+          ease: Easing.sineInOut
+        },
+        {
+          type: "tween",
+          to: { scaleX: base.scaleX, scaleY: base.scaleY, rotation: base.rotation - rm },
+          duration: t,
+          ease: Easing.sineInOut
+        },
+        {
+          type: "tween",
+          to: {
+            scaleX: base.scaleX * i,
+            scaleY: base.scaleY * i,
+            rotation: base.rotation + rm
+          },
+          duration: t,
+          ease: Easing.sineInOut
+        },
+        {
+          type: "tween",
+          to: { scaleX: base.scaleX, scaleY: base.scaleY, rotation: base.rotation - rm },
+          duration: t,
+          ease: Easing.sineInOut
+        },
+        {
+          type: "tween",
+          to: {
+            scaleX: base.scaleX * i,
+            scaleY: base.scaleY * i,
+            rotation: base.rotation + rm
+          },
+          duration: t,
+          ease: Easing.sineInOut
+        },
+        {
+          type: "tween",
+          to: pickBase(base, "scaleX", "scaleY", "rotation"),
+          duration: t,
+          ease: Easing.sineInOut
+        }
+      ];
+    }
+  },
+  swing: {
+    name: "swing",
+    origin: "top-center",
+    loop: false,
+    steps: (base, cfg) => {
+      const m = cfg.magnitude ?? 0.15;
+      const t = (cfg.time ?? 800) / 4;
+      return [
+        { type: "tween", to: { rotation: base.rotation + m }, duration: t, ease: Easing.sineInOut },
+        { type: "tween", to: { rotation: base.rotation - m }, duration: t, ease: Easing.sineInOut },
+        {
+          type: "tween",
+          to: { rotation: base.rotation + m * 0.5 },
+          duration: t,
+          ease: Easing.sineInOut
+        },
+        { type: "tween", to: pickBase(base, "rotation"), duration: t, ease: Easing.sineInOut }
+      ];
+    }
+  },
+  wiggle: {
+    name: "wiggle",
+    origin: "top-left",
+    loop: false,
+    steps: (base, cfg) => {
+      const m = cfg.magnitude ?? 3;
+      const t = (cfg.time ?? 400) / 6;
+      return [
+        { type: "tween", to: { x: base.x + m }, duration: t, ease: Easing.sineInOut },
+        { type: "tween", to: { x: base.x - m }, duration: t, ease: Easing.sineInOut },
+        { type: "tween", to: { x: base.x + m }, duration: t, ease: Easing.sineInOut },
+        { type: "tween", to: { x: base.x - m }, duration: t, ease: Easing.sineInOut },
+        {
+          type: "tween",
+          to: { x: base.x + m * 0.5 },
+          duration: t,
+          ease: Easing.sineInOut
+        },
+        { type: "tween", to: pickBase(base, "x"), duration: t, ease: Easing.sineInOut }
+      ];
+    }
+  },
+  shake: {
+    name: "shake",
+    origin: "top-left",
+    loop: false,
+    steps: (base, cfg) => {
+      const magnitude = cfg.magnitude ?? 20;
+      const time = cfg.time ?? 500;
+      const count = 6;
+      const steps = [];
+      for (let i = 0; i < count; i++) {
+        steps.push({
+          type: "noise",
+          magnitude,
+          duration: time / count,
+          decay: (p) => Math.pow(1 - p, 2)
+        });
+      }
+      steps.push({
+        type: "tween",
+        to: pickBase(base, "x", "y"),
+        duration: time / count,
+        ease: Easing.linear
+      });
+      return steps;
+    }
+  },
+  slideIn: {
+    name: "slideIn",
+    origin: "top-left",
+    loop: false,
+    steps: (base, cfg) => {
+      const dir = cfg.direction ?? "left";
+      const dist = 200;
+      return [
+        {
+          type: "tween",
+          from: offsetFromBase(base, slideOffset(dir, dist)),
+          to: pickBase(base, "x", "y"),
+          duration: cfg.time ?? 400,
+          ease: Easing.quadOut
+        }
+      ];
+    }
+  },
+  slideOut: {
+    name: "slideOut",
+    origin: "top-left",
+    loop: false,
+    steps: (_base, cfg) => {
+      const dir = cfg.direction ?? "right";
+      return [
+        {
+          type: "tween",
+          to: offsetFromBase(_base, slideOffset(dir, 200)),
+          duration: cfg.time ?? 400,
+          ease: Easing.quadIn
+        }
+      ];
+    }
+  },
+  zoomIn: {
+    name: "zoomIn",
+    origin: "center",
+    loop: false,
+    steps: (base, _cfg) => [
+      {
+        type: "spring",
+        from: { scaleX: 0, scaleY: 0 },
+        to: pickBase(base, "scaleX", "scaleY"),
+        config: "wobbly"
+      }
+    ]
+  },
+  zoomOut: {
+    name: "zoomOut",
+    origin: "center",
+    loop: false,
+    steps: (_base, cfg) => [
+      {
+        type: "tween",
+        to: { scaleX: 0, scaleY: 0 },
+        duration: cfg.time ?? 400,
+        ease: Easing.backIn
+      }
+    ]
+  },
+  flipIn: {
+    name: "flipIn",
+    origin: "center",
+    loop: false,
+    steps: (base, cfg) => [
+      {
+        type: "tween",
+        from: { scaleX: 0 },
+        to: pickBase(base, "scaleX"),
+        duration: cfg.time ?? 500,
+        ease: Easing.backOut
+      }
+    ]
+  },
+  flipOut: {
+    name: "flipOut",
+    origin: "center",
+    loop: false,
+    steps: (_base, cfg) => [
+      {
+        type: "tween",
+        to: { scaleX: 0 },
+        duration: cfg.time ?? 500,
+        ease: Easing.backIn
+      }
+    ]
+  },
+  // ===== Loop Effects =====================================================
+  float: {
+    name: "float",
+    origin: "top-left",
+    loop: true,
+    steps: (base, cfg) => {
+      const m = cfg.magnitude ?? 10;
+      const t = (cfg.time ?? 2e3) / 2;
+      return [
+        { type: "tween", to: { y: base.y - m }, duration: t, ease: Easing.sineInOut },
+        { type: "tween", to: pickBase(base, "y"), duration: t, ease: Easing.sineInOut }
+      ];
+    }
+  },
+  breathe: {
+    name: "breathe",
+    origin: "center",
+    loop: true,
+    steps: (base, cfg) => {
+      const i = cfg.intensity ?? 1.05;
+      const t = (cfg.time ?? 2e3) / 2;
+      return [
+        { type: "tween", to: scaled(base, i), duration: t, ease: Easing.sineInOut },
+        {
+          type: "tween",
+          to: pickBase(base, "scaleX", "scaleY"),
+          duration: t,
+          ease: Easing.sineInOut
+        }
+      ];
+    }
+  },
+  spin: {
+    name: "spin",
+    origin: "center",
+    loop: true,
+    steps: (base, cfg) => [
+      {
+        type: "tween",
+        to: { rotation: base.rotation + Math.PI * 2 },
+        duration: cfg.time ?? 2e3,
+        ease: Easing.linear
+      }
+    ]
+  }
+};
+function resolveEffectTransformOrigin(effect) {
+  const def = effect ? EFFECT_DEFINITIONS[effect] : void 0;
+  return def?.origin ?? "top-left";
+}
+export {
+  EFFECT_DEFINITIONS,
+  resolveEffectTransformOrigin
+};
+//# sourceMappingURL=effect-definitions.js.map

package/dist/animation/effect-definitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"effect-definitions.js","sources":["../../src/animation/effect-definitions.ts"],"sourcesContent":["/**\n * Effect definitions — 23 built-in effects as pure data structures.\n *\n * All effects are defined as data (steps, easing references, durations)\n * with no renderer dependencies. The effect engine (effect-engine.ts)\n * interprets these definitions against an EffectTarget.\n */\n\nimport { Easing, type EasingFn } from './easing'\nimport type { SpringConfig } from './spring-physics'\nimport type { AnimValues, EffectConfig } from './types'\n\n// ---------------------------------------------------------------------------\n// Effect Types\n// ---------------------------------------------------------------------------\n\n/** Transform origin for effect calculations */\nexport type EffectTransformOrigin = 'top-left' | 'top-center' | 'center'\n\n/** Tween-based step — time-bound with easing */\nexport interface TweenStep {\n  type: 'tween'\n  /** Target values (partial) */\n  to: Partial<AnimValues>\n  /** Duration in ms */\n  duration: number\n  /** Easing function */\n  ease: EasingFn\n  /** Optional start values (for fadeIn, slideIn etc.) */\n  from?: Partial<AnimValues> | undefined\n}\n\n/** Spring-based step — physics-driven */\nexport interface SpringStep {\n  type: 'spring'\n  /** Target values (partial) */\n  to: Partial<AnimValues>\n  /** Optional start values (for zoomIn etc.) */\n  from?: Partial<AnimValues> | undefined\n  /** Spring config (preset name or custom) */\n  config?: SpringConfig | 'gentle' | 'default' | 'wobbly' | 'stiff' | 'slow' | 'instant' | undefined\n}\n\n/** Noise step — random per-frame (for shake effects) */\nexport interface NoiseStep {\n  type: 'noise'\n  /** Decay function: (progress 0..1) => magnitude multiplier */\n  decay: (progress: number) => number\n  /** Base magnitude */\n  magnitude: number\n  /** Duration in ms */\n  duration: number\n}\n\n/** Union of all step types */\nexport type EffectStep = TweenStep | SpringStep | NoiseStep\n\n/** A complete effect definition */\nexport interface EffectDefinition {\n  /** Effect name */\n  name: string\n  /** Sequence of steps or step factory function */\n  steps: EffectStep[] | ((base: AnimValues, config: EffectConfig) => EffectStep[])\n  /** Whether the effect loops indefinitely */\n  loop: boolean\n  /** Transform origin for this effect */\n  origin: EffectTransformOrigin\n}\n\n// ---------------------------------------------------------------------------\n// Helper functions\n// ---------------------------------------------------------------------------\n\nfunction pickBase(base: AnimValues, ...keys: (keyof AnimValues)[]): Partial<AnimValues> {\n  const picked: Partial<AnimValues> = {}\n  for (const key of keys) picked[key] = base[key] as number\n  return picked\n}\n\nfunction scaled(base: AnimValues, intensity: number): Partial<AnimValues> {\n  return { scaleX: base.scaleX * intensity, scaleY: base.scaleY * intensity }\n}\n\nfunction slideOffset(dir: string, dist: number): Partial<AnimValues> {\n  switch (dir) {\n    case 'left':\n      return { x: -dist }\n    case 'right':\n      return { x: dist }\n    case 'up':\n      return { y: -dist }\n    case 'down':\n      return { y: dist }\n    default:\n      return { x: dist }\n  }\n}\n\nfunction offsetFromBase(base: AnimValues, offset: Partial<AnimValues>): Partial<AnimValues> {\n  const next: Partial<AnimValues> = {}\n  if (offset.x !== undefined) next.x = base.x + offset.x\n  if (offset.y !== undefined) next.y = base.y + offset.y\n  return next\n}\n\n// ---------------------------------------------------------------------------\n// Effect Registry\n// ---------------------------------------------------------------------------\n\n/**\n * All 23 built-in effects as pure data definitions.\n * Keyed by effect name for direct lookup.\n */\nexport const EFFECT_DEFINITIONS: Record<string, EffectDefinition> = {\n  // ===== Finite Effects ===================================================\n\n  press: {\n    name: 'press',\n    origin: 'center',\n    loop: false,\n    steps: (base, cfg) => {\n      const i = (cfg.intensity as number) ?? 0.9\n      return [\n        { type: 'spring', to: scaled(base, i), config: 'stiff' },\n        { type: 'spring', to: pickBase(base, 'scaleX', 'scaleY'), config: 'wobbly' },\n      ]\n    },\n  },\n\n  pulse: {\n    name: 'pulse',\n    origin: 'center',\n    loop: false,\n    steps: (base, cfg) => {\n      const i = (cfg.intensity as number) ?? 1.2\n      return [\n        { type: 'spring', to: scaled(base, i), config: 'stiff' },\n        { type: 'spring', to: pickBase(base, 'scaleX', 'scaleY'), config: 'wobbly' },\n      ]\n    },\n  },\n\n  fade: {\n    name: 'fade',\n    origin: 'top-left',\n    loop: false,\n    steps: (base, cfg) => {\n      const t = ((cfg.time as number) ?? 300) / 2\n      return [\n        {\n          type: 'tween',\n          to: { alpha: base.alpha * 0.5 },\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n        { type: 'tween', to: pickBase(base, 'alpha'), duration: t, ease: Easing.sineInOut },\n      ]\n    },\n  },\n\n  fadeIn: {\n    name: 'fadeIn',\n    origin: 'top-left',\n    loop: false,\n    steps: (base, cfg) => [\n      {\n        type: 'tween',\n        from: { alpha: 0 },\n        to: pickBase(base, 'alpha'),\n        duration: (cfg.time as number) ?? 400,\n        ease: Easing.quadOut,\n      },\n    ],\n  },\n\n  fadeOut: {\n    name: 'fadeOut',\n    origin: 'top-left',\n    loop: false,\n    steps: (_base, cfg) => [\n      {\n        type: 'tween',\n        to: { alpha: 0 },\n        duration: (cfg.time as number) ?? 400,\n        ease: Easing.quadIn,\n      },\n    ],\n  },\n\n  bounce: {\n    name: 'bounce',\n    origin: 'center',\n    loop: false,\n    steps: (base, cfg) => [\n      { type: 'spring', to: scaled(base, (cfg.intensity as number) ?? 1.3), config: 'wobbly' },\n    ],\n  },\n\n  flash: {\n    name: 'flash',\n    origin: 'center',\n    loop: false,\n    steps: (base, cfg) => {\n      const i = (cfg.intensity as number) ?? 1.15\n      return [{ type: 'spring', to: scaled(base, i), config: 'stiff' }]\n    },\n  },\n\n  wobble: {\n    name: 'wobble',\n    origin: 'center',\n    loop: false,\n    steps: (base, cfg) => {\n      const m = (cfg.magnitude as number) ?? 0.1\n      const t = ((cfg.time as number) ?? 400) / 4\n      return [\n        { type: 'tween', to: { rotation: base.rotation + m }, duration: t, ease: Easing.sineInOut },\n        { type: 'tween', to: { rotation: base.rotation - m }, duration: t, ease: Easing.sineInOut },\n        {\n          type: 'tween',\n          to: { rotation: base.rotation + m * 0.5 },\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n        { type: 'tween', to: pickBase(base, 'rotation'), duration: t, ease: Easing.sineInOut },\n      ]\n    },\n  },\n\n  jello: {\n    name: 'jello',\n    origin: 'center',\n    loop: false,\n    steps: (base, cfg) => {\n      const i = (cfg.intensity as number) ?? 0.15\n      const t = ((cfg.time as number) ?? 600) / 4\n      return [\n        {\n          type: 'tween',\n          to: { scaleX: base.scaleX * (1 + i), scaleY: base.scaleY * (1 - i * 0.5) },\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n        {\n          type: 'tween',\n          to: { scaleX: base.scaleX * (1 - i * 0.5), scaleY: base.scaleY * (1 + i) },\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n        {\n          type: 'tween',\n          to: { scaleX: base.scaleX * (1 + i * 0.3), scaleY: base.scaleY * (1 - i * 0.3) },\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n        {\n          type: 'tween',\n          to: pickBase(base, 'scaleX', 'scaleY'),\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n      ]\n    },\n  },\n\n  tada: {\n    name: 'tada',\n    origin: 'center',\n    loop: false,\n    steps: (base, cfg) => {\n      const i = (cfg.intensity as number) ?? 1.1\n      const rm = 0.05\n      const t = ((cfg.time as number) ?? 600) / 6\n      return [\n        {\n          type: 'tween',\n          to: {\n            scaleX: base.scaleX * i,\n            scaleY: base.scaleY * i,\n            rotation: base.rotation + rm,\n          },\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n        {\n          type: 'tween',\n          to: { scaleX: base.scaleX, scaleY: base.scaleY, rotation: base.rotation - rm },\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n        {\n          type: 'tween',\n          to: {\n            scaleX: base.scaleX * i,\n            scaleY: base.scaleY * i,\n            rotation: base.rotation + rm,\n          },\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n        {\n          type: 'tween',\n          to: { scaleX: base.scaleX, scaleY: base.scaleY, rotation: base.rotation - rm },\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n        {\n          type: 'tween',\n          to: {\n            scaleX: base.scaleX * i,\n            scaleY: base.scaleY * i,\n            rotation: base.rotation + rm,\n          },\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n        {\n          type: 'tween',\n          to: pickBase(base, 'scaleX', 'scaleY', 'rotation'),\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n      ]\n    },\n  },\n\n  swing: {\n    name: 'swing',\n    origin: 'top-center',\n    loop: false,\n    steps: (base, cfg) => {\n      const m = (cfg.magnitude as number) ?? 0.15\n      const t = ((cfg.time as number) ?? 800) / 4\n      return [\n        { type: 'tween', to: { rotation: base.rotation + m }, duration: t, ease: Easing.sineInOut },\n        { type: 'tween', to: { rotation: base.rotation - m }, duration: t, ease: Easing.sineInOut },\n        {\n          type: 'tween',\n          to: { rotation: base.rotation + m * 0.5 },\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n        { type: 'tween', to: pickBase(base, 'rotation'), duration: t, ease: Easing.sineInOut },\n      ]\n    },\n  },\n\n  wiggle: {\n    name: 'wiggle',\n    origin: 'top-left',\n    loop: false,\n    steps: (base, cfg) => {\n      const m = (cfg.magnitude as number) ?? 3\n      const t = ((cfg.time as number) ?? 400) / 6\n      return [\n        { type: 'tween', to: { x: base.x + m }, duration: t, ease: Easing.sineInOut },\n        { type: 'tween', to: { x: base.x - m }, duration: t, ease: Easing.sineInOut },\n        { type: 'tween', to: { x: base.x + m }, duration: t, ease: Easing.sineInOut },\n        { type: 'tween', to: { x: base.x - m }, duration: t, ease: Easing.sineInOut },\n        {\n          type: 'tween',\n          to: { x: base.x + m * 0.5 },\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n        { type: 'tween', to: pickBase(base, 'x'), duration: t, ease: Easing.sineInOut },\n      ]\n    },\n  },\n\n  shake: {\n    name: 'shake',\n    origin: 'top-left',\n    loop: false,\n    steps: (base, cfg) => {\n      const magnitude = (cfg.magnitude as number) ?? 20\n      const time = (cfg.time as number) ?? 500\n      const count = 6\n      const steps: EffectStep[] = []\n      for (let i = 0; i < count; i++) {\n        steps.push({\n          type: 'noise',\n          magnitude,\n          duration: time / count,\n          decay: (p: number) => Math.pow(1 - p, 2),\n        })\n      }\n      steps.push({\n        type: 'tween',\n        to: pickBase(base, 'x', 'y'),\n        duration: time / count,\n        ease: Easing.linear,\n      })\n      return steps\n    },\n  },\n\n  slideIn: {\n    name: 'slideIn',\n    origin: 'top-left',\n    loop: false,\n    steps: (base, cfg) => {\n      const dir = (cfg.direction as string) ?? 'left'\n      const dist = 200\n      return [\n        {\n          type: 'tween',\n          from: offsetFromBase(base, slideOffset(dir, dist)),\n          to: pickBase(base, 'x', 'y'),\n          duration: (cfg.time as number) ?? 400,\n          ease: Easing.quadOut,\n        },\n      ]\n    },\n  },\n\n  slideOut: {\n    name: 'slideOut',\n    origin: 'top-left',\n    loop: false,\n    steps: (_base, cfg) => {\n      const dir = (cfg.direction as string) ?? 'right'\n      return [\n        {\n          type: 'tween',\n          to: offsetFromBase(_base, slideOffset(dir, 200)),\n          duration: (cfg.time as number) ?? 400,\n          ease: Easing.quadIn,\n        },\n      ]\n    },\n  },\n\n  zoomIn: {\n    name: 'zoomIn',\n    origin: 'center',\n    loop: false,\n    steps: (base, _cfg) => [\n      {\n        type: 'spring',\n        from: { scaleX: 0, scaleY: 0 },\n        to: pickBase(base, 'scaleX', 'scaleY'),\n        config: 'wobbly',\n      },\n    ],\n  },\n\n  zoomOut: {\n    name: 'zoomOut',\n    origin: 'center',\n    loop: false,\n    steps: (_base, cfg) => [\n      {\n        type: 'tween',\n        to: { scaleX: 0, scaleY: 0 },\n        duration: (cfg.time as number) ?? 400,\n        ease: Easing.backIn,\n      },\n    ],\n  },\n\n  flipIn: {\n    name: 'flipIn',\n    origin: 'center',\n    loop: false,\n    steps: (base, cfg) => [\n      {\n        type: 'tween',\n        from: { scaleX: 0 },\n        to: pickBase(base, 'scaleX'),\n        duration: (cfg.time as number) ?? 500,\n        ease: Easing.backOut,\n      },\n    ],\n  },\n\n  flipOut: {\n    name: 'flipOut',\n    origin: 'center',\n    loop: false,\n    steps: (_base, cfg) => [\n      {\n        type: 'tween',\n        to: { scaleX: 0 },\n        duration: (cfg.time as number) ?? 500,\n        ease: Easing.backIn,\n      },\n    ],\n  },\n\n  // ===== Loop Effects =====================================================\n\n  float: {\n    name: 'float',\n    origin: 'top-left',\n    loop: true,\n    steps: (base, cfg) => {\n      const m = (cfg.magnitude as number) ?? 10\n      const t = ((cfg.time as number) ?? 2000) / 2\n      return [\n        { type: 'tween', to: { y: base.y - m }, duration: t, ease: Easing.sineInOut },\n        { type: 'tween', to: pickBase(base, 'y'), duration: t, ease: Easing.sineInOut },\n      ]\n    },\n  },\n\n  breathe: {\n    name: 'breathe',\n    origin: 'center',\n    loop: true,\n    steps: (base, cfg) => {\n      const i = (cfg.intensity as number) ?? 1.05\n      const t = ((cfg.time as number) ?? 2000) / 2\n      return [\n        { type: 'tween', to: scaled(base, i), duration: t, ease: Easing.sineInOut },\n        {\n          type: 'tween',\n          to: pickBase(base, 'scaleX', 'scaleY'),\n          duration: t,\n          ease: Easing.sineInOut,\n        },\n      ]\n    },\n  },\n\n  spin: {\n    name: 'spin',\n    origin: 'center',\n    loop: true,\n    steps: (base, cfg) => [\n      {\n        type: 'tween',\n        to: { rotation: base.rotation + Math.PI * 2 },\n        duration: (cfg.time as number) ?? 2000,\n        ease: Easing.linear,\n      },\n    ],\n  },\n}\n\n// ---------------------------------------------------------------------------\n// EffectTransformOrigin resolution (moved from effects.ts for co-location)\n// ---------------------------------------------------------------------------\n\n/**\n * Resolve the canonical transform origin for a built-in effect.\n */\nexport function resolveEffectTransformOrigin(effect: string | undefined): EffectTransformOrigin {\n  const def = effect ? EFFECT_DEFINITIONS[effect] : undefined\n  return def?.origin ?? 'top-left'\n}\n"],"names":[],"mappings":"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"}

package/dist/animation/effect-engine.cjs

@@ -0,0 +1,189 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createSpring = require("./create-spring.cjs");
+const tween = require("./tween.cjs");
+const effectStates = /* @__PURE__ */ new WeakMap();
+function getState(key, snapshot) {
+  let state = effectStates.get(key);
+  if (!state) {
+    state = {
+      activeTweens: /* @__PURE__ */ new Set(),
+      activeSprings: /* @__PURE__ */ new Set(),
+      base: { ...snapshot },
+      animatedKeys: /* @__PURE__ */ new Set(),
+      token: 0
+    };
+    effectStates.set(key, state);
+  }
+  return state;
+}
+function pickAnimatedValues(values, keys) {
+  const partial = {};
+  for (const key of keys) {
+    const value = values[key];
+    if (value !== void 0) {
+      partial[key] = value;
+    }
+  }
+  return partial;
+}
+function collectStepAnimatedKeys(step) {
+  if (step.type === "noise") {
+    return /* @__PURE__ */ new Set(["x", "y"]);
+  }
+  const keys = /* @__PURE__ */ new Set();
+  for (const key of Object.keys(step.to)) {
+    keys.add(key);
+  }
+  const fromValues = "from" in step ? step.from : void 0;
+  if (fromValues) {
+    for (const key of Object.keys(fromValues)) {
+      keys.add(key);
+    }
+  }
+  return keys;
+}
+function stopTargetEffects(state) {
+  for (const t of state.activeTweens) t.stop();
+  state.activeTweens.clear();
+  for (const s of state.activeSprings) s.stop();
+  state.activeSprings.clear();
+}
+function runEffect(targetKey, target, definition, config) {
+  const scheduler = target.getScheduler();
+  const existingState = effectStates.get(targetKey);
+  const originalBase = existingState ? { ...existingState.base } : { ...target.getSnapshot() };
+  if (existingState) {
+    stopTargetEffects(existingState);
+    target.onUpdate(pickAnimatedValues(originalBase, existingState.animatedKeys));
+    effectStates.delete(targetKey);
+  }
+  const freshState = getState(targetKey, originalBase);
+  freshState.base = { ...originalBase };
+  freshState.token++;
+  const token = freshState.token;
+  const steps = typeof definition.steps === "function" ? definition.steps(freshState.base, config) : definition.steps;
+  const effectAnimatedKeys = /* @__PURE__ */ new Set();
+  for (const step of steps) {
+    for (const key of collectStepAnimatedKeys(step)) {
+      effectAnimatedKeys.add(key);
+    }
+  }
+  freshState.animatedKeys = effectAnimatedKeys;
+  let completed = false;
+  const runSteps = (index) => {
+    if (completed || freshState.token !== token) return;
+    if (index >= steps.length) {
+      if (!definition.loop) {
+        target.onUpdate(pickAnimatedValues(freshState.base, freshState.animatedKeys));
+      }
+      completed = true;
+      config.onComplete?.();
+      return;
+    }
+    const step = steps[index];
+    if (!step) {
+      runSteps(index + 1);
+      return;
+    }
+    const stepAnimatedKeys = collectStepAnimatedKeys(step);
+    const currentSnapshot = target.getSnapshot();
+    const fromValues = "from" in step ? step.from : void 0;
+    const start = {
+      ...currentSnapshot,
+      ...fromValues ?? {}
+    };
+    if (fromValues) {
+      target.onUpdate(fromValues);
+    }
+    if (step.type === "noise") {
+      runNoiseStep(freshState, token, target, scheduler, step, () => runSteps(index + 1));
+    } else if (step.type === "tween") {
+      const handle = tween.createTween(
+        start,
+        {
+          to: step.to,
+          duration: step.duration,
+          ease: step.ease,
+          onUpdate: (values) => {
+            if (freshState.token !== token) {
+              handle.stop();
+              return;
+            }
+            target.onUpdate(pickAnimatedValues(values, stepAnimatedKeys));
+          },
+          onComplete: () => {
+            freshState.activeTweens.delete(handle);
+            if (freshState.token === token) runSteps(index + 1);
+          }
+        },
+        scheduler
+      );
+      freshState.activeTweens.add(handle);
+    } else if (step.type === "spring") {
+      const handle = createSpring.createSpring(
+        start,
+        {
+          to: step.to,
+          config: step.config,
+          onUpdate: (values) => {
+            if (freshState.token !== token) {
+              handle.stop();
+              return;
+            }
+            target.onUpdate(pickAnimatedValues(values, stepAnimatedKeys));
+          },
+          onComplete: () => {
+            freshState.activeSprings.delete(handle);
+            if (freshState.token === token) runSteps(index + 1);
+          }
+        },
+        scheduler
+      );
+      freshState.activeSprings.add(handle);
+    }
+  };
+  runSteps(0);
+  return {
+    stop: () => {
+      if (completed) return;
+      completed = true;
+      stopTargetEffects(freshState);
+      target.onUpdate(pickAnimatedValues(freshState.base, freshState.animatedKeys));
+      effectStates.delete(targetKey);
+    },
+    get isActive() {
+      return !completed;
+    }
+  };
+}
+function runNoiseStep(state, token, target, scheduler, step, onDone) {
+  const startTime = performance.now();
+  const handle = scheduler.onFrame(() => {
+    if (state.token !== token) {
+      handle.cancel();
+      return;
+    }
+    const elapsed = performance.now() - startTime;
+    const progress = Math.min(elapsed / step.duration, 1);
+    const mag = step.magnitude * step.decay(progress);
+    target.onUpdate({
+      x: state.base.x + (Math.random() * 2 - 1) * mag,
+      y: state.base.y + (Math.random() * 2 - 1) * mag
+    });
+    if (progress >= 1) {
+      handle.cancel();
+      onDone();
+    }
+  });
+}
+function stopEffect(targetKey) {
+  const state = effectStates.get(targetKey);
+  if (state) {
+    stopTargetEffects(state);
+    effectStates.delete(targetKey);
+  }
+}
+exports.runEffect = runEffect;
+exports.stopEffect = stopEffect;
+//# sourceMappingURL=effect-engine.cjs.map