@omnimedia/omnitool 1.1.0-86 → 1.1.0-88

package/README.md

@@ -130,7 +130,7 @@ const timeline = omni.timeline(o => {
 	const move = o.spatial(o.transform({
 		position: [120, 40],
 		scale: [0.6, 0.6],
-		rotation: 0.2
+		rotation: 12
 	}))
 
 	const title = o.text("Lower third", {
@@ -316,7 +316,7 @@ player.play()
 ```
 
 Notes:
-- Call `player.update(timeline)` if you update the timeline.
+- Call `await player.update(timeline)` if you update the timeline.
 
 ## 📤 Export
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@omnimedia/omnitool",
-	"version": "1.1.0-86",
+	"version": "1.1.0-88",
 	"description": "open source video processing tools",
 	"license": "MIT",
 	"author": "Przemysław Gałęzki",

package/s/demo/routines/playback-test.ts

@@ -48,7 +48,7 @@ export async function playbackTest(timeline: TimelineFile, omni: Omni, root: HTM
 		updateTimecode(clamped, durationMs)
 	}
 
-	player.update(o.timeline)
+	await player.update(o.timeline)
 }
 
 function formatTime(ms: number) {

package/s/timeline/parts/animations/presets.ts

@@ -40,7 +40,7 @@ export const animationPresets = {
 			terp: "easeOut",
 		},
 		transform: {
-			from: {scale: [0, 0], rotation: -Math.PI},
+			from: {scale: [0, 0], rotation: -180},
 			to: {scale: [1, 1], rotation: 0},
 		},
 	},
@@ -55,7 +55,7 @@ export const animationPresets = {
 		},
 		transform: {
 			from: {scale: [1, 1], rotation: 0},
-			to: {scale: [0, 0], rotation: Math.PI},
+			to: {scale: [0, 0], rotation: 180},
 		},
 	},
 	zoomIn: {

package/s/timeline/parts/animations/properties.ts

@@ -10,7 +10,7 @@ export const visualAnimations = {
 			{path: "position.y", type: "number", default: 0, unit: "pixel"},
 			{path: "scale.x", type: "number", default: 1, unit: "scale"},
 			{path: "scale.y", type: "number", default: 1, unit: "scale"},
-			{path: "rotation", type: "number", default: 0, unit: "radian"},
+			{path: "rotation", type: "number", default: 0, unit: "degree"},
 		],
 	},
 	opacity: {

package/s/timeline/parts/animations/types.ts

@@ -6,7 +6,7 @@ import type {Anim, Interpolation, Keyframes, ScalarAnimation, TrackTransform, Tr
 
 export type AnimationType = "scalar" | "transform"
 export type AnimationChannelType = "number"
-export type AnimationUnit = "pixel" | "scale" | "radian" | "ratio"
+export type AnimationUnit = "pixel" | "scale" | "degree" | "ratio"
 
 export type AnimationChannel = {
 	path?: string

package/s/timeline/renderers/player/player.ts

@@ -60,8 +60,10 @@ export class VideoPlayer {
 	/**
 	 call this whenever your timeline state changes
 	*/
-	update(timeline: TimelineFile) {
+	async update(timeline: TimelineFile) {
 		this.playback.update(timeline)
+		if (!this.isPlaying)
+			await this.seek(this.currentTime)
 	}
 
 	async #flushSeeks() {
@@ -74,4 +76,3 @@ export class VideoPlayer {
 		}
 	}
 }
-

package/x/demo/demo.bundle.min.js

@@ -7322,7 +7322,7 @@ fn rand(co: vec2<f32>, seed: f32) -> f32
 		vec2 uv = vTextureCoord.xy;
 		gl_FragColor = transition(vTextureCoord);
 	}
-`;function jm({name:r,renderer:e}){let t=Wm.default.find(c=>c.name===r),n=new Kt,o=new ne,i=new Yt({}),s=new Yt({}),a=new k({glProgram:new P({vertex:qm,fragment:Hm(t.glsl)}),resources:{from:i,to:s,uniforms:{...aa.basics,...aa.custom(t)}}});return n.filters=[a],{render({width:c,height:l,from:f,to:u,progress:m}){return(n.width!==c||n.height!==l)&&(n.setSize({width:c,height:l}),o.source.resize(c,l)),i.resource=f,s.resource=u,i.update(),s.update(),a.resources.uniforms.uniforms.progress=m,e.render({container:n,target:o,clear:!1,width:c,height:l}),o}}}var ii=class{pixi;onPointerDown=ke();onPointerMove=ke();onPointerUp=ke();onDispose=ke();static async setup(){let e=await Ms({width:1920,height:1080,preference:"webgl",background:"black",preferWebGLVersion:2}),t=new Ai;return t.interactive=!0,new this({renderer:e,stage:t})}constructor(e){this.pixi=e}#e=new Map;#t=new Map;#r=new WeakMap;async composite(e){let{stage:t,renderer:n}=this.pixi;this.#d(this.#m(e));let{dispose:o}=await this.#n(e,t);n.render(t);let i=new VideoFrame(n.canvas,{timestamp:0,duration:0});return o(),i}getActiveObject(e){return this.#t.get(e)?.sprite}async#n(e,t){if(Array.isArray(e)){let n=[];for(let o of[...e].reverse()){let i=await this.#n(o,t);n.push(i.dispose)}return{dispose:()=>n.forEach(o=>o())}}switch(e.kind){case"text":return this.#o(e,t);case"image":return this.#s(e,t);case"transition":return this.#i(e,t);case"gap":return this.pixi?.renderer.clear(),{dispose:()=>{}};default:return console.warn("Unknown layer kind",e.kind),{dispose:()=>{}}}}#o(e,t){let n=this.#f(e);return this.#c(n,e.matrix),this.#a(n,e.alpha),this.#l(n,e.crop),this.#u(n,e.filters),t.addChild(n),{dispose:()=>{}}}#s(e,t){let n=this.#f(e);n.texture&&n.texture!==ne.EMPTY&&n.texture.destroy(!0);let o=ne.from(e.frame);return n.texture=o,this.#c(n,e.matrix),this.#a(n,e.alpha),this.#l(n,e.crop),this.#u(n,e.filters),t.addChild(n),{dispose:()=>{e.frame.close()}}}#i({from:e,to:t,progress:n,name:o},i){let a=(this.#e.get(o)??(this.#e.set(o,jm({name:"circle",renderer:this.pixi.renderer})),this.#e.get(o))).render({from:e,to:t,progress:n,width:e.displayWidth,height:e.displayHeight}),c=new Kt(a);return i.addChild(c),{dispose:()=>c.destroy(!1)}}#c(e,t){if(!t)return;let n=Nm(t);e.setFromMatrix(n)}#a(e,t){e.alpha=t??1}#l(e,t){let n=this.#r.get(e);if(n&&(e.mask===n&&(e.mask=null),n.removeFromParent(),n.clear()),!t||t.every(h=>h===0))return;let[o,i,s,a]=t,c=e.mask;e.mask=null;let l=e.getLocalBounds();e.mask=c;let f=l.x+l.width*a,u=l.y+l.height*o,m=l.width*Math.max(0,1-a-i),d=l.height*Math.max(0,1-o-s),p=n??new zi;p.clear(),p.beginFill(16777215),p.drawRect(f,u,m,d),p.endFill(),e.addChild(p),e.mask=p,this.#r.set(e,p)}#u(e,t){if(!t?.length){e.filters=null;return}e.filters=t.map(n=>{switch(n.type){case"ColorMatrixFilter":{let{matrix:o,...i}=n.params??{},s=new Nt(i);return o&&(s.matrix=o),s}case"EmbossFilter":return new Ar(n.params?.strength);case"PixelateFilter":return new zr(n.params?.size);default:{let o=Um(n.type);return o?new o(n.params):void 0}}}).filter(n=>!!n)}#f(e){let t=this.#t.get(e.id);if(t)return t.sprite;switch(e.kind){case"text":{let n=new yn({text:e.content,style:e.style});n.eventMode="static";let o=a=>this.onPointerDown.publish({event:a,id:e.id,object:n}),i=a=>this.onPointerUp.publish({event:a,id:e.id,object:n}),s=a=>this.onPointerUp.publish({event:a,id:e.id,object:n});return n.on("pointerdown",o),n.on("pointerup",i),n.on("pointermove",s),this.#t.set(e.id,{sprite:n,dispose:()=>{this.onDispose.publish({id:e.id,object:n}),n.off("pointermove",s),n.off("pointerdown",o),n.off("pointerup",i)}}).get(e.id)?.sprite}case"image":{let n=new Kt;n.eventMode="static";let o=a=>this.onPointerDown.publish({event:a,id:e.id,object:n}),i=a=>this.onPointerUp.publish({event:a,id:e.id,object:n}),s=a=>this.onPointerUp.publish({event:a,id:e.id,object:n});return n.on("pointerdown",o),n.on("pointermove",s),n.on("pointerup",i),this.#t.set(e.id,{sprite:n,dispose:()=>{this.onDispose.publish({id:e.id,object:n}),n.off("pointerdown",o),n.off("pointermove",s),n.off("pointerup",i)}}).get(e.id)?.sprite}}}#m(e){let t=new Set,n=o=>{if(Array.isArray(o))for(let i of o)n(i);else t.add(o.id)};return n(e),t}#d(e){for(let t of this.#t.keys())if(!e.has(t)){let{sprite:n,dispose:o}=this.#t.get(t);o(),n.destroy(!0),this.#t.delete(t)}}};var Xm=r=>Hn.host(e=>({async world(){r.count++}}));async function Ce(r){return r instanceof Blob?new gn(r):new xn(r)}var si=class{machina;thread;compositor;static async setup(e){let t=new Lo,n=await Hn.thread({label:"OmnitoolDriver",workerUrl:e?.workerUrl??"/node_modules/@omnimedia/omnitool/x/driver/driver.worker.bundle.min.js",setupHost:Xm(t)}),o=await ii.setup();return new this(t,n,o)}constructor(e,t,n){this.machina=e,this.thread=t,this.compositor=n}async hello(){return this.thread.work.hello()}async getAudioDuration(e){let n=await new he({source:await Ce(e),formats:Se}).getPrimaryAudioTrack();if(!n)throw new Error("primary audio track not found");return await n.computeDuration()}async getVideoDuration(e){return await(await new he({source:await Ce(e),formats:Se}).getPrimaryVideoTrack())?.computeDuration()}decodeVideo(e){let t=null,{port1:n,port2:o}=new MessageChannel,i=new TransformStream({async transform(s,a){let c=await e.onFrame?.(s)??s;t?.close(),a.enqueue(c),t=c}});return this.thread.work.decodeVideo[er]({transfer:[i.writable,o]})({source:e.source,cancel:o,video:i.writable,start:e.start,end:e.end}),{readable:i.readable,cancel(){n.postMessage("close"),n.close()}}}decodeAudio(e){let t=new TransformStream,{port1:n,port2:o}=new MessageChannel;return this.thread.work.decodeAudio[er]({transfer:[t.writable,o]})({source:e.source,cancel:o,audio:t.writable,start:e.start,end:e.end}),{readable:t.readable,cancel(){n.postMessage("close"),n.close()}}}encode({audio:e,video:t,config:n}){let{readable:o,writable:i}=new TransformStream,s=[e,t,i].filter(In.happy),a=this.thread.work.encode[er]({transfer:s})({audio:e,video:t,config:n,writable:i});return{readable:o,done:a}}async composite(e){return await this.compositor.composite(e)}};var b=(r,e,t,n)=>({type:"number",min:r,max:e,default:t,...n===void 0?{}:{step:n}}),rt=r=>({type:"color",default:r}),Ge=r=>({type:"boolean",default:r}),ai=(r,e)=>({type:"choice",options:r,default:e}),ee=r=>({type:"object",properties:r}),Xh=r=>({type:"array",items:r}),Km=[3,5,7,9,11,13,15,17,19,21,23,25],Kh={TRANSPARENT:0,ORIGINAL:1,LOOP:2,CLAMP:3,MIRROR:4},G=()=>(r,e={})=>({type:r,schema:e}),ci={adjustment:G()("AdjustmentFilter",{gamma:b(0,5,1),saturation:b(0,5,1),contrast:b(0,5,1),brightness:b(0,5,1),red:b(0,5,1),green:b(0,5,1),blue:b(0,5,1),alpha:b(0,1,1,.01)}),advancedBloom:G()("AdvancedBloomFilter",{threshold:b(.1,.9,.5,.01),bloomScale:b(.5,1.5,1,.01),brightness:b(.5,1.5,1,.01),blur:b(0,20,8,.1),quality:b(1,20,4,1)}),alpha:G()("AlphaFilter",{alpha:b(0,1,1,.01)}),ascii:G()("AsciiFilter",{size:b(2,20,8,1),color:rt("#ffffff"),replaceColor:Ge(!1)}),backdropBlur:G()("BackdropBlurFilter",{strength:b(0,100,8,.1),quality:b(1,10,4,1)}),bevel:G()("BevelFilter",{rotation:b(0,360,45,1),thickness:b(0,10,2,.1),lightColor:rt("#ffffff"),lightAlpha:b(0,1,.7,.01),shadowColor:rt("#000000"),shadowAlpha:b(0,1,.7,.01)}),bloom:G()("BloomFilter",{strength:ee({x:b(0,20,2,.1),y:b(0,20,2,.1)}),quality:b(1,20,4,1),resolution:b(.25,4,1,.01),kernelSize:ai([5,7,9,11,13,15],5)}),blur:G()("BlurFilter",{strength:b(0,100,8,.1),quality:b(1,10,4,1)}),bulgePinch:G()("BulgePinchFilter",{radius:b(0,1e3,100,1),strength:b(-1,1,1,.01),center:ee({x:b(0,1,.5,.01),y:b(0,1,.5,.01)})}),colorGradient:G()("ColorGradientFilter"),colorMatrix:G()("ColorMatrixFilter"),colorOverlay:G()("ColorOverlayFilter",{color:rt("#ff0000"),alpha:b(0,1,.5,.01)}),colorReplace:G()("ColorReplaceFilter",{originalColor:rt("#ff0000"),targetColor:rt("#000000"),tolerance:b(0,1,.4,.01)}),convolution:G()("ConvolutionFilter",{width:b(0,500,300,1),height:b(0,500,300,1),matrix:Xh([b(0,1,0),b(0,1,.5,.01),b(0,1,0),b(0,1,.5,.01),b(0,1,1,.01),b(0,1,.5,.01),b(0,1,0),b(0,1,.5,.01),b(0,1,0)])}),crossHatch:G()("CrossHatchFilter"),crt:G()("CRTFilter",{curvature:b(0,10,1,.01),lineWidth:b(0,5,3,.01),lineContrast:b(0,1,.3,.01),verticalLine:Ge(!1),noise:b(0,1,.2,.01),noiseSize:b(1,10,1,.1),vignetting:b(0,1,.3,.01),vignettingAlpha:b(0,1,1,.01),vignettingBlur:b(0,1,.3,.01),seed:b(0,1,0,.01),time:b(.5,20,.5,.01)}),dot:G()("DotFilter",{scale:b(.3,1,1,.01),angle:b(0,5,5,.01),grayscale:Ge(!0)}),dropShadow:G()("DropShadowFilter",{blur:b(0,20,2,.1),quality:b(1,20,3,1),alpha:b(0,1,.5,.01),offset:ee({x:b(-50,50,4,1),y:b(-50,50,4,1)}),color:rt("#000000"),shadowOnly:Ge(!1)}),emboss:G()("EmbossFilter",{strength:b(0,20,5,.1)}),glitch:G()("GlitchFilter",{slices:b(0,64,5,1),seed:b(0,1,.5,.01),offset:b(-400,400,100,1),direction:b(-180,180,0,1),fillMode:ai(Kh,"LOOP"),average:Ge(!1),minSize:b(0,64,8,1),sampleSize:b(1,2048,512,1),red:ee({x:b(-50,50,2,1),y:b(-50,50,2,1)}),blue:ee({x:b(-50,50,10,1),y:b(-50,50,-4,1)}),green:ee({x:b(-50,50,-10,1),y:b(-50,50,4,1)})}),glow:G()("GlowFilter",{distance:b(0,20,15,.1),innerStrength:b(0,20,0,.1),outerStrength:b(0,20,2,.1),color:rt("#ffffff"),quality:b(0,1,.2,.01),alpha:b(0,1,1,.01),knockout:Ge(!1)}),godray:G()("GodrayFilter",{time:b(0,1,0,.01),gain:b(0,1,.6,.01),lacunarity:b(0,5,2.75,.01),alpha:b(0,1,1,.01),parallel:Ge(!0),angle:b(-60,60,30,1),center:ee({x:b(-100,2012,956,1),y:b(-1e3,-100,-100,1)})}),grayscale:G()("GrayscaleFilter"),hslAdjustment:G()("HslAdjustmentFilter",{hue:b(-180,180,0,1),saturation:b(-1,1,0,.01),lightness:b(-1,1,0,.01),colorize:Ge(!1),alpha:b(0,1,1,.01)}),kawaseBlur:G()("KawaseBlurFilter",{strength:b(0,20,4,.1),quality:b(1,20,3,1),pixelSize:ee({x:b(0,10,1,.1),y:b(0,10,1,.1)})}),motionBlur:G()("MotionBlurFilter",{velocity:ee({x:b(-90,90,40,1),y:b(-90,90,40,1)}),kernelSize:ai(Km,15),offset:b(-150,150,0,1)}),multiColorReplace:G()("MultiColorReplaceFilter"),noise:G()("NoiseFilter",{noise:b(0,1,.5,.01),seed:b(.01,10,.5,.01)}),oldFilm:G()("OldFilmFilter",{sepia:b(0,1,.3,.01),noise:b(0,1,.3,.01),noiseSize:b(1,10,1,.1),scratch:b(-1,1,.5,.01),scratchDensity:b(0,1,.3,.01),scratchWidth:b(1,20,1,.1),vignetting:b(0,1,.3,.01),vignettingAlpha:b(0,1,1,.01),vignettingBlur:b(0,1,.3,.01)}),outline:G()("OutlineFilter",{thickness:b(0,10,4,.1),color:rt("#000000"),alpha:b(0,1,1,.01),knockout:Ge(!1)}),pixelate:G()("PixelateFilter",{size:ee({x:b(4,40,10,1),y:b(4,40,10,1)})}),radialBlur:G()("RadialBlurFilter",{angle:b(-180,180,20,1),radius:b(-1,1912,300,1),center:ee({x:b(0,1912,956,1),y:b(0,920,460,1)}),kernelSize:ai(Km,15)}),reflection:G()("ReflectionFilter",{mirror:Ge(!0),boundary:b(0,1,.5,.01),amplitude:ee({start:b(0,50,0,.1),end:b(0,50,20,.1)}),waveLength:ee({start:b(10,200,30,1),end:b(10,200,100,1)}),alpha:ee({start:b(0,1,1,.01),end:b(0,1,1,.01)}),time:b(0,20,0,.01)}),rgbSplit:G()("RGBSplitFilter",{red:ee({x:b(-20,20,-10,1),y:b(-20,20,0,1)}),blue:ee({x:b(-20,20,0,1),y:b(-20,20,0,1)}),green:ee({x:b(-20,20,0,1),y:b(-20,20,10,1)})}),shockwave:G()("ShockwaveFilter",{speed:b(500,2e3,500,1),amplitude:b(1,100,30,1),wavelength:b(2,400,160,1),brightness:b(.2,2,1,.01),radius:b(100,2e3,-1,1),center:ee({x:b(0,1912,956,1),y:b(0,920,460,1)})}),simplexNoise:G()("SimplexNoiseFilter",{strength:b(0,1,.5,.01),noiseScale:b(0,50,10,.1),offsetX:b(0,5,0,.01),offsetY:b(0,5,0,.01),offsetZ:b(0,5,0,.01),step:b(-1,1,-1,.01)}),tiltShift:G()("TiltShiftFilter",{blur:b(0,200,100,.1),gradientBlur:b(0,1e3,600,1),start:ee({x:b(0,1912,0,1),y:b(0,920,460,1)}),end:ee({x:b(0,1912,1912,1),y:b(0,920,460,1)})}),twist:G()("TwistFilter",{angle:b(-10,10,4,.01),radius:b(0,1912,200,1),offset:ee({x:b(0,1912,956,1),y:b(0,920,460,1)})}),zoomBlur:G()("ZoomBlurFilter",{strength:b(.01,.5,.1,.01),center:ee({x:b(0,1912,956,1),y:b(0,920,460,1)}),innerRadius:b(0,956,80,1),radius:b(0,956,-1,1)})};var q;(function(r){r[r.Sequence=0]="Sequence",r[r.Stack=1]="Stack",r[r.Video=2]="Video",r[r.Audio=3]="Audio",r[r.Text=4]="Text",r[r.Gap=5]="Gap",r[r.Spatial=6]="Spatial",r[r.Animation=7]="Animation",r[r.Transition=8]="Transition",r[r.TextStyle=9]="TextStyle",r[r.Filter=10]="Filter"})(q||(q={}));var li;(function(r){r[r.Crossfade=0]="Crossfade"})(li||(li={}));var ui=class{datafile;duration=0;hasVideo=!1;hasAudio=!1;constructor(e){this.datafile=e}static async analyze(e){let t=new this(e),n=await this.duration(e.url)*1e3;t.duration=n;let{video:o,audio:i}=await this.#e(e.url);return t.hasAudio=i,t.hasVideo=o,t}static async duration(e){let n=await new he({formats:Se,source:await Ce(e)}).computeDuration();return Number(n.toFixed(5))}static async#e(e){let t=new he({formats:Se,source:await Ce(e)});return{audio:!!await t.getPrimaryAudioTrack(),video:!!await t.getPrimaryVideoTrack()}}};var fi=class{#e=new An;async store(e){let t=await ui.analyze(e),{hash:n}=t.datafile.checksum,{filename:o,bytes:i,url:s,blob:a}=t.datafile;if(this.#e.has(n)){let c=this.#e.require(n);c.filename=o}else this.#e.set(n,{kind:"media",filename:o,bytes:i,url:s,blob:a,duration:t.duration});return t}require(e){return this.#e.require(e)}};var mi=class r{videoTrack;options;#e;#t=new Map;#r=[0,0];constructor(e,t){this.videoTrack=e,this.options=t,this.#e=new sn(e,t.canvasSinkOptions)}static async init(e,t){let o=await new he({formats:Se,source:await Ce(e)}).getPrimaryVideoTrack();if(o)return new r(o,{frequency:t.frequency??1,canvasSinkOptions:t.canvasSinkOptions??{width:80,height:50,fit:"fill"},onChange:t.onChange,onPlaceholders:t.onPlaceholders});throw new Error("Source has no video track")}set frequency(e){e!==this.options.frequency&&(this.options.frequency=e,this.#a())}get frequency(){return this.options.frequency}#n([e,t],n=1){let o=t-e;return[e-o*n,t+o*n]}async#o(){let[e,t]=this.#r,n=new Set,o=await this.videoTrack.computeDuration();for(let i=Math.max(0,e);i<=t;i+=this.options.frequency)i>=0&&i<=o&&n.add(i);this.options.onPlaceholders?.([...n])}async#s(){let[e,t]=this.#r,n=new Set,o=await this.videoTrack.computeDuration();for(let c=Math.max(0,e);c<=t;c+=this.options.frequency)c>=0&&c<=o&&n.add(c);let i=[...n].filter(c=>!this.#t.has(c)),s=0;for await(let c of this.#e.canvasesAtTimestamps(i))if(c){let l=i[s++];this.#t.set(l,c)}for(let c of this.#t.keys())n.has(c)||this.#t.delete(c);let a=[...this.#t.entries()].map(([c,l])=>({time:c,canvas:l}));this.options.onChange(a)}set range(e){let[t,n]=e,o=n-t,[i,s]=this.#r,a=i+o,c=s-o,l=t<a,f=n>c;!l&&!f||(this.#r=this.#n(e,2),this.#a())}#i=null;#c=!1;async#a(){if(this.#o(),this.#i){this.#c=!0;return}this.#i=this.#s(),await this.#i,this.#i=null,this.#c&&(this.#c=!1,await this.#a())}getThumbnail(e){return this.#t.get(e)}};var xt={slideIn:{type:"motion",label:"Slide in",defaults:{duration:700,from:[-400,0],to:[0,0],terp:"easeOut"},transform:{from:{position:[-400,0]},to:{position:[0,0]}}},slideOut:{type:"motion",label:"Slide out",defaults:{duration:700,from:[0,0],to:[400,0],terp:"easeIn"},transform:{from:{position:[0,0]},to:{position:[400,0]}}},spinIn:{type:"motion",label:"Spin in",defaults:{duration:700,from:[0,0],to:[0,0],terp:"easeOut"},transform:{from:{scale:[0,0],rotation:-Math.PI},to:{scale:[1,1],rotation:0}}},spinOut:{type:"motion",label:"Spin out",defaults:{duration:700,from:[0,0],to:[0,0],terp:"easeIn"},transform:{from:{scale:[1,1],rotation:0},to:{scale:[0,0],rotation:Math.PI}}},zoomIn:{type:"motion",label:"Zoom in",defaults:{duration:700,from:[0,0],to:[0,0],terp:"easeOut"},transform:{from:{scale:[0,0]},to:{scale:[1,1]}}},zoomOut:{type:"motion",label:"Zoom out",defaults:{duration:700,from:[0,0],to:[0,0],terp:"easeIn"},transform:{from:{scale:[1,1]},to:{scale:[0,0]}}},bounceIn:{type:"motion",label:"Bounce in",defaults:{duration:700,from:[0,0],to:[0,0],terp:"bounce"},transform:{from:{scale:[0,0]},to:{scale:[1,1]}}},bounceOut:{type:"motion",label:"Bounce out",defaults:{duration:700,from:[0,0],to:[0,0],terp:"bounce"},transform:{from:{scale:[1,1]},to:{scale:[0,0]}}},fadeIn:{type:"scalar",label:"Fade in",defaults:{duration:700,from:0,to:1,terp:"easeIn"}},fadeOut:{type:"scalar",label:"Fade out",defaults:{duration:700,from:1,to:0,terp:"easeOut"}}};var bn={transform:{type:"transform",defaultTerp:"linear",channels:[{path:"position.x",type:"number",default:0,unit:"pixel"},{path:"position.y",type:"number",default:0,unit:"pixel"},{path:"scale.x",type:"number",default:1,unit:"scale"},{path:"scale.y",type:"number",default:1,unit:"scale"},{path:"rotation",type:"number",default:0,unit:"radian"}]},opacity:{type:"scalar",defaultTerp:"linear",channels:[{type:"number",default:1,unit:"ratio",range:[0,1]}]}},Yh={...bn};function Ym(r,e,t){let n=Object.entries(xt).map(([o,i])=>{let s=i.type==="motion"?a=>{let c=a?.offset??0;return e(a?.terp??i.defaults.terp,[[c,t({...i.transform.from,...a?.from===void 0?{}:{position:a.from}})],[c+(a?.duration??i.defaults.duration),t({...i.transform.to,...a?.to===void 0?{}:{position:a.to}})]])}:a=>{let c=a?.offset??0;return r(a?.terp??i.defaults.terp,[[c,a?.from??i.defaults.from],[c+(a?.duration??i.defaults.duration),a?.to??i.defaults.to]])};return[o,s]});return Object.fromEntries(n)}function $m(r,e){let t=typeof window<"u"&&window.devicePixelRatio||1,n=document.createElement("canvas");n.width=e.width*t,n.height=e.height*t,n.style.width=`${e.width}px`,n.style.height=`${e.height}px`;let o=n.getContext("2d");if(!o)return n;o.scale(t,t),o.fillStyle=e.color;let i=e.height/2,s=Math.max(1,e.width),a=r.length/s;for(let c=0;c<s;c++){let l=Math.floor(c*a),f=Math.max(l+1,Math.floor((c+1)*a)),u=0;for(let d=l;d<f&&d<r.length;d++)r[d]>u&&(u=r[d]);let m=u*e.height;o.fillRect(c,i-m/2,1,m)}return n}var ca=[2048,1024,512,256,128,64,32];async function Qm(r,e){let t=await r.getAudioDuration(e)??0,n=r.decodeAudio({source:e}).readable,o=ca[ca.length-1],i=[],s=0,a=0,c=0;for await(let u of n){c||=u.sampleRate;let m=u.numberOfFrames,d=new Float32Array(m);u.copyTo(d,{planeIndex:0});for(let p=0;p<d.length;p++){let h=Math.abs(d[p]);h>s&&(s=h),a++,a>=o&&(i.push(s),s=0,a=0)}u.close()}a>0&&i.push(s);let l=new Float32Array(i),f=ca.map(u=>{let m=Math.max(1,Math.round(u/o)),d=m===1?l:$h(l,m);return{samplesPerPeak:u,peaks:d,peaksPerSecond:c>0?c/u:0}});return{duration:t,levels:f}}function $h(r,e){let t=new Float32Array(Math.ceil(r.length/e));for(let n=0;n<t.length;n++){let o=0,i=n*e,s=Math.min(i+e,r.length);for(let a=i;a<s;a++)r[a]>o&&(o=r[a]);t[n]=o}return t}var Qh=4096,di=class r{#e=new Map;#t=[0,0];#r=[0,0];#n;#o;#s;#i=!1;color;duration;tileSize;tileHeight;preloadMargin;constructor(e,t,n){this.#o=e,this.duration=t,this.tileSize=n.tileSize??1,this.#n=n.zoom??(n.tileWidth??256)/this.tileSize,this.tileHeight=n.tileHeight??96,this.preloadMargin=n.preloadMargin??2,this.color=n.color??"rgb(3, 148, 129)",this.#s=n.onChange}static async init(e,t,n={}){let{duration:o,levels:i}=await Qm(e,t);return new r(i,o,n)}set zoom(e){let t=Math.max(1,e);t!==this.#n&&(this.#n=t,this.#e.clear(),this.#a())}get zoom(){return this.#n}get range(){return this.#r}#c([e,t],n=1){let o=t-e;return[Math.max(0,e-o*n),Math.min(this.duration,t+o*n)]}set range(e){this.#r=e;let[t,n]=e,o=n-t,[i,s]=this.#t,a=i>0,c=s<this.duration,l=!a||t>=i+o,f=!c||n<=s-o;l&&f||(this.#t=this.#c(e,this.preloadMargin),this.#a())}#a(){this.#i||(this.#i=!0,queueMicrotask(()=>{this.#i=!1,this.#l()}))}#l(){let[e,t]=this.#t,n=new Set,o=this.#f(),i=Math.max(0,Math.floor(e/this.tileSize)*this.tileSize),s=Math.min(this.duration,t);for(let a=i;a<=s;a+=this.tileSize)n.add(a);for(let a of n)if(!this.#e.has(a)){let c=Math.min(a+this.tileSize,this.duration);this.#e.set(a,this.#u(a,c,o))}for(let a of this.#e.keys())n.has(a)||this.#e.delete(a);this.#p()}#u(e,t,n){let o=this.#m(n,e,t);return{startTime:e,endTime:t,peaks:o,canvas:$m(o,{width:this.#d(e,t),height:this.tileHeight,color:this.color})}}#f(){return this.#o.find(e=>e.peaksPerSecond>=this.#n)??this.#o[this.#o.length-1]}#m(e,t,n){if(!e.peaksPerSecond)return new Float32Array;let o=Math.max(0,Math.floor(t*e.peaksPerSecond)),i=Math.max(o+1,Math.min(e.peaks.length,Math.ceil(n*e.peaksPerSecond)));return e.peaks.slice(o,i)}#d(e,t){return Math.min(Qh,Math.max(1,Math.ceil((t-e)*this.#n)))}#p(){this.#s&&this.#s([...this.#e.values()].sort((e,t)=>e.startTime-t.startTime))}getTiles(){return this.#e}};var X=r=>r;var Or=r=>r;var Zm=()=>{let r=!1,e=Or(60),t=1e3/e,n=0,o=0,i=ke(),s=null,a=l=>{if(requestAnimationFrame(a),!!r)for(n=l;l-o>=t;)o+=t,s?.(),s=null,i()};async function*c(){for(n=performance.now(),o=n,requestAnimationFrame(a);;)await new Promise(l=>s=l),yield}return{play(){r||(r=!0,n=performance.now(),o=n)},pause(){r=!1},setFPS(l){e=l,t=1e3/e},isPlaying(){return r},ticks:c,onTick:i}},Jm=async(r,e)=>{let t=X(1e3/r.fps),n=r.duration/1e3,o=Math.ceil(n*r.fps);for(let i=0;i<o;i++){let s=X(i*t);await e(s,i)}};var la=class{keys;index;constructor(e,t){this.keys=e,this.index=t}near(e){return this.keys[Math.max(0,Math.min(this.keys.length-1,this.index+e))][1]}},ed=r=>r,Sn=r=>ed((e,t)=>r(e,t.near(0),t.near(1))),Tn=(r,e,t)=>e+(t-e)*r,Zh={linear:Sn(Tn),ease:Sn((r,e,t)=>{let n=r<.5?4*r*r*r:1-Math.pow(-2*r+2,3)/2;return Tn(n,e,t)}),easeIn:Sn((r,e,t)=>Tn(r*r*r,e,t)),easeOut:Sn((r,e,t)=>Tn(1-Math.pow(1-r,3),e,t)),bounce:Sn((r,e,t)=>{let i=r<.36363636363636365?7.5625*r*r:r<.7272727272727273?7.5625*(r-.5454545454545454)**2+.75:r<.9090909090909091?7.5625*(r-.8181818181818182)**2+.9375:7.5625*(r-.9545454545454546)**2+.984375;return Tn(i,e,t)}),catmullRom:ed((r,e)=>{let t=e.near(-1),n=e.near(0),o=e.near(1),i=e.near(2),s=r*r,a=s*r;return .5*(2*n+(-t+o)*r+(2*t-5*n+4*o-i)*s+(-t+3*n-3*o+i)*a)})},td=(r,e,t,n)=>{let o=Zh[r];if(!o)throw new Error(`unknown terp "${r}"`);return o(e,new la(t,n))};var Dr=(r,e,t,n=0)=>{if(e.length===0)return n;if(e.length===1)return e[0][1];let o=[...e].sort((u,m)=>u[0]-m[0]);if(r<=o[0][0])return o[0][1];let i=o[o.length-1];if(r>=i[0])return i[1];let s=0;for(let u=0;u<o.length-1;u++){let m=o[u],d=o[u+1];if(r>=m[0]&&r<=d[0]){s=u;break}}let[a]=o[s],[c]=o[s+1],l=c-a,f=l===0?0:(r-a)/l;return td(t,f,o,s)},rd=(r,e)=>[[Dr(r,e.track.position.x,e.terp),Dr(r,e.track.position.y,e.terp)],[Dr(r,e.track.scale.x,e.terp,1),Dr(r,e.track.scale.y,e.terp,1)],Dr(r,e.track.rotation,e.terp)],nd=(r,e)=>Dr(r,e.track,e.terp);function id(r){return"duration"in r}function sd(r){let e=[],t=new Map(r.timeline.items.map(n=>[n.id,n]));return ua(r.timeline.rootId,t,r.from,{sequence:()=>{},stack:()=>{},video:(n,o,i)=>e.push({item:n,localTime:o,ancestors:i}),text:(n,o,i)=>e.push({item:n,localTime:o,ancestors:i}),audio:(n,o,i)=>e.push({item:n,localTime:o,ancestors:i})}),e}function ad(r,e,t,n){let o=Lm;for(let i of e)o=od(r,i.item,o,i.localTime);return od(r,t,o,n)}function od(r,e,t,n){let o=t;if("spatialId"in e&&e.spatialId){let i=r.get(e.spatialId);if(i?.enabled){let s=ia(i.transform);o=sa(s,o)}}if("animationIds"in e&&e.animationIds)for(let i of e.animationIds){let s=r.get(i),a=s?.anims.transform;if(s?.enabled&&a&&Jh(a,n)){let c=ia(rd(n,a));o=sa(c,o)}}return o}function ua(r,e,t,n,o=[]){let i=e.get(r);if(i)switch(i.kind){case q.Stack:n.stack(i,t,o);for(let s of i.childrenIds)ua(s,e,t,n,[...o,{item:i,localTime:t}]);break;case q.Sequence:{n.sequence(i,t,o);let s=X(0);for(let a of i.childrenIds){let c=e.get(a);if(!c||!id(c))continue;let l=X(s+c.duration);if(t>=l){s=l;continue}let f=X(Math.max(0,t-s));ua(a,e,f,n,[...o,{item:i,localTime:t}]),s=l}break}case q.Video:n.video(i,t,o);break;case q.Text:n.text(i,t,o);break;case q.Audio:n.audio(i,t,o);break}}function ze(r,e){let t=e.items.find(n=>n.id===r);if(!t)return X(0);switch(t.kind){case q.Sequence:{let n=t.childrenIds.map(i=>e.items.find(s=>s.id===i)).filter(Boolean),o=X(0);for(let i=0;i<n.length;i++){let s=n[i];if(s.kind===q.Transition){let a=n[i-1],c=n[i+1];if(a&&c&&a.kind!==q.Transition&&c.kind!==q.Transition){let l=ze(a.id,e),f=ze(c.id,e),u=Math.max(0,Math.min(s.duration,l,f));o=X(o-u)}continue}o=X(o+ze(s.id,e))}return o}case q.Stack:{let n=X(0);for(let o of t.childrenIds){let i=ze(o,e);i>n&&(n=i)}return n}default:return id(t)?t.duration:X(0)}}function cd(r,e,t){if(!("animationIds"in e)||e.animationIds===void 0)return 1;let n=1;for(let o of e.animationIds){let i=r.items.get(o),s=i?.anims.opacity;i?.enabled&&s&&Rr(s.track,t)&&(n=nd(t,s))}return n}function Rr(r,e){if(r.length===0)return!1;let t=r[0][0],n=r[0][0];for(let[o]of r)t=Math.min(t,o),n=Math.max(n,o);return e>=t&&e<=n}function Jh(r,e){return Rr(r.track.position.x,e)||Rr(r.track.position.y,e)||Rr(r.track.scale.x,e)||Rr(r.track.scale.y,e)||Rr(r.track.rotation,e)}var wn=r=>r;var pi=class{resolveMedia;#e=new Map;constructor(e){this.resolveMedia=e}async getSink(e){let t=this.#e.get(e);if(t)return t.sink;let n=new he({formats:Se,source:await Ce(this.resolveMedia(e))}),o=await n.getPrimaryVideoTrack(),s=!!o&&await o.canDecode()&&o?new ar(o):null;return this.#e.set(e,{input:n,sink:s}),s}};async function ld(r,e,t,n){let[o,i]=await Promise.all([t,n]),s=o.find(l=>l.kind==="image")?.frame,a=i.find(l=>l.kind==="image")?.frame,c=[...o.filter(l=>l.kind!=="image"),...i.filter(l=>l.kind!=="image")];return s&&a?[{id:r.id,kind:"transition",name:"circle",progress:e,from:s,to:a},...c]:c}async function ud(r,e,t,n){let o=e0(r,e,t);if(!o)return[];let i=[...n,{item:e,localTime:t}];return o.isTransitioning?ld(o.transition,o.progress,Wt(r,o.outgoing,o.outgoingTime,i),Wt(r,o.incoming,o.incomingTime,i)):Wt(r,o.item,o.localTime,i)}function e0(r,e,t){let n=e.childrenIds.map(i=>r.items.get(i)).filter(i=>!!i),o=X(0);for(let i=0;i<n.length;i++){let s=n[i];if(s.kind===q.Transition)continue;let a=o,c=ze(s.id,r.timeline),l=X(a+c),f=n[i+1];if(!(f?.kind===q.Transition)){if(t<l)return{isTransitioning:!1,item:s,localTime:X(t-a)};o=l;continue}let m=f,d=n[i+2];if(!d||d.kind===q.Transition){o=l;continue}let p=ze(d.id,r.timeline),h=Math.max(0,Math.min(m.duration,c,p)),x=X(l-h);if(t<x)return{isTransitioning:!1,item:s,localTime:X(t-a)};if(t<l){let y=X(t-x),v=X(t-a);return{isTransitioning:!0,incoming:d,outgoing:s,outgoingTime:v,incomingTime:y,progress:h>0?y/h:1,transition:m}}o=x,i++}return null}async function Wt(r,e,t,n){let o=ad(r.items,n,e,t),i=cd(r,e,t),s="spatialId"in e&&e.spatialId?r.items.get(e.spatialId)?.crop:void 0,a="filterIds"in e&&e.filterIds?e.filterIds.map(c=>r.items.get(c)).filter(c=>!!c?.enabled).map(c=>({type:c.type,params:c.params})):void 0;switch(e.kind){case q.Stack:{let c=[...n,{item:e,localTime:t}];return(await Promise.all(e.childrenIds.map(f=>r.items.get(f)).filter(f=>!!f).map(f=>Wt(r,f,t,c)))).flat()}case q.Sequence:return ud(r,e,t,n);case q.Video:{if(t<0||t>=e.duration)return[];let c=await r.videoSampler(e,t);return c?[{kind:"image",frame:c,matrix:o,alpha:i,crop:s,filters:a,id:e.id}]:[]}case q.Text:{if(t<0||t>=e.duration)return[];let c=e.styleId?r.items.get(e.styleId)?.style:void 0;return[{id:e.id,kind:"text",content:e.content,style:c,matrix:o,alpha:i,crop:s,filters:a}]}case q.Gap:return[{id:e.id,kind:"gap"}];default:return[]}}function fd(r){return async(e,t)=>{let o=await(await r.getSink(e.mediaHash))?.getSample(t/1e3),i=o?.toVideoFrame();return o?.close(),i??void 0}}function hi(r,e){let t=new pi(r),n=e??fd(t);return{async sample(o,i){let s=new Map(o.items.map(c=>[c.id,c])),a=s.get(o.rootId);return a?Wt({videoSampler:n,timeline:o,items:s},a,i,[]):[]}}}var Mr=class{driver;resolveMedia;timeline;#e=-1/0;#t=new Map;#r;constructor(e,t,n){this.driver=e,this.resolveMedia=t,this.timeline=n,this.#r=hi(this.resolveMedia,(o,i)=>{let s=md(i),a=this.#t.get(o.id);if(!a){let c=this.resolveMedia(o.mediaHash),l=md(X(o.start+o.duration));a=this.#n(c,s,l),this.#t.set(o.id,a)}return a.next(s)})}next(e){if(e<this.#e)throw new Error(`Forward-only cursor regression: ${e}ms < ${this.#e}ms`);return this.#e=e,this.#r.sample(this.timeline,e)}async cancel(){await Promise.all([...this.#t.values()].map(e=>e.cancel())),this.#t.clear()}#n(e,t,n){let o=this.driver.decodeVideo({source:e,start:t/1e6,end:n/1e6}),i=o.readable.getReader(),s=null,a=null,c=!1,l=async()=>{if(c)return null;let{done:f,value:u}=await i.read();if(f)return c=!0,null;let m=new VideoFrame(u);return u.close(),m};return{async next(f){if(s??=await l(),!!s)for(;;){a??=l();let u=await a;if(!u)return new VideoFrame(s);let m=s.timestamp??-1/0,d=u.timestamp??m;if(d<f){s.close(),s=u,a=null;continue}if(Math.abs(d-f)<Math.abs(m-f)){s.close(),s=u,a=null;continue}return new VideoFrame(s)}},async cancel(){let f=a;a=null,c=!0,(await f?.catch(()=>null))?.close(),s?.close(),s=null,o.cancel()}}}},md=r=>Math.round(r*1e3);async function dd(r,e,t){return(await Promise.all(e.map(async({item:o,localTime:i})=>{if(o.kind!==q.Audio)return;let s=await r.getSink(o.mediaHash);if(!s)return;let a=o.start+i,c=wn((t-a)/1e3),l=s.samples(a/1e3),f=await l.next();if(f.done)return;let u=f.value,m=l.next();return{offset:c,gain:o.gain??1,get currentSample(){return u},timelineTime:()=>wn(c+u.timestamp),output:()=>({sample:u,timestamp:c+u.timestamp,gain:o.gain??1}),advance:async()=>{let d=await m;return d.done?!1:(u=d.value,m=l.next(),!0)}}}))).filter(o=>!!o)}var gi=class{resolveMedia;#e=new Map;constructor(e){this.resolveMedia=e}async getSink(e){let t=this.#e.get(e);if(t)return t.sink;let n=new he({formats:Se,source:await Ce(this.resolveMedia(e))}),o=await n.getPrimaryAudioTrack(),s=!!o&&await o.canDecode()&&o?new an(o):null;return this.#e.set(e,{input:n,sink:s}),s}};function pd(r){let e={index:0,stream:r[0],time:r[0].timelineTime()};for(let[t,n]of r.entries()){let o=n.timelineTime();o<e.time&&(e={time:o,stream:n,index:t})}return e}function xi(r){let e=new gi(r);return{async*sampleAudio(t,n){let o=sd({timeline:t,from:n}),i=await dd(e,o,n);for(;i.length>0;){let{stream:s,index:a}=pd(i);yield s.output(),await s.advance()||i.splice(a,1)}}}}var vi=class{driver;timeline;resolveMedia;audioSampler;seekVisualSampler;playVisualSampler=null;#e=X(0);#t=null;#r=Zm();onTick=this.#r.onTick;audioContext=new AudioContext({sampleRate:48e3});audioGain=this.audioContext.createGain();audioNodes=new Set;#n=null;constructor(e,t,n){this.driver=e,this.timeline=t,this.resolveMedia=n,this.audioGain.connect(this.audioContext.destination),this.audioGain.gain.value=.7**2,this.seekVisualSampler=hi(this.resolveMedia),this.audioSampler=xi(this.resolveMedia),this.#o()}update(e){this.timeline=e}get isPlaying(){return this.#r.isPlaying()}async#o(){for await(let e of this.#r.ticks()){let t=await this.playVisualSampler?.next(this.currentTime)??[];(await this.driver.composite(t)).close(),this.currentTime>=this.duration&&this.pause()}}async seek(e){return this.pause(),this.#e=e,await this.seekVisualSampler.sample(this.timeline,e)}async start(){if(!this.#r.isPlaying()){await this.audioContext.resume(),this.#e=this.currentTime,this.#t=this.audioContext.currentTime,this.#n?.abort(),this.#n=new AbortController;for(let e of this.audioNodes)e.stop();this.audioNodes.clear(),this.playVisualSampler=new Mr(this.driver,this.resolveMedia,this.timeline),this.#r.play(),this.#s(this.#n.signal,wn(this.#e/1e3))}}pause(){this.#e=this.currentTime,this.#r.pause(),this.#n?.abort();for(let e of this.audioNodes)e.stop();this.audioNodes.clear(),this.playVisualSampler&&(this.playVisualSampler.cancel(),this.playVisualSampler=null)}get duration(){return ze(this.timeline.rootId,this.timeline)}get currentTime(){if(!this.#r.isPlaying()||this.#t===null)return this.#e;let e=(this.audioContext.currentTime-this.#t)*1e3;return X(this.#e+e)}setFps(e){this.#r.setFPS(e)}async#s(e,t){let n=this.audioContext;if(this.#t!==null)for await(let{sample:o,timestamp:i}of this.audioSampler.sampleAudio(this.timeline,X(t*1e3))){if(e.aborted||!this.#r.isPlaying())return;for(;i-(n.currentTime-this.#t+t)>.75;)await new Promise(c=>setTimeout(c,25));let s=n.createBufferSource();s.buffer=o.toAudioBuffer(),s.connect(this.audioGain),s.onended=()=>this.audioNodes.delete(s),this.audioNodes.add(s);let a=this.#t+i-t;a>=n.currentTime?s.start(a):s.start(n.currentTime,n.currentTime-a)}}};var yi=class{driver;canvas;playback;#e=null;#t=null;constructor(e,t,n){this.driver=e,this.playback=new vi(e,n,t),this.canvas=e.compositor.pixi.renderer.canvas}async play(){await this.playback.start()}pause(){this.playback.pause()}seek(e){return this.#e=e,this.#t??=this.#r().finally(()=>this.#t=null)}setFPS(e){this.playback.setFps(Or(e))}get isSeeking(){return this.#t!==null}get isPlaying(){return this.playback.isPlaying}get duration(){return this.playback.duration}get currentTime(){return this.playback.currentTime}update(e){this.playback.update(e)}async#r(){for(;this.#e!==null;){let e=this.#e;this.#e=null;let t=await this.playback.seek(X(e));(await this.driver.composite(t)).close()}}};var jt=class{state;constructor(e){this.state=e}require(e){return e===void 0?void 0:this.state.timeline.items.find(n=>n.id===e)}get timeline(){return this.state.timeline}getId(){return Oe.toInteger(Oe.random())}#e(e){this.state.timeline=e(this.state.timeline)}register(e){this.#e(t=>({...t,items:[...t.items,e]}))}textStyle=e=>{let t={id:this.getId(),kind:q.TextStyle,style:e};return this.register(t),t};spatial=(e,t)=>{let n={id:this.getId(),kind:q.Spatial,transform:e??this.transform(),crop:t,enabled:!0};return this.register(n),n};#t=e=>{let t={id:this.getId(),kind:q.Animation,anims:e,enabled:!0};return this.register(t),t};#r=(e,t)=>{let n={...e,animationIds:[...e.animationIds??[],t.id]};return this.set(e.id,n),n};anim={scalar:(e,t)=>({terp:e,track:t}),vec2:(e,t)=>{let n={x:[],y:[]};for(let[o,[i,s]]of t)n.x.push([o,i]),n.y.push([o,s]);return{terp:e,track:n}},transform:(e,t)=>{let n={position:{x:[],y:[]},scale:{x:[],y:[]},rotation:[]};for(let[o,[i,s,a]]of t)n.position.x.push([o,i[0]]),n.position.y.push([o,i[1]]),n.scale.x.push([o,s[0]]),n.scale.y.push([o,s[1]]),n.rotation.push([o,a]);return{terp:e,track:n}}};#n=Ym((e,t)=>({terp:e,track:t}),(e,t)=>this.anim.transform(e,t),e=>this.transform(e));#o=e=>{let t=o=>{let i={id:this.getId(),kind:q.Filter,type:e,params:o,enabled:!0};return this.register(i),i},n=((o,i)=>{let s=t(i),a={...o,filterIds:[...o.filterIds??[],s.id]};return this.set(o.id,a),a});return n.make=t,n};#s=()=>{let e=Object.entries(ci).map(([t,n])=>[t,this.#o(n.type)]);return Object.fromEntries(e)};filter=this.#s();#i=(e,t,n)=>e==="transform"?this.anim.transform(t,n):this.anim.scalar(t,n);#c=e=>{let t=(o,i)=>this.#t({[e]:this.#i(e,o,i)}),n=((o,i,s)=>{let a=t(i,s);return this.#r(o,a)});return n.make=t,n};#a=e=>{let t=o=>{let i=xt[e],s=this.#n[e](o);return this.#t(i.type==="motion"?{transform:s}:{opacity:s})},n=((o,i)=>{let s=t(i);return this.#r(o,s)});return n.make=t,n};#l=()=>{let e=Object.keys(bn).map(t=>[t,this.#c(t)]);return Object.fromEntries(e)};#u=()=>{let e=Object.keys(xt).map(t=>[t,this.#a(t)]);return Object.fromEntries(e)};animate={...this.#l(),presets:this.#u()};sequence=(...e)=>{let t={id:this.getId(),kind:q.Sequence,childrenIds:e.map(n=>n.id)};return this.register(t),t};stack=(...e)=>{let t={kind:q.Stack,id:this.getId(),childrenIds:e.map(n=>n.id)};return this.register(t),t};video=(e,t)=>{if(!e.hasVideo)throw new Error(`Video clip error: media "${e.datafile.filename}" has no video track.`);let n={kind:q.Video,id:this.getId(),mediaHash:e.datafile.checksum.hash,start:t?.start??0,duration:t?.duration??e.duration};return this.register(n),n};audio=(e,t)=>{if(!e.hasAudio)throw new Error(`Audio clip error: media "${e.datafile.filename}" has no audio track.`);let n={kind:q.Audio,id:this.getId(),mediaHash:e.datafile.checksum.hash,start:t?.start??0,duration:t?.duration??e.duration,gain:t?.gain??1};return this.register(n),n};text=(e,t)=>{let n={id:this.getId(),content:e,kind:q.Text,duration:t?.duration??2e3};return t?.styles&&(n.styleId=this.textStyle(t.styles).id),this.register(n),n};gap=e=>{let t={id:this.getId(),kind:q.Gap,duration:e};return this.register(t),t};transition={crossfade:e=>{let t={id:this.getId(),kind:q.Transition,effect:li.Crossfade,duration:e};return this.register(t),t}};transform=e=>{let t=[e?.position?.[0]??0,e?.position?.[1]??0],n=[e?.scale?.[0]??1,e?.scale?.[1]??1],o=e?.rotation??0;return[t,n,o]};addChildren(e,...t){this.#e(n=>(n.items.find(({id:i})=>i===e.id).childrenIds.push(...t.map(i=>i.id)),n))}set=(e,t)=>{this.#e(n=>({...n,items:n.items.map(o=>o.id===e?{...o,...t}:o)}))}};function t0(r){let e=((t,n)=>o=>r(o)(t(o),n));return e.make=t=>n=>r(n).make(t),e}function r0(){let e=Object.keys(ci).map(t=>[t,t0(n=>n.filter[t])]);return Object.fromEntries(e)}var vF=r0();function n0(r){let e=((t,n,o)=>i=>r(i)(t(i),n,o));return e.make=(t,n)=>o=>r(o).make(t,n),e}function o0(){let r=Object.keys(bn).map(e=>[e,n0(t=>t.animate[e])]);return Object.fromEntries(r)}function i0(r){let e=((t,n)=>o=>o.animate.presets[r](t(o),n));return e.make=t=>n=>n.animate.presets[r].make(t),e}function s0(){let r=Object.keys(xt).map(e=>[e,i0(e)]);return Object.fromEntries(r)}var yF={...o0(),presets:s0()};var bi=class{#e;#t;constructor(e={}){this.#e=e.chunkFrames??1024,this.#t=e.clamp??!0}async*mix(e){let t=this.#e,n=null,o=null,i=[],s=0,a=0;for await(let c of e){if(o===null)o=c.planes.length,n=c.sampleRate;else{if(c.planes.length!==o)throw new Error("Channel count changed");if(c.sampleRate!==n)throw new Error("Sample rate changed")}let l=Math.round(c.timestamp*n),f=c.planes[0]?.length??0;for(;s+t<=l;)yield this.#r(i,s,o,n),s+=t;i.push({startFrame:l,endFrame:l+f,data:c.planes}),a=Math.max(a,l+f)}if(o!==null&&n!==null)for(;s<a;)yield this.#r(i,s,o,n),s+=t}#r(e,t,n,o){let i=this.#e,s=new Float32Array(n*i),a=t+i;for(let c=0;c<n;c++){let l=c*i,f=s.subarray(l,l+i);for(let u of e){let m=u.data[c];if(!m)continue;let d=Math.max(t,u.startFrame),p=Math.min(a,u.endFrame);if(d>=p)continue;let h=d-t,x=d-u.startFrame,y=p-d;for(let v=0;v<y;v++)f[h+v]+=m[x+v]}if(this.#t)for(let u=0;u<i;u++){let m=f[u];f[u]=m<-1?-1:m>1?1:m}}for(let c=e.length-1;c>=0;c--)e[c].endFrame<=a&&e.splice(c,1);return{planar:s,sampleRate:o,channels:n,frames:i,startFrame:t}}};var a0=(r,e,t)=>{if(e===t)return r;let n=t/e,o=Math.max(1,Math.round(r.length*n)),i=new Float32Array(o);for(let s=0;s<o;s++){let a=s/n,c=Math.floor(a),l=Math.min(c+1,r.length-1),f=a-c;i[s]=r[c]*(1-f)+r[l]*f}return i},hd=(r,e)=>{let t=r.numberOfChannels,n=new Array(t),o=0;for(let i=0;i<t;i++){let s=new Float32Array(r.numberOfFrames);r.copyTo(s,{planeIndex:i,format:"f32-planar"});let a=a0(s,r.sampleRate,e);n[i]=a,o=a.length}return{data:n,frames:o}};var gd=(r,e)=>{if(e!==1)for(let t of r)for(let n=0;n<t.length;n++)t[n]*=e};function xd({timeline:r,resolveMedia:e}){let t=new bi,n=c0(r,e),o=new TransformStream,i=o.writable.getWriter();async function s(){for await(let a of t.mix(n)){let c=new AudioData({format:"f32-planar",sampleRate:a.sampleRate,numberOfFrames:a.frames,numberOfChannels:a.channels,timestamp:Math.round(a.startFrame/a.sampleRate*1e6),data:new Float32Array(a.planar)});await i.write(c)}await i.close()}return s(),o.readable}async function*c0(r,e){let t=xi(e);for await(let{sample:n,timestamp:o,gain:i}of t.sampleAudio(r,X(0))){let{data:s}=hd(n,48e3);gd(s,i),yield{planes:s,sampleRate:48e3,timestamp:o},n.close()}}function vd({timeline:r,fps:e,driver:t,resolveMedia:n}){let o=new TransformStream,i=o.writable.getWriter(),s=new Mr(t,n,r),a=1/e,c=ze(r.rootId,r);async function l(){await Jm({fps:e,duration:c},async(f,u)=>{let m=await s.next(f),d=await t.composite(m),p=new VideoFrame(d,{timestamp:Math.round(u*a*1e6),duration:Math.round(a*1e6)});await i.write(p),d.close()}),await i.close()}return l(),o.readable}function yd(r){let e=xd({...r}),t=vd({...r});return r.driver.encode({video:t,audio:e,config:{audio:{codec:"opus",bitrate:128e3},video:{codec:"vp9",bitrate:1e6}}})}var Si=class{driver;resources=new fi;constructor(e){this.driver=e}load=async e=>Object.fromEntries(await Promise.all(Object.entries(e).map(async([t,n])=>[t,await this.resources.store(await n)])));timeline=e=>{let t=new jt({timeline:{format:"timeline",info:"https://omniclip.app/",version:0,items:[],rootId:0}}),n=e(t);return t.timeline.rootId=n.id,t.timeline};playback=async e=>new yi(this.driver,t=>this.resources.require(t).url,e);render=async(e,t=30)=>yd({timeline:e,fps:Or(t),driver:this.driver,resolveMedia:n=>this.resources.require(n).url})};var Ti=class{data;bytes;hash;nickname;constructor(e,t,n,o){this.data=e,this.bytes=t,this.hash=n,this.nickname=o}static async make(e){let t=new Uint8Array(e),n=new Uint8Array(await crypto.subtle.digest("SHA-256",t)),o=_n.fromBytes(n),i=ya.sigil.fromBytes(n);return new this(e,n,o,i)}};var wi=class{url;bytes;blob;filename;checksum;constructor(e,t,n,o,i){this.url=e,this.bytes=t,this.blob=n,this.filename=o,this.checksum=i}static async make(e,t){let n=await e.arrayBuffer(),o=new Uint8Array(n),i=await Ti.make(o),s=t??i.nickname,a=URL.createObjectURL(e);return new this(a,o,e,s,i)}static async load(e){}};async function Sd(r,e,t){let n=t.querySelector(".play"),o=t.querySelector(".stop"),i=t.querySelector(".scrub"),s=t.querySelector(".playhead"),a=t.querySelector(".timecode"),c=t.querySelector(".player-canvas"),l=new jt({timeline:r}),f=await e.playback(r);c.replaceChildren(f.canvas),n.disabled=!1,o.disabled=!1,n.addEventListener("click",()=>f.play()),o.addEventListener("click",()=>f.pause()),i.max=String(Math.ceil(f.duration));let u=!1;f.playback.onTick.on(()=>d(f.currentTime,f.duration));let m=(p,h)=>{a.textContent=`${bd(p)} / ${bd(h)}`};i.addEventListener("input",async()=>{u=!0;let p=Math.max(0,Math.min(+i.value,f.duration));m(p,f.duration),await f.seek(p)}),i.addEventListener("change",async()=>{u=!1;let p=Math.max(0,Math.min(+i.value,f.duration));await f.seek(p)});let d=(p,h)=>{let x=Math.max(0,Math.min(p,h));u||(i.value=String(Math.round(x)));let y=h?x/h*100:0;s.style.left=`${y}%`,m(x,h)};f.update(l.timeline)}function bd(r){let e=Math.max(0,r),t=Math.floor(e/1e3),n=Math.floor(t/60),o=t%60,i=Math.floor(e%1e3);return`${n}:${String(o).padStart(2,"0")}.${String(i).padStart(3,"0")}`}async function wd(r,e,t){let n=t.querySelector(".waveform-canvas"),o=t.querySelector(".width");n.replaceChildren(),n.style.position="relative",n.style.height="96px",n.style.overflow="hidden";let i=await di.init(r,e,{tileHeight:96,onChange:()=>s()}),s=()=>{let a=+o.value,c=Td(a,i.duration);i.zoom=c,n.style.width=`${a}px`,n.replaceChildren(...[...i.getTiles().values()].map(l=>(l.canvas.style.position="absolute",l.canvas.style.top="0",l.canvas.style.left=`${l.startTime*Td(a,i.duration)}px`,l.canvas.style.height="100%",l.canvas)))};o.oninput=s,i.range=[0,i.duration]}function Td(r,e){return e>0?r/e:0}async function fa(r,e){let t=new Si(r),{videoA:n}=await t.load({videoA:wi.make(e)});return{timeline:t.timeline(i=>{let s=i.text("content",{duration:3e3}),a=i.animate.opacity.make("easeIn",[[0,0],[700,1],[2200,1],[3e3,.35]]),c=i.textStyle({fill:"green",fontSize:100}),l=i.spatial(i.transform({position:[240,160],scale:[1.4,1.4],rotation:.08}),[.15,.1,.05,.2]),f=i.spatial(),u=i.animate.transform.make("linear",[[0,i.transform({position:[-320,80],scale:[.7,.7]})],[1e3,i.transform({position:[120,80],scale:[1,1]})],[2e3,i.transform({position:[200,40],scale:[1.35,1.35],rotation:8})],[3e3,i.transform({position:[320,0],scale:[1.15,1.15],rotation:0})]]),m=i.video(n,{duration:3e3,start:1e3});return i.set(s.id,{styleId:c.id,spatialId:f.id,animationIds:[a.id,u.id]}),i.set(m.id,{spatialId:l.id}),i.sequence(i.stack(s,m,i.audio(n,{duration:1e3})),i.gap(500),i.video(n,{duration:7e3,start:5e3}))}),omni:t}}async function Cd(r,e){let t=e.querySelector(".range"),n=e.querySelector(".range-view"),o=e.querySelector(".range-size"),i=e.querySelector(".frequency"),s=e.querySelector(".frequency-view"),a=e.querySelector(".filmstrip"),c=1/10,l=.5;a.replaceChildren();let f=await mi.init(r,{onChange(u){let m=u.sort((d,p)=>d.time-p.time);a.replaceChildren(...m.map(({time:d,canvas:p})=>l0(d,p.canvas)))},frequency:c,canvasSinkOptions:{width:80,height:50,fit:"fill"}});o.oninput=()=>{l=+o.value;let u=+t.value,m=u+l;f.range=[u,m],n.textContent=`visible time range: [${u}, ${m}]`},t.oninput=()=>{let u=+t.value,m=u+l;f.range=[u,m],n.textContent=`visible time range: [${u}, ${m}]`},i.oninput=()=>{f.frequency=1/+i.value,s.textContent=`frame every ${f.frequency.toFixed(3)} second (${i.value} frames per second)`},f.range=[10,10.5]}function l0(r,e){let t=document.createElement("div");t.style.position="relative",t.style.display="inline-block",t.style.marginRight="4px",t.appendChild(e);let n=document.createElement("div");return n.textContent=`${r.toFixed(2)}s`,n.style.position="absolute",n.style.top="2px",n.style.right="4px",n.style.fontSize="10px",n.style.color="white",n.style.background="rgba(0,0,0,0.6)",n.style.padding="2px 4px",n.style.borderRadius="4px",n.style.pointerEvents="none",t.appendChild(n),t}function kd(r,e){let t={width:1920,height:1080},n=document.createElement("canvas");n.width=t.width,n.height=t.height;let o=n.getContext("2d");async function i(){let s=r.decodeVideo({source:e,async onFrame(m){let d=await r.composite([{id:0,kind:"image",frame:m},{id:1,kind:"text",content:"omnitool",style:{fontSize:50,fill:"green"}}]);return m.close(),o?.drawImage(d,0,0),d}}),a=r.decodeAudio({source:e}),{readable:c,done:l}=r.encode({video:s.readable,audio:a.readable,config:{audio:{codec:"opus",bitrate:128e3},video:{codec:"vp9",bitrate:1e6}}}),u=await(await window.showSaveFilePicker()).createWritable();await Promise.all([c.pipeTo(u),l])}return{canvas:n,run:i}}var Br=await si.setup({workerUrl:new URL("../driver/driver.worker.bundle.min.js",import.meta.url)}),u0=document.querySelector("[data-demo='transcode']"),f0=document.querySelector("[data-demo='filmstrip']"),m0=document.querySelector("[data-demo='waveform']"),Pd=document.querySelector("[data-demo='playback']"),Xt=document.querySelector("[data-demo='export']"),_d=Xt.querySelector("[data-action='export']"),Ci=null;await Br.thread.work.hello(),Br.machina.count===1?console.log("\u2705 driver works"):console.error("\u274C FAIL driver call didn't work");var Ur=(r,e)=>{let t=r.querySelector(".progress"),n=r.querySelector(".status");!t||!n||(e==="running"?(t.removeAttribute("value"),n.textContent="running"):e==="done"?(t.value=1,n.textContent="done"):(t.value=0,n.textContent="idle"))},ma=(r,e)=>{let t=r.querySelector("input[type='file']"),n=r.querySelector("[data-action='run']");n.disabled=!0,t.addEventListener("input",()=>{n.disabled=!t.files?.length}),n.addEventListener("click",async()=>{let o=t.files?.[0];if(o){n.disabled=!0,Ur(r,"running");try{await e(o,r),Ur(r,"done")}finally{n.disabled=!1}}})};ma(u0,async(r,e)=>{let t=e.querySelector(".demo-preview"),n=kd(Br,r);t.replaceChildren(n.canvas),await n.run()});ma(f0,async(r,e)=>{await Cd(r,e)});ma(m0,async(r,e)=>{await wd(Br,r,e)});{let r=Pd.querySelector("input[type='file']");r.addEventListener("input",async()=>{let e=r.files?.[0];if(!e)return;let{timeline:t,omni:n}=await fa(Br,e);await Sd(t,n,Pd)})}{let r=Xt.querySelector("input[type='file']");r.addEventListener("input",async()=>{let e=r.files?.[0];if(!e)return;Ur(Xt,"running");let{timeline:t,omni:n}=await fa(Br,e);Ci={timeline:t,omni:n},_d.disabled=!1;let o=Xt.querySelector(".demo-preview"),i=await n.playback(t);await i.seek(0),o.replaceChildren(i.canvas),Ur(Xt,"done")})}_d.addEventListener("click",async()=>{Ci&&(Ur(Xt,"running"),await Ci.omni.render(Ci.timeline),Ur(Xt,"done"))});
+`;function jm({name:r,renderer:e}){let t=Wm.default.find(c=>c.name===r),n=new Kt,o=new ne,i=new Yt({}),s=new Yt({}),a=new k({glProgram:new P({vertex:qm,fragment:Hm(t.glsl)}),resources:{from:i,to:s,uniforms:{...aa.basics,...aa.custom(t)}}});return n.filters=[a],{render({width:c,height:l,from:f,to:u,progress:m}){return(n.width!==c||n.height!==l)&&(n.setSize({width:c,height:l}),o.source.resize(c,l)),i.resource=f,s.resource=u,i.update(),s.update(),a.resources.uniforms.uniforms.progress=m,e.render({container:n,target:o,clear:!1,width:c,height:l}),o}}}var ii=class{pixi;onPointerDown=ke();onPointerMove=ke();onPointerUp=ke();onDispose=ke();static async setup(){let e=await Ms({width:1920,height:1080,preference:"webgl",background:"black",preferWebGLVersion:2}),t=new Ai;return t.interactive=!0,new this({renderer:e,stage:t})}constructor(e){this.pixi=e}#e=new Map;#t=new Map;#r=new WeakMap;async composite(e){let{stage:t,renderer:n}=this.pixi;this.#d(this.#m(e));let{dispose:o}=await this.#n(e,t);n.render(t);let i=new VideoFrame(n.canvas,{timestamp:0,duration:0});return o(),i}getActiveObject(e){return this.#t.get(e)?.sprite}async#n(e,t){if(Array.isArray(e)){let n=[];for(let o of[...e].reverse()){let i=await this.#n(o,t);n.push(i.dispose)}return{dispose:()=>n.forEach(o=>o())}}switch(e.kind){case"text":return this.#o(e,t);case"image":return this.#s(e,t);case"transition":return this.#i(e,t);case"gap":return this.pixi?.renderer.clear(),{dispose:()=>{}};default:return console.warn("Unknown layer kind",e.kind),{dispose:()=>{}}}}#o(e,t){let n=this.#f(e);return this.#c(n,e.matrix),this.#a(n,e.alpha),this.#l(n,e.crop),this.#u(n,e.filters),t.addChild(n),{dispose:()=>{}}}#s(e,t){let n=this.#f(e);n.texture&&n.texture!==ne.EMPTY&&n.texture.destroy(!0);let o=ne.from(e.frame);return n.texture=o,this.#c(n,e.matrix),this.#a(n,e.alpha),this.#l(n,e.crop),this.#u(n,e.filters),t.addChild(n),{dispose:()=>{e.frame.close()}}}#i({from:e,to:t,progress:n,name:o},i){let a=(this.#e.get(o)??(this.#e.set(o,jm({name:"circle",renderer:this.pixi.renderer})),this.#e.get(o))).render({from:e,to:t,progress:n,width:e.displayWidth,height:e.displayHeight}),c=new Kt(a);return i.addChild(c),{dispose:()=>c.destroy(!1)}}#c(e,t){if(!t)return;let n=Nm(t);e.setFromMatrix(n)}#a(e,t){e.alpha=t??1}#l(e,t){let n=this.#r.get(e);if(n&&(e.mask===n&&(e.mask=null),n.removeFromParent(),n.clear()),!t||t.every(h=>h===0))return;let[o,i,s,a]=t,c=e.mask;e.mask=null;let l=e.getLocalBounds();e.mask=c;let f=l.x+l.width*a,u=l.y+l.height*o,m=l.width*Math.max(0,1-a-i),d=l.height*Math.max(0,1-o-s),p=n??new zi;p.clear(),p.beginFill(16777215),p.drawRect(f,u,m,d),p.endFill(),e.addChild(p),e.mask=p,this.#r.set(e,p)}#u(e,t){if(!t?.length){e.filters=null;return}e.filters=t.map(n=>{switch(n.type){case"ColorMatrixFilter":{let{matrix:o,...i}=n.params??{},s=new Nt(i);return o&&(s.matrix=o),s}case"EmbossFilter":return new Ar(n.params?.strength);case"PixelateFilter":return new zr(n.params?.size);default:{let o=Um(n.type);return o?new o(n.params):void 0}}}).filter(n=>!!n)}#f(e){let t=this.#t.get(e.id);if(t)return t.sprite;switch(e.kind){case"text":{let n=new yn({text:e.content,style:e.style});n.eventMode="static";let o=a=>this.onPointerDown.publish({event:a,id:e.id,object:n}),i=a=>this.onPointerUp.publish({event:a,id:e.id,object:n}),s=a=>this.onPointerUp.publish({event:a,id:e.id,object:n});return n.on("pointerdown",o),n.on("pointerup",i),n.on("pointermove",s),this.#t.set(e.id,{sprite:n,dispose:()=>{this.onDispose.publish({id:e.id,object:n}),n.off("pointermove",s),n.off("pointerdown",o),n.off("pointerup",i)}}).get(e.id)?.sprite}case"image":{let n=new Kt;n.eventMode="static";let o=a=>this.onPointerDown.publish({event:a,id:e.id,object:n}),i=a=>this.onPointerUp.publish({event:a,id:e.id,object:n}),s=a=>this.onPointerUp.publish({event:a,id:e.id,object:n});return n.on("pointerdown",o),n.on("pointermove",s),n.on("pointerup",i),this.#t.set(e.id,{sprite:n,dispose:()=>{this.onDispose.publish({id:e.id,object:n}),n.off("pointerdown",o),n.off("pointermove",s),n.off("pointerup",i)}}).get(e.id)?.sprite}}}#m(e){let t=new Set,n=o=>{if(Array.isArray(o))for(let i of o)n(i);else t.add(o.id)};return n(e),t}#d(e){for(let t of this.#t.keys())if(!e.has(t)){let{sprite:n,dispose:o}=this.#t.get(t);o(),n.destroy(!0),this.#t.delete(t)}}};var Xm=r=>Hn.host(e=>({async world(){r.count++}}));async function Ce(r){return r instanceof Blob?new gn(r):new xn(r)}var si=class{machina;thread;compositor;static async setup(e){let t=new Lo,n=await Hn.thread({label:"OmnitoolDriver",workerUrl:e?.workerUrl??"/node_modules/@omnimedia/omnitool/x/driver/driver.worker.bundle.min.js",setupHost:Xm(t)}),o=await ii.setup();return new this(t,n,o)}constructor(e,t,n){this.machina=e,this.thread=t,this.compositor=n}async hello(){return this.thread.work.hello()}async getAudioDuration(e){let n=await new he({source:await Ce(e),formats:Se}).getPrimaryAudioTrack();if(!n)throw new Error("primary audio track not found");return await n.computeDuration()}async getVideoDuration(e){return await(await new he({source:await Ce(e),formats:Se}).getPrimaryVideoTrack())?.computeDuration()}decodeVideo(e){let t=null,{port1:n,port2:o}=new MessageChannel,i=new TransformStream({async transform(s,a){let c=await e.onFrame?.(s)??s;t?.close(),a.enqueue(c),t=c}});return this.thread.work.decodeVideo[er]({transfer:[i.writable,o]})({source:e.source,cancel:o,video:i.writable,start:e.start,end:e.end}),{readable:i.readable,cancel(){n.postMessage("close"),n.close()}}}decodeAudio(e){let t=new TransformStream,{port1:n,port2:o}=new MessageChannel;return this.thread.work.decodeAudio[er]({transfer:[t.writable,o]})({source:e.source,cancel:o,audio:t.writable,start:e.start,end:e.end}),{readable:t.readable,cancel(){n.postMessage("close"),n.close()}}}encode({audio:e,video:t,config:n}){let{readable:o,writable:i}=new TransformStream,s=[e,t,i].filter(In.happy),a=this.thread.work.encode[er]({transfer:s})({audio:e,video:t,config:n,writable:i});return{readable:o,done:a}}async composite(e){return await this.compositor.composite(e)}};var b=(r,e,t,n)=>({type:"number",min:r,max:e,default:t,...n===void 0?{}:{step:n}}),rt=r=>({type:"color",default:r}),Ge=r=>({type:"boolean",default:r}),ai=(r,e)=>({type:"choice",options:r,default:e}),ee=r=>({type:"object",properties:r}),Xh=r=>({type:"array",items:r}),Km=[3,5,7,9,11,13,15,17,19,21,23,25],Kh={TRANSPARENT:0,ORIGINAL:1,LOOP:2,CLAMP:3,MIRROR:4},G=()=>(r,e={})=>({type:r,schema:e}),ci={adjustment:G()("AdjustmentFilter",{gamma:b(0,5,1),saturation:b(0,5,1),contrast:b(0,5,1),brightness:b(0,5,1),red:b(0,5,1),green:b(0,5,1),blue:b(0,5,1),alpha:b(0,1,1,.01)}),advancedBloom:G()("AdvancedBloomFilter",{threshold:b(.1,.9,.5,.01),bloomScale:b(.5,1.5,1,.01),brightness:b(.5,1.5,1,.01),blur:b(0,20,8,.1),quality:b(1,20,4,1)}),alpha:G()("AlphaFilter",{alpha:b(0,1,1,.01)}),ascii:G()("AsciiFilter",{size:b(2,20,8,1),color:rt("#ffffff"),replaceColor:Ge(!1)}),backdropBlur:G()("BackdropBlurFilter",{strength:b(0,100,8,.1),quality:b(1,10,4,1)}),bevel:G()("BevelFilter",{rotation:b(0,360,45,1),thickness:b(0,10,2,.1),lightColor:rt("#ffffff"),lightAlpha:b(0,1,.7,.01),shadowColor:rt("#000000"),shadowAlpha:b(0,1,.7,.01)}),bloom:G()("BloomFilter",{strength:ee({x:b(0,20,2,.1),y:b(0,20,2,.1)}),quality:b(1,20,4,1),resolution:b(.25,4,1,.01),kernelSize:ai([5,7,9,11,13,15],5)}),blur:G()("BlurFilter",{strength:b(0,100,8,.1),quality:b(1,10,4,1)}),bulgePinch:G()("BulgePinchFilter",{radius:b(0,1e3,100,1),strength:b(-1,1,1,.01),center:ee({x:b(0,1,.5,.01),y:b(0,1,.5,.01)})}),colorGradient:G()("ColorGradientFilter"),colorMatrix:G()("ColorMatrixFilter"),colorOverlay:G()("ColorOverlayFilter",{color:rt("#ff0000"),alpha:b(0,1,.5,.01)}),colorReplace:G()("ColorReplaceFilter",{originalColor:rt("#ff0000"),targetColor:rt("#000000"),tolerance:b(0,1,.4,.01)}),convolution:G()("ConvolutionFilter",{width:b(0,500,300,1),height:b(0,500,300,1),matrix:Xh([b(0,1,0),b(0,1,.5,.01),b(0,1,0),b(0,1,.5,.01),b(0,1,1,.01),b(0,1,.5,.01),b(0,1,0),b(0,1,.5,.01),b(0,1,0)])}),crossHatch:G()("CrossHatchFilter"),crt:G()("CRTFilter",{curvature:b(0,10,1,.01),lineWidth:b(0,5,3,.01),lineContrast:b(0,1,.3,.01),verticalLine:Ge(!1),noise:b(0,1,.2,.01),noiseSize:b(1,10,1,.1),vignetting:b(0,1,.3,.01),vignettingAlpha:b(0,1,1,.01),vignettingBlur:b(0,1,.3,.01),seed:b(0,1,0,.01),time:b(.5,20,.5,.01)}),dot:G()("DotFilter",{scale:b(.3,1,1,.01),angle:b(0,5,5,.01),grayscale:Ge(!0)}),dropShadow:G()("DropShadowFilter",{blur:b(0,20,2,.1),quality:b(1,20,3,1),alpha:b(0,1,.5,.01),offset:ee({x:b(-50,50,4,1),y:b(-50,50,4,1)}),color:rt("#000000"),shadowOnly:Ge(!1)}),emboss:G()("EmbossFilter",{strength:b(0,20,5,.1)}),glitch:G()("GlitchFilter",{slices:b(0,64,5,1),seed:b(0,1,.5,.01),offset:b(-400,400,100,1),direction:b(-180,180,0,1),fillMode:ai(Kh,"LOOP"),average:Ge(!1),minSize:b(0,64,8,1),sampleSize:b(1,2048,512,1),red:ee({x:b(-50,50,2,1),y:b(-50,50,2,1)}),blue:ee({x:b(-50,50,10,1),y:b(-50,50,-4,1)}),green:ee({x:b(-50,50,-10,1),y:b(-50,50,4,1)})}),glow:G()("GlowFilter",{distance:b(0,20,15,.1),innerStrength:b(0,20,0,.1),outerStrength:b(0,20,2,.1),color:rt("#ffffff"),quality:b(0,1,.2,.01),alpha:b(0,1,1,.01),knockout:Ge(!1)}),godray:G()("GodrayFilter",{time:b(0,1,0,.01),gain:b(0,1,.6,.01),lacunarity:b(0,5,2.75,.01),alpha:b(0,1,1,.01),parallel:Ge(!0),angle:b(-60,60,30,1),center:ee({x:b(-100,2012,956,1),y:b(-1e3,-100,-100,1)})}),grayscale:G()("GrayscaleFilter"),hslAdjustment:G()("HslAdjustmentFilter",{hue:b(-180,180,0,1),saturation:b(-1,1,0,.01),lightness:b(-1,1,0,.01),colorize:Ge(!1),alpha:b(0,1,1,.01)}),kawaseBlur:G()("KawaseBlurFilter",{strength:b(0,20,4,.1),quality:b(1,20,3,1),pixelSize:ee({x:b(0,10,1,.1),y:b(0,10,1,.1)})}),motionBlur:G()("MotionBlurFilter",{velocity:ee({x:b(-90,90,40,1),y:b(-90,90,40,1)}),kernelSize:ai(Km,15),offset:b(-150,150,0,1)}),multiColorReplace:G()("MultiColorReplaceFilter"),noise:G()("NoiseFilter",{noise:b(0,1,.5,.01),seed:b(.01,10,.5,.01)}),oldFilm:G()("OldFilmFilter",{sepia:b(0,1,.3,.01),noise:b(0,1,.3,.01),noiseSize:b(1,10,1,.1),scratch:b(-1,1,.5,.01),scratchDensity:b(0,1,.3,.01),scratchWidth:b(1,20,1,.1),vignetting:b(0,1,.3,.01),vignettingAlpha:b(0,1,1,.01),vignettingBlur:b(0,1,.3,.01)}),outline:G()("OutlineFilter",{thickness:b(0,10,4,.1),color:rt("#000000"),alpha:b(0,1,1,.01),knockout:Ge(!1)}),pixelate:G()("PixelateFilter",{size:ee({x:b(4,40,10,1),y:b(4,40,10,1)})}),radialBlur:G()("RadialBlurFilter",{angle:b(-180,180,20,1),radius:b(-1,1912,300,1),center:ee({x:b(0,1912,956,1),y:b(0,920,460,1)}),kernelSize:ai(Km,15)}),reflection:G()("ReflectionFilter",{mirror:Ge(!0),boundary:b(0,1,.5,.01),amplitude:ee({start:b(0,50,0,.1),end:b(0,50,20,.1)}),waveLength:ee({start:b(10,200,30,1),end:b(10,200,100,1)}),alpha:ee({start:b(0,1,1,.01),end:b(0,1,1,.01)}),time:b(0,20,0,.01)}),rgbSplit:G()("RGBSplitFilter",{red:ee({x:b(-20,20,-10,1),y:b(-20,20,0,1)}),blue:ee({x:b(-20,20,0,1),y:b(-20,20,0,1)}),green:ee({x:b(-20,20,0,1),y:b(-20,20,10,1)})}),shockwave:G()("ShockwaveFilter",{speed:b(500,2e3,500,1),amplitude:b(1,100,30,1),wavelength:b(2,400,160,1),brightness:b(.2,2,1,.01),radius:b(100,2e3,-1,1),center:ee({x:b(0,1912,956,1),y:b(0,920,460,1)})}),simplexNoise:G()("SimplexNoiseFilter",{strength:b(0,1,.5,.01),noiseScale:b(0,50,10,.1),offsetX:b(0,5,0,.01),offsetY:b(0,5,0,.01),offsetZ:b(0,5,0,.01),step:b(-1,1,-1,.01)}),tiltShift:G()("TiltShiftFilter",{blur:b(0,200,100,.1),gradientBlur:b(0,1e3,600,1),start:ee({x:b(0,1912,0,1),y:b(0,920,460,1)}),end:ee({x:b(0,1912,1912,1),y:b(0,920,460,1)})}),twist:G()("TwistFilter",{angle:b(-10,10,4,.01),radius:b(0,1912,200,1),offset:ee({x:b(0,1912,956,1),y:b(0,920,460,1)})}),zoomBlur:G()("ZoomBlurFilter",{strength:b(.01,.5,.1,.01),center:ee({x:b(0,1912,956,1),y:b(0,920,460,1)}),innerRadius:b(0,956,80,1),radius:b(0,956,-1,1)})};var q;(function(r){r[r.Sequence=0]="Sequence",r[r.Stack=1]="Stack",r[r.Video=2]="Video",r[r.Audio=3]="Audio",r[r.Text=4]="Text",r[r.Gap=5]="Gap",r[r.Spatial=6]="Spatial",r[r.Animation=7]="Animation",r[r.Transition=8]="Transition",r[r.TextStyle=9]="TextStyle",r[r.Filter=10]="Filter"})(q||(q={}));var li;(function(r){r[r.Crossfade=0]="Crossfade"})(li||(li={}));var ui=class{datafile;duration=0;hasVideo=!1;hasAudio=!1;constructor(e){this.datafile=e}static async analyze(e){let t=new this(e),n=await this.duration(e.url)*1e3;t.duration=n;let{video:o,audio:i}=await this.#e(e.url);return t.hasAudio=i,t.hasVideo=o,t}static async duration(e){let n=await new he({formats:Se,source:await Ce(e)}).computeDuration();return Number(n.toFixed(5))}static async#e(e){let t=new he({formats:Se,source:await Ce(e)});return{audio:!!await t.getPrimaryAudioTrack(),video:!!await t.getPrimaryVideoTrack()}}};var fi=class{#e=new An;async store(e){let t=await ui.analyze(e),{hash:n}=t.datafile.checksum,{filename:o,bytes:i,url:s,blob:a}=t.datafile;if(this.#e.has(n)){let c=this.#e.require(n);c.filename=o}else this.#e.set(n,{kind:"media",filename:o,bytes:i,url:s,blob:a,duration:t.duration});return t}require(e){return this.#e.require(e)}};var mi=class r{videoTrack;options;#e;#t=new Map;#r=[0,0];constructor(e,t){this.videoTrack=e,this.options=t,this.#e=new sn(e,t.canvasSinkOptions)}static async init(e,t){let o=await new he({formats:Se,source:await Ce(e)}).getPrimaryVideoTrack();if(o)return new r(o,{frequency:t.frequency??1,canvasSinkOptions:t.canvasSinkOptions??{width:80,height:50,fit:"fill"},onChange:t.onChange,onPlaceholders:t.onPlaceholders});throw new Error("Source has no video track")}set frequency(e){e!==this.options.frequency&&(this.options.frequency=e,this.#a())}get frequency(){return this.options.frequency}#n([e,t],n=1){let o=t-e;return[e-o*n,t+o*n]}async#o(){let[e,t]=this.#r,n=new Set,o=await this.videoTrack.computeDuration();for(let i=Math.max(0,e);i<=t;i+=this.options.frequency)i>=0&&i<=o&&n.add(i);this.options.onPlaceholders?.([...n])}async#s(){let[e,t]=this.#r,n=new Set,o=await this.videoTrack.computeDuration();for(let c=Math.max(0,e);c<=t;c+=this.options.frequency)c>=0&&c<=o&&n.add(c);let i=[...n].filter(c=>!this.#t.has(c)),s=0;for await(let c of this.#e.canvasesAtTimestamps(i))if(c){let l=i[s++];this.#t.set(l,c)}for(let c of this.#t.keys())n.has(c)||this.#t.delete(c);let a=[...this.#t.entries()].map(([c,l])=>({time:c,canvas:l}));this.options.onChange(a)}set range(e){let[t,n]=e,o=n-t,[i,s]=this.#r,a=i+o,c=s-o,l=t<a,f=n>c;!l&&!f||(this.#r=this.#n(e,2),this.#a())}#i=null;#c=!1;async#a(){if(this.#o(),this.#i){this.#c=!0;return}this.#i=this.#s(),await this.#i,this.#i=null,this.#c&&(this.#c=!1,await this.#a())}getThumbnail(e){return this.#t.get(e)}};var xt={slideIn:{type:"motion",label:"Slide in",defaults:{duration:700,from:[-400,0],to:[0,0],terp:"easeOut"},transform:{from:{position:[-400,0]},to:{position:[0,0]}}},slideOut:{type:"motion",label:"Slide out",defaults:{duration:700,from:[0,0],to:[400,0],terp:"easeIn"},transform:{from:{position:[0,0]},to:{position:[400,0]}}},spinIn:{type:"motion",label:"Spin in",defaults:{duration:700,from:[0,0],to:[0,0],terp:"easeOut"},transform:{from:{scale:[0,0],rotation:-180},to:{scale:[1,1],rotation:0}}},spinOut:{type:"motion",label:"Spin out",defaults:{duration:700,from:[0,0],to:[0,0],terp:"easeIn"},transform:{from:{scale:[1,1],rotation:0},to:{scale:[0,0],rotation:180}}},zoomIn:{type:"motion",label:"Zoom in",defaults:{duration:700,from:[0,0],to:[0,0],terp:"easeOut"},transform:{from:{scale:[0,0]},to:{scale:[1,1]}}},zoomOut:{type:"motion",label:"Zoom out",defaults:{duration:700,from:[0,0],to:[0,0],terp:"easeIn"},transform:{from:{scale:[1,1]},to:{scale:[0,0]}}},bounceIn:{type:"motion",label:"Bounce in",defaults:{duration:700,from:[0,0],to:[0,0],terp:"bounce"},transform:{from:{scale:[0,0]},to:{scale:[1,1]}}},bounceOut:{type:"motion",label:"Bounce out",defaults:{duration:700,from:[0,0],to:[0,0],terp:"bounce"},transform:{from:{scale:[1,1]},to:{scale:[0,0]}}},fadeIn:{type:"scalar",label:"Fade in",defaults:{duration:700,from:0,to:1,terp:"easeIn"}},fadeOut:{type:"scalar",label:"Fade out",defaults:{duration:700,from:1,to:0,terp:"easeOut"}}};var bn={transform:{type:"transform",defaultTerp:"linear",channels:[{path:"position.x",type:"number",default:0,unit:"pixel"},{path:"position.y",type:"number",default:0,unit:"pixel"},{path:"scale.x",type:"number",default:1,unit:"scale"},{path:"scale.y",type:"number",default:1,unit:"scale"},{path:"rotation",type:"number",default:0,unit:"degree"}]},opacity:{type:"scalar",defaultTerp:"linear",channels:[{type:"number",default:1,unit:"ratio",range:[0,1]}]}},Yh={...bn};function Ym(r,e,t){let n=Object.entries(xt).map(([o,i])=>{let s=i.type==="motion"?a=>{let c=a?.offset??0;return e(a?.terp??i.defaults.terp,[[c,t({...i.transform.from,...a?.from===void 0?{}:{position:a.from}})],[c+(a?.duration??i.defaults.duration),t({...i.transform.to,...a?.to===void 0?{}:{position:a.to}})]])}:a=>{let c=a?.offset??0;return r(a?.terp??i.defaults.terp,[[c,a?.from??i.defaults.from],[c+(a?.duration??i.defaults.duration),a?.to??i.defaults.to]])};return[o,s]});return Object.fromEntries(n)}function $m(r,e){let t=typeof window<"u"&&window.devicePixelRatio||1,n=document.createElement("canvas");n.width=e.width*t,n.height=e.height*t,n.style.width=`${e.width}px`,n.style.height=`${e.height}px`;let o=n.getContext("2d");if(!o)return n;o.scale(t,t),o.fillStyle=e.color;let i=e.height/2,s=Math.max(1,e.width),a=r.length/s;for(let c=0;c<s;c++){let l=Math.floor(c*a),f=Math.max(l+1,Math.floor((c+1)*a)),u=0;for(let d=l;d<f&&d<r.length;d++)r[d]>u&&(u=r[d]);let m=u*e.height;o.fillRect(c,i-m/2,1,m)}return n}var ca=[2048,1024,512,256,128,64,32];async function Qm(r,e){let t=await r.getAudioDuration(e)??0,n=r.decodeAudio({source:e}).readable,o=ca[ca.length-1],i=[],s=0,a=0,c=0;for await(let u of n){c||=u.sampleRate;let m=u.numberOfFrames,d=new Float32Array(m);u.copyTo(d,{planeIndex:0});for(let p=0;p<d.length;p++){let h=Math.abs(d[p]);h>s&&(s=h),a++,a>=o&&(i.push(s),s=0,a=0)}u.close()}a>0&&i.push(s);let l=new Float32Array(i),f=ca.map(u=>{let m=Math.max(1,Math.round(u/o)),d=m===1?l:$h(l,m);return{samplesPerPeak:u,peaks:d,peaksPerSecond:c>0?c/u:0}});return{duration:t,levels:f}}function $h(r,e){let t=new Float32Array(Math.ceil(r.length/e));for(let n=0;n<t.length;n++){let o=0,i=n*e,s=Math.min(i+e,r.length);for(let a=i;a<s;a++)r[a]>o&&(o=r[a]);t[n]=o}return t}var Qh=4096,di=class r{#e=new Map;#t=[0,0];#r=[0,0];#n;#o;#s;#i=!1;color;duration;tileSize;tileHeight;preloadMargin;constructor(e,t,n){this.#o=e,this.duration=t,this.tileSize=n.tileSize??1,this.#n=n.zoom??(n.tileWidth??256)/this.tileSize,this.tileHeight=n.tileHeight??96,this.preloadMargin=n.preloadMargin??2,this.color=n.color??"rgb(3, 148, 129)",this.#s=n.onChange}static async init(e,t,n={}){let{duration:o,levels:i}=await Qm(e,t);return new r(i,o,n)}set zoom(e){let t=Math.max(1,e);t!==this.#n&&(this.#n=t,this.#e.clear(),this.#a())}get zoom(){return this.#n}get range(){return this.#r}#c([e,t],n=1){let o=t-e;return[Math.max(0,e-o*n),Math.min(this.duration,t+o*n)]}set range(e){this.#r=e;let[t,n]=e,o=n-t,[i,s]=this.#t,a=i>0,c=s<this.duration,l=!a||t>=i+o,f=!c||n<=s-o;l&&f||(this.#t=this.#c(e,this.preloadMargin),this.#a())}#a(){this.#i||(this.#i=!0,queueMicrotask(()=>{this.#i=!1,this.#l()}))}#l(){let[e,t]=this.#t,n=new Set,o=this.#f(),i=Math.max(0,Math.floor(e/this.tileSize)*this.tileSize),s=Math.min(this.duration,t);for(let a=i;a<=s;a+=this.tileSize)n.add(a);for(let a of n)if(!this.#e.has(a)){let c=Math.min(a+this.tileSize,this.duration);this.#e.set(a,this.#u(a,c,o))}for(let a of this.#e.keys())n.has(a)||this.#e.delete(a);this.#p()}#u(e,t,n){let o=this.#m(n,e,t);return{startTime:e,endTime:t,peaks:o,canvas:$m(o,{width:this.#d(e,t),height:this.tileHeight,color:this.color})}}#f(){return this.#o.find(e=>e.peaksPerSecond>=this.#n)??this.#o[this.#o.length-1]}#m(e,t,n){if(!e.peaksPerSecond)return new Float32Array;let o=Math.max(0,Math.floor(t*e.peaksPerSecond)),i=Math.max(o+1,Math.min(e.peaks.length,Math.ceil(n*e.peaksPerSecond)));return e.peaks.slice(o,i)}#d(e,t){return Math.min(Qh,Math.max(1,Math.ceil((t-e)*this.#n)))}#p(){this.#s&&this.#s([...this.#e.values()].sort((e,t)=>e.startTime-t.startTime))}getTiles(){return this.#e}};var X=r=>r;var Or=r=>r;var Zm=()=>{let r=!1,e=Or(60),t=1e3/e,n=0,o=0,i=ke(),s=null,a=l=>{if(requestAnimationFrame(a),!!r)for(n=l;l-o>=t;)o+=t,s?.(),s=null,i()};async function*c(){for(n=performance.now(),o=n,requestAnimationFrame(a);;)await new Promise(l=>s=l),yield}return{play(){r||(r=!0,n=performance.now(),o=n)},pause(){r=!1},setFPS(l){e=l,t=1e3/e},isPlaying(){return r},ticks:c,onTick:i}},Jm=async(r,e)=>{let t=X(1e3/r.fps),n=r.duration/1e3,o=Math.ceil(n*r.fps);for(let i=0;i<o;i++){let s=X(i*t);await e(s,i)}};var la=class{keys;index;constructor(e,t){this.keys=e,this.index=t}near(e){return this.keys[Math.max(0,Math.min(this.keys.length-1,this.index+e))][1]}},ed=r=>r,Sn=r=>ed((e,t)=>r(e,t.near(0),t.near(1))),Tn=(r,e,t)=>e+(t-e)*r,Zh={linear:Sn(Tn),ease:Sn((r,e,t)=>{let n=r<.5?4*r*r*r:1-Math.pow(-2*r+2,3)/2;return Tn(n,e,t)}),easeIn:Sn((r,e,t)=>Tn(r*r*r,e,t)),easeOut:Sn((r,e,t)=>Tn(1-Math.pow(1-r,3),e,t)),bounce:Sn((r,e,t)=>{let i=r<.36363636363636365?7.5625*r*r:r<.7272727272727273?7.5625*(r-.5454545454545454)**2+.75:r<.9090909090909091?7.5625*(r-.8181818181818182)**2+.9375:7.5625*(r-.9545454545454546)**2+.984375;return Tn(i,e,t)}),catmullRom:ed((r,e)=>{let t=e.near(-1),n=e.near(0),o=e.near(1),i=e.near(2),s=r*r,a=s*r;return .5*(2*n+(-t+o)*r+(2*t-5*n+4*o-i)*s+(-t+3*n-3*o+i)*a)})},td=(r,e,t,n)=>{let o=Zh[r];if(!o)throw new Error(`unknown terp "${r}"`);return o(e,new la(t,n))};var Dr=(r,e,t,n=0)=>{if(e.length===0)return n;if(e.length===1)return e[0][1];let o=[...e].sort((u,m)=>u[0]-m[0]);if(r<=o[0][0])return o[0][1];let i=o[o.length-1];if(r>=i[0])return i[1];let s=0;for(let u=0;u<o.length-1;u++){let m=o[u],d=o[u+1];if(r>=m[0]&&r<=d[0]){s=u;break}}let[a]=o[s],[c]=o[s+1],l=c-a,f=l===0?0:(r-a)/l;return td(t,f,o,s)},rd=(r,e)=>[[Dr(r,e.track.position.x,e.terp),Dr(r,e.track.position.y,e.terp)],[Dr(r,e.track.scale.x,e.terp,1),Dr(r,e.track.scale.y,e.terp,1)],Dr(r,e.track.rotation,e.terp)],nd=(r,e)=>Dr(r,e.track,e.terp);function id(r){return"duration"in r}function sd(r){let e=[],t=new Map(r.timeline.items.map(n=>[n.id,n]));return ua(r.timeline.rootId,t,r.from,{sequence:()=>{},stack:()=>{},video:(n,o,i)=>e.push({item:n,localTime:o,ancestors:i}),text:(n,o,i)=>e.push({item:n,localTime:o,ancestors:i}),audio:(n,o,i)=>e.push({item:n,localTime:o,ancestors:i})}),e}function ad(r,e,t,n){let o=Lm;for(let i of e)o=od(r,i.item,o,i.localTime);return od(r,t,o,n)}function od(r,e,t,n){let o=t;if("spatialId"in e&&e.spatialId){let i=r.get(e.spatialId);if(i?.enabled){let s=ia(i.transform);o=sa(s,o)}}if("animationIds"in e&&e.animationIds)for(let i of e.animationIds){let s=r.get(i),a=s?.anims.transform;if(s?.enabled&&a&&Jh(a,n)){let c=ia(rd(n,a));o=sa(c,o)}}return o}function ua(r,e,t,n,o=[]){let i=e.get(r);if(i)switch(i.kind){case q.Stack:n.stack(i,t,o);for(let s of i.childrenIds)ua(s,e,t,n,[...o,{item:i,localTime:t}]);break;case q.Sequence:{n.sequence(i,t,o);let s=X(0);for(let a of i.childrenIds){let c=e.get(a);if(!c||!id(c))continue;let l=X(s+c.duration);if(t>=l){s=l;continue}let f=X(Math.max(0,t-s));ua(a,e,f,n,[...o,{item:i,localTime:t}]),s=l}break}case q.Video:n.video(i,t,o);break;case q.Text:n.text(i,t,o);break;case q.Audio:n.audio(i,t,o);break}}function ze(r,e){let t=e.items.find(n=>n.id===r);if(!t)return X(0);switch(t.kind){case q.Sequence:{let n=t.childrenIds.map(i=>e.items.find(s=>s.id===i)).filter(Boolean),o=X(0);for(let i=0;i<n.length;i++){let s=n[i];if(s.kind===q.Transition){let a=n[i-1],c=n[i+1];if(a&&c&&a.kind!==q.Transition&&c.kind!==q.Transition){let l=ze(a.id,e),f=ze(c.id,e),u=Math.max(0,Math.min(s.duration,l,f));o=X(o-u)}continue}o=X(o+ze(s.id,e))}return o}case q.Stack:{let n=X(0);for(let o of t.childrenIds){let i=ze(o,e);i>n&&(n=i)}return n}default:return id(t)?t.duration:X(0)}}function cd(r,e,t){if(!("animationIds"in e)||e.animationIds===void 0)return 1;let n=1;for(let o of e.animationIds){let i=r.items.get(o),s=i?.anims.opacity;i?.enabled&&s&&Rr(s.track,t)&&(n=nd(t,s))}return n}function Rr(r,e){if(r.length===0)return!1;let t=r[0][0],n=r[0][0];for(let[o]of r)t=Math.min(t,o),n=Math.max(n,o);return e>=t&&e<=n}function Jh(r,e){return Rr(r.track.position.x,e)||Rr(r.track.position.y,e)||Rr(r.track.scale.x,e)||Rr(r.track.scale.y,e)||Rr(r.track.rotation,e)}var wn=r=>r;var pi=class{resolveMedia;#e=new Map;constructor(e){this.resolveMedia=e}async getSink(e){let t=this.#e.get(e);if(t)return t.sink;let n=new he({formats:Se,source:await Ce(this.resolveMedia(e))}),o=await n.getPrimaryVideoTrack(),s=!!o&&await o.canDecode()&&o?new ar(o):null;return this.#e.set(e,{input:n,sink:s}),s}};async function ld(r,e,t,n){let[o,i]=await Promise.all([t,n]),s=o.find(l=>l.kind==="image")?.frame,a=i.find(l=>l.kind==="image")?.frame,c=[...o.filter(l=>l.kind!=="image"),...i.filter(l=>l.kind!=="image")];return s&&a?[{id:r.id,kind:"transition",name:"circle",progress:e,from:s,to:a},...c]:c}async function ud(r,e,t,n){let o=e0(r,e,t);if(!o)return[];let i=[...n,{item:e,localTime:t}];return o.isTransitioning?ld(o.transition,o.progress,Wt(r,o.outgoing,o.outgoingTime,i),Wt(r,o.incoming,o.incomingTime,i)):Wt(r,o.item,o.localTime,i)}function e0(r,e,t){let n=e.childrenIds.map(i=>r.items.get(i)).filter(i=>!!i),o=X(0);for(let i=0;i<n.length;i++){let s=n[i];if(s.kind===q.Transition)continue;let a=o,c=ze(s.id,r.timeline),l=X(a+c),f=n[i+1];if(!(f?.kind===q.Transition)){if(t<l)return{isTransitioning:!1,item:s,localTime:X(t-a)};o=l;continue}let m=f,d=n[i+2];if(!d||d.kind===q.Transition){o=l;continue}let p=ze(d.id,r.timeline),h=Math.max(0,Math.min(m.duration,c,p)),x=X(l-h);if(t<x)return{isTransitioning:!1,item:s,localTime:X(t-a)};if(t<l){let y=X(t-x),v=X(t-a);return{isTransitioning:!0,incoming:d,outgoing:s,outgoingTime:v,incomingTime:y,progress:h>0?y/h:1,transition:m}}o=x,i++}return null}async function Wt(r,e,t,n){let o=ad(r.items,n,e,t),i=cd(r,e,t),s="spatialId"in e&&e.spatialId?r.items.get(e.spatialId)?.crop:void 0,a="filterIds"in e&&e.filterIds?e.filterIds.map(c=>r.items.get(c)).filter(c=>!!c?.enabled).map(c=>({type:c.type,params:c.params})):void 0;switch(e.kind){case q.Stack:{let c=[...n,{item:e,localTime:t}];return(await Promise.all(e.childrenIds.map(f=>r.items.get(f)).filter(f=>!!f).map(f=>Wt(r,f,t,c)))).flat()}case q.Sequence:return ud(r,e,t,n);case q.Video:{if(t<0||t>=e.duration)return[];let c=await r.videoSampler(e,t);return c?[{kind:"image",frame:c,matrix:o,alpha:i,crop:s,filters:a,id:e.id}]:[]}case q.Text:{if(t<0||t>=e.duration)return[];let c=e.styleId?r.items.get(e.styleId)?.style:void 0;return[{id:e.id,kind:"text",content:e.content,style:c,matrix:o,alpha:i,crop:s,filters:a}]}case q.Gap:return[{id:e.id,kind:"gap"}];default:return[]}}function fd(r){return async(e,t)=>{let o=await(await r.getSink(e.mediaHash))?.getSample(t/1e3),i=o?.toVideoFrame();return o?.close(),i??void 0}}function hi(r,e){let t=new pi(r),n=e??fd(t);return{async sample(o,i){let s=new Map(o.items.map(c=>[c.id,c])),a=s.get(o.rootId);return a?Wt({videoSampler:n,timeline:o,items:s},a,i,[]):[]}}}var Mr=class{driver;resolveMedia;timeline;#e=-1/0;#t=new Map;#r;constructor(e,t,n){this.driver=e,this.resolveMedia=t,this.timeline=n,this.#r=hi(this.resolveMedia,(o,i)=>{let s=md(i),a=this.#t.get(o.id);if(!a){let c=this.resolveMedia(o.mediaHash),l=md(X(o.start+o.duration));a=this.#n(c,s,l),this.#t.set(o.id,a)}return a.next(s)})}next(e){if(e<this.#e)throw new Error(`Forward-only cursor regression: ${e}ms < ${this.#e}ms`);return this.#e=e,this.#r.sample(this.timeline,e)}async cancel(){await Promise.all([...this.#t.values()].map(e=>e.cancel())),this.#t.clear()}#n(e,t,n){let o=this.driver.decodeVideo({source:e,start:t/1e6,end:n/1e6}),i=o.readable.getReader(),s=null,a=null,c=!1,l=async()=>{if(c)return null;let{done:f,value:u}=await i.read();if(f)return c=!0,null;let m=new VideoFrame(u);return u.close(),m};return{async next(f){if(s??=await l(),!!s)for(;;){a??=l();let u=await a;if(!u)return new VideoFrame(s);let m=s.timestamp??-1/0,d=u.timestamp??m;if(d<f){s.close(),s=u,a=null;continue}if(Math.abs(d-f)<Math.abs(m-f)){s.close(),s=u,a=null;continue}return new VideoFrame(s)}},async cancel(){let f=a;a=null,c=!0,(await f?.catch(()=>null))?.close(),s?.close(),s=null,o.cancel()}}}},md=r=>Math.round(r*1e3);async function dd(r,e,t){return(await Promise.all(e.map(async({item:o,localTime:i})=>{if(o.kind!==q.Audio)return;let s=await r.getSink(o.mediaHash);if(!s)return;let a=o.start+i,c=wn((t-a)/1e3),l=s.samples(a/1e3),f=await l.next();if(f.done)return;let u=f.value,m=l.next();return{offset:c,gain:o.gain??1,get currentSample(){return u},timelineTime:()=>wn(c+u.timestamp),output:()=>({sample:u,timestamp:c+u.timestamp,gain:o.gain??1}),advance:async()=>{let d=await m;return d.done?!1:(u=d.value,m=l.next(),!0)}}}))).filter(o=>!!o)}var gi=class{resolveMedia;#e=new Map;constructor(e){this.resolveMedia=e}async getSink(e){let t=this.#e.get(e);if(t)return t.sink;let n=new he({formats:Se,source:await Ce(this.resolveMedia(e))}),o=await n.getPrimaryAudioTrack(),s=!!o&&await o.canDecode()&&o?new an(o):null;return this.#e.set(e,{input:n,sink:s}),s}};function pd(r){let e={index:0,stream:r[0],time:r[0].timelineTime()};for(let[t,n]of r.entries()){let o=n.timelineTime();o<e.time&&(e={time:o,stream:n,index:t})}return e}function xi(r){let e=new gi(r);return{async*sampleAudio(t,n){let o=sd({timeline:t,from:n}),i=await dd(e,o,n);for(;i.length>0;){let{stream:s,index:a}=pd(i);yield s.output(),await s.advance()||i.splice(a,1)}}}}var vi=class{driver;timeline;resolveMedia;audioSampler;seekVisualSampler;playVisualSampler=null;#e=X(0);#t=null;#r=Zm();onTick=this.#r.onTick;audioContext=new AudioContext({sampleRate:48e3});audioGain=this.audioContext.createGain();audioNodes=new Set;#n=null;constructor(e,t,n){this.driver=e,this.timeline=t,this.resolveMedia=n,this.audioGain.connect(this.audioContext.destination),this.audioGain.gain.value=.7**2,this.seekVisualSampler=hi(this.resolveMedia),this.audioSampler=xi(this.resolveMedia),this.#o()}update(e){this.timeline=e}get isPlaying(){return this.#r.isPlaying()}async#o(){for await(let e of this.#r.ticks()){let t=await this.playVisualSampler?.next(this.currentTime)??[];(await this.driver.composite(t)).close(),this.currentTime>=this.duration&&this.pause()}}async seek(e){return this.pause(),this.#e=e,await this.seekVisualSampler.sample(this.timeline,e)}async start(){if(!this.#r.isPlaying()){await this.audioContext.resume(),this.#e=this.currentTime,this.#t=this.audioContext.currentTime,this.#n?.abort(),this.#n=new AbortController;for(let e of this.audioNodes)e.stop();this.audioNodes.clear(),this.playVisualSampler=new Mr(this.driver,this.resolveMedia,this.timeline),this.#r.play(),this.#s(this.#n.signal,wn(this.#e/1e3))}}pause(){this.#e=this.currentTime,this.#r.pause(),this.#n?.abort();for(let e of this.audioNodes)e.stop();this.audioNodes.clear(),this.playVisualSampler&&(this.playVisualSampler.cancel(),this.playVisualSampler=null)}get duration(){return ze(this.timeline.rootId,this.timeline)}get currentTime(){if(!this.#r.isPlaying()||this.#t===null)return this.#e;let e=(this.audioContext.currentTime-this.#t)*1e3;return X(this.#e+e)}setFps(e){this.#r.setFPS(e)}async#s(e,t){let n=this.audioContext;if(this.#t!==null)for await(let{sample:o,timestamp:i}of this.audioSampler.sampleAudio(this.timeline,X(t*1e3))){if(e.aborted||!this.#r.isPlaying())return;for(;i-(n.currentTime-this.#t+t)>.75;)await new Promise(c=>setTimeout(c,25));let s=n.createBufferSource();s.buffer=o.toAudioBuffer(),s.connect(this.audioGain),s.onended=()=>this.audioNodes.delete(s),this.audioNodes.add(s);let a=this.#t+i-t;a>=n.currentTime?s.start(a):s.start(n.currentTime,n.currentTime-a)}}};var yi=class{driver;canvas;playback;#e=null;#t=null;constructor(e,t,n){this.driver=e,this.playback=new vi(e,n,t),this.canvas=e.compositor.pixi.renderer.canvas}async play(){await this.playback.start()}pause(){this.playback.pause()}seek(e){return this.#e=e,this.#t??=this.#r().finally(()=>this.#t=null)}setFPS(e){this.playback.setFps(Or(e))}get isSeeking(){return this.#t!==null}get isPlaying(){return this.playback.isPlaying}get duration(){return this.playback.duration}get currentTime(){return this.playback.currentTime}async update(e){this.playback.update(e),this.isPlaying||await this.seek(this.currentTime)}async#r(){for(;this.#e!==null;){let e=this.#e;this.#e=null;let t=await this.playback.seek(X(e));(await this.driver.composite(t)).close()}}};var jt=class{state;constructor(e){this.state=e}require(e){return e===void 0?void 0:this.state.timeline.items.find(n=>n.id===e)}get timeline(){return this.state.timeline}getId(){return Oe.toInteger(Oe.random())}#e(e){this.state.timeline=e(this.state.timeline)}register(e){this.#e(t=>({...t,items:[...t.items,e]}))}textStyle=e=>{let t={id:this.getId(),kind:q.TextStyle,style:e};return this.register(t),t};spatial=(e,t)=>{let n={id:this.getId(),kind:q.Spatial,transform:e??this.transform(),crop:t,enabled:!0};return this.register(n),n};#t=e=>{let t={id:this.getId(),kind:q.Animation,anims:e,enabled:!0};return this.register(t),t};#r=(e,t)=>{let n={...e,animationIds:[...e.animationIds??[],t.id]};return this.set(e.id,n),n};anim={scalar:(e,t)=>({terp:e,track:t}),vec2:(e,t)=>{let n={x:[],y:[]};for(let[o,[i,s]]of t)n.x.push([o,i]),n.y.push([o,s]);return{terp:e,track:n}},transform:(e,t)=>{let n={position:{x:[],y:[]},scale:{x:[],y:[]},rotation:[]};for(let[o,[i,s,a]]of t)n.position.x.push([o,i[0]]),n.position.y.push([o,i[1]]),n.scale.x.push([o,s[0]]),n.scale.y.push([o,s[1]]),n.rotation.push([o,a]);return{terp:e,track:n}}};#n=Ym((e,t)=>({terp:e,track:t}),(e,t)=>this.anim.transform(e,t),e=>this.transform(e));#o=e=>{let t=o=>{let i={id:this.getId(),kind:q.Filter,type:e,params:o,enabled:!0};return this.register(i),i},n=((o,i)=>{let s=t(i),a={...o,filterIds:[...o.filterIds??[],s.id]};return this.set(o.id,a),a});return n.make=t,n};#s=()=>{let e=Object.entries(ci).map(([t,n])=>[t,this.#o(n.type)]);return Object.fromEntries(e)};filter=this.#s();#i=(e,t,n)=>e==="transform"?this.anim.transform(t,n):this.anim.scalar(t,n);#c=e=>{let t=(o,i)=>this.#t({[e]:this.#i(e,o,i)}),n=((o,i,s)=>{let a=t(i,s);return this.#r(o,a)});return n.make=t,n};#a=e=>{let t=o=>{let i=xt[e],s=this.#n[e](o);return this.#t(i.type==="motion"?{transform:s}:{opacity:s})},n=((o,i)=>{let s=t(i);return this.#r(o,s)});return n.make=t,n};#l=()=>{let e=Object.keys(bn).map(t=>[t,this.#c(t)]);return Object.fromEntries(e)};#u=()=>{let e=Object.keys(xt).map(t=>[t,this.#a(t)]);return Object.fromEntries(e)};animate={...this.#l(),presets:this.#u()};sequence=(...e)=>{let t={id:this.getId(),kind:q.Sequence,childrenIds:e.map(n=>n.id)};return this.register(t),t};stack=(...e)=>{let t={kind:q.Stack,id:this.getId(),childrenIds:e.map(n=>n.id)};return this.register(t),t};video=(e,t)=>{if(!e.hasVideo)throw new Error(`Video clip error: media "${e.datafile.filename}" has no video track.`);let n={kind:q.Video,id:this.getId(),mediaHash:e.datafile.checksum.hash,start:t?.start??0,duration:t?.duration??e.duration};return this.register(n),n};audio=(e,t)=>{if(!e.hasAudio)throw new Error(`Audio clip error: media "${e.datafile.filename}" has no audio track.`);let n={kind:q.Audio,id:this.getId(),mediaHash:e.datafile.checksum.hash,start:t?.start??0,duration:t?.duration??e.duration,gain:t?.gain??1};return this.register(n),n};text=(e,t)=>{let n={id:this.getId(),content:e,kind:q.Text,duration:t?.duration??2e3};return t?.styles&&(n.styleId=this.textStyle(t.styles).id),this.register(n),n};gap=e=>{let t={id:this.getId(),kind:q.Gap,duration:e};return this.register(t),t};transition={crossfade:e=>{let t={id:this.getId(),kind:q.Transition,effect:li.Crossfade,duration:e};return this.register(t),t}};transform=e=>{let t=[e?.position?.[0]??0,e?.position?.[1]??0],n=[e?.scale?.[0]??1,e?.scale?.[1]??1],o=e?.rotation??0;return[t,n,o]};addChildren(e,...t){this.#e(n=>(n.items.find(({id:i})=>i===e.id).childrenIds.push(...t.map(i=>i.id)),n))}set=(e,t)=>{this.#e(n=>({...n,items:n.items.map(o=>o.id===e?{...o,...t}:o)}))}};function t0(r){let e=((t,n)=>o=>r(o)(t(o),n));return e.make=t=>n=>r(n).make(t),e}function r0(){let e=Object.keys(ci).map(t=>[t,t0(n=>n.filter[t])]);return Object.fromEntries(e)}var vF=r0();function n0(r){let e=((t,n,o)=>i=>r(i)(t(i),n,o));return e.make=(t,n)=>o=>r(o).make(t,n),e}function o0(){let r=Object.keys(bn).map(e=>[e,n0(t=>t.animate[e])]);return Object.fromEntries(r)}function i0(r){let e=((t,n)=>o=>o.animate.presets[r](t(o),n));return e.make=t=>n=>n.animate.presets[r].make(t),e}function s0(){let r=Object.keys(xt).map(e=>[e,i0(e)]);return Object.fromEntries(r)}var yF={...o0(),presets:s0()};var bi=class{#e;#t;constructor(e={}){this.#e=e.chunkFrames??1024,this.#t=e.clamp??!0}async*mix(e){let t=this.#e,n=null,o=null,i=[],s=0,a=0;for await(let c of e){if(o===null)o=c.planes.length,n=c.sampleRate;else{if(c.planes.length!==o)throw new Error("Channel count changed");if(c.sampleRate!==n)throw new Error("Sample rate changed")}let l=Math.round(c.timestamp*n),f=c.planes[0]?.length??0;for(;s+t<=l;)yield this.#r(i,s,o,n),s+=t;i.push({startFrame:l,endFrame:l+f,data:c.planes}),a=Math.max(a,l+f)}if(o!==null&&n!==null)for(;s<a;)yield this.#r(i,s,o,n),s+=t}#r(e,t,n,o){let i=this.#e,s=new Float32Array(n*i),a=t+i;for(let c=0;c<n;c++){let l=c*i,f=s.subarray(l,l+i);for(let u of e){let m=u.data[c];if(!m)continue;let d=Math.max(t,u.startFrame),p=Math.min(a,u.endFrame);if(d>=p)continue;let h=d-t,x=d-u.startFrame,y=p-d;for(let v=0;v<y;v++)f[h+v]+=m[x+v]}if(this.#t)for(let u=0;u<i;u++){let m=f[u];f[u]=m<-1?-1:m>1?1:m}}for(let c=e.length-1;c>=0;c--)e[c].endFrame<=a&&e.splice(c,1);return{planar:s,sampleRate:o,channels:n,frames:i,startFrame:t}}};var a0=(r,e,t)=>{if(e===t)return r;let n=t/e,o=Math.max(1,Math.round(r.length*n)),i=new Float32Array(o);for(let s=0;s<o;s++){let a=s/n,c=Math.floor(a),l=Math.min(c+1,r.length-1),f=a-c;i[s]=r[c]*(1-f)+r[l]*f}return i},hd=(r,e)=>{let t=r.numberOfChannels,n=new Array(t),o=0;for(let i=0;i<t;i++){let s=new Float32Array(r.numberOfFrames);r.copyTo(s,{planeIndex:i,format:"f32-planar"});let a=a0(s,r.sampleRate,e);n[i]=a,o=a.length}return{data:n,frames:o}};var gd=(r,e)=>{if(e!==1)for(let t of r)for(let n=0;n<t.length;n++)t[n]*=e};function xd({timeline:r,resolveMedia:e}){let t=new bi,n=c0(r,e),o=new TransformStream,i=o.writable.getWriter();async function s(){for await(let a of t.mix(n)){let c=new AudioData({format:"f32-planar",sampleRate:a.sampleRate,numberOfFrames:a.frames,numberOfChannels:a.channels,timestamp:Math.round(a.startFrame/a.sampleRate*1e6),data:new Float32Array(a.planar)});await i.write(c)}await i.close()}return s(),o.readable}async function*c0(r,e){let t=xi(e);for await(let{sample:n,timestamp:o,gain:i}of t.sampleAudio(r,X(0))){let{data:s}=hd(n,48e3);gd(s,i),yield{planes:s,sampleRate:48e3,timestamp:o},n.close()}}function vd({timeline:r,fps:e,driver:t,resolveMedia:n}){let o=new TransformStream,i=o.writable.getWriter(),s=new Mr(t,n,r),a=1/e,c=ze(r.rootId,r);async function l(){await Jm({fps:e,duration:c},async(f,u)=>{let m=await s.next(f),d=await t.composite(m),p=new VideoFrame(d,{timestamp:Math.round(u*a*1e6),duration:Math.round(a*1e6)});await i.write(p),d.close()}),await i.close()}return l(),o.readable}function yd(r){let e=xd({...r}),t=vd({...r});return r.driver.encode({video:t,audio:e,config:{audio:{codec:"opus",bitrate:128e3},video:{codec:"vp9",bitrate:1e6}}})}var Si=class{driver;resources=new fi;constructor(e){this.driver=e}load=async e=>Object.fromEntries(await Promise.all(Object.entries(e).map(async([t,n])=>[t,await this.resources.store(await n)])));timeline=e=>{let t=new jt({timeline:{format:"timeline",info:"https://omniclip.app/",version:0,items:[],rootId:0}}),n=e(t);return t.timeline.rootId=n.id,t.timeline};playback=async e=>new yi(this.driver,t=>this.resources.require(t).url,e);render=async(e,t=30)=>yd({timeline:e,fps:Or(t),driver:this.driver,resolveMedia:n=>this.resources.require(n).url})};var Ti=class{data;bytes;hash;nickname;constructor(e,t,n,o){this.data=e,this.bytes=t,this.hash=n,this.nickname=o}static async make(e){let t=new Uint8Array(e),n=new Uint8Array(await crypto.subtle.digest("SHA-256",t)),o=_n.fromBytes(n),i=ya.sigil.fromBytes(n);return new this(e,n,o,i)}};var wi=class{url;bytes;blob;filename;checksum;constructor(e,t,n,o,i){this.url=e,this.bytes=t,this.blob=n,this.filename=o,this.checksum=i}static async make(e,t){let n=await e.arrayBuffer(),o=new Uint8Array(n),i=await Ti.make(o),s=t??i.nickname,a=URL.createObjectURL(e);return new this(a,o,e,s,i)}static async load(e){}};async function Sd(r,e,t){let n=t.querySelector(".play"),o=t.querySelector(".stop"),i=t.querySelector(".scrub"),s=t.querySelector(".playhead"),a=t.querySelector(".timecode"),c=t.querySelector(".player-canvas"),l=new jt({timeline:r}),f=await e.playback(r);c.replaceChildren(f.canvas),n.disabled=!1,o.disabled=!1,n.addEventListener("click",()=>f.play()),o.addEventListener("click",()=>f.pause()),i.max=String(Math.ceil(f.duration));let u=!1;f.playback.onTick.on(()=>d(f.currentTime,f.duration));let m=(p,h)=>{a.textContent=`${bd(p)} / ${bd(h)}`};i.addEventListener("input",async()=>{u=!0;let p=Math.max(0,Math.min(+i.value,f.duration));m(p,f.duration),await f.seek(p)}),i.addEventListener("change",async()=>{u=!1;let p=Math.max(0,Math.min(+i.value,f.duration));await f.seek(p)});let d=(p,h)=>{let x=Math.max(0,Math.min(p,h));u||(i.value=String(Math.round(x)));let y=h?x/h*100:0;s.style.left=`${y}%`,m(x,h)};await f.update(l.timeline)}function bd(r){let e=Math.max(0,r),t=Math.floor(e/1e3),n=Math.floor(t/60),o=t%60,i=Math.floor(e%1e3);return`${n}:${String(o).padStart(2,"0")}.${String(i).padStart(3,"0")}`}async function wd(r,e,t){let n=t.querySelector(".waveform-canvas"),o=t.querySelector(".width");n.replaceChildren(),n.style.position="relative",n.style.height="96px",n.style.overflow="hidden";let i=await di.init(r,e,{tileHeight:96,onChange:()=>s()}),s=()=>{let a=+o.value,c=Td(a,i.duration);i.zoom=c,n.style.width=`${a}px`,n.replaceChildren(...[...i.getTiles().values()].map(l=>(l.canvas.style.position="absolute",l.canvas.style.top="0",l.canvas.style.left=`${l.startTime*Td(a,i.duration)}px`,l.canvas.style.height="100%",l.canvas)))};o.oninput=s,i.range=[0,i.duration]}function Td(r,e){return e>0?r/e:0}async function fa(r,e){let t=new Si(r),{videoA:n}=await t.load({videoA:wi.make(e)});return{timeline:t.timeline(i=>{let s=i.text("content",{duration:3e3}),a=i.animate.opacity.make("easeIn",[[0,0],[700,1],[2200,1],[3e3,.35]]),c=i.textStyle({fill:"green",fontSize:100}),l=i.spatial(i.transform({position:[240,160],scale:[1.4,1.4],rotation:.08}),[.15,.1,.05,.2]),f=i.spatial(),u=i.animate.transform.make("linear",[[0,i.transform({position:[-320,80],scale:[.7,.7]})],[1e3,i.transform({position:[120,80],scale:[1,1]})],[2e3,i.transform({position:[200,40],scale:[1.35,1.35],rotation:8})],[3e3,i.transform({position:[320,0],scale:[1.15,1.15],rotation:0})]]),m=i.video(n,{duration:3e3,start:1e3});return i.set(s.id,{styleId:c.id,spatialId:f.id,animationIds:[a.id,u.id]}),i.set(m.id,{spatialId:l.id}),i.sequence(i.stack(s,m,i.audio(n,{duration:1e3})),i.gap(500),i.video(n,{duration:7e3,start:5e3}))}),omni:t}}async function Cd(r,e){let t=e.querySelector(".range"),n=e.querySelector(".range-view"),o=e.querySelector(".range-size"),i=e.querySelector(".frequency"),s=e.querySelector(".frequency-view"),a=e.querySelector(".filmstrip"),c=1/10,l=.5;a.replaceChildren();let f=await mi.init(r,{onChange(u){let m=u.sort((d,p)=>d.time-p.time);a.replaceChildren(...m.map(({time:d,canvas:p})=>l0(d,p.canvas)))},frequency:c,canvasSinkOptions:{width:80,height:50,fit:"fill"}});o.oninput=()=>{l=+o.value;let u=+t.value,m=u+l;f.range=[u,m],n.textContent=`visible time range: [${u}, ${m}]`},t.oninput=()=>{let u=+t.value,m=u+l;f.range=[u,m],n.textContent=`visible time range: [${u}, ${m}]`},i.oninput=()=>{f.frequency=1/+i.value,s.textContent=`frame every ${f.frequency.toFixed(3)} second (${i.value} frames per second)`},f.range=[10,10.5]}function l0(r,e){let t=document.createElement("div");t.style.position="relative",t.style.display="inline-block",t.style.marginRight="4px",t.appendChild(e);let n=document.createElement("div");return n.textContent=`${r.toFixed(2)}s`,n.style.position="absolute",n.style.top="2px",n.style.right="4px",n.style.fontSize="10px",n.style.color="white",n.style.background="rgba(0,0,0,0.6)",n.style.padding="2px 4px",n.style.borderRadius="4px",n.style.pointerEvents="none",t.appendChild(n),t}function kd(r,e){let t={width:1920,height:1080},n=document.createElement("canvas");n.width=t.width,n.height=t.height;let o=n.getContext("2d");async function i(){let s=r.decodeVideo({source:e,async onFrame(m){let d=await r.composite([{id:0,kind:"image",frame:m},{id:1,kind:"text",content:"omnitool",style:{fontSize:50,fill:"green"}}]);return m.close(),o?.drawImage(d,0,0),d}}),a=r.decodeAudio({source:e}),{readable:c,done:l}=r.encode({video:s.readable,audio:a.readable,config:{audio:{codec:"opus",bitrate:128e3},video:{codec:"vp9",bitrate:1e6}}}),u=await(await window.showSaveFilePicker()).createWritable();await Promise.all([c.pipeTo(u),l])}return{canvas:n,run:i}}var Br=await si.setup({workerUrl:new URL("../driver/driver.worker.bundle.min.js",import.meta.url)}),u0=document.querySelector("[data-demo='transcode']"),f0=document.querySelector("[data-demo='filmstrip']"),m0=document.querySelector("[data-demo='waveform']"),Pd=document.querySelector("[data-demo='playback']"),Xt=document.querySelector("[data-demo='export']"),_d=Xt.querySelector("[data-action='export']"),Ci=null;await Br.thread.work.hello(),Br.machina.count===1?console.log("\u2705 driver works"):console.error("\u274C FAIL driver call didn't work");var Ur=(r,e)=>{let t=r.querySelector(".progress"),n=r.querySelector(".status");!t||!n||(e==="running"?(t.removeAttribute("value"),n.textContent="running"):e==="done"?(t.value=1,n.textContent="done"):(t.value=0,n.textContent="idle"))},ma=(r,e)=>{let t=r.querySelector("input[type='file']"),n=r.querySelector("[data-action='run']");n.disabled=!0,t.addEventListener("input",()=>{n.disabled=!t.files?.length}),n.addEventListener("click",async()=>{let o=t.files?.[0];if(o){n.disabled=!0,Ur(r,"running");try{await e(o,r),Ur(r,"done")}finally{n.disabled=!1}}})};ma(u0,async(r,e)=>{let t=e.querySelector(".demo-preview"),n=kd(Br,r);t.replaceChildren(n.canvas),await n.run()});ma(f0,async(r,e)=>{await Cd(r,e)});ma(m0,async(r,e)=>{await wd(Br,r,e)});{let r=Pd.querySelector("input[type='file']");r.addEventListener("input",async()=>{let e=r.files?.[0];if(!e)return;let{timeline:t,omni:n}=await fa(Br,e);await Sd(t,n,Pd)})}{let r=Xt.querySelector("input[type='file']");r.addEventListener("input",async()=>{let e=r.files?.[0];if(!e)return;Ur(Xt,"running");let{timeline:t,omni:n}=await fa(Br,e);Ci={timeline:t,omni:n},_d.disabled=!1;let o=Xt.querySelector(".demo-preview"),i=await n.playback(t);await i.seek(0),o.replaceChildren(i.canvas),Ur(Xt,"done")})}_d.addEventListener("click",async()=>{Ci&&(Ur(Xt,"running"),await Ci.omni.render(Ci.timeline),Ur(Xt,"done"))});
 /*! Bundled license information:
 
 mediabunny/dist/modules/src/misc.js: