@smoove/transitions 0.1.1

package/dist/presentations/clock-wipe.d.ts

@@ -0,0 +1,12 @@
+import type { Presentation } from "../types.js";
+export type ClockWipeProps = {
+    width?: number;
+    height?: number;
+};
+/**
+ * Angular sweep: the incoming layer is clipped to a pie wedge that grows
+ * clockwise from 12 o'clock to a full turn. Mirrors Remotion's `clockWipe`.
+ * `width`/`height` default to the Composition stage size.
+ */
+export declare function clockWipe(props?: ClockWipeProps): Presentation;
+//# sourceMappingURL=clock-wipe.d.ts.map

package/dist/presentations/clock-wipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clock-wipe.d.ts","sourceRoot":"","sources":["../../src/presentations/clock-wipe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjE;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,GAAE,cAAmB,GAAG,YAAY,CAoBlE"}

package/dist/presentations/clock-wipe.js

@@ -0,0 +1,27 @@
+/**
+ * Angular sweep: the incoming layer is clipped to a pie wedge that grows
+ * clockwise from 12 o'clock to a full turn. Mirrors Remotion's `clockWipe`.
+ * `width`/`height` default to the Composition stage size.
+ */
+export function clockWipe(props = {}) {
+    return {
+        enter(layer, progress, dims) {
+            const width = props.width ?? dims.width;
+            const height = props.height ?? dims.height;
+            const cx = width / 2;
+            const cy = height / 2;
+            // Oversized so the wedge always covers the rectangle's corners.
+            const radius = Math.sqrt(width * width + height * height) / 2;
+            const start = -Math.PI / 2; // 12 o'clock
+            const sweep = Math.PI * 2 * progress;
+            layer.clipFunc((ctx) => {
+                ctx.moveTo(cx, cy);
+                ctx.arc(cx, cy, radius, start, start + sweep, false);
+                ctx.closePath();
+            });
+        },
+        // Outgoing scene stays visible under the sweeping clock hand.
+        exit() { },
+    };
+}
+//# sourceMappingURL=clock-wipe.js.map

package/dist/presentations/clock-wipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clock-wipe.js","sourceRoot":"","sources":["../../src/presentations/clock-wipe.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,QAAwB,EAAE;IAClD,OAAO;QACL,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI;YACzB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;YACxC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;YAC3C,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC,CAAC;YACrB,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC,CAAC;YACtB,gEAAgE;YAChE,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YAC9D,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,aAAa;YACzC,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,QAAQ,CAAC;YACrC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE;gBACrB,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBACnB,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,KAAK,CAAC,CAAC;gBACrD,GAAG,CAAC,SAAS,EAAE,CAAC;YAClB,CAAC,CAAC,CAAC;QACL,CAAC;QACD,8DAA8D;QAC9D,IAAI,KAAI,CAAC;KACV,CAAC;AACJ,CAAC"}

package/dist/presentations/cross-zoom.d.ts

@@ -0,0 +1,7 @@
+import type { Presentation } from "../types.js";
+export type CrossZoomProps = {
+    strength?: number;
+};
+/** Zoom-blur cross-dissolve (gl-transitions `CrossZoom`). */
+export declare function crossZoom(props?: CrossZoomProps): Presentation;
+//# sourceMappingURL=cross-zoom.d.ts.map

package/dist/presentations/cross-zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross-zoom.d.ts","sourceRoot":"","sources":["../../src/presentations/cross-zoom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA6EhD,MAAM,MAAM,cAAc,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnD,6DAA6D;AAC7D,wBAAgB,SAAS,CAAC,KAAK,GAAE,cAAmB,GAAG,YAAY,CAGlE"}

package/dist/presentations/cross-zoom.js

