framefields 2.6.1 → 2.7.0

package/dist/preview-engine/renderers-Y6ZYUAQG.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-3QOJVABU.mjs";import"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import"./chunk-TEBZRQPG.mjs";import"./chunk-BVF64D6H.mjs";export{a as LiquifyWebGPURenderer,b as default};

package/dist/preview-engine/{renderers-YBTWN76S.mjs → renderers-YRWXYT5A.mjs}

@@ -1,4 +1,4 @@
-import{a as S,d as U,f as R,h as T,j as G,m as k}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{A as P}from"./chunk-ALSOO22Q.mjs";import{e as u}from"./chunk-BVF64D6H.mjs";u();u();var p="Posterize",N=76,_=[`struct U { v : array<vec4<f32>, 19> };
+import{a as S,d as U,f as R,h as T,j as G,m as k}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{A as P}from"./chunk-TEBZRQPG.mjs";import{e as u}from"./chunk-BVF64D6H.mjs";u();u();var p="Posterize",N=76,_=[`struct U { v : array<vec4<f32>, 19> };
 @group(0) @binding(0) var<uniform> u : U;
 @group(0) @binding(1) var src : texture_2d<f32>;
 @group(0) @binding(2) var prev : texture_2d<f32>;

package/dist/preview-engine/{renderers-SY435YU3.mjs → renderers-YWC4MXPG.mjs}

@@ -1,4 +1,4 @@
-import{a as x,d as g,f as T,h as v,j as U,m as P}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{A as h}from"./chunk-ALSOO22Q.mjs";import{e as p}from"./chunk-BVF64D6H.mjs";p();p();var w="rgba16float",k=`
+import{a as x,d as g,f as T,h as v,j as U,m as P}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{A as h}from"./chunk-TEBZRQPG.mjs";import{e as p}from"./chunk-BVF64D6H.mjs";p();p();var w="rgba16float",k=`
 struct U { a : vec4<f32>, b : vec4<f32> };
 @group(0) @binding(0) var<uniform> u : U;
 @group(0) @binding(1) var historyTex : texture_2d<f32>;

package/dist/preview-engine/{renderers-7GMW52G3.mjs → renderers-ZWNPYZN6.mjs}

@@ -1,4 +1,4 @@
-import{a as P,d as U,f as S,h as R,j as G,m as w}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{A as y}from"./chunk-ALSOO22Q.mjs";import{e as u}from"./chunk-BVF64D6H.mjs";u();u();var f="Pixelate",D=8,N=[`struct U { v : array<vec4<f32>, 2> };
+import{a as P,d as U,f as S,h as R,j as G,m as w}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{A as y}from"./chunk-TEBZRQPG.mjs";import{e as u}from"./chunk-BVF64D6H.mjs";u();u();var f="Pixelate",D=8,N=[`struct U { v : array<vec4<f32>, 2> };
 @group(0) @binding(0) var<uniform> u : U;
 @group(0) @binding(1) var src : texture_2d<f32>;
 @group(0) @binding(2) var prev : texture_2d<f32>;

package/dist/preview-engine/signals.mjs

@@ -1 +1 @@
-import{a as l,b as m,c as n,d as o}from"./chunk-SIXIF5QZ.mjs";import"./chunk-3SR6BI4B.mjs";import{a as p}from"./chunk-GQIRV466.mjs";import{a as k}from"./chunk-SVE3XWO7.mjs";import"./chunk-NKGXINCU.mjs";import"./chunk-V3FODTPI.mjs";import"./chunk-ENKKLU7B.mjs";import"./chunk-QKQYHPBK.mjs";import"./chunk-MJCK5FLZ.mjs";import"./chunk-PJMX2GFY.mjs";import"./chunk-37EFVZWT.mjs";import"./chunk-2SJ4BBMT.mjs";import"./chunk-24P6DAB3.mjs";import"./chunk-KJGNTREI.mjs";import"./chunk-LXHECDOB.mjs";import{a as g,b as h,c as i,d as j}from"./chunk-6YJP57MZ.mjs";import{i as a,k as b,q as c,r as d,s as e,t as f}from"./chunk-ALSOO22Q.mjs";import"./chunk-BVF64D6H.mjs";export{p as AudioSignal,g as AudioSignalComputePipeline,l as AudioSignalExtractorNode,f as Signal,n as SignalGateNode,o as SignalMathNode,m as SignalNode,i as SignalRegistry,h as buildWGSLSignalFn,b as computed,e as cosineSignal,k as modulateRenderer,a as signal,c as signalBuilder,j as signalRegistry,d as sineSignal};
+import{a as l,b as m,c as n,d as o}from"./chunk-FT7HJ6IE.mjs";import"./chunk-J5SKQFJ6.mjs";import{a as p}from"./chunk-MXPN2GB7.mjs";import{a as k}from"./chunk-6VDYWMP5.mjs";import"./chunk-QDTJ4MOJ.mjs";import"./chunk-XNMEVVQB.mjs";import"./chunk-ENKKLU7B.mjs";import"./chunk-QKQYHPBK.mjs";import"./chunk-FMEXTHL7.mjs";import"./chunk-ZYTXBBIX.mjs";import"./chunk-MHCXSWK7.mjs";import"./chunk-DZEWY4PR.mjs";import"./chunk-37EFVZWT.mjs";import"./chunk-2SJ4BBMT.mjs";import"./chunk-24P6DAB3.mjs";import"./chunk-KJGNTREI.mjs";import"./chunk-LXHECDOB.mjs";import{a as g,b as h,c as i,d as j}from"./chunk-6YJP57MZ.mjs";import{i as a,k as b,q as c,r as d,s as e,t as f}from"./chunk-TEBZRQPG.mjs";import"./chunk-BVF64D6H.mjs";export{p as AudioSignal,g as AudioSignalComputePipeline,l as AudioSignalExtractorNode,f as Signal,n as SignalGateNode,o as SignalMathNode,m as SignalNode,i as SignalRegistry,h as buildWGSLSignalFn,b as computed,e as cosineSignal,k as modulateRenderer,a as signal,c as signalBuilder,j as signalRegistry,d as sineSignal};

package/dist/{program-W4CWO2bp.mjs → program-KPBfq9tw.mjs}

@@ -1,6 +1,6 @@
-import { $t as parseCssGradient, Kt as mixColors, Ot as getActiveMediaMetadata, Qt as parseCssColor, gt as createVirtualMedia, l as Color, ut as assertNever, y as Effect } from "./dist-D021IFfp.mjs";
-import { t as ColorSchema } from "./dist-BPOi5xb_.mjs";
-import { Ft as KineticMarqueeConfigSchema, In as signalRegistry, Qt as TextPathOptionsSchema, an as TypewriterAnimatorSchema, xt as AdvancedTextAnimatorSchema, yt as AETextAnimatorSchema } from "./dist-cC6nOaMR.mjs";
+import { F as MediaTimeRemapInputSchema, In as validateMediaTimeRemap, Jt as isSignal, Pt as getActiveMediaMetadata, Tt as emojiPresentation, cn as parseCssColor, gt as compositionFrameContext, l as Color, ln as parseCssGradient, mt as assertNever, nn as mixColors, wn as sampleMediaSignal, xt as createVirtualMedia, y as Effect } from "./dist-BRXsfWKQ.mjs";
+import { t as ColorSchema } from "./dist-CPtFZxtu.mjs";
+import { Ft as KineticMarqueeConfigSchema, In as signalRegistry, Qt as TextPathOptionsSchema, an as TypewriterAnimatorSchema, xt as AdvancedTextAnimatorSchema, yt as AETextAnimatorSchema } from "./dist-BHTd-EC1.mjs";
 import { z } from "zod";
 import { loadYoga } from "yoga-layout/load";
 
@@ -2105,11 +2105,16 @@ const COLOR_PROPS = [
 * any count, but programs this size are slow to send, read and edit.
 */
 const LARGE_ANIMATION_KEYFRAMES = 2e3;
-/**
-* Characters layout draws from the color emoji font (the renderer's own
-* test, `emojiGraphemes` in webgpu-renderers).
-*/
-const EMOJI = /(\p{Extended_Pictographic}|\p{Emoji_Presentation}|[\u2600-\u27BF])/u;
+/** Whether `text` has a grapheme layout always draws from the color emoji font. */
+function hasEmoji(text) {
+	for (const { segment } of graphemes().segment(text)) if (emojiPresentation(segment) === "emoji") return true;
+	return false;
+}
+let segmenter;
+function graphemes() {
+	segmenter ??= new Intl.Segmenter(void 0, { granularity: "grapheme" });
+	return segmenter;
+}
 /** The text a text node draws: its string and its spans'. */
 function textOf(node) {
 	const spans = node.spans ?? [];
@@ -2159,7 +2164,7 @@ function lintComposition(config, options = {}) {
 	const emojiText = [];
 	const visit = (node, backdrop, atRoot) => {
 		const id = String(node.id ?? "?");
-		if (options.emojiFont === false && node.kind === "text" && EMOJI.test(textOf(node))) emojiText.push(id);
+		if (options.emojiFont === false && node.kind === "text" && hasEmoji(textOf(node))) emojiText.push(id);
 		for (const prop of COLOR_PROPS) {
 			const v = node[prop];
 			if (typeof v !== "string" || v === "" || v === "transparent") continue;
@@ -2274,6 +2279,36 @@ function hoistMattes(nodes) {
 	return nodes.flatMap((n) => hoistOne(n));
 }
 /**
+* Read a `timeRemap` signal at a composition frame: a signal instance, a named
+* signal, or a named engine signal (sample arrays, analysis channels).
+*/
+function mediaSignalSampler(binding, clock) {
+	const { fps, compositionDurationFrames } = clock;
+	if (!Number.isInteger(compositionDurationFrames) || compositionDurationFrames <= 0) throw new Error("A signal timeRemap needs the composition duration (durationFrames or durationMs)");
+	const source = typeof binding.signal === "string" ? clock.signals?.[binding.signal] : binding.signal;
+	if (source === void 0) throw new Error(`timeRemap signal '${String(binding.signal)}' is not a composition signal`);
+	if (isSignal(source)) return (frame) => Number(source.get(compositionFrameContext(frame, fps, compositionDurationFrames)));
+	return (frame) => extractRawSignalSample(source, frame, fps);
+}
+/**
+* Sample a signal binding up front. Valid when nothing changes the signal
+* while the composition renders; live signals are recorded per frame instead.
+*/
+function sampleMediaTimeSignal(binding, layer, clock) {
+	const sample = mediaSignalSampler(binding, clock);
+	return {
+		kind: "sampled",
+		history: sampleMediaSignal({
+			mode: binding.mode,
+			fps: clock.fps,
+			startFrame: layer.startFrame,
+			durationFrames: layer.durationFrames,
+			sourceStartSec: binding.sourceStartSec,
+			sample
+		})
+	};
+}
+/**
 * Compositor program document v2 — THE single source of truth for a
 * composition (spec: `nodes/node-compositor/SKILL.md`).
 *
@@ -3134,6 +3169,7 @@ const MediaNodeSchema = z.object({
 	volume: z.number().min(0).max(1).default(1),
 	muted: z.boolean().default(false),
 	trimStartSec: z.number().min(0).optional(),
+	timeRemap: MediaTimeRemapInputSchema.optional(),
 	fontFamily: z.string().optional(),
 	fontSize: z.number().positive().optional(),
 	fontWeight: z.union([z.number().int(), z.string()]).optional(),
@@ -3163,7 +3199,25 @@ const MediaNodeSchema = z.object({
 	textShadow: z.string().optional(),
 	shadows: z.array(TextShadowSchema).optional(),
 	maxWidth: z.number().optional()
-}).strict();
+}).strict().superRefine((node, ctx) => {
+	if (!node.timeRemap) return;
+	if (node.trimStartSec !== void 0) ctx.addIssue({
+		code: "custom",
+		path: ["timeRemap"],
+		message: "timeRemap cannot be combined with trimStartSec"
+	});
+	if (node.dataType !== "Video" && node.dataType !== "Audio") ctx.addIssue({
+		code: "custom",
+		path: ["timeRemap"],
+		message: "timeRemap requires video or audio media"
+	});
+	const error = validateMediaTimeRemap(node.timeRemap, node.durationFrames ?? 0);
+	if (error) ctx.addIssue({
+		code: "custom",
+		path: ["timeRemap"],
+		message: error
+	});
+});
 const ShapeFields = {
 	shapeType: ShapeTypeSchema.default("rect"),
 	borderRadius: z.number().min(0).optional(),
@@ -3512,7 +3566,14 @@ function applyStaggerToChildren(children, staggerFrames, direction = "forward",
 * Pure + deterministic: same doc → same tree. No width/height resolution
 * here — geometry comes from `computeLayout` at render time.
 */
-function nodeToVirtualMedia(node, resolveMedia, fps, inheritedOffset = 0, compDurationMs, inheritedDurationFrames) {
+function nodeToVirtualMedia(node, resolveMedia, fps, inheritedOffset = 0, compDurationMs, inheritedDurationFrames, resolveSignal) {
+	if (node.kind === "media" && node.timeRemap !== void 0) {
+		const parsed = MediaTimeRemapInputSchema.safeParse(node.timeRemap);
+		if (!parsed.success) throw new Error(`Invalid timeRemap on '${node.id}': ${parsed.error.message}`);
+		const problem = validateMediaTimeRemap(parsed.data, node.durationFrames ?? 0);
+		if (problem) throw new Error(`Invalid timeRemap on '${node.id}': ${problem}`);
+		if (node.trimStartSec !== void 0 || node.dataType !== "Video" && node.dataType !== "Audio") throw new Error(`Invalid timeRemap on '${node.id}': use audio or video without trimStartSec`);
+	}
 	let children = [];
 	const sourceRef = node.kind === "media" ? node.src ?? node.inputHandleId : "inputHandleId" in node ? node.inputHandleId : void 0;
 	const isDirectMediaSource = (s) => typeof s === "string" && (s.startsWith("http://") || s.startsWith("https://") || s.startsWith("file://") || s.startsWith("/") || s.startsWith("./") || s.startsWith("blob:") || s.startsWith("data:") || /\.(png|jpe?g|webp|gif|svg|mp4|webm|mov|mkv|mp3|wav|ogg|m4a|srt|vtt|json|lottie)$/i.test(s));
@@ -3577,7 +3638,7 @@ function nodeToVirtualMedia(node, resolveMedia, fps, inheritedOffset = 0, compDu
 		const nodeChildren = node.children;
 		children = nodeChildren.map((c, idx) => {
 			const delay = computeStaggerDelay(idx, nodeChildren.length, staggerFrames, staggerDirection);
-			return nodeToVirtualMedia(c, resolveMedia, fps, inheritedOffset + nodeStart + delay, compDurationMs, c.durationFrames === void 0 ? nodeDuration : void 0);
+			return nodeToVirtualMedia(c, resolveMedia, fps, inheritedOffset + nodeStart + delay, compDurationMs, c.durationFrames === void 0 ? nodeDuration : void 0, resolveSignal);
 		});
 	}
 	let dataType = "Image";
@@ -3599,7 +3660,7 @@ function nodeToVirtualMedia(node, resolveMedia, fps, inheritedOffset = 0, compDu
 		}
 	} else if (isCaption && limit !== void 0 && limit > 0) dur = limit;
 	else if (dur !== void 0) {
-		if ((dataType === "Video" || dataType === "Audio") && limit !== void 0 && limit > 0) dur = Math.min(dur, limit);
+		if ((dataType === "Video" || dataType === "Audio") && !(node.kind === "media" && node.timeRemap) && limit !== void 0 && limit > 0) dur = Math.min(dur, limit);
 	} else dur = limit ?? inheritedDurationFrames ?? Math.round((compDurationMs ?? 1e4) / 1e3 * fps);
 	const durationMs = dur / fps * 1e3;
 	if (node.kind === "media" && media) {
@@ -3613,6 +3674,8 @@ function nodeToVirtualMedia(node, resolveMedia, fps, inheritedOffset = 0, compDu
 			curr = curr.children?.[0];
 		}
 	}
+	const signalRemap = node.kind === "media" && node.timeRemap?.kind === "signal" ? node.timeRemap : void 0;
+	if (signalRemap && !resolveSignal) throw new Error(`Signal timeRemap on '${node.id}' has no resolver`);
 	return {
 		metadata: { durationMs },
 		operation: {
@@ -3620,13 +3683,27 @@ function nodeToVirtualMedia(node, resolveMedia, fps, inheritedOffset = 0, compDu
 			...node,
 			startFrame,
 			durationFrames: dur,
-			dataType
+			dataType,
+			...signalRemap && resolveSignal && { timeRemap: resolveSignal(signalRemap, {
+				id: node.id,
+				startFrame,
+				durationFrames: dur
+			}) }
 		},
 		children
 	};
 }
 function compositorToProgram(config, options) {
 	const { isVideoMode, fps, durationMs, resolveMedia, signals } = options;
+	const programSignals = {
+		...collectInlineSignals(config.layout),
+		...signals ?? config.signals ?? {}
+	};
+	const resolveMediaSignal = options.resolveMediaSignal ?? ((binding, layer) => sampleMediaTimeSignal(binding, layer, {
+		fps,
+		compositionDurationFrames: Math.round((durationMs ?? 0) / 1e3 * fps),
+		signals: programSignals
+	}));
 	let rootMedia = {
 		metadata: {
 			width: config.width,
@@ -3645,13 +3722,10 @@ function compositorToProgram(config, options) {
 			volume: config.volume ?? 1,
 			dataType: isVideoMode ? "Video" : "Image",
 			layout: config.layout,
-			signals: {
-				...collectInlineSignals(config.layout),
-				...signals ?? config.signals ?? {}
-			},
+			signals: programSignals,
 			...config.onRequestFrame || options.onRequestFrame ? { onRequestFrame: config.onRequestFrame ?? options.onRequestFrame } : {}
 		},
-		children: hoistMattes(config.layout).map((n) => nodeToVirtualMedia(n, resolveMedia, fps, 0, durationMs))
+		children: hoistMattes(config.layout).map((n) => nodeToVirtualMedia(n, resolveMedia, fps, 0, durationMs, void 0, resolveMediaSignal))
 	};
 	const effectsList = Array.isArray(options.effects) ? options.effects : Array.isArray(config.effects) ? config.effects : [];
 	for (const eff of effectsList) {
@@ -3692,5 +3766,5 @@ function collectNodeOps(nodes) {
 }
 
 //#endregion
-export { applyStaggerToChildren as A, evaluateTrackAtFrame as B, ShapeNodeSchema as C, TextSpanMarkSchema as D, TextNodeSchema as E, computeLayout as F, initLayout as H, computeLayoutSync as I, computeStaggerDelay as L, collectNodeOps as M, compositorToProgram as N, TextSpanSchema as O, computeCarrierContinuity as P, evaluateAnimationAtFrame as R, Sequence as S, TextAnimatorSchema as T, lintComposition as U, hoistMattes as V, mergeAnimationTracks as W, MediaNodeSchema as _, CarrierHandoffConfigSchema as a, SceneDefinitionSchema as b, EnvironmentFogSchema as c, LayerAnimation as d, LayoutNodeSchema as f, MatteModeSchema as g, MaterialTypeSchema as h, CameraNodeSchema as i, calculateSequenceTimeline as j, ToneMappingSchema as k, EnvironmentPresetSchema as l, LightTypeSchema as m, BoxNodeSchema as n, ColorStopSchema as o, LightNodeSchema as p, CameraAnimation as r, CompositorProgramSchema as s, BloomConfigSchema as t, FlexNodeSchema as u, Model3DNodeSchema as v, TextAnimator as w, SceneTransitionTypeSchema as x, Scene as y, evaluateKeyframes as z };
-//# sourceMappingURL=program-W4CWO2bp.mjs.map
+export { applyStaggerToChildren as A, evaluateTrackAtFrame as B, ShapeNodeSchema as C, TextSpanMarkSchema as D, TextNodeSchema as E, computeLayout as F, mergeAnimationTracks as G, initLayout as H, computeLayoutSync as I, sampleMediaTimeSignal as K, computeStaggerDelay as L, collectNodeOps as M, compositorToProgram as N, TextSpanSchema as O, computeCarrierContinuity as P, evaluateAnimationAtFrame as R, Sequence as S, TextAnimatorSchema as T, lintComposition as U, hoistMattes as V, mediaSignalSampler as W, MediaNodeSchema as _, CarrierHandoffConfigSchema as a, SceneDefinitionSchema as b, EnvironmentFogSchema as c, LayerAnimation as d, LayoutNodeSchema as f, MatteModeSchema as g, MaterialTypeSchema as h, CameraNodeSchema as i, calculateSequenceTimeline as j, ToneMappingSchema as k, EnvironmentPresetSchema as l, LightTypeSchema as m, BoxNodeSchema as n, ColorStopSchema as o, LightNodeSchema as p, CameraAnimation as r, CompositorProgramSchema as s, BloomConfigSchema as t, FlexNodeSchema as u, Model3DNodeSchema as v, TextAnimator as w, SceneTransitionTypeSchema as x, Scene as y, evaluateKeyframes as z };
+//# sourceMappingURL=program-KPBfq9tw.mjs.map