@@ -0,0 +1,80 @@
+import { glTransition } from "../gl/gl-transition.js";
+// Adapted from https://gl-transitions.com/editor/CrossZoom
+// Author: rectalogic · License: MIT
+const FRAGMENT = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_prev;
+uniform sampler2D u_next;
+uniform float u_time;
+uniform float u_strength;
+
+in vec2 v_uv;
+out vec4 outColor;
+
+const float PI = 3.141592653589793;
+
+float linearEase(float begin, float change, float duration, float time) {
+	return change * time / duration + begin;
+}
+
+float exponentialEaseInOut(float begin, float change, float duration, float time) {
+	if (time == 0.0) {
+		return begin;
+	}
+
+	if (time == duration) {
+		return begin + change;
+	}
+
+	float t = time / (duration / 2.0);
+	if (t < 1.0) {
+		return change / 2.0 * pow(2.0, 10.0 * (t - 1.0)) + begin;
+	}
+
+	return change / 2.0 * (-pow(2.0, -10.0 * (t - 1.0)) + 2.0) + begin;
+}
+
+float sinusoidalEaseInOut(float begin, float change, float duration, float time) {
+	return -change / 2.0 * (cos(PI * time / duration) - 1.0) + begin;
+}
+
+float random(vec2 co) {
+	return fract(sin(dot(co.xy, vec2(12.9898, 78.233))) * 43758.5453);
+}
+
+vec4 crossFade(vec2 uv, float dissolve) {
+	return mix(texture(u_prev, uv), texture(u_next, uv), dissolve);
+}
+
+vec4 transition(vec2 uv, float progress) {
+	vec2 center = vec2(linearEase(0.25, 0.5, 1.0, progress), 0.5);
+	float dissolve = exponentialEaseInOut(0.0, 1.0, 1.0, progress);
+	float strength = sinusoidalEaseInOut(0.0, u_strength, 0.5, progress);
+
+	vec4 color = vec4(0.0);
+	float total = 0.0;
+	vec2 toCenter = center - uv;
+	float offset = random(uv);
+
+	for (int i = 0; i <= 40; i++) {
+		float percent = (float(i) + offset) / 40.0;
+		float weight = 4.0 * (percent - percent * percent);
+		color += crossFade(uv + toCenter * percent * strength, dissolve) * weight;
+		total += weight;
+	}
+
+	return color / total;
+}
+
+void main() {
+	float progress = 1.0 - u_time;
+	outColor = transition(v_uv, progress);
+}`;
+const DEFAULT_STRENGTH = 0.4;
+/** Zoom-blur cross-dissolve (gl-transitions `CrossZoom`). */
+export function crossZoom(props = {}) {
+    const strength = props.strength ?? DEFAULT_STRENGTH;
+    return glTransition(FRAGMENT, () => ({ u_strength: strength }));
+}
+//# sourceMappingURL=cross-zoom.js.map

package/dist/presentations/cross-zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross-zoom.js","sourceRoot":"","sources":["../../src/presentations/cross-zoom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,2DAA2D;AAC3D,oCAAoC;AACpC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqEf,CAAC;AAEH,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAI7B,6DAA6D;AAC7D,MAAM,UAAU,SAAS,CAAC,QAAwB,EAAE;IAClD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,gBAAgB,CAAC;IACpD,OAAO,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;AAClE,CAAC"}

package/dist/presentations/crosswarp.d.ts

@@ -0,0 +1,5 @@
+import type { Presentation } from "../types.js";
+export type CrosswarpProps = Record<string, never>;
+/** Warping cross-dissolve (gl-transitions `crosswarp`). */
+export declare function crosswarp(): Presentation;
+//# sourceMappingURL=crosswarp.d.ts.map

package/dist/presentations/crosswarp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crosswarp.d.ts","sourceRoot":"","sources":["../../src/presentations/crosswarp.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA6BhD,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAEnD,2DAA2D;AAC3D,wBAAgB,SAAS,IAAI,YAAY,CAExC"}

package/dist/presentations/crosswarp.js

@@ -0,0 +1,32 @@
+import { glTransition } from "../gl/gl-transition.js";
+// Adapted from https://gl-transitions.com/editor/crosswarp
+// Author: Eke Péter · License: MIT
+const FRAGMENT = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_prev;
+uniform sampler2D u_next;
+uniform float u_time;
+
+in vec2 v_uv;
+out vec4 outColor;
+
+vec4 transition(vec2 uv, float progress) {
+	float x = progress;
+	x = smoothstep(0.0, 1.0, x * 2.0 + uv.x - 1.0);
+	return mix(
+		texture(u_next, (uv - 0.5) * (1.0 - x) + 0.5),
+		texture(u_prev, (uv - 0.5) * x + 0.5),
+		x
+	);
+}
+
+void main() {
+	float progress = u_time;
+	outColor = transition(v_uv, progress);
+}`;
+/** Warping cross-dissolve (gl-transitions `crosswarp`). */
+export function crosswarp() {
+    return glTransition(FRAGMENT);
+}
+//# sourceMappingURL=crosswarp.js.map

package/dist/presentations/crosswarp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crosswarp.js","sourceRoot":"","sources":["../../src/presentations/crosswarp.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,2DAA2D;AAC3D,mCAAmC;AACnC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;EAuBf,CAAC;AAIH,2DAA2D;AAC3D,MAAM,UAAU,SAAS;IACvB,OAAO,YAAY,CAAC,QAAQ,CAAC,CAAC;AAChC,CAAC"}

package/dist/presentations/dissolve.d.ts

@@ -0,0 +1,11 @@
+import type { Presentation } from "../types.js";
+export type DissolveProps = {
+    lineWidth?: number;
+    spreadColor?: string;
+    hotColor?: string;
+    pow?: number;
+    intensity?: number;
+};
+/** Burning cross-dissolve with a glowing edge (gl-transitions `dissolve`). */
+export declare function dissolve(props?: DissolveProps): Presentation;
+//# sourceMappingURL=dissolve.d.ts.map

package/dist/presentations/dissolve.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dissolve.d.ts","sourceRoot":"","sources":["../../src/presentations/dissolve.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAyDhD,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,8EAA8E;AAC9E,wBAAgB,QAAQ,CAAC,KAAK,GAAE,aAAkB,GAAG,YAAY,CAahE"}

package/dist/presentations/dissolve.js

@@ -0,0 +1,69 @@
+import { glTransition } from "../gl/gl-transition.js";
+// Adapted from https://gl-transitions.com/editor/dissolve
+// Author: hjm1fb · License: MIT
+const FRAGMENT = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_prev;
+uniform sampler2D u_next;
+uniform float u_time;
+uniform float u_line_width;
+uniform vec3 u_spread_color;
+uniform vec3 u_hot_color;
+uniform float u_pow;
+uniform float u_intensity;
+
+in vec2 v_uv;
+out vec4 outColor;
+
+vec4 transition(vec2 uv, float progress) {
+	vec4 from = texture(u_next, uv);
+	vec4 to = texture(u_prev, uv);
+	float burn = 0.5 + 0.5 * (0.299 * from.r + 0.587 * from.g + 0.114 * from.b);
+	float show = burn - progress;
+	if (show < 0.001) {
+		return to;
+	}
+	float factor = 1.0 - smoothstep(0.0, u_line_width, show);
+	vec3 burnColor = mix(u_spread_color, u_hot_color, factor);
+	burnColor = pow(burnColor, vec3(u_pow)) * u_intensity;
+	vec3 finalRGB = mix(from.rgb, burnColor, factor * step(0.0001, progress));
+	return vec4(finalRGB, from.a);
+}
+
+void main() {
+	float progress = u_time;
+	outColor = transition(v_uv, progress);
+}`;
+const DEFAULT_LINE_WIDTH = 0.1;
+const DEFAULT_SPREAD_COLOR = "#ff0000";
+const DEFAULT_HOT_COLOR = "#e6e633";
+const DEFAULT_POW = 5.0;
+const DEFAULT_INTENSITY = 1.0;
+function parseHexColor(hex) {
+    const cleaned = hex.startsWith("#") ? hex.slice(1) : hex;
+    if (!/^[0-9a-fA-F]{6}$/.test(cleaned)) {
+        throw new Error(`dissolve: invalid color "${hex}". Expected a "#rrggbb" hex string.`);
+    }
+    return [
+        Number.parseInt(cleaned.slice(0, 2), 16) / 255,
+        Number.parseInt(cleaned.slice(2, 4), 16) / 255,
+        Number.parseInt(cleaned.slice(4, 6), 16) / 255,
+    ];
+}
+/** Burning cross-dissolve with a glowing edge (gl-transitions `dissolve`). */
+export function dissolve(props = {}) {
+    const lineWidth = props.lineWidth ?? DEFAULT_LINE_WIDTH;
+    const spread = parseHexColor(props.spreadColor ?? DEFAULT_SPREAD_COLOR);
+    const hot = parseHexColor(props.hotColor ?? DEFAULT_HOT_COLOR);
+    const pow = props.pow ?? DEFAULT_POW;
+    const intensity = props.intensity ?? DEFAULT_INTENSITY;
+    return glTransition(FRAGMENT, () => ({
+        u_line_width: lineWidth,
+        u_spread_color: spread,
+        u_hot_color: hot,
+        u_pow: pow,
+        u_intensity: intensity,
+    }));
+}
+//# sourceMappingURL=dissolve.js.map

package/dist/presentations/dissolve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dissolve.js","sourceRoot":"","sources":["../../src/presentations/dissolve.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,0DAA0D;AAC1D,gCAAgC;AAChC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCf,CAAC;AAEH,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,oBAAoB,GAAG,SAAS,CAAC;AACvC,MAAM,iBAAiB,GAAG,SAAS,CAAC;AACpC,MAAM,WAAW,GAAG,GAAG,CAAC;AACxB,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAE9B,SAAS,aAAa,CAAC,GAAW;IAChC,MAAM,OAAO,GAAG,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACzD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,MAAM,IAAI,KAAK,CAAC,4BAA4B,GAAG,qCAAqC,CAAC,CAAC;IACxF,CAAC;IACD,OAAO;QACL,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG;QAC9C,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG;QAC9C,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG;KAC/C,CAAC;AACJ,CAAC;AAUD,8EAA8E;AAC9E,MAAM,UAAU,QAAQ,CAAC,QAAuB,EAAE;IAChD,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,kBAAkB,CAAC;IACxD,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,IAAI,oBAAoB,CAAC,CAAC;IACxE,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,CAAC,CAAC;IAC/D,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,WAAW,CAAC;IACrC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,iBAAiB,CAAC;IACvD,OAAO,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;QACnC,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,GAAG;QAChB,KAAK,EAAE,GAAG;QACV,WAAW,EAAE,SAAS;KACvB,CAAC,CAAC,CAAC;AACN,CAAC"}

package/dist/presentations/dreamy-zoom.d.ts

@@ -0,0 +1,8 @@
+import type { Presentation } from "../types.js";
+export type DreamyZoomProps = {
+    rotation?: number;
+    scale?: number;
+};
+/** Spiralling dreamy zoom (gl-transitions `DreamyZoom`). */
+export declare function dreamyZoom(props?: DreamyZoomProps): Presentation;
+//# sourceMappingURL=dreamy-zoom.d.ts.map

package/dist/presentations/dreamy-zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dreamy-zoom.d.ts","sourceRoot":"","sources":["../../src/presentations/dreamy-zoom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA4ChD,MAAM,MAAM,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpE,4DAA4D;AAC5D,wBAAgB,UAAU,CAAC,KAAK,GAAE,eAAoB,GAAG,YAAY,CAQpE"}

package/dist/presentations/dreamy-zoom.js

@@ -0,0 +1,52 @@
+import { glTransition } from "../gl/gl-transition.js";
+// Adapted from https://gl-transitions.com/editor/DreamyZoom
+// Author: Zeh Fernando · License: MIT
+const FRAGMENT = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_prev;
+uniform sampler2D u_next;
+uniform float u_time;
+uniform float u_rotation;
+uniform float u_scale;
+uniform float u_ratio;
+
+in vec2 v_uv;
+out vec4 outColor;
+
+const float DEG2RAD = 0.03926990816987241548078304229099;
+
+vec4 transition(vec2 uv, float progress) {
+	float phase = progress < 0.5 ? progress * 2.0 : (progress - 0.5) * 2.0;
+	float angleOffset = progress < 0.5 ? mix(0.0, u_rotation * DEG2RAD, phase) : mix(-u_rotation * DEG2RAD, 0.0, phase);
+	float newScale = progress < 0.5 ? mix(1.0, u_scale, phase) : mix(u_scale, 1.0, phase);
+
+	vec2 center = vec2(0.0, 0.0);
+	vec2 p = (uv.xy - vec2(0.5, 0.5)) / newScale * vec2(u_ratio, 1.0);
+	float angle = atan(p.y, p.x) + angleOffset;
+	float dist = distance(center, p);
+
+	p.x = cos(angle) * dist / u_ratio + 0.5;
+	p.y = sin(angle) * dist + 0.5;
+
+	vec4 c = progress < 0.5 ? texture(u_prev, p) : texture(u_next, p);
+	return c + (progress < 0.5 ? mix(0.0, 1.0, phase) : mix(1.0, 0.0, phase));
+}
+
+void main() {
+	float progress = 1.0 - u_time;
+	outColor = transition(v_uv, progress);
+}`;
+const DEFAULT_ROTATION = 6;
+const DEFAULT_SCALE = 1.2;
+/** Spiralling dreamy zoom (gl-transitions `DreamyZoom`). */
+export function dreamyZoom(props = {}) {
+    const rotation = props.rotation ?? DEFAULT_ROTATION;
+    const scale = props.scale ?? DEFAULT_SCALE;
+    return glTransition(FRAGMENT, (_p, { width, height }) => ({
+        u_rotation: rotation,
+        u_scale: scale,
+        u_ratio: width / height,
+    }));
+}
+//# sourceMappingURL=dreamy-zoom.js.map

package/dist/presentations/dreamy-zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dreamy-zoom.js","sourceRoot":"","sources":["../../src/presentations/dreamy-zoom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,4DAA4D;AAC5D,sCAAsC;AACtC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCf,CAAC;AAEH,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,aAAa,GAAG,GAAG,CAAC;AAI1B,4DAA4D;AAC5D,MAAM,UAAU,UAAU,CAAC,QAAyB,EAAE;IACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,gBAAgB,CAAC;IACpD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,aAAa,CAAC;IAC3C,OAAO,YAAY,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;QACxD,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,KAAK,GAAG,MAAM;KACxB,CAAC,CAAC,CAAC;AACN,CAAC"}

package/dist/presentations/fade.d.ts

@@ -0,0 +1,9 @@
+import type { Presentation } from "../types.js";
+/**
+ * Opacity cross-dissolve. Both layers fade simultaneously: at `progress = 0.5`
+ * the incoming and outgoing layers are each at 0.5 opacity. (Remotion's default
+ * keeps the exiting scene fully opaque; we cross-fade so the midpoint is a true
+ * 50/50 blend.)
+ */
+export declare function fade(): Presentation;
+//# sourceMappingURL=fade.d.ts.map

package/dist/presentations/fade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/presentations/fade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD;;;;;GAKG;AACH,wBAAgB,IAAI,IAAI,YAAY,CASnC"}

package/dist/presentations/fade.js

@@ -0,0 +1,17 @@
+/**
+ * Opacity cross-dissolve. Both layers fade simultaneously: at `progress = 0.5`
+ * the incoming and outgoing layers are each at 0.5 opacity. (Remotion's default
+ * keeps the exiting scene fully opaque; we cross-fade so the midpoint is a true
+ * 50/50 blend.)
+ */
+export function fade() {
+    return {
+        enter(layer, progress) {
+            layer.opacity(progress);
+        },
+        exit(layer, progress) {
+            layer.opacity(1 - progress);
+        },
+    };
+}
+//# sourceMappingURL=fade.js.map

package/dist/presentations/fade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fade.js","sourceRoot":"","sources":["../../src/presentations/fade.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,UAAU,IAAI;IAClB,OAAO;QACL,KAAK,CAAC,KAAK,EAAE,QAAQ;YACnB,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,QAAQ;YAClB,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC;QAC9B,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/presentations/film-burn.d.ts

@@ -0,0 +1,7 @@
+import type { Presentation } from "../types.js";
+export type FilmBurnProps = {
+    seed?: number;
+};
+/** Fiery film-burn dissolve (gl-transitions `FilmBurn`). */
+export declare function filmBurn(props?: FilmBurnProps): Presentation;
+//# sourceMappingURL=film-burn.d.ts.map

package/dist/presentations/film-burn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"film-burn.d.ts","sourceRoot":"","sources":["../../src/presentations/film-burn.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA+IhD,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,4DAA4D;AAC5D,wBAAgB,QAAQ,CAAC,KAAK,GAAE,aAAkB,GAAG,YAAY,CAGhE"}

package/dist/presentations/film-burn.js

@@ -0,0 +1,146 @@
+import { glTransition } from "../gl/gl-transition.js";
+// Adapted from https://gl-transitions.com/editor/FilmBurn
+// Author: Anastasia Dunbar · License: MIT
+const FRAGMENT = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_prev;
+uniform sampler2D u_next;
+uniform float u_time;
+uniform float u_seed;
+
+in vec2 v_uv;
+out vec4 outColor;
+
+#define PI 3.14159265358979323
+#define CLAMPS(x) clamp(x, 0.0, 1.0)
+#define REPEATS 50.0
+
+float sigmoid(float x, float a) {
+	float b = pow(x * 2.0, a) / 2.0;
+	if (x > 0.5) {
+		b = 1.0 - pow(2.0 - (x * 2.0), a) / 2.0;
+	}
+	return b;
+}
+
+float rand(float co) {
+	return fract(sin((co * 24.9898) + u_seed) * 43758.5453);
+}
+
+float rand(vec2 co) {
+	return fract(sin(dot(co.xy, vec2(12.9898, 78.233))) * 43758.5453);
+}
+
+float apow(float a, float b) {
+	return pow(abs(a), b) * sign(b);
+}
+
+vec3 pow3(vec3 a, vec3 b) {
+	return vec3(apow(a.r, b.r), apow(a.g, b.g), apow(a.b, b.b));
+}
+
+float smoothMix(float a, float b, float c) {
+	return mix(a, b, sigmoid(c, 2.0));
+}
+
+float random(vec2 co, float shft) {
+	co += 10.0;
+	return smoothMix(
+		fract(
+			sin(
+				dot(
+					co.xy,
+					vec2(12.9898 + (floor(shft) * 0.5), 78.233 + u_seed)
+				)
+			) * 43758.5453
+		),
+		fract(
+			sin(
+				dot(
+					co.xy,
+					vec2(12.9898 + (floor(shft + 1.0) * 0.5), 78.233 + u_seed)
+				)
+			) * 43758.5453
+		),
+		fract(shft)
+	);
+}
+
+float smoothRandom(vec2 co, float shft) {
+	return smoothMix(
+		smoothMix(
+			random(floor(co), shft),
+			random(floor(co + vec2(1.0, 0.0)), shft),
+			fract(co.x)
+		),
+		smoothMix(
+			random(floor(co + vec2(0.0, 1.0)), shft),
+			random(floor(co + vec2(1.0, 1.0)), shft),
+			fract(co.x)
+		),
+		fract(co.y)
+	);
+}
+
+vec4 sampleTexture(vec2 p, float progress) {
+	return mix(texture(u_prev, p), texture(u_next, p), sigmoid(progress, 10.0));
+}
+
+vec4 transition(vec2 p, float progress) {
+	vec3 f = vec3(0.0);
+	for (float i = 0.0; i < 13.0; i++) {
+		f += sin(((p.x * rand(i) * 6.0) + (progress * 8.0)) + rand(i + 1.43)) *
+			sin(
+				((p.y * rand(i + 4.4) * 6.0) + (progress * 6.0)) +
+					rand(i + 2.4)
+			);
+		f += 1.0 - CLAMPS(
+			length(
+				p -
+					vec2(
+						smoothRandom(vec2(progress * 1.3), i + 1.0),
+						smoothRandom(vec2(progress * 0.5), i + 6.25)
+					)
+			) * mix(20.0, 70.0, rand(i))
+		);
+	}
+
+	f += 4.0;
+	f /= 11.0;
+	f = pow3(
+		f * vec3(1.0, 0.7, 0.6),
+		vec3(1.0, 2.0 - sin(progress * PI), 1.3)
+	);
+	f *= sin(progress * PI);
+
+	p -= 0.5;
+	p *= 1.0 + (smoothRandom(vec2(progress * 5.0), 6.3) * sin(progress * PI) * 0.05);
+	p += 0.5;
+
+	vec4 blurredImage = vec4(0.0);
+	float blurAmount = sin(progress * PI) * 0.03;
+	for (float i = 0.0; i < REPEATS; i++) {
+		vec2 q = vec2(
+			cos(degrees((i / REPEATS) * 360.0)),
+			sin(degrees((i / REPEATS) * 360.0))
+		) * (rand(vec2(i, p.x + p.y)) + blurAmount);
+		vec2 uv2 = p + (q * blurAmount);
+		blurredImage += sampleTexture(uv2, progress);
+	}
+
+	blurredImage /= REPEATS;
+	return blurredImage + vec4(f, 0.0);
+}
+
+void main() {
+	float progress = 1.0 - u_time;
+	outColor = transition(v_uv, progress);
+}`;
+const DEFAULT_SEED = 2.31;
+/** Fiery film-burn dissolve (gl-transitions `FilmBurn`). */
+export function filmBurn(props = {}) {
+    const seed = props.seed ?? DEFAULT_SEED;
+    return glTransition(FRAGMENT, () => ({ u_seed: seed }));
+}
+//# sourceMappingURL=film-burn.js.map

package/dist/presentations/film-burn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"film-burn.js","sourceRoot":"","sources":["../../src/presentations/film-burn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,0DAA0D;AAC1D,0CAA0C;AAC1C,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuIf,CAAC;AAEH,MAAM,YAAY,GAAG,IAAI,CAAC;AAI1B,4DAA4D;AAC5D,MAAM,UAAU,QAAQ,CAAC,QAAuB,EAAE;IAChD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,YAAY,CAAC;IACxC,OAAO,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AAC1D,CAAC"}

package/dist/presentations/flip.d.ts

@@ -0,0 +1,13 @@
+import type { Presentation } from "../types.js";
+export type FlipDirection = "from-left" | "from-right" | "from-top" | "from-bottom";
+export type FlipProps = {
+    direction?: FlipDirection;
+};
+/**
+ * Card-flip: the outgoing layer squashes to a thin line while the incoming
+ * layer expands from one. This is a **fake** flip — Konva has no real 3D, so we
+ * animate `scaleX`/`scaleY` (with a centring offset) rather than a perspective
+ * rotation. Mirrors Remotion's `flip` visually, not its 3D transform.
+ */
+export declare function flip(props?: FlipProps): Presentation;
+//# sourceMappingURL=flip.d.ts.map

package/dist/presentations/flip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flip.d.ts","sourceRoot":"","sources":["../../src/presentations/flip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,CAAC;AAEpF,MAAM,MAAM,SAAS,GAAG;IAAE,SAAS,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC;AAEtD;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,KAAK,GAAE,SAAc,GAAG,YAAY,CA6BxD"}

package/dist/presentations/flip.js

@@ -0,0 +1,39 @@
+/**
+ * Card-flip: the outgoing layer squashes to a thin line while the incoming
+ * layer expands from one. This is a **fake** flip — Konva has no real 3D, so we
+ * animate `scaleX`/`scaleY` (with a centring offset) rather than a perspective
+ * rotation. Mirrors Remotion's `flip` visually, not its 3D transform.
+ */
+export function flip(props = {}) {
+    const direction = props.direction ?? "from-left";
+    const horizontal = direction === "from-left" || direction === "from-right";
+    return {
+        enter(layer, progress, { width, height }) {
+            const s = progress; // 0 → flat, 1 → full
+            if (horizontal) {
+                layer.scaleX(s);
+                layer.scaleY(1);
+                layer.position({ x: (width * (1 - s)) / 2, y: 0 });
+            }
+            else {
+                layer.scaleY(s);
+                layer.scaleX(1);
+                layer.position({ x: 0, y: (height * (1 - s)) / 2 });
+            }
+        },
+        exit(layer, progress, { width, height }) {
+            const s = 1 - progress; // 1 → full, 0 → flat
+            if (horizontal) {
+                layer.scaleX(s);
+                layer.scaleY(1);
+                layer.position({ x: (width * (1 - s)) / 2, y: 0 });
+            }
+            else {
+                layer.scaleY(s);
+                layer.scaleX(1);
+                layer.position({ x: 0, y: (height * (1 - s)) / 2 });
+            }
+        },
+    };
+}
+//# sourceMappingURL=flip.js.map

package/dist/presentations/flip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flip.js","sourceRoot":"","sources":["../../src/presentations/flip.ts"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,MAAM,UAAU,IAAI,CAAC,QAAmB,EAAE;IACxC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,WAAW,CAAC;IACjD,MAAM,UAAU,GAAG,SAAS,KAAK,WAAW,IAAI,SAAS,KAAK,YAAY,CAAC;IAC3E,OAAO;QACL,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACtC,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,qBAAqB;YACzC,IAAI,UAAU,EAAE,CAAC;gBACf,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAChB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAChB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACrD,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAChB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAChB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACtD,CAAC;QACH,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACrC,MAAM,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,qBAAqB;YAC7C,IAAI,UAAU,EAAE,CAAC;gBACf,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAChB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAChB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACrD,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAChB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAChB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACtD,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/presentations/index.d.ts

@@ -0,0 +1,19 @@
+export { type BookFlipDirection, type BookFlipProps, bookFlip } from "./book-flip.js";
+export { type ClockWipeProps, clockWipe } from "./clock-wipe.js";
+export { type CrossZoomProps, crossZoom } from "./cross-zoom.js";
+export { type CrosswarpProps, crosswarp } from "./crosswarp.js";
+export { type DissolveProps, dissolve } from "./dissolve.js";
+export { type DreamyZoomProps, dreamyZoom } from "./dreamy-zoom.js";
+export { fade } from "./fade.js";
+export { type FilmBurnProps, filmBurn } from "./film-burn.js";
+export { type FlipDirection, type FlipProps, flip } from "./flip.js";
+export { type IrisProps, iris } from "./iris.js";
+export { type LinearBlurProps, linearBlur } from "./linear-blur.js";
+export { none } from "./none.js";
+export { type RippleProps, ripple } from "./ripple.js";
+export { type SlideDirection, type SlideProps, slide } from "./slide.js";
+export { type SwapProps, swap } from "./swap.js";
+export { type WipeDirection, type WipeProps, wipe } from "./wipe.js";
+export { type ZoomBlurProps, zoomBlur } from "./zoom-blur.js";
+export { type ZoomInOutProps, zoomInOut } from "./zoom-in-out.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/presentations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/presentations/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACtF,OAAO,EAAE,KAAK,cAAc,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,KAAK,cAAc,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,KAAK,cAAc,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhE,OAAO,EAAE,KAAK,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,KAAK,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,KAAK,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EAAE,KAAK,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,KAAK,cAAc,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}