@waveform-playlist/browser 7.1.1 → 7.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +34 -0
- package/dist/index.js +71 -71
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2867 -2795
- package/dist/index.mjs.map +1 -1
- package/package.json +8 -8
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var Za=Object.create;var yn=Object.defineProperty;var Va=Object.getOwnPropertyDescriptor;var ja=Object.getOwnPropertyNames;var La=Object.getPrototypeOf,za=Object.prototype.hasOwnProperty;var Ha=(e,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ja(t))!za.call(e,r)&&r!==n&&yn(e,r,{get:()=>t[r],enumerable:!(a=Va(t,r))||a.enumerable});return e};var Xa=(e,t,n)=>(n=e!=null?Za(La(e)):{},Ha(t||!e||!e.__esModule?yn(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("tone"),g=require("react/jsx-runtime"),s=require("react"),D=require("styled-components"),Ge=require("@dnd-kit/core"),Vn=require("react-dom"),Oa=require("@dnd-kit/modifiers");function jn(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const Ln=jn(j),T=jn(s);var Cn=!1;function Tt(e){const t=e._param;return!t&&!Cn&&(Cn=!0,console.warn("[waveform-playlist] Unable to access Tone.js internal _param. This likely means the Tone.js version is incompatible. Fades and mute scheduling may not work correctly.")),t}function wn(e,t){const n=new Float32Array(e),a=e-1;for(let r=0;r<e;r++){const o=r/a;n[r]=t?o:1-o}return n}function Na(e,t){const n=new Float32Array(e),a=e-1;for(let r=0;r<e;r++){const o=r/a,i=t?r:e-1-r;n[i]=Math.exp(2*o-1)/Math.E}return n}function Ga(e,t){const n=new Float32Array(e),a=t?Math.PI/2:-Math.PI/2;for(let r=0;r<e;r++)n[r]=Math.sin(Math.PI*r/e-a)/2+.5;return n}function Ya(e,t,n=10){const a=new Float32Array(e);for(let r=0;r<e;r++){const o=t?r:e-1-r,i=r/e;a[o]=Math.log(1+n*i)/Math.log(1+n)}return a}function zn(e,t,n){switch(e){case"linear":return wn(t,n);case"exponential":return Na(t,n);case"sCurve":return Ga(t,n);case"logarithmic":return Ya(t,n);default:return wn(t,n)}}function xn(e,t,n,a="linear",r=0,o=1){if(!(n<=0))if(a==="linear")e.setValueAtTime(r,t),e.linearRampToValueAtTime(o,t+n);else if(a==="exponential")e.setValueAtTime(Math.max(r,.001),t),e.exponentialRampToValueAtTime(Math.max(o,.001),t+n);else{const i=zn(a,1e4,!0),l=new Float32Array(i.length),c=o-r;for(let u=0;u<i.length;u++)l[u]=r+i[u]*c;e.setValueCurveAtTime(l,t,n)}}function kn(e,t,n,a="linear",r=1,o=0){if(!(n<=0))if(a==="linear")e.setValueAtTime(r,t),e.linearRampToValueAtTime(o,t+n);else if(a==="exponential")e.setValueAtTime(Math.max(r,.001),t),e.exponentialRampToValueAtTime(Math.max(o,.001),t+n);else{const i=zn(a,1e4,!1),l=new Float32Array(i.length),c=r-o;for(let u=0;u<i.length;u++)l[u]=o+i[u]*c;e.setValueCurveAtTime(l,t,n)}}var Ka=class{constructor(e){this.activePlayers=0,this.track=e.track,this.volumeNode=new j.Volume(this.gainToDb(e.track.gain)),this.panNode=new j.Panner(e.track.stereoPan),this.muteGain=new j.Gain(e.track.muted?0:1);const t=e.destination||j.getDestination();if(e.effects){const a=e.effects(this.muteGain,t,!1);a&&(this.effectsCleanup=a)}else this.muteGain.connect(t);const n=e.clips||(e.buffer?[{buffer:e.buffer,startTime:0,duration:e.buffer.duration,offset:0,fadeIn:e.track.fadeIn,fadeOut:e.track.fadeOut,gain:1}]:[]);this.clips=n.map(a=>{const r=new j.Player({url:a.buffer,loop:!1,onstop:()=>{this.activePlayers--,this.activePlayers===0&&this.onStopCallback&&this.onStopCallback()}}),o=new j.Gain(a.gain);return r.connect(o),o.chain(this.volumeNode,this.panNode,this.muteGain),{player:r,clipInfo:a,fadeGain:o,pausedPosition:0,playStartTime:0}})}scheduleFades(e,t,n=0){const{clipInfo:a,fadeGain:r}=e,o=Tt(r.gain);if(!o)return;o.cancelScheduledValues(0);const i=n-a.offset;if(a.fadeIn&&i<a.fadeIn.duration){const l=a.fadeIn.duration;if(i<=0)xn(o,t,l,a.fadeIn.type||"linear",0,a.gain);else{const c=l-i,u=i/l,f=a.gain*u;xn(o,t,c,a.fadeIn.type||"linear",f,a.gain)}}else o.setValueAtTime(a.gain,t);if(a.fadeOut){const c=a.duration-a.fadeOut.duration-i;if(c>0){const u=t+c;kn(o,u,a.fadeOut.duration,a.fadeOut.type||"linear",a.gain,0)}else if(c>-a.fadeOut.duration){const u=-c,f=a.fadeOut.duration-u,v=u/a.fadeOut.duration,h=a.gain*(1-v);kn(o,t,f,a.fadeOut.type||"linear",h,0)}}}gainToDb(e){return 20*Math.log10(e)}setVolume(e){this.track.gain=e,this.volumeNode.volume.value=this.gainToDb(e)}setPan(e){this.track.stereoPan=e,this.panNode.pan.value=e}setMute(e){this.track.muted=e;const t=e?0:1;Tt(this.muteGain.gain)?.setValueAtTime(t,0),this.muteGain.gain.value=t}setSolo(e){this.track.soloed=e}play(e,t=0,n){this.clips.forEach(a=>{a.player.stop(),a.player.disconnect(),a.player.dispose();const r=new j.Player({url:a.clipInfo.buffer,loop:!1,onstop:()=>{this.activePlayers--,this.activePlayers===0&&this.onStopCallback&&this.onStopCallback()}});r.connect(a.fadeGain),a.player=r,a.pausedPosition=0}),this.activePlayers=0,this.clips.forEach(a=>{const{player:r,clipInfo:o}=a,i=t,l=o.startTime,c=o.startTime+o.duration;if(i<c){this.activePlayers++;const u=e??j.now();if(a.playStartTime=u,i>=l){const f=i-l+o.offset,v=o.duration-(i-l),h=n?Math.min(n,v):v;a.pausedPosition=f,this.scheduleFades(a,u,f),r.start(u,f,h)}else{const f=l-i,v=n?Math.min(n-f,o.duration):o.duration;f<(n??1/0)?(a.pausedPosition=o.offset,this.scheduleFades(a,u+f,o.offset),r.start(u+f,o.offset,v)):this.activePlayers--}}})}pause(){this.clips.forEach(e=>{if(e.player.state==="started"){const t=(j.now()-e.playStartTime)*e.player.playbackRate;e.pausedPosition=e.pausedPosition+t}e.player.stop()}),this.activePlayers=0}stop(e){const t=e??j.now();this.clips.forEach(n=>{n.player.stop(t),n.pausedPosition=0}),this.activePlayers=0}dispose(){this.effectsCleanup&&this.effectsCleanup(),this.clips.forEach(e=>{e.player.dispose(),e.fadeGain.dispose()}),this.volumeNode.dispose(),this.panNode.dispose(),this.muteGain.dispose()}get id(){return this.track.id}get duration(){if(this.clips.length===0)return 0;const e=this.clips[this.clips.length-1];return e.clipInfo.startTime+e.clipInfo.duration}get buffer(){return this.clips[0]?.clipInfo.buffer}get isPlaying(){return this.clips.some(e=>e.player.state==="started")}get muted(){return this.track.muted}get startTime(){return this.track.startTime}setOnStopCallback(e){this.onStopCallback=e}},Ua=class{constructor(e={}){if(this.tracks=new Map,this.isInitialized=!1,this.soloedTracks=new Set,this.manualMuteState=new Map,this.activeTracks=new Map,this.playbackSessionId=0,this.masterVolume=new j.Volume(this.gainToDb(e.masterGain??1)),e.effects){const t=e.effects(this.masterVolume,j.getDestination(),!1);t&&(this.effectsCleanup=t)}else this.masterVolume.toDestination();e.tracks&&e.tracks.forEach(t=>{this.tracks.set(t.id,t),this.manualMuteState.set(t.id,t.muted)})}gainToDb(e){return 20*Math.log10(e)}async init(){this.isInitialized||(await j.start(),this.isInitialized=!0)}addTrack(e){const t={...e,destination:this.masterVolume},n=new Ka(t);return this.tracks.set(n.id,n),this.manualMuteState.set(n.id,e.track.muted??!1),e.track.soloed&&this.soloedTracks.add(n.id),n}applyInitialSoloState(){this.updateSoloMuting()}removeTrack(e){const t=this.tracks.get(e);t&&(t.dispose(),this.tracks.delete(e),this.manualMuteState.delete(e),this.soloedTracks.delete(e))}getTrack(e){return this.tracks.get(e)}play(e,t,n){if(!this.isInitialized){console.warn("TonePlayout not initialized. Call init() first.");return}const a=e??j.now(),r=t??0;this.playbackSessionId++;const o=this.playbackSessionId;this.activeTracks.clear(),this.tracks.forEach(i=>{const l=i.startTime;if(r>=l){const c=r-l;n!==void 0&&(this.activeTracks.set(i.id,o),i.setOnStopCallback(()=>{this.activeTracks.get(i.id)===o&&(this.activeTracks.delete(i.id),this.activeTracks.size===0&&this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback())})),i.play(a,c,n)}else{const c=l-r;n!==void 0&&(this.activeTracks.set(i.id,o),i.setOnStopCallback(()=>{this.activeTracks.get(i.id)===o&&(this.activeTracks.delete(i.id),this.activeTracks.size===0&&this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback())})),i.play(a+c,0,n)}}),t!==void 0?j.getTransport().start(a,t):j.getTransport().start(a)}pause(){j.getTransport().pause(),this.tracks.forEach(e=>{e.pause()})}stop(){j.getTransport().stop(),this.tracks.forEach(e=>{e.stop()})}setMasterGain(e){this.masterVolume.volume.value=this.gainToDb(e)}setSolo(e,t){const n=this.tracks.get(e);n&&(n.setSolo(t),t?this.soloedTracks.add(e):this.soloedTracks.delete(e),this.updateSoloMuting())}updateSoloMuting(){const e=this.soloedTracks.size>0;this.tracks.forEach((t,n)=>{if(e)if(!this.soloedTracks.has(n))t.setMute(!0);else{const a=this.manualMuteState.get(n)??!1;t.setMute(a)}else{const a=this.manualMuteState.get(n)??!1;t.setMute(a)}})}setMute(e,t){const n=this.tracks.get(e);n&&(this.manualMuteState.set(e,t),n.setMute(t))}getCurrentTime(){return j.getTransport().seconds}seekTo(e){j.getTransport().seconds=e}dispose(){this.tracks.forEach(e=>{e.dispose()}),this.tracks.clear(),this.effectsCleanup&&this.effectsCleanup(),this.masterVolume.dispose()}get context(){return j.getContext()}get sampleRate(){return j.getContext().sampleRate}setOnPlaybackComplete(e){this.onPlaybackCompleteCallback=e}};const Nt=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Nt.Translate.toString(e),Nt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:a}=e;return t+" "+n+"ms "+a}}}),qa=new Map([["bold",T.createElement(T.Fragment,null,T.createElement("path",{d:"M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128ZM60,112a16,16,0,1,0,16,16A16,16,0,0,0,60,112Zm136,0a16,16,0,1,0,16,16A16,16,0,0,0,196,112Z"}))],["duotone",T.createElement(T.Fragment,null,T.createElement("path",{d:"M240,96v64a16,16,0,0,1-16,16H32a16,16,0,0,1-16-16V96A16,16,0,0,1,32,80H224A16,16,0,0,1,240,96Z",opacity:"0.2"}),T.createElement("path",{d:"M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z"}))],["fill",T.createElement(T.Fragment,null,T.createElement("path",{d:"M224,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V96A16,16,0,0,0,224,80ZM60,140a12,12,0,1,1,12-12A12,12,0,0,1,60,140Zm68,0a12,12,0,1,1,12-12A12,12,0,0,1,128,140Zm68,0a12,12,0,1,1,12-12A12,12,0,0,1,196,140Z"}))],["light",T.createElement(T.Fragment,null,T.createElement("path",{d:"M138,128a10,10,0,1,1-10-10A10,10,0,0,1,138,128ZM60,118a10,10,0,1,0,10,10A10,10,0,0,0,60,118Zm136,0a10,10,0,1,0,10,10A10,10,0,0,0,196,118Z"}))],["regular",T.createElement(T.Fragment,null,T.createElement("path",{d:"M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z"}))],["thin",T.createElement(T.Fragment,null,T.createElement("path",{d:"M136,128a8,8,0,1,1-8-8A8,8,0,0,1,136,128Zm-76-8a8,8,0,1,0,8,8A8,8,0,0,0,60,120Zm136,0a8,8,0,1,0,8,8A8,8,0,0,0,196,120Z"}))]]),Ja=new Map([["bold",T.createElement(T.Fragment,null,T.createElement("path",{d:"M157.27,21.22a12,12,0,0,0-12.64,1.31L75.88,76H32A20,20,0,0,0,12,96v64a20,20,0,0,0,20,20H75.88l68.75,53.47A12,12,0,0,0,164,224V32A12,12,0,0,0,157.27,21.22ZM36,100H68v56H36Zm104,99.46L92,162.13V93.87l48-37.33ZM212,128a44,44,0,0,1-11,29.11,12,12,0,1,1-18-15.88,20,20,0,0,0,0-26.43,12,12,0,0,1,18-15.86A43.94,43.94,0,0,1,212,128Zm40,0a83.87,83.87,0,0,1-21.39,56,12,12,0,0,1-17.89-16,60,60,0,0,0,0-80,12,12,0,1,1,17.88-16A83.87,83.87,0,0,1,252,128Z"}))],["duotone",T.createElement(T.Fragment,null,T.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),T.createElement("path",{d:"M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55Zm54-106.08a40,40,0,0,1,0,52.88,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,0,1,12-10.58ZM248,128a79.9,79.9,0,0,1-20.37,53.34,8,8,0,0,1-11.92-10.67,64,64,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67A79.83,79.83,0,0,1,248,128Z"}))],["fill",T.createElement(T.Fragment,null,T.createElement("path",{d:"M160,32.25V223.69a8.29,8.29,0,0,1-3.91,7.18,8,8,0,0,1-9-.56l-65.57-51A4,4,0,0,1,80,176.16V79.84a4,4,0,0,1,1.55-3.15l65.57-51a8,8,0,0,1,10,.16A8.27,8.27,0,0,1,160,32.25ZM60,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H60a4,4,0,0,0,4-4V84A4,4,0,0,0,60,80Zm126.77,20.84a8,8,0,0,0-.72,11.3,24,24,0,0,1,0,31.72,8,8,0,1,0,12,10.58,40,40,0,0,0,0-52.88A8,8,0,0,0,186.74,100.84Zm40.89-26.17a8,8,0,1,0-11.92,10.66,64,64,0,0,1,0,85.34,8,8,0,1,0,11.92,10.66,80,80,0,0,0,0-106.66Z"}))],["light",T.createElement(T.Fragment,null,T.createElement("path",{d:"M154.64,26.61a6,6,0,0,0-6.32.65L77.94,82H32A14,14,0,0,0,18,96v64a14,14,0,0,0,14,14H77.94l70.38,54.74A6,6,0,0,0,158,224V32A6,6,0,0,0,154.64,26.61ZM30,160V96a2,2,0,0,1,2-2H74v68H32A2,2,0,0,1,30,160Zm116,51.73L86,165.07V90.93l60-46.66Zm50.53-108.85a38,38,0,0,1,0,50.24,6,6,0,1,1-9-7.94,26,26,0,0,0,0-34.37,6,6,0,0,1,9-7.93ZM246,128a77.86,77.86,0,0,1-19.86,52,6,6,0,1,1-8.94-8,66,66,0,0,0,0-88,6,6,0,1,1,8.94-8A77.86,77.86,0,0,1,246,128Z"}))],["regular",T.createElement(T.Fragment,null,T.createElement("path",{d:"M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55Zm54-106.08a40,40,0,0,1,0,52.88,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,0,1,12-10.58ZM248,128a79.9,79.9,0,0,1-20.37,53.34,8,8,0,0,1-11.92-10.67,64,64,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67A79.83,79.83,0,0,1,248,128Z"}))],["thin",T.createElement(T.Fragment,null,T.createElement("path",{d:"M153.76,28.41a4,4,0,0,0-4.22.43L78.63,84H32A12,12,0,0,0,20,96v64a12,12,0,0,0,12,12H78.63l70.91,55.16A4.07,4.07,0,0,0,152,228a3.92,3.92,0,0,0,1.76-.41A4,4,0,0,0,156,224V32A4,4,0,0,0,153.76,28.41ZM28,160V96a4,4,0,0,1,4-4H76v72H32A4,4,0,0,1,28,160Zm120,55.82L84,166V90l64-49.78Zm47-111.61a36,36,0,0,1,0,47.59,4,4,0,1,1-6-5.3,28,28,0,0,0,0-37,4,4,0,0,1,6-5.28ZM244,128a75.88,75.88,0,0,1-19.35,50.67,4,4,0,0,1-6-5.34,68,68,0,0,0,0-90.66,4,4,0,0,1,6-5.34A75.88,75.88,0,0,1,244,128Z"}))]]),Qa=new Map([["bold",T.createElement(T.Fragment,null,T.createElement("path",{d:"M157.27,21.22a12,12,0,0,0-12.64,1.31L75.88,76H32A20,20,0,0,0,12,96v64a20,20,0,0,0,20,20H75.88l68.75,53.47A12,12,0,0,0,164,224V32A12,12,0,0,0,157.27,21.22ZM36,100H68v56H36Zm104,99.46L92,162.13V93.87l48-37.33ZM212,128a44,44,0,0,1-11,29.11,12,12,0,0,1-18-15.88,20,20,0,0,0,0-26.44,12,12,0,0,1,18-15.85A43.94,43.94,0,0,1,212,128Z"}))],["duotone",T.createElement(T.Fragment,null,T.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),T.createElement("path",{d:"M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55ZM208,128a39.93,39.93,0,0,1-10,26.46,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,1,1,12-10.58A40,40,0,0,1,208,128Z"}))],["fill",T.createElement(T.Fragment,null,T.createElement("path",{d:"M160,32.25V223.69a8.29,8.29,0,0,1-3.91,7.18,8,8,0,0,1-9-.56l-65.57-51A4,4,0,0,1,80,176.16V79.84a4,4,0,0,1,1.55-3.15l65.57-51a8,8,0,0,1,10,.16A8.27,8.27,0,0,1,160,32.25ZM60,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H60a4,4,0,0,0,4-4V84A4,4,0,0,0,60,80ZM198,101.56a8,8,0,1,0-12,10.58,24,24,0,0,1,0,31.72,8,8,0,1,0,12,10.58,40,40,0,0,0,0-52.88Z"}))],["light",T.createElement(T.Fragment,null,T.createElement("path",{d:"M154.64,26.61a6,6,0,0,0-6.32.65L77.94,82H32A14,14,0,0,0,18,96v64a14,14,0,0,0,14,14H77.94l70.38,54.74A6,6,0,0,0,158,224V32A6,6,0,0,0,154.64,26.61ZM30,160V96a2,2,0,0,1,2-2H74v68H32A2,2,0,0,1,30,160Zm116,51.73L86,165.07V90.93l60-46.66ZM206,128a37.94,37.94,0,0,1-9.5,25.14,6,6,0,1,1-9-7.94,26,26,0,0,0,0-34.37,6,6,0,0,1,9-7.93A38,38,0,0,1,206,128Z"}))],["regular",T.createElement(T.Fragment,null,T.createElement("path",{d:"M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55ZM208,128a39.93,39.93,0,0,1-10,26.46,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,1,1,12-10.58A40,40,0,0,1,208,128Z"}))],["thin",T.createElement(T.Fragment,null,T.createElement("path",{d:"M153.76,28.41a4,4,0,0,0-4.22.43L78.63,84H32A12,12,0,0,0,20,96v64a12,12,0,0,0,12,12H78.63l70.91,55.16A4.07,4.07,0,0,0,152,228a3.92,3.92,0,0,0,1.76-.41A4,4,0,0,0,156,224V32A4,4,0,0,0,153.76,28.41ZM28,160V96a4,4,0,0,1,4-4H76v72H32A4,4,0,0,1,28,160Zm120,55.82L84,166V90l64-49.78ZM204,128a36,36,0,0,1-9,23.82,4,4,0,1,1-6-5.3,28,28,0,0,0,0-37,4,4,0,0,1,6-5.28A36,36,0,0,1,204,128Z"}))]]),er=new Map([["bold",T.createElement(T.Fragment,null,T.createElement("path",{d:"M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"}))],["duotone",T.createElement(T.Fragment,null,T.createElement("path",{d:"M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",opacity:"0.2"}),T.createElement("path",{d:"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"}))],["fill",T.createElement(T.Fragment,null,T.createElement("path",{d:"M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z"}))],["light",T.createElement(T.Fragment,null,T.createElement("path",{d:"M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z"}))],["regular",T.createElement(T.Fragment,null,T.createElement("path",{d:"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"}))],["thin",T.createElement(T.Fragment,null,T.createElement("path",{d:"M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z"}))]]),tr=s.createContext({color:"currentColor",size:"1em",weight:"regular",mirrored:!1}),vt=T.forwardRef((e,t)=>{const{alt:n,color:a,size:r,weight:o,mirrored:i,children:l,weights:c,...u}=e,{color:f="currentColor",size:v,weight:h="regular",mirrored:d=!1,...C}=T.useContext(tr);return T.createElement("svg",{ref:t,xmlns:"http://www.w3.org/2000/svg",width:r??v,height:r??v,fill:a??f,viewBox:"0 0 256 256",transform:i||d?"scale(-1, 1)":void 0,...C,...u},!!n&&T.createElement("title",null,n),l,c.get(o??h))});vt.displayName="IconBase";const Hn=T.forwardRef((e,t)=>T.createElement(vt,{ref:t,...e,weights:qa}));Hn.displayName="DotsThreeIcon";const Xn=T.forwardRef((e,t)=>T.createElement(vt,{ref:t,...e,weights:Ja}));Xn.displayName="SpeakerHighIcon";const On=T.forwardRef((e,t)=>T.createElement(vt,{ref:t,...e,weights:Qa}));On.displayName="SpeakerLowIcon";const Nn=T.forwardRef((e,t)=>T.createElement(vt,{ref:t,...e,weights:er}));Nn.displayName="XIcon";const nr=Nn;D.span`
|
|
1
|
+
"use strict";var Ha=Object.create;var xn=Object.defineProperty;var Xa=Object.getOwnPropertyDescriptor;var Oa=Object.getOwnPropertyNames;var Ga=Object.getPrototypeOf,Na=Object.prototype.hasOwnProperty;var Ya=(e,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Oa(t))!Na.call(e,r)&&r!==n&&xn(e,r,{get:()=>t[r],enumerable:!(a=Xa(t,r))||a.enumerable});return e};var Ua=(e,t,n)=>(n=e!=null?Ha(Ga(e)):{},Ya(t||!e||!e.__esModule?xn(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("tone"),y=require("react/jsx-runtime"),s=require("react"),D=require("styled-components"),Ne=require("@dnd-kit/core"),zn=require("react-dom"),Ka=require("@dnd-kit/modifiers");function Hn(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const Xn=Hn(j),$=Hn(s);var kn=!1;function Tt(e){const t=e._param;return!t&&!kn&&(kn=!0,console.warn("[waveform-playlist] Unable to access Tone.js internal _param. This likely means the Tone.js version is incompatible. Fades and mute scheduling may not work correctly.")),t}function Sn(e,t){const n=new Float32Array(e),a=e-1;for(let r=0;r<e;r++){const o=r/a;n[r]=t?o:1-o}return n}function qa(e,t){const n=new Float32Array(e),a=e-1;for(let r=0;r<e;r++){const o=r/a,i=t?r:e-1-r;n[i]=Math.exp(2*o-1)/Math.E}return n}function Ja(e,t){const n=new Float32Array(e),a=t?Math.PI/2:-Math.PI/2;for(let r=0;r<e;r++)n[r]=Math.sin(Math.PI*r/e-a)/2+.5;return n}function Qa(e,t,n=10){const a=new Float32Array(e);for(let r=0;r<e;r++){const o=t?r:e-1-r,i=r/e;a[o]=Math.log(1+n*i)/Math.log(1+n)}return a}function On(e,t,n){switch(e){case"linear":return Sn(t,n);case"exponential":return qa(t,n);case"sCurve":return Ja(t,n);case"logarithmic":return Qa(t,n);default:return Sn(t,n)}}function In(e,t,n,a="linear",r=0,o=1){if(!(n<=0))if(a==="linear")e.setValueAtTime(r,t),e.linearRampToValueAtTime(o,t+n);else if(a==="exponential")e.setValueAtTime(Math.max(r,.001),t),e.exponentialRampToValueAtTime(Math.max(o,.001),t+n);else{const i=On(a,1e4,!0),l=new Float32Array(i.length),c=o-r;for(let u=0;u<i.length;u++)l[u]=r+i[u]*c;e.setValueCurveAtTime(l,t,n)}}function An(e,t,n,a="linear",r=1,o=0){if(!(n<=0))if(a==="linear")e.setValueAtTime(r,t),e.linearRampToValueAtTime(o,t+n);else if(a==="exponential")e.setValueAtTime(Math.max(r,.001),t),e.exponentialRampToValueAtTime(Math.max(o,.001),t+n);else{const i=On(a,1e4,!1),l=new Float32Array(i.length),c=r-o;for(let u=0;u<i.length;u++)l[u]=o+i[u]*c;e.setValueCurveAtTime(l,t,n)}}var er=class{constructor(e){this.activePlayers=0,this.track=e.track,this.volumeNode=new j.Volume(this.gainToDb(e.track.gain)),this.panNode=new j.Panner(e.track.stereoPan),this.muteGain=new j.Gain(e.track.muted?0:1);const t=e.destination||j.getDestination();if(e.effects){const a=e.effects(this.muteGain,t,!1);a&&(this.effectsCleanup=a)}else this.muteGain.connect(t);const n=e.clips||(e.buffer?[{buffer:e.buffer,startTime:0,duration:e.buffer.duration,offset:0,fadeIn:e.track.fadeIn,fadeOut:e.track.fadeOut,gain:1}]:[]);this.clips=n.map(a=>{const r=new j.Player({url:a.buffer,loop:!1,onstop:()=>{this.activePlayers--,this.activePlayers===0&&this.onStopCallback&&this.onStopCallback()}}),o=new j.Gain(a.gain);return r.connect(o),o.chain(this.volumeNode,this.panNode,this.muteGain),{player:r,clipInfo:a,fadeGain:o,pausedPosition:0,playStartTime:0}})}scheduleFades(e,t,n=0){const{clipInfo:a,fadeGain:r}=e,o=Tt(r.gain);if(!o)return;o.cancelScheduledValues(0);const i=n-a.offset;if(a.fadeIn&&i<a.fadeIn.duration){const l=a.fadeIn.duration;if(i<=0)In(o,t,l,a.fadeIn.type||"linear",0,a.gain);else{const c=l-i,u=i/l,m=a.gain*u;In(o,t,c,a.fadeIn.type||"linear",m,a.gain)}}else o.setValueAtTime(a.gain,t);if(a.fadeOut){const c=a.duration-a.fadeOut.duration-i;if(c>0){const u=t+c;An(o,u,a.fadeOut.duration,a.fadeOut.type||"linear",a.gain,0)}else if(c>-a.fadeOut.duration){const u=-c,m=a.fadeOut.duration-u,h=u/a.fadeOut.duration,p=a.gain*(1-h);An(o,t,m,a.fadeOut.type||"linear",p,0)}}}gainToDb(e){return 20*Math.log10(e)}setVolume(e){this.track.gain=e,this.volumeNode.volume.value=this.gainToDb(e)}setPan(e){this.track.stereoPan=e,this.panNode.pan.value=e}setMute(e){this.track.muted=e;const t=e?0:1;Tt(this.muteGain.gain)?.setValueAtTime(t,0),this.muteGain.gain.value=t}setSolo(e){this.track.soloed=e}play(e,t=0,n){this.clips.forEach(a=>{a.player.stop(),a.player.disconnect(),a.player.dispose();const r=new j.Player({url:a.clipInfo.buffer,loop:!1,onstop:()=>{this.activePlayers--,this.activePlayers===0&&this.onStopCallback&&this.onStopCallback()}});r.connect(a.fadeGain),a.player=r,a.pausedPosition=0}),this.activePlayers=0,this.clips.forEach(a=>{const{player:r,clipInfo:o}=a,i=t,l=o.startTime,c=o.startTime+o.duration;if(i<c){this.activePlayers++;const u=e??j.now();if(a.playStartTime=u,i>=l){const m=i-l+o.offset,h=o.duration-(i-l),p=n?Math.min(n,h):h;a.pausedPosition=m,this.scheduleFades(a,u,m),r.start(u,m,p)}else{const m=l-i,h=n?Math.min(n-m,o.duration):o.duration;m<(n??1/0)?(a.pausedPosition=o.offset,this.scheduleFades(a,u+m,o.offset),r.start(u+m,o.offset,h)):this.activePlayers--}}})}pause(){this.clips.forEach(e=>{if(e.player.state==="started"){const t=(j.now()-e.playStartTime)*e.player.playbackRate;e.pausedPosition=e.pausedPosition+t}e.player.stop()}),this.activePlayers=0}stop(e){const t=e??j.now();this.clips.forEach(n=>{n.player.stop(t),n.pausedPosition=0}),this.activePlayers=0}dispose(){this.effectsCleanup&&this.effectsCleanup(),this.clips.forEach(e=>{e.player.dispose(),e.fadeGain.dispose()}),this.volumeNode.dispose(),this.panNode.dispose(),this.muteGain.dispose()}get id(){return this.track.id}get duration(){if(this.clips.length===0)return 0;const e=this.clips[this.clips.length-1];return e.clipInfo.startTime+e.clipInfo.duration}get buffer(){return this.clips[0]?.clipInfo.buffer}get isPlaying(){return this.clips.some(e=>e.player.state==="started")}get muted(){return this.track.muted}get startTime(){return this.track.startTime}setOnStopCallback(e){this.onStopCallback=e}},tr=class{constructor(e={}){if(this.tracks=new Map,this.isInitialized=!1,this.soloedTracks=new Set,this.manualMuteState=new Map,this.activeTracks=new Map,this.playbackSessionId=0,this.masterVolume=new j.Volume(this.gainToDb(e.masterGain??1)),e.effects){const t=e.effects(this.masterVolume,j.getDestination(),!1);t&&(this.effectsCleanup=t)}else this.masterVolume.toDestination();e.tracks&&e.tracks.forEach(t=>{this.tracks.set(t.id,t),this.manualMuteState.set(t.id,t.muted)})}gainToDb(e){return 20*Math.log10(e)}async init(){this.isInitialized||(await j.start(),this.isInitialized=!0)}addTrack(e){const t={...e,destination:this.masterVolume},n=new er(t);return this.tracks.set(n.id,n),this.manualMuteState.set(n.id,e.track.muted??!1),e.track.soloed&&this.soloedTracks.add(n.id),n}applyInitialSoloState(){this.updateSoloMuting()}removeTrack(e){const t=this.tracks.get(e);t&&(t.dispose(),this.tracks.delete(e),this.manualMuteState.delete(e),this.soloedTracks.delete(e))}getTrack(e){return this.tracks.get(e)}play(e,t,n){if(!this.isInitialized){console.warn("TonePlayout not initialized. Call init() first.");return}const a=e??j.now(),r=t??0;this.playbackSessionId++;const o=this.playbackSessionId;this.activeTracks.clear(),this.tracks.forEach(i=>{const l=i.startTime;if(r>=l){const c=r-l;n!==void 0&&(this.activeTracks.set(i.id,o),i.setOnStopCallback(()=>{this.activeTracks.get(i.id)===o&&(this.activeTracks.delete(i.id),this.activeTracks.size===0&&this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback())})),i.play(a,c,n)}else{const c=l-r;n!==void 0&&(this.activeTracks.set(i.id,o),i.setOnStopCallback(()=>{this.activeTracks.get(i.id)===o&&(this.activeTracks.delete(i.id),this.activeTracks.size===0&&this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback())})),i.play(a+c,0,n)}}),t!==void 0?j.getTransport().start(a,t):j.getTransport().start(a)}pause(){j.getTransport().pause(),this.tracks.forEach(e=>{e.pause()})}stop(){j.getTransport().stop(),this.tracks.forEach(e=>{e.stop()})}setMasterGain(e){this.masterVolume.volume.value=this.gainToDb(e)}setSolo(e,t){const n=this.tracks.get(e);n&&(n.setSolo(t),t?this.soloedTracks.add(e):this.soloedTracks.delete(e),this.updateSoloMuting())}updateSoloMuting(){const e=this.soloedTracks.size>0;this.tracks.forEach((t,n)=>{if(e)if(!this.soloedTracks.has(n))t.setMute(!0);else{const a=this.manualMuteState.get(n)??!1;t.setMute(a)}else{const a=this.manualMuteState.get(n)??!1;t.setMute(a)}})}setMute(e,t){const n=this.tracks.get(e);n&&(this.manualMuteState.set(e,t),n.setMute(t))}getCurrentTime(){return j.getTransport().seconds}seekTo(e){j.getTransport().seconds=e}dispose(){this.tracks.forEach(e=>{e.dispose()}),this.tracks.clear(),this.effectsCleanup&&this.effectsCleanup(),this.masterVolume.dispose()}get context(){return j.getContext()}get sampleRate(){return j.getContext().sampleRate}setOnPlaybackComplete(e){this.onPlaybackCompleteCallback=e}},Mt=null;function nr(){return Mt||(Mt=new j.Context,j.setContext(Mt)),Mt}function ar(){return nr().rawContext}var Se=1e3;function Gt(e){const{audioBuffer:t,startSample:n,offsetSamples:a=0,gain:r=1,name:o,color:i,fadeIn:l,fadeOut:c,waveformData:u}=e,m=t?.sampleRate??e.sampleRate??u?.sample_rate,h=t?.length??e.sourceDurationSamples??(u&&m?Math.ceil(u.duration*m):void 0);if(m===void 0)throw new Error("createClip: sampleRate is required when audioBuffer is not provided (can use waveformData.sample_rate)");if(h===void 0)throw new Error("createClip: sourceDurationSamples is required when audioBuffer is not provided (can use waveformData.duration)");t&&u&&t.sampleRate!==u.sample_rate&&console.warn(`Sample rate mismatch: audioBuffer (${t.sampleRate}) vs waveformData (${u.sample_rate}). Using audioBuffer sample rate. Waveform visualization may be slightly off.`);const p=e.durationSamples??h;return{id:Yn(),audioBuffer:t,startSample:n,durationSamples:p,offsetSamples:a,sampleRate:m,sourceDurationSamples:h,gain:r,name:o,color:i,fadeIn:l,fadeOut:c,waveformData:u}}function Gn(e){const{audioBuffer:t,startTime:n,offset:a=0,gain:r=1,name:o,color:i,fadeIn:l,fadeOut:c,waveformData:u}=e,m=t?.sampleRate??e.sampleRate??u?.sample_rate;if(m===void 0)throw new Error("createClipFromSeconds: sampleRate is required when audioBuffer is not provided (can use waveformData.sample_rate)");const h=t?.duration??e.sourceDuration??u?.duration;if(h===void 0)throw new Error("createClipFromSeconds: sourceDuration is required when audioBuffer is not provided (can use waveformData.duration)");t&&u&&t.sampleRate!==u.sample_rate&&console.warn(`Sample rate mismatch: audioBuffer (${t.sampleRate}) vs waveformData (${u.sample_rate}). Using audioBuffer sample rate. Waveform visualization may be slightly off.`);const p=e.duration??h;return Gt({audioBuffer:t,startSample:Math.round(n*m),durationSamples:Math.round(p*m),offsetSamples:Math.round(a*m),sampleRate:m,sourceDurationSamples:Math.ceil(h*m),gain:r,name:o,color:i,fadeIn:l,fadeOut:c,waveformData:u})}function Nn(e){const{name:t,clips:n=[],muted:a=!1,soloed:r=!1,volume:o=1,pan:i=0,color:l,height:c,spectrogramConfig:u,spectrogramColorMap:m}=e;return{id:Yn(),name:t,clips:n,muted:a,soloed:r,volume:o,pan:i,color:l,height:c,spectrogramConfig:u,spectrogramColorMap:m}}function Yn(){return`${Date.now()}-${Math.random().toString(36).substr(2,9)}`}const Nt=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Nt.Translate.toString(e),Nt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:a}=e;return t+" "+n+"ms "+a}}}),rr=new Map([["bold",$.createElement($.Fragment,null,$.createElement("path",{d:"M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128ZM60,112a16,16,0,1,0,16,16A16,16,0,0,0,60,112Zm136,0a16,16,0,1,0,16,16A16,16,0,0,0,196,112Z"}))],["duotone",$.createElement($.Fragment,null,$.createElement("path",{d:"M240,96v64a16,16,0,0,1-16,16H32a16,16,0,0,1-16-16V96A16,16,0,0,1,32,80H224A16,16,0,0,1,240,96Z",opacity:"0.2"}),$.createElement("path",{d:"M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z"}))],["fill",$.createElement($.Fragment,null,$.createElement("path",{d:"M224,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V96A16,16,0,0,0,224,80ZM60,140a12,12,0,1,1,12-12A12,12,0,0,1,60,140Zm68,0a12,12,0,1,1,12-12A12,12,0,0,1,128,140Zm68,0a12,12,0,1,1,12-12A12,12,0,0,1,196,140Z"}))],["light",$.createElement($.Fragment,null,$.createElement("path",{d:"M138,128a10,10,0,1,1-10-10A10,10,0,0,1,138,128ZM60,118a10,10,0,1,0,10,10A10,10,0,0,0,60,118Zm136,0a10,10,0,1,0,10,10A10,10,0,0,0,196,118Z"}))],["regular",$.createElement($.Fragment,null,$.createElement("path",{d:"M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z"}))],["thin",$.createElement($.Fragment,null,$.createElement("path",{d:"M136,128a8,8,0,1,1-8-8A8,8,0,0,1,136,128Zm-76-8a8,8,0,1,0,8,8A8,8,0,0,0,60,120Zm136,0a8,8,0,1,0,8,8A8,8,0,0,0,196,120Z"}))]]),or=new Map([["bold",$.createElement($.Fragment,null,$.createElement("path",{d:"M157.27,21.22a12,12,0,0,0-12.64,1.31L75.88,76H32A20,20,0,0,0,12,96v64a20,20,0,0,0,20,20H75.88l68.75,53.47A12,12,0,0,0,164,224V32A12,12,0,0,0,157.27,21.22ZM36,100H68v56H36Zm104,99.46L92,162.13V93.87l48-37.33ZM212,128a44,44,0,0,1-11,29.11,12,12,0,1,1-18-15.88,20,20,0,0,0,0-26.43,12,12,0,0,1,18-15.86A43.94,43.94,0,0,1,212,128Zm40,0a83.87,83.87,0,0,1-21.39,56,12,12,0,0,1-17.89-16,60,60,0,0,0,0-80,12,12,0,1,1,17.88-16A83.87,83.87,0,0,1,252,128Z"}))],["duotone",$.createElement($.Fragment,null,$.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),$.createElement("path",{d:"M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55Zm54-106.08a40,40,0,0,1,0,52.88,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,0,1,12-10.58ZM248,128a79.9,79.9,0,0,1-20.37,53.34,8,8,0,0,1-11.92-10.67,64,64,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67A79.83,79.83,0,0,1,248,128Z"}))],["fill",$.createElement($.Fragment,null,$.createElement("path",{d:"M160,32.25V223.69a8.29,8.29,0,0,1-3.91,7.18,8,8,0,0,1-9-.56l-65.57-51A4,4,0,0,1,80,176.16V79.84a4,4,0,0,1,1.55-3.15l65.57-51a8,8,0,0,1,10,.16A8.27,8.27,0,0,1,160,32.25ZM60,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H60a4,4,0,0,0,4-4V84A4,4,0,0,0,60,80Zm126.77,20.84a8,8,0,0,0-.72,11.3,24,24,0,0,1,0,31.72,8,8,0,1,0,12,10.58,40,40,0,0,0,0-52.88A8,8,0,0,0,186.74,100.84Zm40.89-26.17a8,8,0,1,0-11.92,10.66,64,64,0,0,1,0,85.34,8,8,0,1,0,11.92,10.66,80,80,0,0,0,0-106.66Z"}))],["light",$.createElement($.Fragment,null,$.createElement("path",{d:"M154.64,26.61a6,6,0,0,0-6.32.65L77.94,82H32A14,14,0,0,0,18,96v64a14,14,0,0,0,14,14H77.94l70.38,54.74A6,6,0,0,0,158,224V32A6,6,0,0,0,154.64,26.61ZM30,160V96a2,2,0,0,1,2-2H74v68H32A2,2,0,0,1,30,160Zm116,51.73L86,165.07V90.93l60-46.66Zm50.53-108.85a38,38,0,0,1,0,50.24,6,6,0,1,1-9-7.94,26,26,0,0,0,0-34.37,6,6,0,0,1,9-7.93ZM246,128a77.86,77.86,0,0,1-19.86,52,6,6,0,1,1-8.94-8,66,66,0,0,0,0-88,6,6,0,1,1,8.94-8A77.86,77.86,0,0,1,246,128Z"}))],["regular",$.createElement($.Fragment,null,$.createElement("path",{d:"M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55Zm54-106.08a40,40,0,0,1,0,52.88,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,0,1,12-10.58ZM248,128a79.9,79.9,0,0,1-20.37,53.34,8,8,0,0,1-11.92-10.67,64,64,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67A79.83,79.83,0,0,1,248,128Z"}))],["thin",$.createElement($.Fragment,null,$.createElement("path",{d:"M153.76,28.41a4,4,0,0,0-4.22.43L78.63,84H32A12,12,0,0,0,20,96v64a12,12,0,0,0,12,12H78.63l70.91,55.16A4.07,4.07,0,0,0,152,228a3.92,3.92,0,0,0,1.76-.41A4,4,0,0,0,156,224V32A4,4,0,0,0,153.76,28.41ZM28,160V96a4,4,0,0,1,4-4H76v72H32A4,4,0,0,1,28,160Zm120,55.82L84,166V90l64-49.78Zm47-111.61a36,36,0,0,1,0,47.59,4,4,0,1,1-6-5.3,28,28,0,0,0,0-37,4,4,0,0,1,6-5.28ZM244,128a75.88,75.88,0,0,1-19.35,50.67,4,4,0,0,1-6-5.34,68,68,0,0,0,0-90.66,4,4,0,0,1,6-5.34A75.88,75.88,0,0,1,244,128Z"}))]]),sr=new Map([["bold",$.createElement($.Fragment,null,$.createElement("path",{d:"M157.27,21.22a12,12,0,0,0-12.64,1.31L75.88,76H32A20,20,0,0,0,12,96v64a20,20,0,0,0,20,20H75.88l68.75,53.47A12,12,0,0,0,164,224V32A12,12,0,0,0,157.27,21.22ZM36,100H68v56H36Zm104,99.46L92,162.13V93.87l48-37.33ZM212,128a44,44,0,0,1-11,29.11,12,12,0,0,1-18-15.88,20,20,0,0,0,0-26.44,12,12,0,0,1,18-15.85A43.94,43.94,0,0,1,212,128Z"}))],["duotone",$.createElement($.Fragment,null,$.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),$.createElement("path",{d:"M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55ZM208,128a39.93,39.93,0,0,1-10,26.46,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,1,1,12-10.58A40,40,0,0,1,208,128Z"}))],["fill",$.createElement($.Fragment,null,$.createElement("path",{d:"M160,32.25V223.69a8.29,8.29,0,0,1-3.91,7.18,8,8,0,0,1-9-.56l-65.57-51A4,4,0,0,1,80,176.16V79.84a4,4,0,0,1,1.55-3.15l65.57-51a8,8,0,0,1,10,.16A8.27,8.27,0,0,1,160,32.25ZM60,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H60a4,4,0,0,0,4-4V84A4,4,0,0,0,60,80ZM198,101.56a8,8,0,1,0-12,10.58,24,24,0,0,1,0,31.72,8,8,0,1,0,12,10.58,40,40,0,0,0,0-52.88Z"}))],["light",$.createElement($.Fragment,null,$.createElement("path",{d:"M154.64,26.61a6,6,0,0,0-6.32.65L77.94,82H32A14,14,0,0,0,18,96v64a14,14,0,0,0,14,14H77.94l70.38,54.74A6,6,0,0,0,158,224V32A6,6,0,0,0,154.64,26.61ZM30,160V96a2,2,0,0,1,2-2H74v68H32A2,2,0,0,1,30,160Zm116,51.73L86,165.07V90.93l60-46.66ZM206,128a37.94,37.94,0,0,1-9.5,25.14,6,6,0,1,1-9-7.94,26,26,0,0,0,0-34.37,6,6,0,0,1,9-7.93A38,38,0,0,1,206,128Z"}))],["regular",$.createElement($.Fragment,null,$.createElement("path",{d:"M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55ZM208,128a39.93,39.93,0,0,1-10,26.46,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,1,1,12-10.58A40,40,0,0,1,208,128Z"}))],["thin",$.createElement($.Fragment,null,$.createElement("path",{d:"M153.76,28.41a4,4,0,0,0-4.22.43L78.63,84H32A12,12,0,0,0,20,96v64a12,12,0,0,0,12,12H78.63l70.91,55.16A4.07,4.07,0,0,0,152,228a3.92,3.92,0,0,0,1.76-.41A4,4,0,0,0,156,224V32A4,4,0,0,0,153.76,28.41ZM28,160V96a4,4,0,0,1,4-4H76v72H32A4,4,0,0,1,28,160Zm120,55.82L84,166V90l64-49.78ZM204,128a36,36,0,0,1-9,23.82,4,4,0,1,1-6-5.3,28,28,0,0,0,0-37,4,4,0,0,1,6-5.28A36,36,0,0,1,204,128Z"}))]]),ir=new Map([["bold",$.createElement($.Fragment,null,$.createElement("path",{d:"M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"}))],["duotone",$.createElement($.Fragment,null,$.createElement("path",{d:"M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",opacity:"0.2"}),$.createElement("path",{d:"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"}))],["fill",$.createElement($.Fragment,null,$.createElement("path",{d:"M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z"}))],["light",$.createElement($.Fragment,null,$.createElement("path",{d:"M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z"}))],["regular",$.createElement($.Fragment,null,$.createElement("path",{d:"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"}))],["thin",$.createElement($.Fragment,null,$.createElement("path",{d:"M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z"}))]]),lr=s.createContext({color:"currentColor",size:"1em",weight:"regular",mirrored:!1}),vt=$.forwardRef((e,t)=>{const{alt:n,color:a,size:r,weight:o,mirrored:i,children:l,weights:c,...u}=e,{color:m="currentColor",size:h,weight:p="regular",mirrored:f=!1,...b}=$.useContext(lr);return $.createElement("svg",{ref:t,xmlns:"http://www.w3.org/2000/svg",width:r??h,height:r??h,fill:a??m,viewBox:"0 0 256 256",transform:i||f?"scale(-1, 1)":void 0,...b,...u},!!n&&$.createElement("title",null,n),l,c.get(o??p))});vt.displayName="IconBase";const Un=$.forwardRef((e,t)=>$.createElement(vt,{ref:t,...e,weights:rr}));Un.displayName="DotsThreeIcon";const Kn=$.forwardRef((e,t)=>$.createElement(vt,{ref:t,...e,weights:or}));Kn.displayName="SpeakerHighIcon";const qn=$.forwardRef((e,t)=>$.createElement(vt,{ref:t,...e,weights:sr}));qn.displayName="SpeakerLowIcon";const Jn=$.forwardRef((e,t)=>$.createElement(vt,{ref:t,...e,weights:ir}));Jn.displayName="XIcon";const cr=Jn;D.span`
|
|
2
2
|
font-family: 'Courier New', Monaco, monospace;
|
|
3
3
|
font-size: 1rem;
|
|
4
4
|
font-weight: 600;
|
|
@@ -45,25 +45,25 @@
|
|
|
45
45
|
min-width: 1.75rem;
|
|
46
46
|
min-height: 1.75rem;
|
|
47
47
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
48
|
-
`;var
|
|
48
|
+
`;var ur=D.div`
|
|
49
49
|
display: inline-flex;
|
|
50
50
|
align-items: center;
|
|
51
51
|
gap: 0.5rem;
|
|
52
|
-
`,
|
|
52
|
+
`,dr=D.input`
|
|
53
53
|
cursor: pointer;
|
|
54
54
|
accent-color: ${e=>e.theme.inputFocusBorder};
|
|
55
55
|
|
|
56
56
|
&:disabled {
|
|
57
57
|
cursor: not-allowed;
|
|
58
58
|
}
|
|
59
|
-
`,
|
|
59
|
+
`,fr=D.label`
|
|
60
60
|
margin: 0;
|
|
61
61
|
cursor: pointer;
|
|
62
62
|
user-select: none;
|
|
63
63
|
font-family: ${e=>e.theme.fontFamily};
|
|
64
64
|
font-size: ${e=>e.theme.fontSize};
|
|
65
65
|
color: ${e=>e.theme.textColor};
|
|
66
|
-
`,
|
|
66
|
+
`,He=D.button`
|
|
67
67
|
padding: 0.5rem 1rem;
|
|
68
68
|
background: ${e=>e.theme.buttonBackground||"#007bff"};
|
|
69
69
|
color: ${e=>e.theme.buttonText||"white"};
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
cursor: not-allowed;
|
|
90
90
|
opacity: 0.6;
|
|
91
91
|
}
|
|
92
|
-
`,
|
|
92
|
+
`,Qn=D.input`
|
|
93
93
|
padding: 0.5rem 0.75rem;
|
|
94
94
|
font-family: ${e=>e.theme.fontFamily};
|
|
95
95
|
font-size: ${e=>e.theme.fontSize};
|
|
@@ -113,10 +113,10 @@
|
|
|
113
113
|
opacity: 0.6;
|
|
114
114
|
cursor: not-allowed;
|
|
115
115
|
}
|
|
116
|
-
`;D(
|
|
116
|
+
`;D(Qn)`
|
|
117
117
|
padding: 0.25rem 0.5rem;
|
|
118
118
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
119
|
-
`;var
|
|
119
|
+
`;var mr=D.label`
|
|
120
120
|
font-family: ${e=>e.theme.fontFamily};
|
|
121
121
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
122
122
|
font-weight: 500;
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
align-items: center;
|
|
132
132
|
gap: 0.5rem;
|
|
133
133
|
cursor: pointer;
|
|
134
|
-
`;var
|
|
134
|
+
`;var hr=D.span`
|
|
135
135
|
position: absolute;
|
|
136
136
|
width: 1px;
|
|
137
137
|
height: 1px;
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
clip: rect(0, 0, 0, 0);
|
|
142
142
|
white-space: nowrap;
|
|
143
143
|
border: 0;
|
|
144
|
-
`,
|
|
144
|
+
`,ea=D.select`
|
|
145
145
|
padding: 0.5rem 2rem 0.5rem 0.75rem;
|
|
146
146
|
font-family: ${e=>e.theme.fontFamily};
|
|
147
147
|
font-size: ${e=>e.theme.fontSize};
|
|
@@ -172,10 +172,10 @@
|
|
|
172
172
|
color: ${e=>e.theme.inputText};
|
|
173
173
|
background-color: ${e=>e.theme.inputBackground};
|
|
174
174
|
}
|
|
175
|
-
`;D(
|
|
175
|
+
`;D(ea)`
|
|
176
176
|
padding: 0.25rem 1.75rem 0.25rem 0.5rem;
|
|
177
177
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
178
|
-
`;var
|
|
178
|
+
`;var ta=D.input.attrs({type:"range"})`
|
|
179
179
|
-webkit-appearance: none;
|
|
180
180
|
appearance: none;
|
|
181
181
|
width: 100%;
|
|
@@ -251,7 +251,7 @@
|
|
|
251
251
|
&:disabled::-moz-range-thumb {
|
|
252
252
|
cursor: not-allowed;
|
|
253
253
|
}
|
|
254
|
-
`,
|
|
254
|
+
`,pr=({checked:e,onChange:t,disabled:n=!1,className:a})=>{const r=o=>{t(o.target.checked)};return y.jsxs(ur,{className:a,children:[y.jsx(dr,{type:"checkbox",id:"automatic-scroll",className:"automatic-scroll",checked:e,onChange:r,disabled:n}),y.jsx(fr,{htmlFor:"automatic-scroll",children:"Automatic Scroll"})]})};function na(e){return typeof e=="object"&&e!==null&&"type"in e}function nt(e){if(!na(e))return e;const t=e.direction==="vertical"?"to bottom":"to right",n=e.stops.map(a=>`${a.color} ${a.offset*100}%`).join(", ");return`linear-gradient(${t}, ${n})`}var aa={waveformDrawMode:"inverted",waveOutlineColor:"#ffffff",waveFillColor:"#1a7f8e",waveProgressColor:"rgba(0, 0, 0, 0.10)",selectedWaveOutlineColor:"#ffffff",selectedWaveFillColor:"#00b4d8",selectedTrackControlsBackground:"#d9e9ff",timeColor:"#000",timescaleBackgroundColor:"#fff",playheadColor:"#f00",selectionColor:"rgba(255, 105, 180, 0.7)",loopRegionColor:"rgba(59, 130, 246, 0.3)",loopMarkerColor:"#3b82f6",clipHeaderBackgroundColor:"rgba(0, 0, 0, 0.1)",clipHeaderBorderColor:"rgba(0, 0, 0, 0.2)",clipHeaderTextColor:"#333",clipHeaderFontFamily:"inherit",selectedClipHeaderBackgroundColor:"#b3d9ff",fadeOverlayColor:"rgba(0, 0, 0, 0.4)",backgroundColor:"#ffffff",surfaceColor:"#f5f5f5",borderColor:"#ddd",textColor:"#333",textColorMuted:"#666",inputBackground:"#ffffff",inputBorder:"#ccc",inputText:"#333",inputPlaceholder:"#999",inputFocusBorder:"#0066cc",buttonBackground:"#0091ff",buttonText:"#ffffff",buttonBorder:"#0081e6",buttonHoverBackground:"#0081e6",sliderTrackColor:"#ddd",sliderThumbColor:"#daa520",annotationBoxBackground:"rgba(255, 255, 255, 0.85)",annotationBoxActiveBackground:"rgba(255, 255, 255, 0.95)",annotationBoxHoverBackground:"rgba(255, 255, 255, 0.98)",annotationBoxBorder:"#ff9800",annotationBoxActiveBorder:"#d67600",annotationLabelColor:"#2a2a2a",annotationResizeHandleColor:"rgba(0, 0, 0, 0.4)",annotationResizeHandleActiveColor:"rgba(0, 0, 0, 0.8)",annotationTextItemHoverBackground:"rgba(0, 0, 0, 0.03)",borderRadius:"4px",fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif',fontSize:"14px",fontSizeSmall:"12px"},gr=class{constructor(){this._state=null,this._listeners=new Set,this.subscribe=e=>(this._listeners.add(e),()=>this._listeners.delete(e)),this.getSnapshot=()=>this._state}update(e,t){const n=t*1.5,a=Math.max(0,e-n),r=e+t+n;if(!(this._state&&this._state.containerWidth===t&&Math.abs(this._state.scrollLeft-e)<100)){this._state={scrollLeft:e,containerWidth:t,visibleStart:a,visibleEnd:r};for(const o of this._listeners)o()}}},ra=s.createContext(null),br=()=>()=>{},vr=({containerRef:e,children:t})=>{const n=s.useRef(null);n.current===null&&(n.current=new gr);const a=n.current,r=s.useRef(null),o=s.useCallback(()=>{const l=e.current;l&&a.update(l.scrollLeft,l.clientWidth)},[e,a]),i=s.useCallback(()=>{r.current===null&&(r.current=requestAnimationFrame(()=>{r.current=null,o()}))},[o]);return s.useEffect(()=>{const l=e.current;if(!l)return;o(),l.addEventListener("scroll",i,{passive:!0});const c=new ResizeObserver(()=>{i()});return c.observe(l),()=>{l.removeEventListener("scroll",i),c.disconnect(),r.current!==null&&(cancelAnimationFrame(r.current),r.current=null)}},[e,o,i]),y.jsx(ra.Provider,{value:a,children:t})};function yr(e){const t=s.useContext(ra);return s.useSyncExternalStore(t?t.subscribe:br,()=>e(t?t.getSnapshot():null),()=>e(null))}function qt(e,t){const n=yr(a=>{const r=Math.ceil(e/t),o=[];for(let i=0;i<r;i++){const l=i*t,c=Math.min(e-l,t);a&&(l+c<=a.visibleStart||l>=a.visibleEnd)||o.push(i)}return o.join(",")});return s.useMemo(()=>n?n.split(",").map(Number):[],[n])}function Jt(){const e=s.useRef(new Map),t=s.useCallback(n=>{if(n!==null){const a=parseInt(n.dataset.index,10);e.current.set(a,n)}},[]);return s.useEffect(()=>{const n=e.current;for(const[a,r]of n.entries())r.isConnected||n.delete(a)}),{canvasRef:t,canvasMapRef:e}}function Cr(e,t,n,a){if(!na(t))return t;let r;t.direction==="vertical"?r=e.createLinearGradient(0,0,0,a):r=e.createLinearGradient(0,0,n,0);for(const o of t.stops)r.addColorStop(o.offset,o.color);return r}var wr=D.canvas.attrs(e=>({style:{width:`${e.$cssWidth}px`,height:`${e.$waveHeight}px`,left:`${e.$left}px`}}))`
|
|
255
255
|
position: absolute;
|
|
256
256
|
top: 0;
|
|
257
257
|
/* Promote to own compositing layer for smoother scrolling */
|
|
@@ -259,15 +259,15 @@
|
|
|
259
259
|
/* Disable image rendering interpolation */
|
|
260
260
|
image-rendering: pixelated;
|
|
261
261
|
image-rendering: crisp-edges;
|
|
262
|
-
`,
|
|
262
|
+
`,xr=D.div.attrs(e=>({style:{top:`${e.$waveHeight*e.$index}px`,width:`${e.$cssWidth}px`,height:`${e.$waveHeight}px`}}))`
|
|
263
263
|
position: absolute;
|
|
264
264
|
background: ${e=>e.$waveFillColor};
|
|
265
265
|
/* Force GPU compositing layer to reduce scroll flickering */
|
|
266
266
|
transform: translateZ(0);
|
|
267
267
|
backface-visibility: hidden;
|
|
268
|
-
`,
|
|
268
|
+
`,Mn=e=>{const{data:t,bits:n,length:a,index:r,className:o,devicePixelRatio:i=1,waveHeight:l=80,waveOutlineColor:c="#E0EFF1",waveFillColor:u="grey",barWidth:m=1,barGap:h=0,transparentBackground:p=!1,drawMode:f="inverted"}=e,{canvasRef:b,canvasMapRef:C}=Jt(),g=qt(a,Se);s.useLayoutEffect(()=>{const v=m+h;for(const[k,S]of C.current.entries()){const M=k*Se,I=S.getContext("2d"),E=Math.floor(l/2),_=2**(n-1);if(I){I.resetTransform(),I.clearRect(0,0,S.width,S.height),I.imageSmoothingEnabled=!1,I.scale(i,i);const A=S.width/i;let T;f==="normal"?T=u:T=c,I.fillStyle=Cr(I,T,A,l);const R=M,W=M+A,X=Math.floor((R-m+v)/v)*v;for(let G=Math.max(0,X);G<W;G+=v){const P=G-R;if(P+m<=0)continue;const N=G;if(N*2+1<t.length){const L=t[N*2]/_,ae=t[N*2+1]/_,J=Math.abs(L*E),ue=Math.abs(ae*E);f==="normal"?I.fillRect(P,E-ue,m,ue+J):(I.fillRect(P,0,m,E-ue),I.fillRect(P,E+J,m,E-J))}}}}},[C,t,n,l,c,u,i,a,m,h,f,g]);const d=g.map(v=>{const k=v*Se,S=Math.min(a-k,Se);return y.jsx(wr,{$cssWidth:S,$left:k,width:S*i,height:l*i,$waveHeight:l,"data-index":v,ref:b},`${a}-${v}`)}),w=p?"transparent":nt(u);return y.jsx(xr,{$index:r,$cssWidth:a,className:o,$waveHeight:l,$waveFillColor:w,children:d})},kr={padding:"16px",background:"#1a1a2e",color:"#e0e0e0",border:"1px solid #d08070",borderRadius:"4px",fontFamily:"monospace",fontSize:"13px",minHeight:"60px",display:"flex",alignItems:"center",justifyContent:"center"};(class extends s.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){console.error("[waveform-playlist] Render error:",e,t.componentStack)}render(){return this.state.hasError?this.props.fallback?this.props.fallback:y.jsx("div",{style:kr,children:"Waveform playlist encountered an error. Check console for details."}):this.props.children}});var oa=22,sa=D.div`
|
|
269
269
|
position: relative;
|
|
270
|
-
height: ${
|
|
270
|
+
height: ${oa}px;
|
|
271
271
|
background: ${e=>e.$isSelected?e.theme.selectedClipHeaderBackgroundColor:e.theme.clipHeaderBackgroundColor};
|
|
272
272
|
border-bottom: 1px solid ${e=>e.theme.clipHeaderBorderColor};
|
|
273
273
|
display: flex;
|
|
@@ -289,7 +289,7 @@
|
|
|
289
289
|
cursor: grabbing;
|
|
290
290
|
}
|
|
291
291
|
`}
|
|
292
|
-
`,
|
|
292
|
+
`,ia=D.span`
|
|
293
293
|
font-size: 11px;
|
|
294
294
|
font-weight: 600;
|
|
295
295
|
font-family: ${e=>e.theme.clipHeaderFontFamily};
|
|
@@ -297,12 +297,12 @@
|
|
|
297
297
|
white-space: nowrap;
|
|
298
298
|
overflow: hidden;
|
|
299
299
|
text-overflow: ellipsis;
|
|
300
|
-
`,
|
|
300
|
+
`,Sr=({trackName:e,isSelected:t=!1})=>y.jsx(sa,{$isDragging:!1,$interactive:!1,$isSelected:t,children:y.jsx(ia,{children:e})}),Ir=({clipId:e,trackIndex:t,clipIndex:n,trackName:a,isSelected:r=!1,disableDrag:o=!1,dragHandleProps:i})=>{if(o||!i)return y.jsx(Sr,{trackName:a,isSelected:r});const{attributes:l,listeners:c,setActivatorNodeRef:u}=i;return y.jsx(sa,{ref:u,"data-clip-id":e,$interactive:!0,$isSelected:r,...c,...l,children:y.jsx(ia,{children:a})})},Ar=8,Mr=24,_r=D.div`
|
|
301
301
|
position: absolute;
|
|
302
302
|
${e=>e.$edge==="left"?"left: 0;":"right: 0;"}
|
|
303
303
|
top: 0;
|
|
304
304
|
bottom: 0;
|
|
305
|
-
width: ${e=>e.$touchOptimized?
|
|
305
|
+
width: ${e=>e.$touchOptimized?Mr:Ar}px;
|
|
306
306
|
cursor: col-resize;
|
|
307
307
|
user-select: none;
|
|
308
308
|
z-index: 105; /* Above waveform, below header */
|
|
@@ -325,19 +325,19 @@
|
|
|
325
325
|
background: rgba(255, 255, 255, 0.4);
|
|
326
326
|
${e=>e.$edge==="left"?"border-left: 2px solid rgba(255, 255, 255, 0.8);":"border-right: 2px solid rgba(255, 255, 255, 0.8);"}
|
|
327
327
|
}
|
|
328
|
-
`,
|
|
328
|
+
`,_n=({clipId:e,trackIndex:t,clipIndex:n,edge:a,dragHandleProps:r,touchOptimized:o=!1})=>{const[i,l]=s.useState(!1);if(!r)return null;const{attributes:c,listeners:u,setActivatorNodeRef:m,isDragging:h}=r;return y.jsx(_r,{ref:m,"data-clip-id":e,"data-boundary-edge":a,$edge:a,$isDragging:h,$isHovered:i,$touchOptimized:o,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),...u,...c})},Er=D.div.attrs(e=>({style:{left:`${e.$left}px`,width:`${e.$width}px`}}))`
|
|
329
329
|
position: absolute;
|
|
330
330
|
top: 0;
|
|
331
331
|
bottom: 0;
|
|
332
332
|
pointer-events: none;
|
|
333
333
|
z-index: 50;
|
|
334
|
-
|
|
334
|
+
`,$r=D.svg`
|
|
335
335
|
width: 100%;
|
|
336
336
|
height: 100%;
|
|
337
337
|
display: block;
|
|
338
338
|
/* Flip horizontally for fadeOut - makes it mirror of fadeIn */
|
|
339
339
|
transform: ${e=>e.$type==="fadeOut"?"scaleX(-1)":"none"};
|
|
340
|
-
`;function
|
|
340
|
+
`;function Tr(e,t,n="logarithmic"){const a=[],r=Math.max(20,Math.min(e,100));for(let o=0;o<=r;o++){const i=o/r*e,l=o/r;let c;switch(n){case"linear":c=l;break;case"exponential":c=l*l;break;case"sCurve":c=(1-Math.cos(l*Math.PI))/2;break;case"logarithmic":default:c=Math.log10(1+l*9)/Math.log10(10);break}const u=(1-c)*t;a.push(`${i},${u}`)}return`M 0,${t} L ${a.join(" L ")} L ${e},0 L 0,0 Z`}var En=({left:e,width:t,type:n,curveType:a="logarithmic",color:r})=>{const o=D.useTheme();if(t<1)return null;const i=r||o?.fadeOverlayColor||"rgba(0, 0, 0, 0.4)";return y.jsx(Er,{$left:e,$width:t,$type:n,children:y.jsx($r,{$type:n,viewBox:`0 0 ${t} 100`,preserveAspectRatio:"none",children:y.jsx("path",{d:Tr(t,100,a),fill:i})})})},Rr=D.div.attrs(e=>({style:e.$isOverlay?{}:{left:`${e.$left}px`,width:`${e.$width}px`}}))`
|
|
341
341
|
position: ${e=>e.$isOverlay?"relative":"absolute"};
|
|
342
342
|
top: 0;
|
|
343
343
|
height: ${e=>e.$isOverlay?"auto":"100%"};
|
|
@@ -351,20 +351,20 @@
|
|
|
351
351
|
&:hover {
|
|
352
352
|
background: rgba(255, 255, 255, 0.08);
|
|
353
353
|
}
|
|
354
|
-
`,
|
|
354
|
+
`,Dr=D.div`
|
|
355
355
|
flex: 1;
|
|
356
356
|
position: relative;
|
|
357
357
|
overflow: ${e=>e.$isOverlay?"visible":"hidden"};
|
|
358
|
-
`,
|
|
358
|
+
`,Yt=({children:e,className:t,clipId:n,trackIndex:a,clipIndex:r,trackName:o,startSample:i,durationSamples:l,samplesPerPixel:c,showHeader:u=!1,disableHeaderDrag:m=!1,isOverlay:h=!1,isSelected:p=!1,onMouseDown:f,trackId:b,fadeIn:C,fadeOut:g,sampleRate:d=44100,showFades:x=!1,touchOptimized:w=!1})=>{const v=Math.floor(i/c),S=Math.floor((i+l)/c)-v,M=u&&!m&&!h,I=`clip-${a}-${r}`,{attributes:E,listeners:_,setNodeRef:A,setActivatorNodeRef:T,transform:R,isDragging:W}=Ne.useDraggable({id:I,data:{clipId:n,trackIndex:a,clipIndex:r},disabled:!M}),X=`clip-boundary-left-${a}-${r}`,{attributes:G,listeners:P,setActivatorNodeRef:N,isDragging:L}=Ne.useDraggable({id:X,data:{clipId:n,trackIndex:a,clipIndex:r,boundary:"left"},disabled:!M}),ae=`clip-boundary-right-${a}-${r}`,{attributes:J,listeners:ue,setActivatorNodeRef:ie,isDragging:ve}=Ne.useDraggable({id:ae,data:{clipId:n,trackIndex:a,clipIndex:r,boundary:"right"},disabled:!M}),le=R?{transform:Nt.Translate.toString(R),zIndex:W?100:void 0}:void 0;return y.jsxs(Rr,{ref:A,style:le,className:t,$left:v,$width:S,$isOverlay:h,"data-clip-container":"true","data-track-id":b,onMouseDown:f,children:[u&&y.jsx(Ir,{clipId:n,trackIndex:a,clipIndex:r,trackName:o,isSelected:p,disableDrag:m,dragHandleProps:M?{attributes:E,listeners:_,setActivatorNodeRef:T}:void 0}),y.jsxs(Dr,{$isOverlay:h,children:[e,x&&C&&C.duration>0&&y.jsx(En,{left:0,width:Math.floor(C.duration*d/c),type:"fadeIn",curveType:C.type}),x&&g&&g.duration>0&&y.jsx(En,{left:S-Math.floor(g.duration*d/c),width:Math.floor(g.duration*d/c),type:"fadeOut",curveType:g.type})]}),u&&!m&&!h&&y.jsxs(y.Fragment,{children:[y.jsx(_n,{clipId:n,trackIndex:a,clipIndex:r,edge:"left",touchOptimized:w,dragHandleProps:{attributes:G,listeners:P,setActivatorNodeRef:N,isDragging:L}}),y.jsx(_n,{clipId:n,trackIndex:a,clipIndex:r,edge:"right",touchOptimized:w,dragHandleProps:{attributes:J,listeners:ue,setActivatorNodeRef:ie,isDragging:ve}})]})]})},Br=D.div`
|
|
359
359
|
display: inline-flex;
|
|
360
360
|
align-items: center;
|
|
361
361
|
gap: 0.5rem;
|
|
362
|
-
`,
|
|
362
|
+
`,Fr=D(mr)`
|
|
363
363
|
margin: 0;
|
|
364
364
|
white-space: nowrap;
|
|
365
|
-
`,
|
|
365
|
+
`,Wr=D(ta)`
|
|
366
366
|
width: 120px;
|
|
367
|
-
`,
|
|
367
|
+
`,Pr=({volume:e,onChange:t,disabled:n=!1,className:a})=>{const r=o=>{t(parseFloat(o.target.value)/100)};return y.jsxs(Br,{className:a,children:[y.jsx(Fr,{htmlFor:"master-gain",children:"Master Volume"}),y.jsx(Wr,{min:"0",max:"100",value:e*100,onChange:r,disabled:n,id:"master-gain"})]})};D.div.attrs(e=>({style:{transform:`translate3d(${e.$position}px, 0, 0)`}}))`
|
|
368
368
|
position: absolute;
|
|
369
369
|
top: 0;
|
|
370
370
|
left: 0;
|
|
@@ -398,23 +398,23 @@
|
|
|
398
398
|
width: 2px;
|
|
399
399
|
height: 100%;
|
|
400
400
|
background: ${e=>e.$color};
|
|
401
|
-
`;var
|
|
401
|
+
`;var Zr=D.div`
|
|
402
402
|
overflow-y: hidden;
|
|
403
403
|
overflow-x: auto;
|
|
404
404
|
position: relative;
|
|
405
|
-
`,
|
|
405
|
+
`,Vr=D.div.attrs(e=>({style:e.$width!==void 0?{width:`${e.$width}px`}:{}}))`
|
|
406
406
|
position: relative;
|
|
407
407
|
background: ${e=>e.$backgroundColor||"transparent"};
|
|
408
|
-
`,
|
|
408
|
+
`,jr=D.div.attrs(e=>({style:e.$width?{minWidth:`${e.$width}px`}:{}}))`
|
|
409
409
|
background: ${e=>e.$backgroundColor||"white"};
|
|
410
410
|
width: 100%;
|
|
411
411
|
position: relative;
|
|
412
412
|
overflow: hidden; /* Constrain loop region to timescale area */
|
|
413
|
-
`,
|
|
413
|
+
`,Lr=D.div.attrs(e=>({style:e.$width!==void 0?{minWidth:`${e.$width}px`}:{}}))`
|
|
414
414
|
position: relative;
|
|
415
415
|
background: ${e=>e.$backgroundColor||"transparent"};
|
|
416
416
|
width: 100%;
|
|
417
|
-
`,
|
|
417
|
+
`,zr=D.div`
|
|
418
418
|
position: absolute;
|
|
419
419
|
top: 0;
|
|
420
420
|
left: 0;
|
|
@@ -423,7 +423,7 @@
|
|
|
423
423
|
cursor: crosshair;
|
|
424
424
|
/* When selecting, raise z-index above clip boundaries (z-index: 105) to prevent interference */
|
|
425
425
|
z-index: ${e=>e.$isSelecting?110:1};
|
|
426
|
-
`,
|
|
426
|
+
`,Qt=({children:e,backgroundColor:t,timescaleBackgroundColor:n,timescale:a,timescaleWidth:r,tracksWidth:o,scrollContainerWidth:i,controlsWidth:l,onTracksClick:c,onTracksMouseDown:u,onTracksMouseMove:m,onTracksMouseUp:h,scrollContainerRef:p,isSelecting:f,"data-playlist-state":b})=>{const C=s.useRef(null),g=s.useCallback(d=>{C.current=d,p?.(d)},[p]);return y.jsx(Zr,{"data-scroll-container":"true","data-playlist-state":b,ref:g,children:y.jsx(vr,{containerRef:C,children:y.jsxs(Vr,{$backgroundColor:t,$width:i,children:[a&&y.jsx(jr,{$width:r,$backgroundColor:n,children:a}),y.jsxs(Lr,{$width:o,$backgroundColor:t,children:[e,(c||u)&&y.jsx(zr,{$controlsWidth:l,$isSelecting:f,onClick:c,onMouseDown:u,onMouseMove:m,onMouseUp:h})]})]})})})};D.withTheme(Qt);var Hr=D.div.attrs(e=>({style:{left:`${e.$left}px`,width:`${e.$width}px`}}))`
|
|
427
427
|
position: absolute;
|
|
428
428
|
top: 0;
|
|
429
429
|
background: ${e=>e.$color};
|
|
@@ -431,7 +431,7 @@
|
|
|
431
431
|
z-index: 60; /* Above clips (z-index: 10) and fades (z-index: 50), below playhead (z-index: 100) */
|
|
432
432
|
pointer-events: none;
|
|
433
433
|
opacity: 0.3;
|
|
434
|
-
`,
|
|
434
|
+
`,la=({startPosition:e,endPosition:t,color:n="#00ff00"})=>{const a=Math.max(0,t-e);return a<=0?null:y.jsx(Hr,{$left:e,$width:a,$color:n,"data-selection":!0})};D.div.attrs(e=>({style:{left:`${e.$left}px`,width:`${e.$width}px`}}))`
|
|
435
435
|
position: absolute;
|
|
436
436
|
top: 0;
|
|
437
437
|
background: ${e=>e.$color};
|
|
@@ -458,7 +458,7 @@
|
|
|
458
458
|
border-top: 8px solid ${e=>e.$color};
|
|
459
459
|
${e=>e.$isStart?"border-right: 8px solid transparent;":"border-left: 8px solid transparent;"}
|
|
460
460
|
}
|
|
461
|
-
`;var
|
|
461
|
+
`;var $n=D.div.attrs(e=>({style:{left:`${e.$left}px`}}))`
|
|
462
462
|
position: absolute;
|
|
463
463
|
top: 0;
|
|
464
464
|
width: 12px;
|
|
@@ -495,7 +495,7 @@
|
|
|
495
495
|
&:hover::before {
|
|
496
496
|
opacity: 1;
|
|
497
497
|
}
|
|
498
|
-
`,
|
|
498
|
+
`,Xr=D.div.attrs(e=>({style:{left:`${e.$left}px`,width:`${e.$width}px`}}))`
|
|
499
499
|
position: absolute;
|
|
500
500
|
top: 0;
|
|
501
501
|
height: 100%;
|
|
@@ -506,26 +506,26 @@
|
|
|
506
506
|
&:active {
|
|
507
507
|
cursor: grabbing;
|
|
508
508
|
}
|
|
509
|
-
`,
|
|
509
|
+
`,Or=({startPosition:e,endPosition:t,markerColor:n="#3b82f6",regionColor:a="rgba(59, 130, 246, 0.3)",onLoopStartChange:r,onLoopEndChange:o,onLoopRegionMove:i,minPosition:l=0,maxPosition:c=1/0})=>{const[u,m]=s.useState(null),h=s.useRef(0),p=s.useRef(0),f=s.useRef(0),b=Math.max(0,t-e),C=s.useCallback((d,x)=>{d.preventDefault(),d.stopPropagation(),m(x),h.current=d.clientX,p.current=x==="start"?e:t;const w=k=>{const S=k.clientX-h.current,M=p.current+S;if(x==="start"){const I=Math.max(l,Math.min(t-10,M));r?.(I)}else{const I=Math.max(e+10,Math.min(c,M));o?.(I)}},v=()=>{m(null),document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",v)};document.addEventListener("mousemove",w),document.addEventListener("mouseup",v)},[e,t,l,c,r,o]),g=s.useCallback(d=>{d.preventDefault(),d.stopPropagation(),m("region"),h.current=d.clientX,p.current=e,f.current=t;const x=t-e,w=k=>{const S=k.clientX-h.current;let M=p.current+S,I=f.current+S;M<l&&(M=l,I=l+x),I>c&&(I=c,M=c-x),i?.(M,I)},v=()=>{m(null),document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",v)};document.addEventListener("mousemove",w),document.addEventListener("mouseup",v)},[e,t,l,c,i]);return b<=0?null:y.jsxs(y.Fragment,{children:[y.jsx(Xr,{$left:e,$width:b,$color:a,$isDragging:u==="region",onMouseDown:g,"data-loop-region-timescale":!0}),y.jsx($n,{$left:e,$color:n,$isStart:!0,$isDragging:u==="start",onMouseDown:d=>C(d,"start"),"data-loop-marker-handle":"start"}),y.jsx($n,{$left:t,$color:n,$isStart:!1,$isDragging:u==="end",onMouseDown:d=>C(d,"end"),"data-loop-marker-handle":"end"})]})},Gr=D.div.attrs(e=>({style:{left:`${e.$leftOffset||0}px`}}))`
|
|
510
510
|
position: absolute;
|
|
511
511
|
top: 0;
|
|
512
512
|
right: 0;
|
|
513
513
|
height: 100%; /* Stay within timescale bounds, don't extend into tracks */
|
|
514
514
|
cursor: crosshair;
|
|
515
515
|
z-index: 40; /* Below markers and shading */
|
|
516
|
-
`,
|
|
516
|
+
`,Nr=({startPosition:e,endPosition:t,markerColor:n="#3b82f6",regionColor:a="rgba(59, 130, 246, 0.3)",onLoopRegionChange:r,minPosition:o=0,maxPosition:i=1/0,controlsOffset:l=0})=>{const[,c]=s.useState(!1),u=s.useRef(0),m=s.useRef(null),h=t>e,p=s.useCallback(f=>{const b=f.target;if(b.closest("[data-loop-marker-handle]")||b.closest("[data-loop-region-timescale]"))return;f.preventDefault(),c(!0);const C=m.current?.getBoundingClientRect();if(!C)return;const g=f.clientX-C.left,d=Math.max(o,Math.min(i,g));u.current=d,r?.(d,d);const x=v=>{const k=v.clientX-C.left,S=Math.max(o,Math.min(i,k)),M=Math.min(u.current,S),I=Math.max(u.current,S);r?.(M,I)},w=()=>{c(!1),document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",w)};document.addEventListener("mousemove",x),document.addEventListener("mouseup",w)},[o,i,r]);return y.jsx(Gr,{ref:m,$leftOffset:l,onMouseDown:p,"data-timescale-loop-creator":!0,children:h&&y.jsx(Or,{startPosition:e,endPosition:t,markerColor:n,regionColor:a,minPosition:o,maxPosition:i,onLoopStartChange:f=>r?.(f,t),onLoopEndChange:f=>r?.(e,f),onLoopRegionMove:(f,b)=>r?.(f,b)})})};function pt(e,t){const n=Math.floor(e/3600)%24,a=Math.floor(e/60)%60,r=(e%60).toFixed(t);return String(n).padStart(2,"0")+":"+String(a).padStart(2,"0")+":"+r.padStart(t+3,"0")}function ft(e,t){switch(t){case"seconds":return e.toFixed(0);case"thousandths":return e.toFixed(3);case"hh:mm:ss":return pt(e,0);case"hh:mm:ss.u":return pt(e,1);case"hh:mm:ss.uu":return pt(e,2);case"hh:mm:ss.uuu":return pt(e,3);default:return pt(e,3)}}function ca(e,t){if(!e)return 0;switch(t){case"seconds":case"thousandths":return parseFloat(e)||0;case"hh:mm:ss":case"hh:mm:ss.u":case"hh:mm:ss.uu":case"hh:mm:ss.uuu":{const n=e.split(":");if(n.length!==3)return 0;const a=parseInt(n[0],10)||0,r=parseInt(n[1],10)||0,o=parseFloat(n[2])||0;return a*3600+r*60+o}default:return 0}}var Tn=({id:e,label:t,value:n,format:a,className:r,onChange:o,readOnly:i=!1})=>{const[l,c]=s.useState("");s.useEffect(()=>{const p=ft(n,a);c(p)},[n,a,e]);const u=p=>{const f=p.target.value;c(f)},m=()=>{if(o){const p=ca(l,a);o(p)}c(ft(n,a))},h=p=>{p.key==="Enter"&&p.currentTarget.blur()};return y.jsxs(y.Fragment,{children:[y.jsx(hr,{as:"label",htmlFor:e,children:t}),y.jsx(Qn,{type:"text",className:r,id:e,value:l,onChange:u,onBlur:m,onKeyDown:h,readOnly:i})]})},Yr=({selectionStart:e,selectionEnd:t,onSelectionChange:n,className:a})=>{const[r,o]=s.useState("hh:mm:ss.uuu");s.useEffect(()=>{const c=document.querySelector(".time-format"),u=()=>{c&&o(c.value)};return c&&(o(c.value),c.addEventListener("change",u)),()=>{c?.removeEventListener("change",u)}},[]);const i=c=>{n&&n(c,t)},l=c=>{n&&n(e,c)};return y.jsxs("div",{className:a,children:[y.jsx(Tn,{id:"audio_start",label:"Start of audio selection",value:e,format:r,className:"audio-start form-control mr-sm-2",onChange:i}),y.jsx(Tn,{id:"audio_end",label:"End of audio selection",value:t,format:r,className:"audio-end form-control mr-sm-2",onChange:l})]})};function $t(){return window.devicePixelRatio}var ua=s.createContext($t()),da=({children:e})=>{const[t,n]=s.useState($t());return matchMedia(`(resolution: ${$t()}dppx)`).addEventListener("change",()=>{n($t())},{once:!0}),y.jsx(ua.Provider,{value:Math.ceil(t),children:e})},en=()=>s.useContext(ua),yt=s.createContext({sampleRate:48e3,samplesPerPixel:1e3,zoomLevels:[1e3,1500,2e3,2500],waveHeight:80,timeScaleHeight:15,controls:{show:!1,width:150},duration:3e4,barWidth:1,barGap:0}),Bt=()=>s.useContext(yt),Ct=()=>s.useContext(D.ThemeContext),tn=s.createContext(y.jsx(s.Fragment,{})),Ur=()=>s.useContext(tn),Kr=0,qr=!1,Jr=0,Qr=0,eo={progress:Kr,isPlaying:qr,selectionStart:Jr,selectionEnd:Qr};s.createContext(eo);s.createContext({setIsPlaying:()=>{},setProgress:()=>{},setSelection:()=>{}});var to=(e,t,n)=>(e-t)/(n-t),no=D.div.attrs(e=>({style:{top:`${e.$waveHeight*e.$index}px`,width:`${e.$cssWidth}px`,height:`${e.$waveHeight}px`}}))`
|
|
517
517
|
position: absolute;
|
|
518
518
|
background: #000;
|
|
519
519
|
transform: translateZ(0);
|
|
520
520
|
backface-visibility: hidden;
|
|
521
|
-
`,
|
|
521
|
+
`,ao=D.canvas.attrs(e=>({style:{width:`${e.$cssWidth}px`,height:`${e.$waveHeight}px`,left:`${e.$left}px`}}))`
|
|
522
522
|
position: absolute;
|
|
523
523
|
top: 0;
|
|
524
524
|
/* Promote to own compositing layer for smoother scrolling */
|
|
525
525
|
will-change: transform;
|
|
526
526
|
image-rendering: pixelated;
|
|
527
527
|
image-rendering: crisp-edges;
|
|
528
|
-
`;function
|
|
528
|
+
`;function ro(){const e=new Uint8Array(768);for(let t=0;t<256;t++)e[t*3]=e[t*3+1]=e[t*3+2]=t;return e}var oo=ro(),Rn=({index:e,channelIndex:t,data:n,length:a,waveHeight:r,devicePixelRatio:o=1,samplesPerPixel:i,colorLUT:l,frequencyScaleFn:c,minFrequency:u=0,maxFrequency:m,workerApi:h,clipId:p,onCanvasesReady:f})=>{const b=t??e,{canvasRef:C,canvasMapRef:g}=Jt(),d=s.useRef([]),x=s.useRef(new WeakSet),w=s.useRef(h),v=s.useRef(f),k=!!(h&&p),S=qt(a,Se),M=l??oo,I=m??(n?n.sampleRate/2:22050),E=c??to,_=!!c;s.useEffect(()=>{w.current=h},[h]),s.useEffect(()=>{v.current=f},[f]),s.useEffect(()=>{if(!k)return;const T=w.current;if(!T||!p)return;const R=d.current.length,W=[];for(const P of d.current){const N=P.match(/chunk(\d+)$/);if(!N){W.push(P);continue}const L=parseInt(N[1],10),ae=g.current.get(L);if(ae&&ae.isConnected)W.push(P);else try{T.unregisterCanvas(P)}catch(J){console.warn(`[spectrogram] unregisterCanvas failed for ${P}:`,J)}}d.current=W;const X=[];for(const[P,N]of g.current.entries()){if(x.current.has(N))continue;const L=`${p}-ch${b}-chunk${P}`;let ae;try{ae=N.transferControlToOffscreen()}catch(J){console.warn(`[spectrogram] transferControlToOffscreen failed for ${L}:`,J);continue}x.current.add(N);try{T.registerCanvas(L,ae),X.push(L)}catch(J){console.warn(`[spectrogram] registerCanvas failed for ${L}:`,J);continue}}if(X.length>0&&(d.current=[...d.current,...X]),X.length>0||W.length<R){const P=d.current,N=P.map(L=>{const ae=L.match(/chunk(\d+)$/);if(!ae)return console.warn(`[spectrogram] Unexpected canvas ID format: ${L}`),Se;const J=parseInt(ae[1],10);return Math.min(a-J*Se,Se)});v.current?.(P,N)}},[g,k,p,b,a,S]),s.useEffect(()=>()=>{const T=w.current;if(T){for(const R of d.current)try{T.unregisterCanvas(R)}catch(W){console.warn(`[spectrogram] unregisterCanvas failed for ${R}:`,W)}d.current=[]}},[]),s.useLayoutEffect(()=>{if(k||!n)return;const{frequencyBinCount:T,frameCount:R,hopSize:W,sampleRate:X,gainDb:G,rangeDb:P}=n,N=P===0?1:P,L=ae=>ae/T*(X/2);for(const[ae,J]of g.current.entries()){const ue=ae*Se,ie=J.getContext("2d");if(!ie)continue;const ve=J.width/o,le=r;ie.resetTransform(),ie.clearRect(0,0,J.width,J.height),ie.imageSmoothingEnabled=!1,ie.scale(o,o);const Fe=ie.createImageData(ve,le),Z=Fe.data;for(let Y=0;Y<ve;Y++){const K=(ue+Y)*i,se=Math.floor(K/W);if(se<0||se>=R)continue;const be=se*T;for(let q=0;q<le;q++){const Te=1-q/le;let _e=Math.floor(Te*T);if(_){let Xe=0,F=T-1;for(;Xe<F;){const Ce=Xe+F>>1,ce=L(Ce);E(ce,u,I)<Te?Xe=Ce+1:F=Ce}_e=Xe}if(_e<0||_e>=T)continue;const qe=n.data[be+_e],Ye=Math.max(0,Math.min(1,(qe+N+G)/N)),ee=Math.floor(Ye*255),We=(q*ve+Y)*4;Z[We]=M[ee*3],Z[We+1]=M[ee*3+1],Z[We+2]=M[ee*3+2],Z[We+3]=255}}if(ie.resetTransform(),ie.putImageData(Fe,0,0),o!==1){const Y=document.createElement("canvas");Y.width=ve,Y.height=le;const Q=Y.getContext("2d");if(!Q)continue;Q.putImageData(Fe,0,0),ie.clearRect(0,0,J.width,J.height),ie.imageSmoothingEnabled=!1,ie.drawImage(Y,0,0,J.width,J.height)}}},[g,k,n,a,r,o,i,M,u,I,E,_,S]);const A=S.map(T=>{const R=T*Se,W=Math.min(a-R,Se);return y.jsx(ao,{$cssWidth:W,$left:R,width:W*o,height:r*o,$waveHeight:r,"data-index":T,ref:C},`${a}-${T}`)});return y.jsx(no,{$index:e,$cssWidth:a,$waveHeight:r,children:A})},fa=({isSelected:e,transparentBackground:t,renderMode:n="waveform",spectrogramData:a,spectrogramColorLUT:r,samplesPerPixel:o,spectrogramFrequencyScaleFn:i,spectrogramMinFrequency:l,spectrogramMaxFrequency:c,spectrogramWorkerApi:u,spectrogramClipId:m,spectrogramOnCanvasesReady:h,...p})=>{const f=Ct(),{waveHeight:b,barWidth:C,barGap:g,samplesPerPixel:d}=Bt(),x=en(),w=o??d,v=e&&f?f.selectedWaveOutlineColor:f?.waveOutlineColor,k=e&&f?f.selectedWaveFillColor:f?.waveFillColor,S=f?.waveformDrawMode||"inverted",M=a||u;if(n==="spectrogram"&&M)return y.jsx(Rn,{index:p.index,data:a,length:p.length,waveHeight:b,devicePixelRatio:x,samplesPerPixel:w,colorLUT:r,frequencyScaleFn:i,minFrequency:l,maxFrequency:c,workerApi:u,clipId:m,onCanvasesReady:h});if(n==="both"&&M){const I=Math.floor(b/2);return y.jsxs(y.Fragment,{children:[y.jsx(Rn,{index:p.index*2,channelIndex:p.index,data:a,length:p.length,waveHeight:I,devicePixelRatio:x,samplesPerPixel:w,colorLUT:r,frequencyScaleFn:i,minFrequency:l,maxFrequency:c,workerApi:u,clipId:m,onCanvasesReady:h}),y.jsx("div",{style:{position:"absolute",top:(p.index*2+1)*I,width:p.length,height:I},children:y.jsx(Mn,{...p,index:0,waveOutlineColor:v,waveFillColor:k,waveHeight:I,devicePixelRatio:x,barWidth:C,barGap:g,transparentBackground:t,drawMode:S})})]})}return y.jsx(Mn,{...p,waveOutlineColor:v,waveFillColor:k,waveHeight:b,devicePixelRatio:x,barWidth:C,barGap:g,transparentBackground:t,drawMode:S})},Dn=72,so=D.div`
|
|
529
529
|
position: sticky;
|
|
530
530
|
left: 0;
|
|
531
531
|
z-index: 101;
|
|
@@ -533,34 +533,34 @@
|
|
|
533
533
|
height: 0;
|
|
534
534
|
width: 0;
|
|
535
535
|
overflow: visible;
|
|
536
|
-
`;function
|
|
536
|
+
`;function io(e,t,n){const r=[20,50,100,200,500,1e3,2e3,3e3,4e3,5e3,8e3,1e4,12e3,16e3,2e4].filter(c=>c>=e&&c<=t),o=Math.max(2,Math.floor(n/20));if(r.length<=o)return r;const i=(r.length-1)/(o-1),l=[];for(let c=0;c<o;c++)l.push(r[Math.round(c*i)]);return l}var lo=({waveHeight:e,numChannels:t,frequencyScaleFn:n,minFrequency:a,maxFrequency:r,labelsColor:o="#ccc",labelsBackground:i="rgba(0,0,0,0.6)",renderMode:l="spectrogram",hasClipHeaders:c=!1})=>{const u=s.useRef(null),m=en(),h=l==="both"?Math.floor(e/2):e,p=t*e,f=c?22:0;return s.useLayoutEffect(()=>{const b=u.current;if(!b)return;const C=b.getContext("2d");if(!C)return;C.resetTransform(),C.clearRect(0,0,b.width,b.height),C.scale(m,m);const g=io(a,r,h);for(let d=0;d<t;d++){const x=d*e+f;C.font="11px monospace",C.textBaseline="middle";for(const w of g){const v=n(w,a,r);if(v<0||v>1)continue;const k=x+h*(1-v),S=w>=1e3?`${(w/1e3).toFixed(1)}k`:`${w} Hz`,M=C.measureText(S),I=3;C.fillStyle=i,C.fillRect(0,k-7,M.width+I*2,14),C.fillStyle=o,C.fillText(S,I,k)}}},[e,t,n,a,r,o,i,m,h,f]),y.jsx(so,{$height:p+f,children:y.jsx("canvas",{ref:u,width:Dn*m,height:(p+f)*m,style:{width:Dn,height:p+f,pointerEvents:"none"}})})};function co(e,t,n){return Math.ceil(e*n/t)}function uo(e){const t=Math.floor(e/1e3),n=t%60;return`${(t-n)/60}:${String(n).padStart(2,"0")}`}var fo=D.div.attrs(e=>({style:{width:`${e.$cssWidth}px`,marginLeft:`${e.$controlWidth}px`,height:`${e.$timeScaleHeight}px`}}))`
|
|
537
537
|
position: relative;
|
|
538
538
|
overflow: visible; /* Allow time labels to render above the container */
|
|
539
539
|
border-bottom: 1px solid ${e=>e.theme.timeColor};
|
|
540
540
|
box-sizing: border-box;
|
|
541
|
-
`,
|
|
541
|
+
`,mo=D.canvas.attrs(e=>({style:{width:`${e.$cssWidth}px`,height:`${e.$timeScaleHeight}px`,left:`${e.$left}px`}}))`
|
|
542
542
|
position: absolute;
|
|
543
543
|
bottom: 0;
|
|
544
544
|
/* Promote to own compositing layer for smoother scrolling */
|
|
545
545
|
will-change: transform;
|
|
546
|
-
`,
|
|
546
|
+
`,ho=D.div.attrs(e=>({style:{left:`${e.$left+4}px`}}))`
|
|
547
547
|
position: absolute;
|
|
548
548
|
font-size: 0.75rem; /* Smaller font to prevent overflow */
|
|
549
549
|
white-space: nowrap; /* Prevent text wrapping */
|
|
550
550
|
color: ${e=>e.theme.timeColor}; /* Use theme color instead of inheriting */
|
|
551
|
-
`,
|
|
551
|
+
`,po=e=>{const{theme:{timeColor:t},duration:n,marker:a,bigStep:r,secondStep:o,renderTimestamp:i}=e,{canvasRef:l,canvasMapRef:c}=Jt(),{sampleRate:u,samplesPerPixel:m,timeScaleHeight:h,controls:{show:p,width:f}}=s.useContext(yt),b=en(),{widthX:C,canvasInfo:g,timeMarkersWithPositions:d}=s.useMemo(()=>{const M=new Map,I=[],E=co(n/1e3,m,u),_=u/m;let A=0;for(let T=0;T<E;T+=_*o/1e3){const R=Math.floor(T);if(A%a===0){const W=A,X=uo(W),G=i?y.jsx(s.Fragment,{children:i(W,R)},`timestamp-${A}`):y.jsx(ho,{$left:R,children:X},X);I.push({pix:R,element:G}),M.set(R,h)}else A%r===0?M.set(R,Math.floor(h/2)):A%o===0&&M.set(R,Math.floor(h/5));A+=o}return{widthX:E,canvasInfo:M,timeMarkersWithPositions:I}},[n,m,u,a,r,o,i,h]),x=qt(C,Se),w=x.map(M=>{const I=M*Se,E=Math.min(C-I,Se);return y.jsx(mo,{$cssWidth:E,$left:I,$timeScaleHeight:h,width:E*b,height:h*b,"data-index":M,ref:l},`timescale-${M}`)}),v=x.length>0?x[0]*Se:0,k=x.length>0?(x[x.length-1]+1)*Se:1/0,S=x.length>0?d.filter(({pix:M})=>M>=v&&M<k).map(({element:M})=>M):d.map(({element:M})=>M);return s.useLayoutEffect(()=>{for(const[M,I]of c.current.entries()){const E=I.getContext("2d");if(!E)continue;const _=M*Se,A=I.width/b;E.resetTransform(),E.clearRect(0,0,I.width,I.height),E.imageSmoothingEnabled=!1,E.fillStyle=t,E.scale(b,b);for(const[T,R]of g.entries()){if(T<_||T>=_+A)continue;const W=T-_,X=h-R;E.fillRect(W,X,1,R)}}},[c,n,b,t,h,g,x]),y.jsxs(fo,{$cssWidth:C,$controlWidth:p?f:0,$timeScaleHeight:h,children:[S,w]})},go=D.withTheme(po),Bn=new Map([[700,{marker:1e3,bigStep:500,smallStep:100}],[1500,{marker:2e3,bigStep:1e3,smallStep:200}],[2500,{marker:2e3,bigStep:1e3,smallStep:500}],[5e3,{marker:5e3,bigStep:1e3,smallStep:500}],[1e4,{marker:1e4,bigStep:5e3,smallStep:1e3}],[12e3,{marker:15e3,bigStep:5e3,smallStep:1e3}],[1/0,{marker:3e4,bigStep:1e4,smallStep:5e3}]]);function bo(e){const t=Bn.keys();let n;for(const a of t)if(e<a){n=Bn.get(a);break}return n===void 0&&(n={marker:3e4,bigStep:1e4,smallStep:5e3}),n}var ma=({renderTimestamp:e})=>{const{samplesPerPixel:t,duration:n}=s.useContext(yt);let a=bo(t);return y.jsx(go,{marker:a.marker,bigStep:a.bigStep,secondStep:a.smallStep,duration:n,renderTimestamp:e})},vo=D.div`
|
|
552
552
|
display: inline-flex;
|
|
553
553
|
align-items: center;
|
|
554
554
|
gap: 0.5rem;
|
|
555
|
-
`,
|
|
555
|
+
`,yo=[{value:"seconds",label:"seconds"},{value:"thousandths",label:"thousandths"},{value:"hh:mm:ss",label:"hh:mm:ss"},{value:"hh:mm:ss.u",label:"hh:mm:ss + tenths"},{value:"hh:mm:ss.uu",label:"hh:mm:ss + hundredths"},{value:"hh:mm:ss.uuu",label:"hh:mm:ss + milliseconds"}],Co=({value:e,onChange:t,disabled:n=!1,className:a})=>{const r=o=>{t(o.target.value)};return y.jsx(vo,{className:a,children:y.jsx(ea,{className:"time-format",value:e,onChange:r,disabled:n,"aria-label":"Time format selection",children:yo.map(o=>y.jsx("option",{value:o.value,children:o.label},o.value))})})},wo=D.div.attrs(e=>({style:{height:`${e.$waveHeight*e.$numChannels+(e.$hasClipHeaders?oa:0)}px`}}))`
|
|
556
556
|
position: relative;
|
|
557
557
|
display: flex;
|
|
558
558
|
${e=>e.$width!==void 0&&`width: ${e.$width}px;`}
|
|
559
|
-
`,
|
|
559
|
+
`,xo=D.div.attrs(e=>({style:{paddingLeft:`${e.$offset||0}px`}}))`
|
|
560
560
|
position: relative;
|
|
561
561
|
background: ${e=>e.$backgroundColor||"transparent"};
|
|
562
562
|
flex: 1;
|
|
563
|
-
`,
|
|
563
|
+
`,ko=D.div.attrs(e=>({style:{width:`${e.$controlWidth}px`}}))`
|
|
564
564
|
position: sticky;
|
|
565
565
|
z-index: 102; /* Above waveform content and spectrogram labels (101), below Docusaurus navbar (200) */
|
|
566
566
|
left: 0;
|
|
@@ -574,7 +574,7 @@
|
|
|
574
574
|
${e=>e.$isSelected&&`
|
|
575
575
|
background: ${e.theme.selectedTrackControlsBackground};
|
|
576
576
|
`}
|
|
577
|
-
`,
|
|
577
|
+
`,ha=({numChannels:e,children:t,className:n,backgroundColor:a,offset:r=0,width:o,hasClipHeaders:i=!1,onClick:l,trackId:c,isSelected:u=!1})=>{const{waveHeight:m,controls:{show:h,width:p}}=Bt(),f=Ur();return y.jsxs(wo,{$numChannels:e,className:n,$waveHeight:m,$controlWidth:h?p:0,$width:o,$hasClipHeaders:i,$isSelected:u,children:[y.jsx(ko,{$controlWidth:h?p:0,$isSelected:u,children:f}),y.jsx(xo,{$controlWidth:h?p:0,$backgroundColor:a,$offset:r,onClick:l,"data-track-id":c,children:t})]})},Fn=D.button.attrs({type:"button"})`
|
|
578
578
|
display: inline-block;
|
|
579
579
|
font-family: ${e=>e.theme.fontFamily};
|
|
580
580
|
font-weight: 500;
|
|
@@ -633,7 +633,7 @@
|
|
|
633
633
|
box-shadow: 0 0 0 0.2rem ${e.theme.inputFocusBorder}33;
|
|
634
634
|
}
|
|
635
635
|
`}
|
|
636
|
-
`,
|
|
636
|
+
`,So=D.div`
|
|
637
637
|
margin-bottom: 0.3rem;
|
|
638
638
|
|
|
639
639
|
button:not(:first-child) {
|
|
@@ -645,7 +645,7 @@
|
|
|
645
645
|
border-top-right-radius: 0;
|
|
646
646
|
border-bottom-right-radius: 0;
|
|
647
647
|
}
|
|
648
|
-
`,
|
|
648
|
+
`,Io=D.button`
|
|
649
649
|
position: absolute;
|
|
650
650
|
left: 0;
|
|
651
651
|
top: 0;
|
|
@@ -665,7 +665,7 @@
|
|
|
665
665
|
opacity: 1;
|
|
666
666
|
color: #dc3545;
|
|
667
667
|
}
|
|
668
|
-
`,
|
|
668
|
+
`,Ao=({onClick:e,title:t="Remove track"})=>y.jsx(Io,{onClick:e,title:t,children:y.jsx(cr,{size:12,weight:"bold"})}),Mo=D.div`
|
|
669
669
|
background: transparent;
|
|
670
670
|
width: 100%;
|
|
671
671
|
height: 100%;
|
|
@@ -678,7 +678,7 @@
|
|
|
678
678
|
text-align: center;
|
|
679
679
|
border: 1px solid ${e=>e.theme.borderColor};
|
|
680
680
|
border-radius: ${e=>e.theme.borderRadius};
|
|
681
|
-
`,
|
|
681
|
+
`,_o=D.header`
|
|
682
682
|
overflow: hidden;
|
|
683
683
|
height: 26px;
|
|
684
684
|
width: 100%;
|
|
@@ -689,7 +689,7 @@
|
|
|
689
689
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
690
690
|
color: ${e=>e.theme.textColor};
|
|
691
691
|
background-color: transparent;
|
|
692
|
-
`,
|
|
692
|
+
`,Eo=e=>y.jsx(qn,{weight:"light",...e}),$o=e=>y.jsx(Kn,{weight:"light",...e}),To=e=>y.jsx(Un,{weight:"bold",...e}),Wn=D(ta)`
|
|
693
693
|
width: 75%;
|
|
694
694
|
height: 5px;
|
|
695
695
|
background: ${e=>e.theme.sliderTrackColor};
|
|
@@ -738,7 +738,7 @@
|
|
|
738
738
|
&:focus::-moz-range-thumb {
|
|
739
739
|
border: 2px solid ${e=>e.theme.textColor};
|
|
740
740
|
}
|
|
741
|
-
`,
|
|
741
|
+
`,Pn=D.label`
|
|
742
742
|
width: 100%;
|
|
743
743
|
display: flex;
|
|
744
744
|
justify-content: space-between;
|
|
@@ -746,10 +746,10 @@
|
|
|
746
746
|
padding: 0 1rem;
|
|
747
747
|
margin-bottom: 0.2rem;
|
|
748
748
|
font-size: 14px;
|
|
749
|
-
`,
|
|
749
|
+
`,Ro=D.div`
|
|
750
750
|
position: relative;
|
|
751
751
|
display: inline-block;
|
|
752
|
-
`,
|
|
752
|
+
`,Do=D.button`
|
|
753
753
|
background: none;
|
|
754
754
|
border: none;
|
|
755
755
|
cursor: pointer;
|
|
@@ -763,7 +763,7 @@
|
|
|
763
763
|
&:hover {
|
|
764
764
|
opacity: 1;
|
|
765
765
|
}
|
|
766
|
-
`,
|
|
766
|
+
`,Bo=D.div`
|
|
767
767
|
position: fixed;
|
|
768
768
|
top: ${e=>e.$top}px;
|
|
769
769
|
left: ${e=>e.$left}px;
|
|
@@ -775,12 +775,12 @@
|
|
|
775
775
|
padding: 0.5rem 0;
|
|
776
776
|
min-width: 180px;
|
|
777
777
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
|
|
778
|
-
`,
|
|
778
|
+
`,Fo=D.hr`
|
|
779
779
|
border: none;
|
|
780
780
|
border-top: 1px solid rgba(128, 128, 128, 0.3);
|
|
781
781
|
margin: 0.35rem 0;
|
|
782
|
-
`,
|
|
783
|
-
`,10)+1,o=a.substring(r)+"",i=new Blob([o],{type:"application/javascript"});return URL.createObjectURL(i)}function Vs(e,t,n){var a;return function(o){return a=a||Zs(e),new Worker(a,o)}}var js=Vs("Lyogcm9sbHVwLXBsdWdpbi13ZWItd29ya2VyLWxvYWRlciAqLwooZnVuY3Rpb24gKCkgewogICd1c2Ugc3RyaWN0JzsKCiAgLyoqCiAgICogQXVkaW9CdWZmZXItYmFzZWQgV2F2ZWZvcm1EYXRhIGdlbmVyYXRvcgogICAqCiAgICogQWRhcHRlZCBmcm9tIEJsb2NrRmlsZTo6Q2FsY1N1bW1hcnkgaW4gQXVkYWNpdHksIHdpdGggcGVybWlzc2lvbi4KICAgKiBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2F1ZGFjaXR5L2F1ZGFjaXR5L2Jsb2IvCiAgICogICAxMTA4YzEzNzZjMDkxNjYxNjIzMzVmYWI0NzQzMDA4Y2JhNTdjNGVlL3NyYy9CbG9ja0ZpbGUuY3BwI0wxOTgKICAgKi8KCiAgdmFyIElOVDhfTUFYID0gMTI3OwogIHZhciBJTlQ4X01JTiA9IC0xMjg7CiAgdmFyIElOVDE2X01BWCA9IDMyNzY3OwogIHZhciBJTlQxNl9NSU4gPSAtMzI3Njg7CiAgZnVuY3Rpb24gY2FsY3VsYXRlV2F2ZWZvcm1EYXRhTGVuZ3RoKGF1ZGlvX3NhbXBsZV9jb3VudCwgc2NhbGUpIHsKICAgIHZhciBkYXRhX2xlbmd0aCA9IE1hdGguZmxvb3IoYXVkaW9fc2FtcGxlX2NvdW50IC8gc2NhbGUpOwogICAgdmFyIHNhbXBsZXNfcmVtYWluaW5nID0gYXVkaW9fc2FtcGxlX2NvdW50IC0gZGF0YV9sZW5ndGggKiBzY2FsZTsKICAgIGlmIChzYW1wbGVzX3JlbWFpbmluZyA+IDApIHsKICAgICAgZGF0YV9sZW5ndGgrKzsKICAgIH0KICAgIHJldHVybiBkYXRhX2xlbmd0aDsKICB9CiAgZnVuY3Rpb24gZ2VuZXJhdGVXYXZlZm9ybURhdGEob3B0aW9ucykgewogICAgdmFyIHNjYWxlID0gb3B0aW9ucy5zY2FsZTsKICAgIHZhciBhbXBsaXR1ZGVfc2NhbGUgPSBvcHRpb25zLmFtcGxpdHVkZV9zY2FsZTsKICAgIHZhciBzcGxpdF9jaGFubmVscyA9IG9wdGlvbnMuc3BsaXRfY2hhbm5lbHM7CiAgICB2YXIgbGVuZ3RoID0gb3B0aW9ucy5sZW5ndGg7CiAgICB2YXIgc2FtcGxlX3JhdGUgPSBvcHRpb25zLnNhbXBsZV9yYXRlOwogICAgdmFyIGNoYW5uZWxzID0gb3B0aW9ucy5jaGFubmVscy5tYXAoZnVuY3Rpb24gKGNoYW5uZWwpIHsKICAgICAgcmV0dXJuIG5ldyBGbG9hdDMyQXJyYXkoY2hhbm5lbCk7CiAgICB9KTsKICAgIHZhciBvdXRwdXRfY2hhbm5lbHMgPSBzcGxpdF9jaGFubmVscyA/IGNoYW5uZWxzLmxlbmd0aCA6IDE7CiAgICB2YXIgaGVhZGVyX3NpemUgPSAyNDsKICAgIHZhciBkYXRhX2xlbmd0aCA9IGNhbGN1bGF0ZVdhdmVmb3JtRGF0YUxlbmd0aChsZW5ndGgsIHNjYWxlKTsKICAgIHZhciBieXRlc19wZXJfc2FtcGxlID0gb3B0aW9ucy5iaXRzID09PSA4ID8gMSA6IDI7CiAgICB2YXIgdG90YWxfc2l6ZSA9IGhlYWRlcl9zaXplICsgZGF0YV9sZW5ndGggKiAyICogYnl0ZXNfcGVyX3NhbXBsZSAqIG91dHB1dF9jaGFubmVsczsKICAgIHZhciBidWZmZXIgPSBuZXcgQXJyYXlCdWZmZXIodG90YWxfc2l6ZSk7CiAgICB2YXIgZGF0YV92aWV3ID0gbmV3IERhdGFWaWV3KGJ1ZmZlcik7CiAgICB2YXIgc2NhbGVfY291bnRlciA9IDA7CiAgICB2YXIgb2Zmc2V0ID0gaGVhZGVyX3NpemU7CiAgICB2YXIgbWluX3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICB2YXIgbWF4X3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICBmb3IgKHZhciBjaGFubmVsID0gMDsgY2hhbm5lbCA8IG91dHB1dF9jaGFubmVsczsgY2hhbm5lbCsrKSB7CiAgICAgIG1pbl92YWx1ZVtjaGFubmVsXSA9IEluZmluaXR5OwogICAgICBtYXhfdmFsdWVbY2hhbm5lbF0gPSAtSW5maW5pdHk7CiAgICB9CiAgICB2YXIgcmFuZ2VfbWluID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NSU4gOiBJTlQxNl9NSU47CiAgICB2YXIgcmFuZ2VfbWF4ID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NQVggOiBJTlQxNl9NQVg7CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMCwgMiwgdHJ1ZSk7IC8vIFZlcnNpb24KICAgIGRhdGFfdmlldy5zZXRVaW50MzIoNCwgb3B0aW9ucy5iaXRzID09PSA4LCB0cnVlKTsgLy8gSXMgOCBiaXQ/CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoOCwgc2FtcGxlX3JhdGUsIHRydWUpOyAvLyBTYW1wbGUgcmF0ZQogICAgZGF0YV92aWV3LnNldEludDMyKDEyLCBzY2FsZSwgdHJ1ZSk7IC8vIFNjYWxlCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMTYsIGRhdGFfbGVuZ3RoLCB0cnVlKTsgLy8gTGVuZ3RoCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMjAsIG91dHB1dF9jaGFubmVscywgdHJ1ZSk7CiAgICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbmd0aDsgaSsrKSB7CiAgICAgIHZhciBzYW1wbGUgPSAwOwogICAgICBpZiAob3V0cHV0X2NoYW5uZWxzID09PSAxKSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwgPSAwOyBfY2hhbm5lbCA8IGNoYW5uZWxzLmxlbmd0aDsgKytfY2hhbm5lbCkgewogICAgICAgICAgc2FtcGxlICs9IGNoYW5uZWxzW19jaGFubmVsXVtpXTsKICAgICAgICB9CiAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBzYW1wbGUgKiBhbXBsaXR1ZGVfc2NhbGUgLyBjaGFubmVscy5sZW5ndGgpOwogICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbMF0pIHsKICAgICAgICAgIG1pbl92YWx1ZVswXSA9IHNhbXBsZTsKICAgICAgICAgIGlmIChtaW5fdmFsdWVbMF0gPCByYW5nZV9taW4pIHsKICAgICAgICAgICAgbWluX3ZhbHVlWzBdID0gcmFuZ2VfbWluOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgICBpZiAoc2FtcGxlID4gbWF4X3ZhbHVlWzBdKSB7CiAgICAgICAgICBtYXhfdmFsdWVbMF0gPSBzYW1wbGU7CiAgICAgICAgICBpZiAobWF4X3ZhbHVlWzBdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgIG1heF92YWx1ZVswXSA9IHJhbmdlX21heDsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0gZWxzZSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwyID0gMDsgX2NoYW5uZWwyIDwgb3V0cHV0X2NoYW5uZWxzOyArK19jaGFubmVsMikgewogICAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBjaGFubmVsc1tfY2hhbm5lbDJdW2ldICogYW1wbGl0dWRlX3NjYWxlKTsKICAgICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtaW5fdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1pbl92YWx1ZVtfY2hhbm5lbDJdIDwgcmFuZ2VfbWluKSB7CiAgICAgICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9taW47CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICAgIGlmIChzYW1wbGUgPiBtYXhfdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtYXhfdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1heF92YWx1ZVtfY2hhbm5lbDJdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgICAgbWF4X3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9tYXg7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgICAgaWYgKCsrc2NhbGVfY291bnRlciA9PT0gc2NhbGUpIHsKICAgICAgICBmb3IgKHZhciBfY2hhbm5lbDMgPSAwOyBfY2hhbm5lbDMgPCBvdXRwdXRfY2hhbm5lbHM7IF9jaGFubmVsMysrKSB7CiAgICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtaW5fdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50MTYob2Zmc2V0LCBtaW5fdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQxNihvZmZzZXQgKyAyLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIG9mZnNldCArPSA0OwogICAgICAgICAgfQogICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsM10gPSBJbmZpbml0eTsKICAgICAgICAgIG1heF92YWx1ZVtfY2hhbm5lbDNdID0gLUluZmluaXR5OwogICAgICAgIH0KICAgICAgICBzY2FsZV9jb3VudGVyID0gMDsKICAgICAgfQogICAgfQogICAgaWYgKHNjYWxlX2NvdW50ZXIgPiAwKSB7CiAgICAgIGZvciAodmFyIF9jaGFubmVsNCA9IDA7IF9jaGFubmVsNCA8IG91dHB1dF9jaGFubmVsczsgX2NoYW5uZWw0KyspIHsKICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50OChvZmZzZXQrKywgbWluX3ZhbHVlW19jaGFubmVsNF0pOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDgob2Zmc2V0KyssIG1heF92YWx1ZVtfY2hhbm5lbDRdKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCwgbWluX3ZhbHVlW19jaGFubmVsNF0sIHRydWUpOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCArIDIsIG1heF92YWx1ZVtfY2hhbm5lbDRdLCB0cnVlKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICAgIHJldHVybiBidWZmZXI7CiAgfQoKICBvbm1lc3NhZ2UgPSBmdW5jdGlvbiBvbm1lc3NhZ2UoZXZ0KSB7CiAgICB2YXIgYnVmZmVyID0gZ2VuZXJhdGVXYXZlZm9ybURhdGEoZXZ0LmRhdGEpOwoKICAgIC8vIFRyYW5zZmVyIGJ1ZmZlciB0byB0aGUgY2FsbGluZyB0aHJlYWQKICAgIHRoaXMucG9zdE1lc3NhZ2UoYnVmZmVyLCBbYnVmZmVyXSk7CiAgICB0aGlzLmNsb3NlKCk7CiAgfTsKCn0pKCk7Ci8vIyBzb3VyY2VNYXBwaW5nVVJMPXdhdmVmb3JtLWRhdGEtd29ya2VyLmpzLm1hcAoK");function je(e){if(Bs(e)&&(e=Ws(e)),Fs(e)){this._data=new DataView(e),this._offset=this._version()===2?24:20,this._channels=[];for(var t=0;t<this.channels;t++)this._channels[t]=new ot(this,t)}else throw new TypeError("WaveformData.create(): Unknown data format")}var gt={scale:512,bits:8,amplitude_scale:1,split_channels:!1,disable_worker:!1};function Ls(e){var t={scale:e.scale||gt.scale,bits:e.bits||gt.bits,amplitude_scale:e.amplitude_scale||gt.amplitude_scale,split_channels:e.split_channels||gt.split_channels,disable_worker:e.disable_worker||gt.disable_worker};return t}function zs(e){for(var t=[],n=0;n<e.numberOfChannels;++n)t.push(e.getChannelData(n).buffer);return t}function ca(e,t,n){var a=zs(e);if(t.disable_worker){var r=Ds({scale:t.scale,bits:t.bits,amplitude_scale:t.amplitude_scale,split_channels:t.split_channels,length:e.length,sample_rate:e.sampleRate,channels:a});n(void 0,new je(r),e)}else{var o=new js;o.onmessage=function(i){n(void 0,new je(i.data),e)},o.postMessage({scale:t.scale,bits:t.bits,amplitude_scale:t.amplitude_scale,split_channels:t.split_channels,length:e.length,sample_rate:e.sampleRate,channels:a},a)}}function Hs(e,t,n,a){function r(i){i||(i=new DOMException("EncodingError")),a(i),a=function(){}}var o=e.decodeAudioData(t,function(i){ca(i,n,a)},r);o&&o.catch(r)}je.create=function(t){return new je(t)};je.createFromAudio=function(e,t){var n=Ls(e);if(e.audio_context&&e.array_buffer)return Hs(e.audio_context,e.array_buffer,n,t);if(e.audio_buffer)return ca(e.audio_buffer,n,t);throw new TypeError("WaveformData.createFromAudio(): Pass either an AudioContext and ArrayBuffer, or an AudioBuffer object")};function Ft(e){this._inputData=e.waveformData,this._output_samples_per_pixel=e.scale,this._scale=this._inputData.scale,this._input_buffer_size=this._inputData.length;var t=this._input_buffer_size*this._inputData.scale,n=Math.ceil(t/this._output_samples_per_pixel),a=24,r=this._inputData.bits===8?1:2,o=a+n*2*this._inputData.channels*r;this._output_data=new ArrayBuffer(o),this.output_dataview=new DataView(this._output_data),this.output_dataview.setInt32(0,2,!0),this.output_dataview.setUint32(4,this._inputData.bits===8,!0),this.output_dataview.setInt32(8,this._inputData.sample_rate,!0),this.output_dataview.setInt32(12,this._output_samples_per_pixel,!0),this.output_dataview.setInt32(16,n,!0),this.output_dataview.setInt32(20,this._inputData.channels,!0),this._outputWaveformData=new je(this._output_data),this._input_index=0,this._output_index=0;var i=this._inputData.channels;this._min=new Array(i),this._max=new Array(i);for(var l=0;l<i;++l)this._input_buffer_size>0?(this._min[l]=this._inputData.channel(l).min_sample(this._input_index),this._max[l]=this._inputData.channel(l).max_sample(this._input_index)):(this._min[l]=0,this._max[l]=0);this._min_value=this._inputData.bits===8?-128:-32768,this._max_value=this._inputData.bits===8?127:32767,this._where=0,this._prev_where=0,this._stop=0,this._last_input_index=0}Ft.prototype.sample_at_pixel=function(e){return Math.floor(e*this._output_samples_per_pixel)};Ft.prototype.next=function(){for(var e=0,t=1e3,n=this._inputData.channels,a;this._input_index<this._input_buffer_size&&e<t;){for(;Math.floor(this.sample_at_pixel(this._output_index)/this._scale)===this._input_index;){if(this._output_index>0)for(var r=0;r<n;++r)a=this._outputWaveformData.channel(r),a.set_min_sample(this._output_index-1,this._min[r]),a.set_max_sample(this._output_index-1,this._max[r]);if(this._last_input_index=this._input_index,this._output_index++,this._where=this.sample_at_pixel(this._output_index),this._prev_where=this.sample_at_pixel(this._output_index-1),this._where!==this._prev_where)for(var o=0;o<n;++o)this._min[o]=this._max_value,this._max[o]=this._min_value}for(this._where=this.sample_at_pixel(this._output_index),this._stop=Math.floor(this._where/this._scale),this._stop>this._input_buffer_size&&(this._stop=this._input_buffer_size);this._input_index<this._stop;){for(var i=0;i<n;++i){a=this._inputData.channel(i);var l=a.min_sample(this._input_index);l<this._min[i]&&(this._min[i]=l),l=a.max_sample(this._input_index),l>this._max[i]&&(this._max[i]=l)}this._input_index++}e++}if(this._input_index<this._input_buffer_size)return!1;if(this._input_index!==this._last_input_index)for(var c=0;c<n;++c)a=this._outputWaveformData.channel(c),a.set_min_sample(this._output_index-1,this._min[c]),a.set_max_sample(this._output_index-1,this._max[c]);return!0};Ft.prototype.getOutputData=function(){return this._output_data};je.prototype={_getResampleOptions:function(t){var n={};if(n.scale=t.scale,n.width=t.width,!ft(n.width)&&(typeof n.width!="number"||n.width<=0))throw new RangeError("WaveformData.resample(): width should be a positive integer value");if(!ft(n.scale)&&(typeof n.scale!="number"||n.scale<=0))throw new RangeError("WaveformData.resample(): scale should be a positive integer value");if(!n.scale&&!n.width)throw new Error("WaveformData.resample(): Missing scale or width option");if(n.width&&(n.scale=Math.floor(this.duration*this.sample_rate/n.width)),n.scale<this.scale)throw new Error("WaveformData.resample(): Zoom level "+n.scale+" too low, minimum: "+this.scale);return n.abortSignal=t.abortSignal,n},resample:function(t){t=this._getResampleOptions(t),t.waveformData=this;for(var n=new Ft(t);!n.next(););return new je(n.getOutputData())},concat:function(){var t=this,n=Array.prototype.slice.call(arguments);n.forEach(function(r){if(t.channels!==r.channels||t.sample_rate!==r.sample_rate||t.bits!==r.bits||t.scale!==r.scale)throw new Error("WaveformData.concat(): Waveforms are incompatible")});var a=this._concatBuffers.apply(this,n);return je.create(a)},_concatBuffers:function(){for(var t=Array.prototype.slice.call(arguments),n=this._offset,a=n,r=0,o=[this].concat(t).map(function(m){return m._data.buffer}),i=0;i<o.length;i++){var l=o[i],c=new DataView(l).getInt32(16,!0);a+=l.byteLength-n,r+=c}for(var u=new ArrayBuffer(a),f=new DataView(o[0]),v=new DataView(u),h=0;h<n;h++)v.setUint8(h,f.getUint8(h));v.setInt32(16,r,!0);for(var d=0,C=new Uint8Array(u,n),y=0;y<o.length;y++){var p=o[y];C.set(new Uint8Array(p,n),d),d+=p.byteLength-n}return u},slice:function(t){var n=0,a=0;if(!ft(t.startIndex)&&!ft(t.endIndex)?(n=t.startIndex,a=t.endIndex):!ft(t.startTime)&&!ft(t.endTime)&&(n=this.at_time(t.startTime),a=this.at_time(t.endTime)),n<0)throw new RangeError("startIndex or startTime must not be negative");if(a<0)throw new RangeError("endIndex or endTime must not be negative");n>this.length&&(n=this.length),a>this.length&&(a=this.length),n>a&&(n=a);var r=a-n,o=24,i=this.bits===8?1:2,l=o+r*2*this.channels*i,c=new ArrayBuffer(l),u=new DataView(c);u.setInt32(0,2,!0),u.setUint32(4,this.bits===8,!0),u.setInt32(8,this.sample_rate,!0),u.setInt32(12,this.scale,!0),u.setInt32(16,r,!0),u.setInt32(20,this.channels,!0);for(var f=0;f<r*this.channels*2;f++){var v=this._at(n*this.channels*2+f);this.bits===8?u.setInt8(o+f,v):u.setInt16(o+f*2,v,!0)}return new je(c)},_version:function(){return this._data.getInt32(0,!0)},get length(){return this._data.getUint32(16,!0)},get bits(){var e=!!this._data.getUint32(4,!0);return e?8:16},get duration(){return this.length*this.scale/this.sample_rate},get pixels_per_second(){return this.sample_rate/this.scale},get seconds_per_pixel(){return this.scale/this.sample_rate},get channels(){return this._version()===2?this._data.getInt32(20,!0):1},channel:function(t){if(t>=0&&t<this._channels.length)return this._channels[t];throw new RangeError("Invalid channel: "+t)},get sample_rate(){return this._data.getInt32(8,!0)},get scale(){return this._data.getInt32(12,!0)},_at:function(t){return this.bits===8?this._data.getInt8(this._offset+t):this._data.getInt16(this._offset+t*2,!0)},_set_at:function(t,n){return this.bits===8?this._data.setInt8(this._offset+t,n):this._data.setInt16(this._offset+t*2,n,!0)},at_time:function(t){return Math.floor(t*this.sample_rate/this.scale)},time:function(t){return t*this.scale/this.sample_rate},toJSON:function(){for(var t={version:2,channels:this.channels,sample_rate:this.sample_rate,samples_per_pixel:this.scale,bits:this.bits,length:this.length,data:[]},n=0;n<this.length;n++)for(var a=0;a<this.channels;a++)t.data.push(this.channel(a).min_sample(n)),t.data.push(this.channel(a).max_sample(n));return t},toArrayBuffer:function(){return this._data.buffer}};async function en(e){const t=await fetch(e);if(!t.ok)throw new Error(`Failed to fetch waveform data: ${t.statusText}`);if(e.endsWith(".dat")){const a=await t.arrayBuffer();return je.create(a)}else{const a=await t.json();return je.create(a)}}function ua(e,t=0){const n=e.channel(t),a=e.bits,r=n.min_array(),o=n.max_array(),i=r.length,l=a===8?new Int8Array(i*2):new Int16Array(i*2);for(let c=0;c<i;c++)l[c*2]=r[c],l[c*2+1]=o[c];return{data:l,bits:a,length:i,sampleRate:e.sample_rate}}async function Xs(e,t=0){const n=await en(e);return ua(n,t)}async function Os(e){const t=await en(e);return{sampleRate:t.sample_rate,channels:t.channels,duration:t.duration,samplesPerPixel:t.scale,length:t.length,bits:t.bits}}function Ns(e,t,n=0,a,r){let o=e;if(r!==void 0){const h=e.scale,d=Math.floor(a/h),C=Math.ceil((a+r)/h);o=o.slice({startIndex:d,endIndex:C})}o.scale!==t&&(o=o.resample({scale:t}));const i=o.channel(n),l=o.bits,c=i.min_array(),u=i.max_array(),f=c.length,v=l===8?new Int8Array(f*2):new Int16Array(f*2);for(let h=0;h<f;h++)v[h*2]=c[h],v[h*2+1]=u[h];return{data:v,bits:l,length:f}}function Fn(e,t,n,a,r){let o=e;if(a!==void 0&&r!==void 0){const f=e.scale,v=Math.floor(a/f),h=Math.ceil((a+r)/f);o=o.slice({startIndex:v,endIndex:h})}o.scale!==t&&(o=o.resample({scale:t}));const i=o.channels,l=o.bits,c=[];for(let f=0;f<i;f++){const v=o.channel(f),h=v.min_array(),d=v.max_array(),C=h.length,y=l===8?new Int8Array(C*2):new Int16Array(C*2);for(let p=0;p<C;p++)y[p*2]=h[p],y[p*2+1]=d[p];c.push(y)}if(n&&c.length>1){const f=1/c.length,v=c[0].length/2,h=l===8?new Int8Array(v*2):new Int16Array(v*2);for(let d=0;d<v;d++){let C=0,y=0;for(let p=0;p<c.length;p++)C+=f*c[p][d*2],y+=f*c[p][d*2+1];h[d*2]=C,h[d*2+1]=y}return{length:v,data:[h],bits:l}}return{length:c.length>0?c[0].length/2:0,data:c,bits:l}}function da(){const[e,t]=s.useState("hh:mm:ss.uuu");return{timeFormat:e,setTimeFormat:t,formatTime:r=>mt(r,e),parseTime:r=>aa(r,e)}}const Gs=[256,512,1024,2048,4096,8192];function fa({initialSamplesPerPixel:e,zoomLevels:t=Gs}){const[n,a]=s.useState(()=>{const u=t.indexOf(e);return u!==-1?u:Math.floor(t.length/2)}),r=t[n],o=n>0,i=n<t.length-1,l=s.useCallback(()=>{s.startTransition(()=>{a(u=>Math.max(0,u-1))})},[]),c=s.useCallback(()=>{s.startTransition(()=>{a(u=>Math.min(t.length-1,u+1))})},[t.length]);return{samplesPerPixel:r,zoomIn:l,zoomOut:c,canZoomIn:o,canZoomOut:i}}function ma({playoutRef:e,initialVolume:t=1,onVolumeChange:n}){const[a,r]=s.useState(t),o=s.useCallback(i=>{r(i),e.current&&e.current.setMasterGain(i),n?.(i)},[e,n]);return{masterVolume:a,setMasterVolume:o}}const Ys=(e=256)=>{const t=s.useRef(null),n=s.useCallback((a,r,o)=>{const i=new j.Analyser("fft",e);return a.connect(i),a.connect(r),t.current=i,function(){i.dispose(),t.current=null}},[e]);return{analyserRef:t,masterEffects:n}};function Yt(e){const{audioBuffer:t,startSample:n,offsetSamples:a=0,gain:r=1,name:o,color:i,fadeIn:l,fadeOut:c,waveformData:u}=e,f=t?.sampleRate??e.sampleRate??u?.sample_rate,v=t?.length??e.sourceDurationSamples??(u&&f?Math.ceil(u.duration*f):void 0);if(f===void 0)throw new Error("createClip: sampleRate is required when audioBuffer is not provided (can use waveformData.sample_rate)");if(v===void 0)throw new Error("createClip: sourceDurationSamples is required when audioBuffer is not provided (can use waveformData.duration)");t&&u&&t.sampleRate!==u.sample_rate&&console.warn(`Sample rate mismatch: audioBuffer (${t.sampleRate}) vs waveformData (${u.sample_rate}). Using audioBuffer sample rate. Waveform visualization may be slightly off.`);const h=e.durationSamples??v;return{id:ha(),audioBuffer:t,startSample:n,durationSamples:h,offsetSamples:a,sampleRate:f,sourceDurationSamples:v,gain:r,name:o,color:i,fadeIn:l,fadeOut:c,waveformData:u}}function Ks(e){const{audioBuffer:t,startTime:n,offset:a=0,gain:r=1,name:o,color:i,fadeIn:l,fadeOut:c,waveformData:u}=e,f=t?.sampleRate??e.sampleRate??u?.sample_rate;if(f===void 0)throw new Error("createClipFromSeconds: sampleRate is required when audioBuffer is not provided (can use waveformData.sample_rate)");const v=t?.duration??e.sourceDuration??u?.duration;if(v===void 0)throw new Error("createClipFromSeconds: sourceDuration is required when audioBuffer is not provided (can use waveformData.duration)");t&&u&&t.sampleRate!==u.sample_rate&&console.warn(`Sample rate mismatch: audioBuffer (${t.sampleRate}) vs waveformData (${u.sample_rate}). Using audioBuffer sample rate. Waveform visualization may be slightly off.`);const h=e.duration??v;return Yt({audioBuffer:t,startSample:Math.round(n*f),durationSamples:Math.round(h*f),offsetSamples:Math.round(a*f),sampleRate:f,sourceDurationSamples:Math.ceil(v*f),gain:r,name:o,color:i,fadeIn:l,fadeOut:c,waveformData:u})}function Us(e){const{name:t,clips:n=[],muted:a=!1,soloed:r=!1,volume:o=1,pan:i=0,color:l,height:c,spectrogramConfig:u,spectrogramColorMap:f}=e;return{id:ha(),name:t,clips:n,muted:a,soloed:r,volume:o,pan:i,color:l,height:c,spectrogramConfig:u,spectrogramColorMap:f}}function ha(){return`${Date.now()}-${Math.random().toString(36).substr(2,9)}`}function qs(e,t={}){const{progressive:n=!1}=t,[a,r]=s.useState([]),[o,i]=s.useState(!0),[l,c]=s.useState(null),[u,f]=s.useState(0),v=e.length;return s.useEffect(()=>{if(e.length===0){r([]),i(!1),f(0);return}let h=!1;const d=new AbortController,C=new Map,y=(m,k,w)=>{const b=w??m.audioBuffer;if(!b&&!m.waveformData)throw new Error(`Track ${k+1}: Must provide src, audioBuffer, or waveformData`);const x=b?.duration??m.waveformData?.duration,S=Ks({audioBuffer:b,startTime:m.startTime??0,duration:m.duration??x,offset:m.offset??0,name:m.name||`Track ${k+1}`,fadeIn:m.fadeIn,fadeOut:m.fadeOut,waveformData:m.waveformData});if(isNaN(S.startSample)||isNaN(S.durationSamples)||isNaN(S.offsetSamples))throw console.error("Invalid clip values:",S),new Error(`Invalid clip values for track ${k+1}`);return{...Us({name:m.name||`Track ${k+1}`,clips:[S],muted:m.muted??!1,soloed:m.soloed??!1,volume:m.volume??1,pan:m.pan??0,color:m.color}),effects:m.effects,renderMode:m.renderMode,spectrogramConfig:m.spectrogramConfig,spectrogramColorMap:m.spectrogramColorMap}};return(async()=>{try{i(!0),c(null),f(0);const m=Ln.getContext().rawContext,k=e.map(async(b,x)=>{if(b.audioBuffer){const M=y(b,x,b.audioBuffer);return n&&!h&&(C.set(x,M),f(A=>A+1),r(Array.from({length:e.length},(A,B)=>C.get(B)).filter(A=>A!==void 0))),M}if(!b.src&&b.waveformData){const M=y(b,x);return n&&!h&&(C.set(x,M),f(A=>A+1),r(Array.from({length:e.length},(A,B)=>C.get(B)).filter(A=>A!==void 0))),M}if(!b.src)throw new Error(`Track ${x+1}: Must provide src, audioBuffer, or waveformData`);const S=await fetch(b.src,{signal:d.signal});if(!S.ok)throw new Error(`Failed to fetch ${b.src}: ${S.statusText}`);const E=await S.arrayBuffer(),I=await m.decodeAudioData(E);if(!I||!I.sampleRate||!I.duration)throw new Error(`Invalid audio buffer for ${b.src}`);const $=y(b,x,I);return n&&!h&&(C.set(x,$),f(M=>M+1),r(Array.from({length:e.length},(M,A)=>C.get(A)).filter(M=>M!==void 0))),$}),w=await Promise.all(k);h||(n||(r(w),f(w.length)),i(!1))}catch(m){if(!h){const k=m instanceof Error?m.message:"Unknown error loading audio";c(k),i(!1),console.error("Error loading audio tracks:",m)}}})(),()=>{h=!0,d.abort()}},[e,n]),{tracks:a,loading:o,error:l,loadedCount:u,totalCount:v}}function Js({tracks:e,onTracksChange:t,samplesPerPixel:n,sampleRate:a}){const r=s.useRef(null),o=s.useCallback(u=>{const{transform:f,active:v}=u;if(!v?.data?.current)return{...f,scaleX:1,scaleY:1};const{trackIndex:h,clipIndex:d,boundary:C}=v.data.current;if(C)return{...f,scaleX:1,scaleY:1};const y=e[h];if(!y)return{...f,scaleX:1,scaleY:1};const p=y.clips[d];if(!p)return{...f,scaleX:1,scaleY:1};const m=p.startSample/a,k=p.durationSamples/a,w=f.x*n/a;let b=m+w;const x=[...y.clips].sort((A,B)=>A.startSample-B.startSample),S=x.findIndex(A=>A===p);b=Math.max(0,b);const E=S>0?x[S-1]:null;if(E){const A=(E.startSample+E.durationSamples)/a;b=Math.max(b,A)}const I=S<x.length-1?x[S+1]:null;if(I){const A=b+k,B=I.startSample/a;A>B&&(b=B-k)}const M=(b-m)*a/n;return{...f,x:M,scaleX:1,scaleY:1}},[e,n,a]),i=s.useCallback(u=>{const{active:f}=u,{boundary:v}=f.data.current;if(!v){r.current=null;return}const{trackIndex:h,clipIndex:d}=f.data.current,y=e[h]?.clips[d];y&&(r.current={offsetSamples:y.offsetSamples,durationSamples:y.durationSamples,startSample:y.startSample})},[e]),l=s.useCallback(u=>{const{active:f,delta:v}=u,{boundary:h}=f.data.current;if(!h||!r.current)return;const{trackIndex:d,clipIndex:C}=f.data.current,y=v.x*n,p=Math.floor(.1*a),m=r.current,k=e.map((w,b)=>{if(b!==d)return w;const x=[...w.clips].sort((I,$)=>I.startSample-$.startSample),S=x.findIndex(I=>I===w.clips[C]),E=w.clips.map((I,$)=>{if($!==C)return I;const M=I.sourceDurationSamples;if(h==="left"){let A=Math.floor(y);const B=-m.startSample;A<B&&(A=B);const _=-m.offsetSamples;A<_&&(A=_);const R=S>0?x[S-1]:null;if(R){const ne=R.startSample+R.durationSamples-m.startSample;A<ne&&(A=ne)}const W=m.durationSamples-p;A>W&&(A=W);const L=m.offsetSamples+A,P=m.durationSamples-A,U=m.startSample+A;return{...I,offsetSamples:L,durationSamples:P,startSample:U}}else{let A=Math.floor(m.durationSamples+y);A=Math.max(p,A),m.offsetSamples+A>M&&(A=M-m.offsetSamples);const B=S<x.length-1?x[S+1]:null;return B&&m.startSample+A>B.startSample&&(A=B.startSample-m.startSample,A=Math.max(p,A)),{...I,durationSamples:A}}});return{...w,clips:E}});t(k)},[e,t,n,a]),c=s.useCallback(u=>{const{active:f,delta:v}=u,{trackIndex:h,clipIndex:d,boundary:C}=f.data.current,y=v.x*n;if(C){r.current=null;return}const p=e.map((m,k)=>{if(k!==h)return m;const w=[...m.clips].sort((S,E)=>S.startSample-E.startSample),b=w.findIndex(S=>S===m.clips[d]),x=m.clips.map((S,E)=>{if(E!==d)return S;let I=Math.floor(S.startSample+y);I=Math.max(0,I);const $=b>0?w[b-1]:null;if($){const A=$.startSample+$.durationSamples;I=Math.max(I,A)}const M=b<w.length-1?w[b+1]:null;return M&&I+S.durationSamples>M.startSample&&(I=M.startSample-S.durationSamples),{...S,startSample:I}});return{...m,clips:x}});t(p)},[e,t,n]);return{onDragStart:i,onDragMove:l,onDragEnd:c,collisionModifier:o}}const Ht=.01;function pa({annotations:e,onAnnotationsChange:t,samplesPerPixel:n,sampleRate:a,duration:r,linkEndpoints:o}){const i=s.useRef(null),l=s.useCallback(f=>{const{active:v}=f,h=v.data.current;if(!h||h.annotationIndex===void 0){i.current=null;return}const d=e[h.annotationIndex];d&&(i.current={start:d.start,end:d.end,annotationIndex:h.annotationIndex})},[e]),c=s.useCallback(f=>{const{active:v,delta:h}=f;if(!i.current)return;const d=v.data.current;if(!d)return;const{edge:C,annotationIndex:y}=d,p=i.current,m=h.x*n/a,k=C==="start"?p.start+m:p.end+m,w=Qs({annotationIndex:y,newTime:k,isDraggingStart:C==="start",annotations:e,duration:r,linkEndpoints:o});t(w)},[e,t,n,a,r,o]),u=s.useCallback(()=>{i.current=null},[]);return{onDragStart:l,onDragMove:c,onDragEnd:u}}function Qs({annotationIndex:e,newTime:t,isDraggingStart:n,annotations:a,duration:r,linkEndpoints:o}){const i=[...a],l=a[e];if(n){const c=Math.min(l.end-.1,Math.max(0,t)),u=c-l.start;if(i[e]={...l,start:c},o&&e>0){const f=i[e-1];Math.abs(f.end-l.start)<Ht?i[e-1]={...f,end:Math.max(f.start+.1,f.end+u)}:c<=f.end&&(i[e]={...i[e],start:f.end})}else!o&&e>0&&c<i[e-1].end&&(i[e-1]={...i[e-1],end:c})}else{const c=Math.max(l.start+.1,Math.min(t,r)),u=c-l.end;if(i[e]={...l,end:c},o&&e<i.length-1){const f=i[e+1];if(Math.abs(f.start-l.end)<Ht){const v=f.start+u;i[e+1]={...f,start:Math.min(f.end-.1,v)};let h=e+1;for(;h<i.length-1;){const d=i[h],C=i[h+1];if(Math.abs(C.start-d.end)<Ht){const y=d.end-a[h].end;i[h+1]={...C,start:Math.min(C.end-.1,C.start+y)},h++}else break}}else c>=f.start&&(i[e]={...i[e],end:f.start})}else if(!o&&e<i.length-1&&c>i[e+1].start){const f=i[e+1];i[e+1]={...f,start:c};let v=e+1;for(;v<i.length-1;){const h=i[v],d=i[v+1];if(h.end>d.start)i[v+1]={...d,start:h.end},v++;else break}}}return i}function eo(e={}){const{touchOptimized:t=!1,touchDelay:n=250,touchTolerance:a=5,mouseDistance:r=1}=e,o=Ge.useSensor(Ge.MouseSensor,{activationConstraint:{distance:r}}),i=Ge.useSensor(Ge.TouchSensor,{activationConstraint:t?{delay:n,tolerance:a}:{distance:r}}),l=Ge.useSensor(Ge.PointerSensor,{activationConstraint:{distance:r}});return Ge.useSensors(...t?[o,i]:[l])}const to=e=>{const{tracks:t,onTracksChange:n,sampleRate:a}=e,{currentTimeRef:r}=Fe(),{selectedTrackId:o}=We(),i=s.useCallback((c,u,f)=>{const{sampleRate:v,samplesPerPixel:h}=e,d=t[c];if(!d)return!1;const C=d.clips[u];if(!C)return!1;const y=C.startSample/v,p=(C.startSample+C.durationSamples)/v;if(f<=y||f>=p)return console.warn("Split time is outside clip bounds"),!1;const m=Math.round(f*v),k=Math.floor(m/h),w=C.startSample+C.durationSamples,b=k*h,x=C.startSample,S=b-x,E=b,I=w-E,$=b-C.startSample,M=Yt({audioBuffer:C.audioBuffer,startSample:x,durationSamples:S,offsetSamples:C.offsetSamples,sampleRate:C.sampleRate,sourceDurationSamples:C.sourceDurationSamples,gain:C.gain,name:C.name?`${C.name} (1)`:void 0,color:C.color,fadeIn:C.fadeIn,waveformData:C.waveformData}),A=Yt({audioBuffer:C.audioBuffer,startSample:E,durationSamples:I,offsetSamples:C.offsetSamples+$,sampleRate:C.sampleRate,sourceDurationSamples:C.sourceDurationSamples,gain:C.gain,name:C.name?`${C.name} (2)`:void 0,color:C.color,waveformData:C.waveformData,fadeOut:C.fadeOut}),B=[...d.clips];B.splice(u,1,M,A);const _=[...t];return _[c]={...d,clips:B},n(_),!0},[t,n,e]);return{splitClipAtPlayhead:s.useCallback(()=>{if(!o)return console.log("No track selected - click a clip to select a track first"),!1;const c=t.findIndex(v=>v.id===o);if(c===-1)return console.warn("Selected track not found"),!1;const u=t[c],f=r.current??0;for(let v=0;v<u.clips.length;v++){const h=u.clips[v],d=h.startSample/a,C=(h.startSample+h.durationSamples)/a;if(f>d&&f<C)return console.log(`Splitting clip on track "${u.name}" at ${f}s`),i(c,v,f)}return console.log(`No clip found at playhead position on track "${u.name}"`),!1},[t,r,o,i,a]),splitClipAt:i}},Dt=e=>{const{shortcuts:t,enabled:n=!0}=e,a=s.useCallback(r=>{if(!n)return;const o=r.target;if(o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.isContentEditable)return;const i=t.find(l=>{const c=r.key.toLowerCase()===l.key.toLowerCase()||r.key===l.key,u=l.ctrlKey===void 0||r.ctrlKey===l.ctrlKey,f=l.shiftKey===void 0||r.shiftKey===l.shiftKey,v=l.metaKey===void 0||r.metaKey===l.metaKey,h=l.altKey===void 0||r.altKey===l.altKey;return c&&u&&f&&v&&h});i&&(i.preventDefault!==!1&&r.preventDefault(),i.action())},[t,n]);s.useEffect(()=>{if(n)return window.addEventListener("keydown",a),()=>{window.removeEventListener("keydown",a)}},[a,n])},no=e=>{const t=[],n=typeof navigator<"u"&&navigator.platform.includes("Mac");return e.metaKey&&t.push(n?"Cmd":"Ctrl"),e.ctrlKey&&!e.metaKey&&t.push("Ctrl"),e.altKey&&t.push(n?"Option":"Alt"),e.shiftKey&&t.push("Shift"),t.push(e.key.toUpperCase()),t.join("+")},ao=(e={})=>{const{enabled:t=!0,additionalShortcuts:n=[],shortcuts:a}=e,{isPlaying:r}=Fe(),{setCurrentTime:o,play:i,pause:l,stop:c}=ge(),{playoutRef:u}=$e(),f=s.useCallback(()=>{r?l():i()},[r,i,l]),v=s.useCallback(()=>{c()},[c]),h=s.useCallback(()=>{r&&u.current?(u.current.stop(),o(0),i(0)):o(0)},[r,u,o,i]),C=a??[...[{key:" ",action:f,description:"Play/Pause",preventDefault:!0},{key:"Escape",action:v,description:"Stop",preventDefault:!0},{key:"0",action:h,description:"Rewind to start",preventDefault:!0}],...n];return Dt({shortcuts:C,enabled:t}),{rewindToStart:h,togglePlayPause:f,stopPlayback:v,shortcuts:C}},Xt=.01,_t=.01;function ro({annotations:e,activeAnnotationId:t,onAnnotationsChange:n,onActiveAnnotationChange:a,duration:r,linkEndpoints:o,continuousPlay:i=!1,enabled:l=!0,scrollContainerRef:c,samplesPerPixel:u,sampleRate:f,controlsWidth:v=0,onPlay:h}){const d=s.useMemo(()=>t?e.findIndex($=>$.id===t):-1,[e,t]),C=s.useCallback($=>{if(!c?.current||!u||!f)return;const M=e.find(H=>H.id===$);if(!M)return;const A=c.current,B=A.clientWidth,_=M.start*f/u+v,R=M.end*f/u+v,W=(_+R)/2,L=A.scrollLeft,P=L,U=L+B;if(_<P||R>U){const H=Math.max(0,W-B/2);A.scrollTo({left:H,behavior:"smooth"})}},[e,c,u,f,v]);s.useEffect(()=>{t&&c?.current&&u&&f&&C(t)},[t,C,c,u,f]);const y=s.useCallback($=>{if(d<0)return;const M=e[d],A=Math.max(0,Math.min(M.end-.1,M.start+$)),B=A-M.start,_=[...e];if(_[d]={...M,start:A},o&&d>0){const R=_[d-1];Math.abs(R.end-M.start)<Xt&&(_[d-1]={...R,end:Math.max(R.start+.1,R.end+B)})}else if(!o&&d>0){const R=_[d-1];A<R.end&&(_[d-1]={...R,end:A})}n(_)},[e,d,o,n]),p=s.useCallback($=>{if(d<0)return;const M=e[d],A=Math.max(M.start+.1,Math.min(r,M.end+$)),B=A-M.end,_=[...e];if(_[d]={...M,end:A},o&&d<e.length-1){const R=_[d+1];if(Math.abs(R.start-M.end)<Xt){const W=Math.min(R.end-.1,R.start+B);_[d+1]={...R,start:W};let L=d+1;for(;L<_.length-1;){const P=_[L],U=_[L+1];if(Math.abs(U.start-e[L].end)<Xt){const H=P.end-e[L].end;_[L+1]={...U,start:Math.min(U.end-.1,U.start+H)},L++}else break}}}else if(!o&&d<e.length-1){const R=_[d+1];if(A>R.start){_[d+1]={...R,start:A};let W=d+1;for(;W<_.length-1;){const L=_[W],P=_[W+1];if(L.end>P.start)_[W+1]={...P,start:L.end},W++;else break}}}n(_)},[e,d,r,o,n]),m=s.useCallback(()=>{!a||e.length===0||(d<=0?a(e[e.length-1].id):a(e[d-1].id))},[e,d,a]),k=s.useCallback(()=>{!a||e.length===0||(d<0||d>=e.length-1?a(e[0].id):a(e[d+1].id))},[e,d,a]),w=s.useCallback(()=>{!a||e.length===0||a(e[0].id)},[e,a]),b=s.useCallback(()=>{!a||e.length===0||a(e[e.length-1].id)},[e,a]),x=s.useCallback(()=>{a&&a(null)},[a]),S=s.useCallback(()=>{if(d<0||!h)return;const $=e[d],M=i?void 0:$.end-$.start;h($.start,M)},[e,d,i,h]),E=s.useMemo(()=>[{key:"[",action:()=>y(-_t),description:"Move annotation start earlier",preventDefault:!0},{key:"]",action:()=>y(_t),description:"Move annotation start later",preventDefault:!0},{key:"{",shiftKey:!0,action:()=>p(-_t),description:"Move annotation end earlier",preventDefault:!0},{key:"}",shiftKey:!0,action:()=>p(_t),description:"Move annotation end later",preventDefault:!0},{key:"Enter",action:S,description:"Play selected annotation",preventDefault:!0}],[y,p,S]),I=s.useMemo(()=>[{key:"ArrowUp",action:m,description:"Select previous annotation",preventDefault:!0},{key:"ArrowLeft",action:m,description:"Select previous annotation",preventDefault:!0},{key:"ArrowDown",action:k,description:"Select next annotation",preventDefault:!0},{key:"ArrowRight",action:k,description:"Select next annotation",preventDefault:!0},{key:"Home",action:w,description:"Select first annotation",preventDefault:!0},{key:"End",action:b,description:"Select last annotation",preventDefault:!0},{key:"Escape",action:x,description:"Deselect annotation",preventDefault:!0}],[m,k,w,b,x]);return Dt({shortcuts:E,enabled:l&&d>=0}),Dt({shortcuts:I,enabled:l&&e.length>0&&!!a}),{moveStartBoundary:y,moveEndBoundary:p,selectPrevious:m,selectNext:k,selectFirst:w,selectLast:b,clearSelection:x,scrollToAnnotation:C,playActiveAnnotation:S}}const wt=[{id:"reverb",name:"Reverb",category:"reverb",description:"Simple convolution reverb with adjustable decay time",parameters:[{name:"decay",label:"Decay",type:"number",min:.1,max:10,step:.1,default:1.5,unit:"s"},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"freeverb",name:"Freeverb",category:"reverb",description:"Classic Schroeder/Moorer reverb with room size and dampening",parameters:[{name:"roomSize",label:"Room Size",type:"number",min:0,max:1,step:.01,default:.7},{name:"dampening",label:"Dampening",type:"number",min:0,max:1e4,step:100,default:3e3,unit:"Hz"},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"jcReverb",name:"JC Reverb",category:"reverb",description:"Attempt at Roland JC-120 chorus reverb emulation",parameters:[{name:"roomSize",label:"Room Size",type:"number",min:0,max:1,step:.01,default:.5},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"feedbackDelay",name:"Feedback Delay",category:"delay",description:"Delay line with feedback for echo effects",parameters:[{name:"delayTime",label:"Delay Time",type:"number",min:0,max:1,step:.01,default:.25,unit:"s"},{name:"feedback",label:"Feedback",type:"number",min:0,max:.95,step:.01,default:.5},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"pingPongDelay",name:"Ping Pong Delay",category:"delay",description:"Stereo delay bouncing between left and right channels",parameters:[{name:"delayTime",label:"Delay Time",type:"number",min:0,max:1,step:.01,default:.25,unit:"s"},{name:"feedback",label:"Feedback",type:"number",min:0,max:.95,step:.01,default:.5},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"chorus",name:"Chorus",category:"modulation",description:"Creates thickness by layering detuned copies of the signal",parameters:[{name:"frequency",label:"Rate",type:"number",min:.1,max:10,step:.1,default:1.5,unit:"Hz"},{name:"delayTime",label:"Delay",type:"number",min:0,max:20,step:.5,default:3.5,unit:"ms"},{name:"depth",label:"Depth",type:"number",min:0,max:1,step:.01,default:.7},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"phaser",name:"Phaser",category:"modulation",description:"Classic phaser effect using allpass filters",parameters:[{name:"frequency",label:"Rate",type:"number",min:.1,max:10,step:.1,default:.5,unit:"Hz"},{name:"octaves",label:"Octaves",type:"number",min:1,max:6,step:1,default:3},{name:"baseFrequency",label:"Base Freq",type:"number",min:100,max:2e3,step:10,default:350,unit:"Hz"},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"tremolo",name:"Tremolo",category:"modulation",description:"Rhythmic volume modulation",parameters:[{name:"frequency",label:"Rate",type:"number",min:.1,max:20,step:.1,default:4,unit:"Hz"},{name:"depth",label:"Depth",type:"number",min:0,max:1,step:.01,default:.5},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"vibrato",name:"Vibrato",category:"modulation",description:"Pitch modulation effect",parameters:[{name:"frequency",label:"Rate",type:"number",min:.1,max:20,step:.1,default:5,unit:"Hz"},{name:"depth",label:"Depth",type:"number",min:0,max:1,step:.01,default:.1},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"autoPanner",name:"Auto Panner",category:"modulation",description:"Automatic left-right panning",parameters:[{name:"frequency",label:"Rate",type:"number",min:.1,max:10,step:.1,default:1,unit:"Hz"},{name:"depth",label:"Depth",type:"number",min:0,max:1,step:.01,default:1},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"autoFilter",name:"Auto Filter",category:"filter",description:"Automated filter sweep with LFO",parameters:[{name:"frequency",label:"Rate",type:"number",min:.1,max:10,step:.1,default:1,unit:"Hz"},{name:"baseFrequency",label:"Base Freq",type:"number",min:20,max:2e3,step:10,default:200,unit:"Hz"},{name:"octaves",label:"Octaves",type:"number",min:.5,max:8,step:.5,default:2.6},{name:"depth",label:"Depth",type:"number",min:0,max:1,step:.01,default:1},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"autoWah",name:"Auto Wah",category:"filter",description:"Envelope follower filter effect",parameters:[{name:"baseFrequency",label:"Base Freq",type:"number",min:20,max:500,step:10,default:100,unit:"Hz"},{name:"octaves",label:"Octaves",type:"number",min:1,max:8,step:1,default:6},{name:"sensitivity",label:"Sensitivity",type:"number",min:-40,max:0,step:1,default:0,unit:"dB"},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"eq3",name:"3-Band EQ",category:"filter",description:"Three band equalizer with low, mid, and high controls",parameters:[{name:"low",label:"Low",type:"number",min:-24,max:24,step:.5,default:0,unit:"dB"},{name:"mid",label:"Mid",type:"number",min:-24,max:24,step:.5,default:0,unit:"dB"},{name:"high",label:"High",type:"number",min:-24,max:24,step:.5,default:0,unit:"dB"},{name:"lowFrequency",label:"Low Freq",type:"number",min:20,max:500,step:10,default:400,unit:"Hz"},{name:"highFrequency",label:"High Freq",type:"number",min:1e3,max:1e4,step:100,default:2500,unit:"Hz"}]},{id:"distortion",name:"Distortion",category:"distortion",description:"Wave shaping distortion effect",parameters:[{name:"distortion",label:"Drive",type:"number",min:0,max:1,step:.01,default:.4},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"bitCrusher",name:"Bit Crusher",category:"distortion",description:"Reduces bit depth for lo-fi digital texture",parameters:[{name:"bits",label:"Bits",type:"number",min:1,max:16,step:1,default:4},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"chebyshev",name:"Chebyshev",category:"distortion",description:"Waveshaping distortion using Chebyshev polynomials",parameters:[{name:"order",label:"Order",type:"number",min:1,max:100,step:1,default:50},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"compressor",name:"Compressor",category:"dynamics",description:"Dynamic range compressor",parameters:[{name:"threshold",label:"Threshold",type:"number",min:-60,max:0,step:1,default:-24,unit:"dB"},{name:"ratio",label:"Ratio",type:"number",min:1,max:20,step:.5,default:4},{name:"attack",label:"Attack",type:"number",min:0,max:1,step:.001,default:.003,unit:"s"},{name:"release",label:"Release",type:"number",min:0,max:1,step:.01,default:.25,unit:"s"},{name:"knee",label:"Knee",type:"number",min:0,max:40,step:1,default:30,unit:"dB"}]},{id:"limiter",name:"Limiter",category:"dynamics",description:"Hard limiter to prevent clipping",parameters:[{name:"threshold",label:"Threshold",type:"number",min:-12,max:0,step:.5,default:-6,unit:"dB"}]},{id:"gate",name:"Gate",category:"dynamics",description:"Noise gate to silence signal below threshold",parameters:[{name:"threshold",label:"Threshold",type:"number",min:-100,max:0,step:1,default:-40,unit:"dB"},{name:"attack",label:"Attack",type:"number",min:0,max:.3,step:.001,default:.001,unit:"s"},{name:"release",label:"Release",type:"number",min:0,max:.5,step:.01,default:.1,unit:"s"}]},{id:"stereoWidener",name:"Stereo Widener",category:"spatial",description:"Expands or narrows the stereo image",parameters:[{name:"width",label:"Width",type:"number",min:0,max:1,step:.01,default:.5}]}],tn=e=>wt.find(t=>t.id===e),so=e=>wt.filter(t=>t.category===e),oo=[{id:"reverb",name:"Reverb"},{id:"delay",name:"Delay"},{id:"modulation",name:"Modulation"},{id:"filter",name:"Filter"},{id:"distortion",name:"Distortion"},{id:"dynamics",name:"Dynamics"},{id:"spatial",name:"Spatial"}];const io={reverb:j.Reverb,freeverb:j.Freeverb,jcReverb:j.JCReverb,feedbackDelay:j.FeedbackDelay,pingPongDelay:j.PingPongDelay,chorus:j.Chorus,phaser:j.Phaser,tremolo:j.Tremolo,vibrato:j.Vibrato,autoPanner:j.AutoPanner,autoFilter:j.AutoFilter,autoWah:j.AutoWah,eq3:j.EQ3,distortion:j.Distortion,bitCrusher:j.BitCrusher,chebyshev:j.Chebyshev,compressor:j.Compressor,limiter:j.Limiter,gate:j.Gate,stereoWidener:j.StereoWidener};let lo=0;const co=()=>`effect_${Date.now()}_${++lo}`;function bt(e,t){const n=io[e.id];if(!n)throw new Error(`Unknown effect type: ${e.id}`);const a={};e.parameters.forEach(l=>{const c=t?.[l.name]??l.default;a[l.name]=c});const r=new n(a),o=co(),i=r;return{effect:r,id:e.id,instanceId:o,dispose(){try{r.disconnect(),r.dispose()}catch(l){console.warn(`[waveform-playlist] Error disposing effect "${e.id}" (${o}):`,l)}},setParameter(l,c){const u=i[l];if(l==="wet"){const f=i.wet;if(f&&typeof f=="object"&&"value"in f){f.value=c;return}}u!==void 0&&(u&&typeof u=="object"&&"value"in u?u.value=c:i[l]=c)},getParameter(l){if(l==="wet"){const u=i.wet;if(u&&typeof u=="object"&&"value"in u)return u.value}const c=i[l];if(c!==void 0)return c&&typeof c=="object"&&"value"in c?c.value:c},connect(l){r.connect(l)},disconnect(){try{r.disconnect()}catch(l){console.warn(`[waveform-playlist] Error disconnecting effect "${e.id}" (${o}):`,l)}}}}function uo(e){if(e.length===0)throw new Error("Cannot create effect chain with no effects");for(let t=0;t<e.length-1;t++)e[t].effect.connect(e[t+1].effect);return{input:e[0].effect,output:e[e.length-1].effect,dispose(){e.forEach(t=>t.dispose())}}}function fo(e=256){const[t,n]=s.useState([]),a=s.useRef(t);a.current=t;const r=s.useRef(new Map),o=s.useRef(null),i=s.useRef(null),l=s.useCallback(p=>{const m=i.current;if(!m)return;const{masterGainNode:k,destination:w,analyserNode:b}=m;try{k.disconnect()}catch(S){console.warn("[waveform-playlist] Error disconnecting master effects chain:",S)}const x=p.map(S=>r.current.get(S.instanceId)).filter(S=>S!==void 0);if(x.length===0)k.connect(b),b.connect(w);else{let S=k;x.forEach(E=>{try{E.disconnect()}catch(I){console.warn(`[waveform-playlist] Error disconnecting effect "${E.id}":`,I)}S.connect(E.effect),S=E.effect}),S.connect(b),b.connect(w)}},[]),c=s.useCallback(p=>{const m=tn(p);if(!m){console.error(`Unknown effect: ${p}`);return}const k={};m.parameters.forEach(x=>{k[x.name]=x.default});const w=bt(m,k);r.current.set(w.instanceId,w);const b={instanceId:w.instanceId,effectId:m.id,definition:m,params:k,bypassed:!1};n(x=>[...x,b])},[]),u=s.useCallback(p=>{const m=r.current.get(p);m&&(m.dispose(),r.current.delete(p)),n(k=>k.filter(w=>w.instanceId!==p))},[]),f=s.useCallback((p,m,k)=>{const w=r.current.get(p);w&&w.setParameter(m,k),n(b=>b.map(x=>x.instanceId===p?{...x,params:{...x.params,[m]:k}}:x))},[]),v=s.useCallback(p=>{const m=a.current.find(b=>b.instanceId===p);if(!m)return;const k=!m.bypassed,w=r.current.get(p);if(w){const b=m.params.wet??1;w.setParameter("wet",k?0:b)}n(b=>b.map(x=>x.instanceId===p?{...x,bypassed:k}:x))},[]),h=s.useCallback((p,m)=>{n(k=>{const w=[...k],[b]=w.splice(p,1);return w.splice(m,0,b),w})},[]),d=s.useCallback(()=>{r.current.forEach(p=>p.dispose()),r.current.clear(),n([])},[]);s.useEffect(()=>{l(t)},[t,l]);const C=s.useCallback((p,m,k)=>{const w=new j.Analyser("fft",e);o.current=w,i.current={masterGainNode:p,destination:m,analyserNode:w};const x=a.current.map(S=>r.current.get(S.instanceId)).filter(S=>S!==void 0);if(x.length===0)p.connect(w),w.connect(m);else{let S=p;x.forEach(E=>{S.connect(E.effect),S=E.effect}),S.connect(w),w.connect(m)}return function(){w.dispose(),o.current=null,i.current=null}},[e]);s.useEffect(()=>{const p=r.current;return()=>{p.forEach(m=>m.dispose()),p.clear()}},[]);const y=s.useCallback(()=>{const p=t.filter(m=>!m.bypassed);if(p.length!==0)return(m,k,w)=>{const b=[];for(const x of p){const S=bt(x.definition,x.params);b.push(S)}if(b.length===0)m.connect(k);else{let x=m;b.forEach(S=>{x.connect(S.effect),x=S.effect}),x.connect(k)}return function(){b.forEach(S=>S.dispose())}}},[t]);return{activeEffects:t,availableEffects:wt,addEffect:c,removeEffect:u,updateParameter:f,toggleBypass:v,reorderEffects:h,clearAllEffects:d,masterEffects:C,createOfflineEffectsFunction:y,analyserRef:o}}function mo(){const[e,t]=s.useState(new Map),n=s.useRef(new Map),a=s.useRef(new Map),r=s.useCallback((d,C)=>{const y=a.current.get(d);if(!y)return;const{graphEnd:p,masterGainNode:m}=y,k=n.current.get(d);try{p.disconnect()}catch(b){console.warn(`[waveform-playlist] Error disconnecting track "${d}" effect chain:`,b)}const w=C.map(b=>k?.get(b.instanceId)).filter(b=>b!==void 0);if(w.length===0)p.connect(m);else{let b=p;w.forEach(x=>{try{x.disconnect()}catch(S){console.warn(`[waveform-playlist] Error disconnecting effect "${x.id}" on track "${d}":`,S)}b.connect(x.effect),b=x.effect}),b.connect(m)}},[]),o=s.useCallback((d,C)=>{const y=tn(C);if(!y){console.error(`Unknown effect: ${C}`);return}const p={};y.parameters.forEach(w=>{p[w.name]=w.default});const m=bt(y,p);n.current.has(d)||n.current.set(d,new Map),n.current.get(d).set(m.instanceId,m);const k={instanceId:m.instanceId,effectId:y.id,definition:y,params:p,bypassed:!1};t(w=>{const b=new Map(w),x=b.get(d)||[];return b.set(d,[...x,k]),b})},[]),i=s.useCallback((d,C)=>{const y=n.current.get(d),p=y?.get(C);p&&(p.dispose(),y?.delete(C)),t(m=>{const k=new Map(m),w=k.get(d)||[];return k.set(d,w.filter(b=>b.instanceId!==C)),k})},[]),l=s.useCallback((d,C,y,p)=>{const k=n.current.get(d)?.get(C);k&&k.setParameter(y,p),t(w=>{const b=new Map(w),x=b.get(d)||[];return b.set(d,x.map(S=>S.instanceId===C?{...S,params:{...S.params,[y]:p}}:S)),b})},[]),c=s.useCallback((d,C)=>{const p=(f.current.get(d)||[]).find(b=>b.instanceId===C);if(!p)return;const m=!p.bypassed,w=n.current.get(d)?.get(C);if(w){const b=p.params.wet??1;w.setParameter("wet",m?0:b)}t(b=>{const x=new Map(b),S=x.get(d)||[];return x.set(d,S.map(E=>E.instanceId===C?{...E,bypassed:m}:E)),x})},[]),u=s.useCallback(d=>{const C=n.current.get(d);C&&(C.forEach(y=>y.dispose()),C.clear()),t(y=>{const p=new Map(y);return p.set(d,[]),p})},[]),f=s.useRef(e);f.current=e;const v=s.useCallback(d=>(C,y,p)=>{a.current.set(d,{graphEnd:C,masterGainNode:y});const m=f.current.get(d)||[],k=n.current.get(d),w=m.map(b=>k?.get(b.instanceId)).filter(b=>b!==void 0);if(w.length===0)C.connect(y);else{let b=C;w.forEach(x=>{b.connect(x.effect),b=x.effect}),b.connect(y)}return function(){a.current.delete(d)}},[]);s.useEffect(()=>{e.forEach((d,C)=>{r(C,d)})},[e,r]),s.useEffect(()=>{const d=n.current;return()=>{d.forEach(C=>{C.forEach(y=>y.dispose()),C.clear()}),d.clear()}},[]);const h=s.useCallback(d=>{const y=(e.get(d)||[]).filter(p=>!p.bypassed);if(y.length!==0)return(p,m,k)=>{const w=[];for(const b of y){const x=bt(b.definition,b.params);w.push(x)}if(w.length===0)p.connect(m);else{let b=p;w.forEach(x=>{b.connect(x.effect),b=x.effect}),b.connect(m)}return function(){w.forEach(x=>x.dispose())}}},[e]);return{trackEffectsState:e,addEffectToTrack:o,removeEffectFromTrack:i,updateTrackEffectParameter:l,toggleBypass:c,clearTrackEffects:u,getTrackEffectsFunction:v,createOfflineTrackEffectsFunction:h,availableEffects:wt}}function ho(e,t={}){const{bitDepth:n=16}=t,a=e.numberOfChannels,r=e.sampleRate,o=e.length,i=n/8,l=a*i,c=r*l,u=o*l,f=44,v=f+u,h=new ArrayBuffer(v),d=new DataView(h);Et(d,0,"RIFF"),d.setUint32(4,v-8,!0),Et(d,8,"WAVE"),Et(d,12,"fmt "),d.setUint32(16,16,!0),d.setUint16(20,n===32?3:1,!0),d.setUint16(22,a,!0),d.setUint32(24,r,!0),d.setUint32(28,c,!0),d.setUint16(32,l,!0),d.setUint16(34,n,!0),Et(d,36,"data"),d.setUint32(40,u,!0);const C=[];for(let p=0;p<a;p++)C.push(e.getChannelData(p));let y=f;if(n===16)for(let p=0;p<o;p++)for(let m=0;m<a;m++){const k=C[m][p],w=Math.max(-1,Math.min(1,k)),b=w<0?w*32768:w*32767;d.setInt16(y,b,!0),y+=2}else for(let p=0;p<o;p++)for(let m=0;m<a;m++)d.setFloat32(y,C[m][p],!0),y+=4;return new Blob([h],{type:"audio/wav"})}function Et(e,t,n){for(let a=0;a<n.length;a++)e.setUint8(t+a,n.charCodeAt(a))}function po(e,t){const n=URL.createObjectURL(e),a=document.createElement("a");a.href=n,a.download=t,a.style.display="none",document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(n)}function ga(){const[e,t]=s.useState(!1),[n,a]=s.useState(0),[r,o]=s.useState(null);return{exportWav:s.useCallback(async(l,c,u={})=>{const{filename:f="export",mode:v="master",trackIndex:h,autoDownload:d=!0,applyEffects:C=!0,effectsFunction:y,createOfflineTrackEffects:p,bitDepth:m=16,onProgress:k}=u;t(!0),a(0),o(null);try{if(l.length===0)throw new Error("No tracks to export");if(v==="individual"&&(h===void 0||h<0||h>=l.length))throw new Error("Invalid track index for individual export");const w=l[0].clips[0]?.sampleRate||44100;let b=0;for(const A of l)for(const B of A.clips){const _=B.startSample+B.durationSamples;b=Math.max(b,_)}b+=Math.round(w*.1);const x=b/w,S=v==="individual"?[{track:l[h],state:c[h],index:h}]:l.map((A,B)=>({track:A,state:c[B],index:B})),E=c.some(A=>A.soloed),I=!!p;let $;if((y||I)&&C)$=await go(S,c,E,x,w,y,p,A=>{a(A),k?.(A)});else{const A=new OfflineAudioContext(2,b,w);let B=0;const _=S.reduce((R,{track:W})=>R+W.clips.length,0);for(const{track:R,state:W}of S)if(!(W.muted&&!W.soloed)&&!(E&&!W.soloed))for(const L of R.clips){await vo(A,L,W,w,C),B++;const P=B/_*.5;a(P),k?.(P)}a(.5),k?.(.5),$=await A.startRendering()}a(.9),k?.(.9);const M=ho($,{bitDepth:m});if(a(1),k?.(1),d){const A=v==="individual"?`${f}_${l[h].name}`:f;po(M,`${A}.wav`)}return{audioBuffer:$,blob:M,duration:x}}catch(w){const b=w instanceof Error?w.message:"Export failed";throw o(b),w}finally{t(!1)}},[]),isExporting:e,progress:n,error:r}}async function go(e,t,n,a,r,o,i,l){const{Offline:c,Volume:u,Gain:f,Panner:v,Player:h,ToneAudioBuffer:d}=await import("tone");l(.1);let C;try{C=await c(async({transport:y,destination:p})=>{const m=new u(0);let k;o?k=o(m,p,!0):m.connect(p);for(const{track:w,state:b}of e){if(b.muted&&!b.soloed||n&&!b.soloed)continue;const x=new u(bo(b.volume)),S=new v(b.pan),E=new f(b.muted?0:1),I=i?.(w.id);I?I(E,m,!0):E.connect(m),S.connect(E),x.connect(S);for(const $ of w.clips){const{audioBuffer:M,startSample:A,durationSamples:B,offsetSamples:_,gain:R,fadeIn:W,fadeOut:L}=$,P=A/r,U=B/r,H=_/r,ne=new d(M),le=new h(ne),se=new f(R);if(le.connect(se),se.connect(x),W){const oe=P,ye=P+W.duration,ce=Tt(se.gain);ce&&(ce.setValueAtTime(0,oe),ce.linearRampToValueAtTime(R,ye))}if(L){const oe=P+U-L.duration,ye=P+U,ce=Tt(se.gain);ce&&(ce.setValueAtTime(R,oe),ce.linearRampToValueAtTime(0,ye))}le.start(P,H,U)}}y.start(0)},a,2,r)}catch(y){throw y instanceof Error?y:new Error(`Tone.Offline rendering failed: ${String(y)}`)}return l(.9),C.get()}function bo(e){return 20*Math.log10(Math.max(e,1e-4))}async function vo(e,t,n,a,r){const{audioBuffer:o,startSample:i,durationSamples:l,offsetSamples:c,gain:u,fadeIn:f,fadeOut:v}=t;if(!o){console.warn(`Skipping clip "${t.name||t.id}" - no audioBuffer for export`);return}const h=i/a,d=l/a,C=c/a,y=e.createBufferSource();y.buffer=o;const p=e.createGain(),m=u*n.volume,k=e.createStereoPanner();if(k.pan.value=n.pan,y.connect(p),p.connect(k),k.connect(e.destination),r){if(f?p.gain.setValueAtTime(0,h):p.gain.setValueAtTime(m,h),f){const w=h,b=h+f.duration;Wn(p.gain,w,b,0,m,f.type||"linear")}if(v){const w=h+d-v.duration,b=h+d;(!f||f.duration<d-v.duration)&&p.gain.setValueAtTime(m,w),Wn(p.gain,w,b,m,0,v.type||"linear")}}else p.gain.setValueAtTime(m,h);y.start(h,C,d)}function Wn(e,t,n,a,r,o){const i=n-t;if(!(i<=0))switch(o){case"linear":e.setValueAtTime(a,t),e.linearRampToValueAtTime(r,n);break;case"exponential":{const l=Math.max(a,1e-4),c=Math.max(r,1e-4);e.setValueAtTime(l,t),e.exponentialRampToValueAtTime(c,n),r===0&&e.setValueAtTime(0,n);break}case"logarithmic":{const l=Pn(a,r,256,"logarithmic");e.setValueCurveAtTime(l,t,i);break}case"sCurve":{const l=Pn(a,r,256,"sCurve");e.setValueCurveAtTime(l,t,i);break}default:e.setValueAtTime(a,t),e.linearRampToValueAtTime(r,n)}}function Pn(e,t,n,a){const r=new Float32Array(n),o=t-e;for(let i=0;i<n;i++){const l=i/(n-1);let c;a==="logarithmic"?o>0?c=Math.log10(1+l*9)/Math.log10(10):c=1-Math.log10(1+(1-l)*9)/Math.log10(10):c=l*l*(3-2*l),r[i]=e+o*c}return r}const ba=()=>{const e=s.useRef(null),t=s.useCallback(()=>{e.current!==null&&(cancelAnimationFrame(e.current),e.current=null)},[]),n=s.useCallback(a=>{t(),e.current=requestAnimationFrame(a)},[t]);return s.useEffect(()=>()=>{t()},[t]),{animationFrameRef:e,startAnimationFrameLoop:n,stopAnimationFrameLoop:t}},yo=`
|
|
782
|
+
`,Wo=({items:e})=>{const[t,n]=s.useState(!1),r=typeof e=="function"?e(()=>n(!1)):e,[o,i]=s.useState({top:0,left:0}),l=s.useRef(null),c=s.useRef(null);return s.useEffect(()=>{if(t&&l.current){const u=l.current.getBoundingClientRect();i({top:u.bottom+2,left:Math.max(0,u.right-180)})}},[t]),s.useEffect(()=>{if(!t)return;const u=m=>{const h=m.target;l.current&&!l.current.contains(h)&&c.current&&!c.current.contains(h)&&n(!1)};return document.addEventListener("mousedown",u),()=>document.removeEventListener("mousedown",u)},[t]),y.jsxs(Ro,{children:[y.jsx(Do,{ref:l,onClick:u=>{u.stopPropagation(),n(m=>!m)},onMouseDown:u=>u.stopPropagation(),title:"Track menu","aria-label":"Track menu",children:y.jsx(To,{size:16})}),t&&typeof document<"u"&&zn.createPortal(y.jsx(Bo,{ref:c,$top:o.top,$left:o.left,onMouseDown:u=>u.stopPropagation(),children:r.map((u,m)=>y.jsxs(s.Fragment,{children:[m>0&&y.jsx(Fo,{}),u.content]},u.id))}),document.body)]})};function it(e,t){this._waveformData=e,this._channelIndex=t}it.prototype.min_sample=function(e){var t=(e*this._waveformData.channels+this._channelIndex)*2;return this._waveformData._at(t)};it.prototype.max_sample=function(e){var t=(e*this._waveformData.channels+this._channelIndex)*2+1;return this._waveformData._at(t)};it.prototype.set_min_sample=function(e,t){var n=(e*this._waveformData.channels+this._channelIndex)*2;return this._waveformData._set_at(n,t)};it.prototype.set_max_sample=function(e,t){var n=(e*this._waveformData.channels+this._channelIndex)*2+1;return this._waveformData._set_at(n,t)};it.prototype.min_array=function(){for(var e=this._waveformData.length,t=[],n=0;n<e;n++)t.push(this.min_sample(n));return t};it.prototype.max_array=function(){for(var e=this._waveformData.length,t=[],n=0;n<e;n++)t.push(this.max_sample(n));return t};var Po=127,Zo=-128,Vo=32767,jo=-32768;function Lo(e,t){var n=Math.floor(e/t),a=e-n*t;return a>0&&n++,n}function zo(e){for(var t=e.scale,n=e.amplitude_scale,a=e.split_channels,r=e.length,o=e.sample_rate,i=e.channels.map(function(A){return new Float32Array(A)}),l=a?i.length:1,c=24,u=Lo(r,t),m=e.bits===8?1:2,h=c+u*2*m*l,p=new ArrayBuffer(h),f=new DataView(p),b=0,C=c,g=new Array(l),d=new Array(l),x=0;x<l;x++)g[x]=1/0,d[x]=-1/0;var w=e.bits===8?Zo:jo,v=e.bits===8?Po:Vo;f.setInt32(0,2,!0),f.setUint32(4,e.bits===8,!0),f.setInt32(8,o,!0),f.setInt32(12,t,!0),f.setInt32(16,u,!0),f.setInt32(20,l,!0);for(var k=0;k<r;k++){var S=0;if(l===1){for(var M=0;M<i.length;++M)S+=i[M][k];S=Math.floor(v*S*n/i.length),S<g[0]&&(g[0]=S,g[0]<w&&(g[0]=w)),S>d[0]&&(d[0]=S,d[0]>v&&(d[0]=v))}else for(var I=0;I<l;++I)S=Math.floor(v*i[I][k]*n),S<g[I]&&(g[I]=S,g[I]<w&&(g[I]=w)),S>d[I]&&(d[I]=S,d[I]>v&&(d[I]=v));if(++b===t){for(var E=0;E<l;E++)e.bits===8?(f.setInt8(C++,g[E]),f.setInt8(C++,d[E])):(f.setInt16(C,g[E],!0),f.setInt16(C+2,d[E],!0),C+=4),g[E]=1/0,d[E]=-1/0;b=0}}if(b>0)for(var _=0;_<l;_++)e.bits===8?(f.setInt8(C++,g[_]),f.setInt8(C++,d[_])):(f.setInt16(C,g[_],!0),f.setInt16(C+2,d[_],!0));return p}function Rt(e){"@babel/helpers - typeof";return Rt=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Rt(e)}function Ho(e){return e&&Rt(e)==="object"&&"sample_rate"in e&&"samples_per_pixel"in e&&"bits"in e&&"length"in e&&"data"in e}function Xo(e){var t=e&&Rt(e)==="object"&&"byteLength"in e;if(t){var n=new DataView(e),a=n.getInt32(0,!0);if(a!==1&&a!==2)throw new TypeError("WaveformData.create(): This waveform data version not supported")}return t}function Oo(e){var t=e.data,n=e.channels||1,a=24,r=e.bits===8?1:2,o=e.length*2*n;if(t.length!==o)throw new Error("WaveformData.create(): Length mismatch in JSON waveform data");var i=a+t.length*r,l=new ArrayBuffer(i),c=new DataView(l);c.setInt32(0,2,!0),c.setUint32(4,e.bits===8,!0),c.setInt32(8,e.sample_rate,!0),c.setInt32(12,e.samples_per_pixel,!0),c.setInt32(16,e.length,!0),c.setInt32(20,n,!0);var u=a;if(e.bits===8)for(var m=0;m<t.length;m++)c.setInt8(u++,t[m],!0);else for(var h=0;h<t.length;h++)c.setInt16(u,t[h],!0),u+=2;return l}function dt(e){return e==null}function Go(e,t){var n=atob(e);return n}function No(e,t,n){var a=Go(e),r=a.indexOf(`
|
|
783
|
+
`,10)+1,o=a.substring(r)+"",i=new Blob([o],{type:"application/javascript"});return URL.createObjectURL(i)}function Yo(e,t,n){var a;return function(o){return a=a||No(e),new Worker(a,o)}}var Uo=Yo("Lyogcm9sbHVwLXBsdWdpbi13ZWItd29ya2VyLWxvYWRlciAqLwooZnVuY3Rpb24gKCkgewogICd1c2Ugc3RyaWN0JzsKCiAgLyoqCiAgICogQXVkaW9CdWZmZXItYmFzZWQgV2F2ZWZvcm1EYXRhIGdlbmVyYXRvcgogICAqCiAgICogQWRhcHRlZCBmcm9tIEJsb2NrRmlsZTo6Q2FsY1N1bW1hcnkgaW4gQXVkYWNpdHksIHdpdGggcGVybWlzc2lvbi4KICAgKiBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2F1ZGFjaXR5L2F1ZGFjaXR5L2Jsb2IvCiAgICogICAxMTA4YzEzNzZjMDkxNjYxNjIzMzVmYWI0NzQzMDA4Y2JhNTdjNGVlL3NyYy9CbG9ja0ZpbGUuY3BwI0wxOTgKICAgKi8KCiAgdmFyIElOVDhfTUFYID0gMTI3OwogIHZhciBJTlQ4X01JTiA9IC0xMjg7CiAgdmFyIElOVDE2X01BWCA9IDMyNzY3OwogIHZhciBJTlQxNl9NSU4gPSAtMzI3Njg7CiAgZnVuY3Rpb24gY2FsY3VsYXRlV2F2ZWZvcm1EYXRhTGVuZ3RoKGF1ZGlvX3NhbXBsZV9jb3VudCwgc2NhbGUpIHsKICAgIHZhciBkYXRhX2xlbmd0aCA9IE1hdGguZmxvb3IoYXVkaW9fc2FtcGxlX2NvdW50IC8gc2NhbGUpOwogICAgdmFyIHNhbXBsZXNfcmVtYWluaW5nID0gYXVkaW9fc2FtcGxlX2NvdW50IC0gZGF0YV9sZW5ndGggKiBzY2FsZTsKICAgIGlmIChzYW1wbGVzX3JlbWFpbmluZyA+IDApIHsKICAgICAgZGF0YV9sZW5ndGgrKzsKICAgIH0KICAgIHJldHVybiBkYXRhX2xlbmd0aDsKICB9CiAgZnVuY3Rpb24gZ2VuZXJhdGVXYXZlZm9ybURhdGEob3B0aW9ucykgewogICAgdmFyIHNjYWxlID0gb3B0aW9ucy5zY2FsZTsKICAgIHZhciBhbXBsaXR1ZGVfc2NhbGUgPSBvcHRpb25zLmFtcGxpdHVkZV9zY2FsZTsKICAgIHZhciBzcGxpdF9jaGFubmVscyA9IG9wdGlvbnMuc3BsaXRfY2hhbm5lbHM7CiAgICB2YXIgbGVuZ3RoID0gb3B0aW9ucy5sZW5ndGg7CiAgICB2YXIgc2FtcGxlX3JhdGUgPSBvcHRpb25zLnNhbXBsZV9yYXRlOwogICAgdmFyIGNoYW5uZWxzID0gb3B0aW9ucy5jaGFubmVscy5tYXAoZnVuY3Rpb24gKGNoYW5uZWwpIHsKICAgICAgcmV0dXJuIG5ldyBGbG9hdDMyQXJyYXkoY2hhbm5lbCk7CiAgICB9KTsKICAgIHZhciBvdXRwdXRfY2hhbm5lbHMgPSBzcGxpdF9jaGFubmVscyA/IGNoYW5uZWxzLmxlbmd0aCA6IDE7CiAgICB2YXIgaGVhZGVyX3NpemUgPSAyNDsKICAgIHZhciBkYXRhX2xlbmd0aCA9IGNhbGN1bGF0ZVdhdmVmb3JtRGF0YUxlbmd0aChsZW5ndGgsIHNjYWxlKTsKICAgIHZhciBieXRlc19wZXJfc2FtcGxlID0gb3B0aW9ucy5iaXRzID09PSA4ID8gMSA6IDI7CiAgICB2YXIgdG90YWxfc2l6ZSA9IGhlYWRlcl9zaXplICsgZGF0YV9sZW5ndGggKiAyICogYnl0ZXNfcGVyX3NhbXBsZSAqIG91dHB1dF9jaGFubmVsczsKICAgIHZhciBidWZmZXIgPSBuZXcgQXJyYXlCdWZmZXIodG90YWxfc2l6ZSk7CiAgICB2YXIgZGF0YV92aWV3ID0gbmV3IERhdGFWaWV3KGJ1ZmZlcik7CiAgICB2YXIgc2NhbGVfY291bnRlciA9IDA7CiAgICB2YXIgb2Zmc2V0ID0gaGVhZGVyX3NpemU7CiAgICB2YXIgbWluX3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICB2YXIgbWF4X3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICBmb3IgKHZhciBjaGFubmVsID0gMDsgY2hhbm5lbCA8IG91dHB1dF9jaGFubmVsczsgY2hhbm5lbCsrKSB7CiAgICAgIG1pbl92YWx1ZVtjaGFubmVsXSA9IEluZmluaXR5OwogICAgICBtYXhfdmFsdWVbY2hhbm5lbF0gPSAtSW5maW5pdHk7CiAgICB9CiAgICB2YXIgcmFuZ2VfbWluID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NSU4gOiBJTlQxNl9NSU47CiAgICB2YXIgcmFuZ2VfbWF4ID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NQVggOiBJTlQxNl9NQVg7CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMCwgMiwgdHJ1ZSk7IC8vIFZlcnNpb24KICAgIGRhdGFfdmlldy5zZXRVaW50MzIoNCwgb3B0aW9ucy5iaXRzID09PSA4LCB0cnVlKTsgLy8gSXMgOCBiaXQ/CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoOCwgc2FtcGxlX3JhdGUsIHRydWUpOyAvLyBTYW1wbGUgcmF0ZQogICAgZGF0YV92aWV3LnNldEludDMyKDEyLCBzY2FsZSwgdHJ1ZSk7IC8vIFNjYWxlCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMTYsIGRhdGFfbGVuZ3RoLCB0cnVlKTsgLy8gTGVuZ3RoCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMjAsIG91dHB1dF9jaGFubmVscywgdHJ1ZSk7CiAgICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbmd0aDsgaSsrKSB7CiAgICAgIHZhciBzYW1wbGUgPSAwOwogICAgICBpZiAob3V0cHV0X2NoYW5uZWxzID09PSAxKSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwgPSAwOyBfY2hhbm5lbCA8IGNoYW5uZWxzLmxlbmd0aDsgKytfY2hhbm5lbCkgewogICAgICAgICAgc2FtcGxlICs9IGNoYW5uZWxzW19jaGFubmVsXVtpXTsKICAgICAgICB9CiAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBzYW1wbGUgKiBhbXBsaXR1ZGVfc2NhbGUgLyBjaGFubmVscy5sZW5ndGgpOwogICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbMF0pIHsKICAgICAgICAgIG1pbl92YWx1ZVswXSA9IHNhbXBsZTsKICAgICAgICAgIGlmIChtaW5fdmFsdWVbMF0gPCByYW5nZV9taW4pIHsKICAgICAgICAgICAgbWluX3ZhbHVlWzBdID0gcmFuZ2VfbWluOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgICBpZiAoc2FtcGxlID4gbWF4X3ZhbHVlWzBdKSB7CiAgICAgICAgICBtYXhfdmFsdWVbMF0gPSBzYW1wbGU7CiAgICAgICAgICBpZiAobWF4X3ZhbHVlWzBdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgIG1heF92YWx1ZVswXSA9IHJhbmdlX21heDsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0gZWxzZSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwyID0gMDsgX2NoYW5uZWwyIDwgb3V0cHV0X2NoYW5uZWxzOyArK19jaGFubmVsMikgewogICAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBjaGFubmVsc1tfY2hhbm5lbDJdW2ldICogYW1wbGl0dWRlX3NjYWxlKTsKICAgICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtaW5fdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1pbl92YWx1ZVtfY2hhbm5lbDJdIDwgcmFuZ2VfbWluKSB7CiAgICAgICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9taW47CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICAgIGlmIChzYW1wbGUgPiBtYXhfdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtYXhfdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1heF92YWx1ZVtfY2hhbm5lbDJdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgICAgbWF4X3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9tYXg7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgICAgaWYgKCsrc2NhbGVfY291bnRlciA9PT0gc2NhbGUpIHsKICAgICAgICBmb3IgKHZhciBfY2hhbm5lbDMgPSAwOyBfY2hhbm5lbDMgPCBvdXRwdXRfY2hhbm5lbHM7IF9jaGFubmVsMysrKSB7CiAgICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtaW5fdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50MTYob2Zmc2V0LCBtaW5fdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQxNihvZmZzZXQgKyAyLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIG9mZnNldCArPSA0OwogICAgICAgICAgfQogICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsM10gPSBJbmZpbml0eTsKICAgICAgICAgIG1heF92YWx1ZVtfY2hhbm5lbDNdID0gLUluZmluaXR5OwogICAgICAgIH0KICAgICAgICBzY2FsZV9jb3VudGVyID0gMDsKICAgICAgfQogICAgfQogICAgaWYgKHNjYWxlX2NvdW50ZXIgPiAwKSB7CiAgICAgIGZvciAodmFyIF9jaGFubmVsNCA9IDA7IF9jaGFubmVsNCA8IG91dHB1dF9jaGFubmVsczsgX2NoYW5uZWw0KyspIHsKICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50OChvZmZzZXQrKywgbWluX3ZhbHVlW19jaGFubmVsNF0pOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDgob2Zmc2V0KyssIG1heF92YWx1ZVtfY2hhbm5lbDRdKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCwgbWluX3ZhbHVlW19jaGFubmVsNF0sIHRydWUpOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCArIDIsIG1heF92YWx1ZVtfY2hhbm5lbDRdLCB0cnVlKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICAgIHJldHVybiBidWZmZXI7CiAgfQoKICBvbm1lc3NhZ2UgPSBmdW5jdGlvbiBvbm1lc3NhZ2UoZXZ0KSB7CiAgICB2YXIgYnVmZmVyID0gZ2VuZXJhdGVXYXZlZm9ybURhdGEoZXZ0LmRhdGEpOwoKICAgIC8vIFRyYW5zZmVyIGJ1ZmZlciB0byB0aGUgY2FsbGluZyB0aHJlYWQKICAgIHRoaXMucG9zdE1lc3NhZ2UoYnVmZmVyLCBbYnVmZmVyXSk7CiAgICB0aGlzLmNsb3NlKCk7CiAgfTsKCn0pKCk7Ci8vIyBzb3VyY2VNYXBwaW5nVVJMPXdhdmVmb3JtLWRhdGEtd29ya2VyLmpzLm1hcAoK");function je(e){if(Ho(e)&&(e=Oo(e)),Xo(e)){this._data=new DataView(e),this._offset=this._version()===2?24:20,this._channels=[];for(var t=0;t<this.channels;t++)this._channels[t]=new it(this,t)}else throw new TypeError("WaveformData.create(): Unknown data format")}var gt={scale:512,bits:8,amplitude_scale:1,split_channels:!1,disable_worker:!1};function Ko(e){var t={scale:e.scale||gt.scale,bits:e.bits||gt.bits,amplitude_scale:e.amplitude_scale||gt.amplitude_scale,split_channels:e.split_channels||gt.split_channels,disable_worker:e.disable_worker||gt.disable_worker};return t}function qo(e){for(var t=[],n=0;n<e.numberOfChannels;++n)t.push(e.getChannelData(n).buffer);return t}function pa(e,t,n){var a=qo(e);if(t.disable_worker){var r=zo({scale:t.scale,bits:t.bits,amplitude_scale:t.amplitude_scale,split_channels:t.split_channels,length:e.length,sample_rate:e.sampleRate,channels:a});n(void 0,new je(r),e)}else{var o=new Uo;o.onmessage=function(i){n(void 0,new je(i.data),e)},o.postMessage({scale:t.scale,bits:t.bits,amplitude_scale:t.amplitude_scale,split_channels:t.split_channels,length:e.length,sample_rate:e.sampleRate,channels:a},a)}}function Jo(e,t,n,a){function r(i){i||(i=new DOMException("EncodingError")),a(i),a=function(){}}var o=e.decodeAudioData(t,function(i){pa(i,n,a)},r);o&&o.catch(r)}je.create=function(t){return new je(t)};je.createFromAudio=function(e,t){var n=Ko(e);if(e.audio_context&&e.array_buffer)return Jo(e.audio_context,e.array_buffer,n,t);if(e.audio_buffer)return pa(e.audio_buffer,n,t);throw new TypeError("WaveformData.createFromAudio(): Pass either an AudioContext and ArrayBuffer, or an AudioBuffer object")};function Ft(e){this._inputData=e.waveformData,this._output_samples_per_pixel=e.scale,this._scale=this._inputData.scale,this._input_buffer_size=this._inputData.length;var t=this._input_buffer_size*this._inputData.scale,n=Math.ceil(t/this._output_samples_per_pixel),a=24,r=this._inputData.bits===8?1:2,o=a+n*2*this._inputData.channels*r;this._output_data=new ArrayBuffer(o),this.output_dataview=new DataView(this._output_data),this.output_dataview.setInt32(0,2,!0),this.output_dataview.setUint32(4,this._inputData.bits===8,!0),this.output_dataview.setInt32(8,this._inputData.sample_rate,!0),this.output_dataview.setInt32(12,this._output_samples_per_pixel,!0),this.output_dataview.setInt32(16,n,!0),this.output_dataview.setInt32(20,this._inputData.channels,!0),this._outputWaveformData=new je(this._output_data),this._input_index=0,this._output_index=0;var i=this._inputData.channels;this._min=new Array(i),this._max=new Array(i);for(var l=0;l<i;++l)this._input_buffer_size>0?(this._min[l]=this._inputData.channel(l).min_sample(this._input_index),this._max[l]=this._inputData.channel(l).max_sample(this._input_index)):(this._min[l]=0,this._max[l]=0);this._min_value=this._inputData.bits===8?-128:-32768,this._max_value=this._inputData.bits===8?127:32767,this._where=0,this._prev_where=0,this._stop=0,this._last_input_index=0}Ft.prototype.sample_at_pixel=function(e){return Math.floor(e*this._output_samples_per_pixel)};Ft.prototype.next=function(){for(var e=0,t=1e3,n=this._inputData.channels,a;this._input_index<this._input_buffer_size&&e<t;){for(;Math.floor(this.sample_at_pixel(this._output_index)/this._scale)===this._input_index;){if(this._output_index>0)for(var r=0;r<n;++r)a=this._outputWaveformData.channel(r),a.set_min_sample(this._output_index-1,this._min[r]),a.set_max_sample(this._output_index-1,this._max[r]);if(this._last_input_index=this._input_index,this._output_index++,this._where=this.sample_at_pixel(this._output_index),this._prev_where=this.sample_at_pixel(this._output_index-1),this._where!==this._prev_where)for(var o=0;o<n;++o)this._min[o]=this._max_value,this._max[o]=this._min_value}for(this._where=this.sample_at_pixel(this._output_index),this._stop=Math.floor(this._where/this._scale),this._stop>this._input_buffer_size&&(this._stop=this._input_buffer_size);this._input_index<this._stop;){for(var i=0;i<n;++i){a=this._inputData.channel(i);var l=a.min_sample(this._input_index);l<this._min[i]&&(this._min[i]=l),l=a.max_sample(this._input_index),l>this._max[i]&&(this._max[i]=l)}this._input_index++}e++}if(this._input_index<this._input_buffer_size)return!1;if(this._input_index!==this._last_input_index)for(var c=0;c<n;++c)a=this._outputWaveformData.channel(c),a.set_min_sample(this._output_index-1,this._min[c]),a.set_max_sample(this._output_index-1,this._max[c]);return!0};Ft.prototype.getOutputData=function(){return this._output_data};je.prototype={_getResampleOptions:function(t){var n={};if(n.scale=t.scale,n.width=t.width,!dt(n.width)&&(typeof n.width!="number"||n.width<=0))throw new RangeError("WaveformData.resample(): width should be a positive integer value");if(!dt(n.scale)&&(typeof n.scale!="number"||n.scale<=0))throw new RangeError("WaveformData.resample(): scale should be a positive integer value");if(!n.scale&&!n.width)throw new Error("WaveformData.resample(): Missing scale or width option");if(n.width&&(n.scale=Math.floor(this.duration*this.sample_rate/n.width)),n.scale<this.scale)throw new Error("WaveformData.resample(): Zoom level "+n.scale+" too low, minimum: "+this.scale);return n.abortSignal=t.abortSignal,n},resample:function(t){t=this._getResampleOptions(t),t.waveformData=this;for(var n=new Ft(t);!n.next(););return new je(n.getOutputData())},concat:function(){var t=this,n=Array.prototype.slice.call(arguments);n.forEach(function(r){if(t.channels!==r.channels||t.sample_rate!==r.sample_rate||t.bits!==r.bits||t.scale!==r.scale)throw new Error("WaveformData.concat(): Waveforms are incompatible")});var a=this._concatBuffers.apply(this,n);return je.create(a)},_concatBuffers:function(){for(var t=Array.prototype.slice.call(arguments),n=this._offset,a=n,r=0,o=[this].concat(t).map(function(d){return d._data.buffer}),i=0;i<o.length;i++){var l=o[i],c=new DataView(l).getInt32(16,!0);a+=l.byteLength-n,r+=c}for(var u=new ArrayBuffer(a),m=new DataView(o[0]),h=new DataView(u),p=0;p<n;p++)h.setUint8(p,m.getUint8(p));h.setInt32(16,r,!0);for(var f=0,b=new Uint8Array(u,n),C=0;C<o.length;C++){var g=o[C];b.set(new Uint8Array(g,n),f),f+=g.byteLength-n}return u},slice:function(t){var n=0,a=0;if(!dt(t.startIndex)&&!dt(t.endIndex)?(n=t.startIndex,a=t.endIndex):!dt(t.startTime)&&!dt(t.endTime)&&(n=this.at_time(t.startTime),a=this.at_time(t.endTime)),n<0)throw new RangeError("startIndex or startTime must not be negative");if(a<0)throw new RangeError("endIndex or endTime must not be negative");n>this.length&&(n=this.length),a>this.length&&(a=this.length),n>a&&(n=a);var r=a-n,o=24,i=this.bits===8?1:2,l=o+r*2*this.channels*i,c=new ArrayBuffer(l),u=new DataView(c);u.setInt32(0,2,!0),u.setUint32(4,this.bits===8,!0),u.setInt32(8,this.sample_rate,!0),u.setInt32(12,this.scale,!0),u.setInt32(16,r,!0),u.setInt32(20,this.channels,!0);for(var m=0;m<r*this.channels*2;m++){var h=this._at(n*this.channels*2+m);this.bits===8?u.setInt8(o+m,h):u.setInt16(o+m*2,h,!0)}return new je(c)},_version:function(){return this._data.getInt32(0,!0)},get length(){return this._data.getUint32(16,!0)},get bits(){var e=!!this._data.getUint32(4,!0);return e?8:16},get duration(){return this.length*this.scale/this.sample_rate},get pixels_per_second(){return this.sample_rate/this.scale},get seconds_per_pixel(){return this.scale/this.sample_rate},get channels(){return this._version()===2?this._data.getInt32(20,!0):1},channel:function(t){if(t>=0&&t<this._channels.length)return this._channels[t];throw new RangeError("Invalid channel: "+t)},get sample_rate(){return this._data.getInt32(8,!0)},get scale(){return this._data.getInt32(12,!0)},_at:function(t){return this.bits===8?this._data.getInt8(this._offset+t):this._data.getInt16(this._offset+t*2,!0)},_set_at:function(t,n){return this.bits===8?this._data.setInt8(this._offset+t,n):this._data.setInt16(this._offset+t*2,n,!0)},at_time:function(t){return Math.floor(t*this.sample_rate/this.scale)},time:function(t){return t*this.scale/this.sample_rate},toJSON:function(){for(var t={version:2,channels:this.channels,sample_rate:this.sample_rate,samples_per_pixel:this.scale,bits:this.bits,length:this.length,data:[]},n=0;n<this.length;n++)for(var a=0;a<this.channels;a++)t.data.push(this.channel(a).min_sample(n)),t.data.push(this.channel(a).max_sample(n));return t},toArrayBuffer:function(){return this._data.buffer}};async function nn(e){const t=await fetch(e);if(!t.ok)throw new Error(`Failed to fetch waveform data: ${t.statusText}`);if(e.endsWith(".dat")){const a=await t.arrayBuffer();return je.create(a)}else{const a=await t.json();return je.create(a)}}function ga(e,t=0){const n=e.channel(t),a=e.bits,r=n.min_array(),o=n.max_array(),i=r.length,l=a===8?new Int8Array(i*2):new Int16Array(i*2);for(let c=0;c<i;c++)l[c*2]=r[c],l[c*2+1]=o[c];return{data:l,bits:a,length:i,sampleRate:e.sample_rate}}async function Qo(e,t=0){const n=await nn(e);return ga(n,t)}async function es(e){const t=await nn(e);return{sampleRate:t.sample_rate,channels:t.channels,duration:t.duration,samplesPerPixel:t.scale,length:t.length,bits:t.bits}}function ts(e,t,n=0,a,r){let o=e;if(r!==void 0){const p=e.scale,f=Math.floor(a/p),b=Math.ceil((a+r)/p);o=o.slice({startIndex:f,endIndex:b})}o.scale!==t&&(o=o.resample({scale:t}));const i=o.channel(n),l=o.bits,c=i.min_array(),u=i.max_array(),m=c.length,h=l===8?new Int8Array(m*2):new Int16Array(m*2);for(let p=0;p<m;p++)h[p*2]=c[p],h[p*2+1]=u[p];return{data:h,bits:l,length:m}}function Zn(e,t,n,a,r){let o=e;if(a!==void 0&&r!==void 0){const m=e.scale,h=Math.floor(a/m),p=Math.ceil((a+r)/m);o=o.slice({startIndex:h,endIndex:p})}o.scale!==t&&(o=o.resample({scale:t}));const i=o.channels,l=o.bits,c=[];for(let m=0;m<i;m++){const h=o.channel(m),p=h.min_array(),f=h.max_array(),b=p.length,C=l===8?new Int8Array(b*2):new Int16Array(b*2);for(let g=0;g<b;g++)C[g*2]=p[g],C[g*2+1]=f[g];c.push(C)}if(n&&c.length>1){const m=1/c.length,h=c[0].length/2,p=l===8?new Int8Array(h*2):new Int16Array(h*2);for(let f=0;f<h;f++){let b=0,C=0;for(let g=0;g<c.length;g++)b+=m*c[g][f*2],C+=m*c[g][f*2+1];p[f*2]=b,p[f*2+1]=C}return{length:h,data:[p],bits:l}}return{length:c.length>0?c[0].length/2:0,data:c,bits:l}}function ba(){const[e,t]=s.useState("hh:mm:ss.uuu");return{timeFormat:e,setTimeFormat:t,formatTime:r=>ft(r,e),parseTime:r=>ca(r,e)}}const ns=[256,512,1024,2048,4096,8192];function va({initialSamplesPerPixel:e,zoomLevels:t=ns}){const[n,a]=s.useState(()=>{const u=t.indexOf(e);return u!==-1?u:Math.floor(t.length/2)}),r=t[n],o=n>0,i=n<t.length-1,l=s.useCallback(()=>{s.startTransition(()=>{a(u=>Math.max(0,u-1))})},[]),c=s.useCallback(()=>{s.startTransition(()=>{a(u=>Math.min(t.length-1,u+1))})},[t.length]);return{samplesPerPixel:r,zoomIn:l,zoomOut:c,canZoomIn:o,canZoomOut:i}}function ya({playoutRef:e,initialVolume:t=1,onVolumeChange:n}){const[a,r]=s.useState(t),o=s.useCallback(i=>{r(i),e.current&&e.current.setMasterGain(i),n?.(i)},[e,n]);return{masterVolume:a,setMasterVolume:o}}const as=(e=256)=>{const t=s.useRef(null),n=s.useCallback((a,r,o)=>{const i=new j.Analyser("fft",e);return a.connect(i),a.connect(r),t.current=i,function(){i.dispose(),t.current=null}},[e]);return{analyserRef:t,masterEffects:n}};function rs(e,t={}){const{progressive:n=!1}=t,[a,r]=s.useState([]),[o,i]=s.useState(!0),[l,c]=s.useState(null),[u,m]=s.useState(0),h=e.length;return s.useEffect(()=>{if(e.length===0){r([]),i(!1),m(0);return}let p=!1;const f=new AbortController,b=new Map,C=(d,x,w)=>{const v=w??d.audioBuffer;if(!v&&!d.waveformData)throw new Error(`Track ${x+1}: Must provide src, audioBuffer, or waveformData`);const k=v?.duration??d.waveformData?.duration,S=Gn({audioBuffer:v,startTime:d.startTime??0,duration:d.duration??k,offset:d.offset??0,name:d.name||`Track ${x+1}`,fadeIn:d.fadeIn,fadeOut:d.fadeOut,waveformData:d.waveformData});if(isNaN(S.startSample)||isNaN(S.durationSamples)||isNaN(S.offsetSamples))throw console.error("Invalid clip values:",S),new Error(`Invalid clip values for track ${x+1}`);return{...Nn({name:d.name||`Track ${x+1}`,clips:[S],muted:d.muted??!1,soloed:d.soloed??!1,volume:d.volume??1,pan:d.pan??0,color:d.color}),effects:d.effects,renderMode:d.renderMode,spectrogramConfig:d.spectrogramConfig,spectrogramColorMap:d.spectrogramColorMap}};return(async()=>{try{i(!0),c(null),m(0);const d=Xn.getContext().rawContext,x=e.map(async(v,k)=>{if(v.audioBuffer){const _=C(v,k,v.audioBuffer);return n&&!p&&(b.set(k,_),m(A=>A+1),r(Array.from({length:e.length},(A,T)=>b.get(T)).filter(A=>A!==void 0))),_}if(!v.src&&v.waveformData){const _=C(v,k);return n&&!p&&(b.set(k,_),m(A=>A+1),r(Array.from({length:e.length},(A,T)=>b.get(T)).filter(A=>A!==void 0))),_}if(!v.src)throw new Error(`Track ${k+1}: Must provide src, audioBuffer, or waveformData`);const S=await fetch(v.src,{signal:f.signal});if(!S.ok)throw new Error(`Failed to fetch ${v.src}: ${S.statusText}`);const M=await S.arrayBuffer(),I=await d.decodeAudioData(M);if(!I||!I.sampleRate||!I.duration)throw new Error(`Invalid audio buffer for ${v.src}`);const E=C(v,k,I);return n&&!p&&(b.set(k,E),m(_=>_+1),r(Array.from({length:e.length},(_,A)=>b.get(A)).filter(_=>_!==void 0))),E}),w=await Promise.all(x);p||(n||(r(w),m(w.length)),i(!1))}catch(d){if(!p){const x=d instanceof Error?d.message:"Unknown error loading audio";c(x),i(!1),console.error("Error loading audio tracks:",d)}}})(),()=>{p=!0,f.abort()}},[e,n]),{tracks:a,loading:o,error:l,loadedCount:u,totalCount:h}}function os({tracks:e,onTracksChange:t,samplesPerPixel:n,sampleRate:a}){const r=s.useRef(null),o=s.useCallback(u=>{const{transform:m,active:h}=u;if(!h?.data?.current)return{...m,scaleX:1,scaleY:1};const{trackIndex:p,clipIndex:f,boundary:b}=h.data.current;if(b)return{...m,scaleX:1,scaleY:1};const C=e[p];if(!C)return{...m,scaleX:1,scaleY:1};const g=C.clips[f];if(!g)return{...m,scaleX:1,scaleY:1};const d=g.startSample/a,x=g.durationSamples/a,w=m.x*n/a;let v=d+w;const k=[...C.clips].sort((A,T)=>A.startSample-T.startSample),S=k.findIndex(A=>A===g);v=Math.max(0,v);const M=S>0?k[S-1]:null;if(M){const A=(M.startSample+M.durationSamples)/a;v=Math.max(v,A)}const I=S<k.length-1?k[S+1]:null;if(I){const A=v+x,T=I.startSample/a;A>T&&(v=T-x)}const _=(v-d)*a/n;return{...m,x:_,scaleX:1,scaleY:1}},[e,n,a]),i=s.useCallback(u=>{const{active:m}=u,{boundary:h}=m.data.current;if(!h){r.current=null;return}const{trackIndex:p,clipIndex:f}=m.data.current,C=e[p]?.clips[f];C&&(r.current={offsetSamples:C.offsetSamples,durationSamples:C.durationSamples,startSample:C.startSample})},[e]),l=s.useCallback(u=>{const{active:m,delta:h}=u,{boundary:p}=m.data.current;if(!p||!r.current)return;const{trackIndex:f,clipIndex:b}=m.data.current,C=h.x*n,g=Math.floor(.1*a),d=r.current,x=e.map((w,v)=>{if(v!==f)return w;const k=[...w.clips].sort((I,E)=>I.startSample-E.startSample),S=k.findIndex(I=>I===w.clips[b]),M=w.clips.map((I,E)=>{if(E!==b)return I;const _=I.sourceDurationSamples;if(p==="left"){let A=Math.floor(C);const T=-d.startSample;A<T&&(A=T);const R=-d.offsetSamples;A<R&&(A=R);const W=S>0?k[S-1]:null;if(W){const ae=W.startSample+W.durationSamples-d.startSample;A<ae&&(A=ae)}const X=d.durationSamples-g;A>X&&(A=X);const G=d.offsetSamples+A,P=d.durationSamples-A,N=d.startSample+A;return{...I,offsetSamples:G,durationSamples:P,startSample:N}}else{let A=Math.floor(d.durationSamples+C);A=Math.max(g,A),d.offsetSamples+A>_&&(A=_-d.offsetSamples);const T=S<k.length-1?k[S+1]:null;return T&&d.startSample+A>T.startSample&&(A=T.startSample-d.startSample,A=Math.max(g,A)),{...I,durationSamples:A}}});return{...w,clips:M}});t(x)},[e,t,n,a]),c=s.useCallback(u=>{const{active:m,delta:h}=u,{trackIndex:p,clipIndex:f,boundary:b}=m.data.current,C=h.x*n;if(b){r.current=null;return}const g=e.map((d,x)=>{if(x!==p)return d;const w=[...d.clips].sort((S,M)=>S.startSample-M.startSample),v=w.findIndex(S=>S===d.clips[f]),k=d.clips.map((S,M)=>{if(M!==f)return S;let I=Math.floor(S.startSample+C);I=Math.max(0,I);const E=v>0?w[v-1]:null;if(E){const A=E.startSample+E.durationSamples;I=Math.max(I,A)}const _=v<w.length-1?w[v+1]:null;return _&&I+S.durationSamples>_.startSample&&(I=_.startSample-S.durationSamples),{...S,startSample:I}});return{...d,clips:k}});t(g)},[e,t,n]);return{onDragStart:i,onDragMove:l,onDragEnd:c,collisionModifier:o}}const Ht=.01;function Ca({annotations:e,onAnnotationsChange:t,samplesPerPixel:n,sampleRate:a,duration:r,linkEndpoints:o}){const i=s.useRef(null),l=s.useCallback(m=>{const{active:h}=m,p=h.data.current;if(!p||p.annotationIndex===void 0){i.current=null;return}const f=e[p.annotationIndex];f&&(i.current={start:f.start,end:f.end,annotationIndex:p.annotationIndex})},[e]),c=s.useCallback(m=>{const{active:h,delta:p}=m;if(!i.current)return;const f=h.data.current;if(!f)return;const{edge:b,annotationIndex:C}=f,g=i.current,d=p.x*n/a,x=b==="start"?g.start+d:g.end+d,w=ss({annotationIndex:C,newTime:x,isDraggingStart:b==="start",annotations:e,duration:r,linkEndpoints:o});t(w)},[e,t,n,a,r,o]),u=s.useCallback(()=>{i.current=null},[]);return{onDragStart:l,onDragMove:c,onDragEnd:u}}function ss({annotationIndex:e,newTime:t,isDraggingStart:n,annotations:a,duration:r,linkEndpoints:o}){const i=[...a],l=a[e];if(n){const c=Math.min(l.end-.1,Math.max(0,t)),u=c-l.start;if(i[e]={...l,start:c},o&&e>0){const m=i[e-1];Math.abs(m.end-l.start)<Ht?i[e-1]={...m,end:Math.max(m.start+.1,m.end+u)}:c<=m.end&&(i[e]={...i[e],start:m.end})}else!o&&e>0&&c<i[e-1].end&&(i[e-1]={...i[e-1],end:c})}else{const c=Math.max(l.start+.1,Math.min(t,r)),u=c-l.end;if(i[e]={...l,end:c},o&&e<i.length-1){const m=i[e+1];if(Math.abs(m.start-l.end)<Ht){const h=m.start+u;i[e+1]={...m,start:Math.min(m.end-.1,h)};let p=e+1;for(;p<i.length-1;){const f=i[p],b=i[p+1];if(Math.abs(b.start-f.end)<Ht){const C=f.end-a[p].end;i[p+1]={...b,start:Math.min(b.end-.1,b.start+C)},p++}else break}}else c>=m.start&&(i[e]={...i[e],end:m.start})}else if(!o&&e<i.length-1&&c>i[e+1].start){const m=i[e+1];i[e+1]={...m,start:c};let h=e+1;for(;h<i.length-1;){const p=i[h],f=i[h+1];if(p.end>f.start)i[h+1]={...f,start:p.end},h++;else break}}}return i}function is(e={}){const{touchOptimized:t=!1,touchDelay:n=250,touchTolerance:a=5,mouseDistance:r=1}=e,o=Ne.useSensor(Ne.MouseSensor,{activationConstraint:{distance:r}}),i=Ne.useSensor(Ne.TouchSensor,{activationConstraint:t?{delay:n,tolerance:a}:{distance:r}}),l=Ne.useSensor(Ne.PointerSensor,{activationConstraint:{distance:r}});return Ne.useSensors(...t?[o,i]:[l])}const ls=e=>{const{tracks:t,onTracksChange:n,sampleRate:a}=e,{currentTimeRef:r}=De(),{selectedTrackId:o}=Be(),i=s.useCallback((c,u,m)=>{const{sampleRate:h,samplesPerPixel:p}=e,f=t[c];if(!f)return!1;const b=f.clips[u];if(!b)return!1;const C=b.startSample/h,g=(b.startSample+b.durationSamples)/h;if(m<=C||m>=g)return console.warn("Split time is outside clip bounds"),!1;const d=Math.round(m*h),x=Math.floor(d/p),w=b.startSample+b.durationSamples,v=x*p,k=b.startSample,S=v-k,M=v,I=w-M,E=v-b.startSample,_=Gt({audioBuffer:b.audioBuffer,startSample:k,durationSamples:S,offsetSamples:b.offsetSamples,sampleRate:b.sampleRate,sourceDurationSamples:b.sourceDurationSamples,gain:b.gain,name:b.name?`${b.name} (1)`:void 0,color:b.color,fadeIn:b.fadeIn,waveformData:b.waveformData}),A=Gt({audioBuffer:b.audioBuffer,startSample:M,durationSamples:I,offsetSamples:b.offsetSamples+E,sampleRate:b.sampleRate,sourceDurationSamples:b.sourceDurationSamples,gain:b.gain,name:b.name?`${b.name} (2)`:void 0,color:b.color,waveformData:b.waveformData,fadeOut:b.fadeOut}),T=[...f.clips];T.splice(u,1,_,A);const R=[...t];return R[c]={...f,clips:T},n(R),!0},[t,n,e]);return{splitClipAtPlayhead:s.useCallback(()=>{if(!o)return console.log("No track selected - click a clip to select a track first"),!1;const c=t.findIndex(h=>h.id===o);if(c===-1)return console.warn("Selected track not found"),!1;const u=t[c],m=r.current??0;for(let h=0;h<u.clips.length;h++){const p=u.clips[h],f=p.startSample/a,b=(p.startSample+p.durationSamples)/a;if(m>f&&m<b)return console.log(`Splitting clip on track "${u.name}" at ${m}s`),i(c,h,m)}return console.log(`No clip found at playhead position on track "${u.name}"`),!1},[t,r,o,i,a]),splitClipAt:i}},Dt=e=>{const{shortcuts:t,enabled:n=!0}=e,a=s.useCallback(r=>{if(!n)return;const o=r.target;if(o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.isContentEditable)return;const i=t.find(l=>{const c=r.key.toLowerCase()===l.key.toLowerCase()||r.key===l.key,u=l.ctrlKey===void 0||r.ctrlKey===l.ctrlKey,m=l.shiftKey===void 0||r.shiftKey===l.shiftKey,h=l.metaKey===void 0||r.metaKey===l.metaKey,p=l.altKey===void 0||r.altKey===l.altKey;return c&&u&&m&&h&&p});i&&(i.preventDefault!==!1&&r.preventDefault(),i.action())},[t,n]);s.useEffect(()=>{if(n)return window.addEventListener("keydown",a),()=>{window.removeEventListener("keydown",a)}},[a,n])},cs=e=>{const t=[],n=typeof navigator<"u"&&navigator.platform.includes("Mac");return e.metaKey&&t.push(n?"Cmd":"Ctrl"),e.ctrlKey&&!e.metaKey&&t.push("Ctrl"),e.altKey&&t.push(n?"Option":"Alt"),e.shiftKey&&t.push("Shift"),t.push(e.key.toUpperCase()),t.join("+")},us=(e={})=>{const{enabled:t=!0,additionalShortcuts:n=[],shortcuts:a}=e,{isPlaying:r}=De(),{setCurrentTime:o,play:i,pause:l,stop:c}=ge(),{playoutRef:u}=Me(),m=s.useCallback(()=>{r?l():i()},[r,i,l]),h=s.useCallback(()=>{c()},[c]),p=s.useCallback(()=>{r&&u.current?(u.current.stop(),o(0),i(0)):o(0)},[r,u,o,i]),b=a??[...[{key:" ",action:m,description:"Play/Pause",preventDefault:!0},{key:"Escape",action:h,description:"Stop",preventDefault:!0},{key:"0",action:p,description:"Rewind to start",preventDefault:!0}],...n];return Dt({shortcuts:b,enabled:t}),{rewindToStart:p,togglePlayPause:m,stopPlayback:h,shortcuts:b}},Xt=.01,_t=.01;function ds({annotations:e,activeAnnotationId:t,onAnnotationsChange:n,onActiveAnnotationChange:a,duration:r,linkEndpoints:o,continuousPlay:i=!1,enabled:l=!0,scrollContainerRef:c,samplesPerPixel:u,sampleRate:m,controlsWidth:h=0,onPlay:p}){const f=s.useMemo(()=>t?e.findIndex(E=>E.id===t):-1,[e,t]),b=s.useCallback(E=>{if(!c?.current||!u||!m)return;const _=e.find(L=>L.id===E);if(!_)return;const A=c.current,T=A.clientWidth,R=_.start*m/u+h,W=_.end*m/u+h,X=(R+W)/2,G=A.scrollLeft,P=G,N=G+T;if(R<P||W>N){const L=Math.max(0,X-T/2);A.scrollTo({left:L,behavior:"smooth"})}},[e,c,u,m,h]);s.useEffect(()=>{t&&c?.current&&u&&m&&b(t)},[t,b,c,u,m]);const C=s.useCallback(E=>{if(f<0)return;const _=e[f],A=Math.max(0,Math.min(_.end-.1,_.start+E)),T=A-_.start,R=[...e];if(R[f]={..._,start:A},o&&f>0){const W=R[f-1];Math.abs(W.end-_.start)<Xt&&(R[f-1]={...W,end:Math.max(W.start+.1,W.end+T)})}else if(!o&&f>0){const W=R[f-1];A<W.end&&(R[f-1]={...W,end:A})}n(R)},[e,f,o,n]),g=s.useCallback(E=>{if(f<0)return;const _=e[f],A=Math.max(_.start+.1,Math.min(r,_.end+E)),T=A-_.end,R=[...e];if(R[f]={..._,end:A},o&&f<e.length-1){const W=R[f+1];if(Math.abs(W.start-_.end)<Xt){const X=Math.min(W.end-.1,W.start+T);R[f+1]={...W,start:X};let G=f+1;for(;G<R.length-1;){const P=R[G],N=R[G+1];if(Math.abs(N.start-e[G].end)<Xt){const L=P.end-e[G].end;R[G+1]={...N,start:Math.min(N.end-.1,N.start+L)},G++}else break}}}else if(!o&&f<e.length-1){const W=R[f+1];if(A>W.start){R[f+1]={...W,start:A};let X=f+1;for(;X<R.length-1;){const G=R[X],P=R[X+1];if(G.end>P.start)R[X+1]={...P,start:G.end},X++;else break}}}n(R)},[e,f,r,o,n]),d=s.useCallback(()=>{!a||e.length===0||(f<=0?a(e[e.length-1].id):a(e[f-1].id))},[e,f,a]),x=s.useCallback(()=>{!a||e.length===0||(f<0||f>=e.length-1?a(e[0].id):a(e[f+1].id))},[e,f,a]),w=s.useCallback(()=>{!a||e.length===0||a(e[0].id)},[e,a]),v=s.useCallback(()=>{!a||e.length===0||a(e[e.length-1].id)},[e,a]),k=s.useCallback(()=>{a&&a(null)},[a]),S=s.useCallback(()=>{if(f<0||!p)return;const E=e[f],_=i?void 0:E.end-E.start;p(E.start,_)},[e,f,i,p]),M=s.useMemo(()=>[{key:"[",action:()=>C(-_t),description:"Move annotation start earlier",preventDefault:!0},{key:"]",action:()=>C(_t),description:"Move annotation start later",preventDefault:!0},{key:"{",shiftKey:!0,action:()=>g(-_t),description:"Move annotation end earlier",preventDefault:!0},{key:"}",shiftKey:!0,action:()=>g(_t),description:"Move annotation end later",preventDefault:!0},{key:"Enter",action:S,description:"Play selected annotation",preventDefault:!0}],[C,g,S]),I=s.useMemo(()=>[{key:"ArrowUp",action:d,description:"Select previous annotation",preventDefault:!0},{key:"ArrowLeft",action:d,description:"Select previous annotation",preventDefault:!0},{key:"ArrowDown",action:x,description:"Select next annotation",preventDefault:!0},{key:"ArrowRight",action:x,description:"Select next annotation",preventDefault:!0},{key:"Home",action:w,description:"Select first annotation",preventDefault:!0},{key:"End",action:v,description:"Select last annotation",preventDefault:!0},{key:"Escape",action:k,description:"Deselect annotation",preventDefault:!0}],[d,x,w,v,k]);return Dt({shortcuts:M,enabled:l&&f>=0}),Dt({shortcuts:I,enabled:l&&e.length>0&&!!a}),{moveStartBoundary:C,moveEndBoundary:g,selectPrevious:d,selectNext:x,selectFirst:w,selectLast:v,clearSelection:k,scrollToAnnotation:b,playActiveAnnotation:S}}const wt=[{id:"reverb",name:"Reverb",category:"reverb",description:"Simple convolution reverb with adjustable decay time",parameters:[{name:"decay",label:"Decay",type:"number",min:.1,max:10,step:.1,default:1.5,unit:"s"},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"freeverb",name:"Freeverb",category:"reverb",description:"Classic Schroeder/Moorer reverb with room size and dampening",parameters:[{name:"roomSize",label:"Room Size",type:"number",min:0,max:1,step:.01,default:.7},{name:"dampening",label:"Dampening",type:"number",min:0,max:1e4,step:100,default:3e3,unit:"Hz"},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"jcReverb",name:"JC Reverb",category:"reverb",description:"Attempt at Roland JC-120 chorus reverb emulation",parameters:[{name:"roomSize",label:"Room Size",type:"number",min:0,max:1,step:.01,default:.5},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"feedbackDelay",name:"Feedback Delay",category:"delay",description:"Delay line with feedback for echo effects",parameters:[{name:"delayTime",label:"Delay Time",type:"number",min:0,max:1,step:.01,default:.25,unit:"s"},{name:"feedback",label:"Feedback",type:"number",min:0,max:.95,step:.01,default:.5},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"pingPongDelay",name:"Ping Pong Delay",category:"delay",description:"Stereo delay bouncing between left and right channels",parameters:[{name:"delayTime",label:"Delay Time",type:"number",min:0,max:1,step:.01,default:.25,unit:"s"},{name:"feedback",label:"Feedback",type:"number",min:0,max:.95,step:.01,default:.5},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"chorus",name:"Chorus",category:"modulation",description:"Creates thickness by layering detuned copies of the signal",parameters:[{name:"frequency",label:"Rate",type:"number",min:.1,max:10,step:.1,default:1.5,unit:"Hz"},{name:"delayTime",label:"Delay",type:"number",min:0,max:20,step:.5,default:3.5,unit:"ms"},{name:"depth",label:"Depth",type:"number",min:0,max:1,step:.01,default:.7},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"phaser",name:"Phaser",category:"modulation",description:"Classic phaser effect using allpass filters",parameters:[{name:"frequency",label:"Rate",type:"number",min:.1,max:10,step:.1,default:.5,unit:"Hz"},{name:"octaves",label:"Octaves",type:"number",min:1,max:6,step:1,default:3},{name:"baseFrequency",label:"Base Freq",type:"number",min:100,max:2e3,step:10,default:350,unit:"Hz"},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:.5}]},{id:"tremolo",name:"Tremolo",category:"modulation",description:"Rhythmic volume modulation",parameters:[{name:"frequency",label:"Rate",type:"number",min:.1,max:20,step:.1,default:4,unit:"Hz"},{name:"depth",label:"Depth",type:"number",min:0,max:1,step:.01,default:.5},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"vibrato",name:"Vibrato",category:"modulation",description:"Pitch modulation effect",parameters:[{name:"frequency",label:"Rate",type:"number",min:.1,max:20,step:.1,default:5,unit:"Hz"},{name:"depth",label:"Depth",type:"number",min:0,max:1,step:.01,default:.1},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"autoPanner",name:"Auto Panner",category:"modulation",description:"Automatic left-right panning",parameters:[{name:"frequency",label:"Rate",type:"number",min:.1,max:10,step:.1,default:1,unit:"Hz"},{name:"depth",label:"Depth",type:"number",min:0,max:1,step:.01,default:1},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"autoFilter",name:"Auto Filter",category:"filter",description:"Automated filter sweep with LFO",parameters:[{name:"frequency",label:"Rate",type:"number",min:.1,max:10,step:.1,default:1,unit:"Hz"},{name:"baseFrequency",label:"Base Freq",type:"number",min:20,max:2e3,step:10,default:200,unit:"Hz"},{name:"octaves",label:"Octaves",type:"number",min:.5,max:8,step:.5,default:2.6},{name:"depth",label:"Depth",type:"number",min:0,max:1,step:.01,default:1},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"autoWah",name:"Auto Wah",category:"filter",description:"Envelope follower filter effect",parameters:[{name:"baseFrequency",label:"Base Freq",type:"number",min:20,max:500,step:10,default:100,unit:"Hz"},{name:"octaves",label:"Octaves",type:"number",min:1,max:8,step:1,default:6},{name:"sensitivity",label:"Sensitivity",type:"number",min:-40,max:0,step:1,default:0,unit:"dB"},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"eq3",name:"3-Band EQ",category:"filter",description:"Three band equalizer with low, mid, and high controls",parameters:[{name:"low",label:"Low",type:"number",min:-24,max:24,step:.5,default:0,unit:"dB"},{name:"mid",label:"Mid",type:"number",min:-24,max:24,step:.5,default:0,unit:"dB"},{name:"high",label:"High",type:"number",min:-24,max:24,step:.5,default:0,unit:"dB"},{name:"lowFrequency",label:"Low Freq",type:"number",min:20,max:500,step:10,default:400,unit:"Hz"},{name:"highFrequency",label:"High Freq",type:"number",min:1e3,max:1e4,step:100,default:2500,unit:"Hz"}]},{id:"distortion",name:"Distortion",category:"distortion",description:"Wave shaping distortion effect",parameters:[{name:"distortion",label:"Drive",type:"number",min:0,max:1,step:.01,default:.4},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"bitCrusher",name:"Bit Crusher",category:"distortion",description:"Reduces bit depth for lo-fi digital texture",parameters:[{name:"bits",label:"Bits",type:"number",min:1,max:16,step:1,default:4},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"chebyshev",name:"Chebyshev",category:"distortion",description:"Waveshaping distortion using Chebyshev polynomials",parameters:[{name:"order",label:"Order",type:"number",min:1,max:100,step:1,default:50},{name:"wet",label:"Mix",type:"number",min:0,max:1,step:.01,default:1}]},{id:"compressor",name:"Compressor",category:"dynamics",description:"Dynamic range compressor",parameters:[{name:"threshold",label:"Threshold",type:"number",min:-60,max:0,step:1,default:-24,unit:"dB"},{name:"ratio",label:"Ratio",type:"number",min:1,max:20,step:.5,default:4},{name:"attack",label:"Attack",type:"number",min:0,max:1,step:.001,default:.003,unit:"s"},{name:"release",label:"Release",type:"number",min:0,max:1,step:.01,default:.25,unit:"s"},{name:"knee",label:"Knee",type:"number",min:0,max:40,step:1,default:30,unit:"dB"}]},{id:"limiter",name:"Limiter",category:"dynamics",description:"Hard limiter to prevent clipping",parameters:[{name:"threshold",label:"Threshold",type:"number",min:-12,max:0,step:.5,default:-6,unit:"dB"}]},{id:"gate",name:"Gate",category:"dynamics",description:"Noise gate to silence signal below threshold",parameters:[{name:"threshold",label:"Threshold",type:"number",min:-100,max:0,step:1,default:-40,unit:"dB"},{name:"attack",label:"Attack",type:"number",min:0,max:.3,step:.001,default:.001,unit:"s"},{name:"release",label:"Release",type:"number",min:0,max:.5,step:.01,default:.1,unit:"s"}]},{id:"stereoWidener",name:"Stereo Widener",category:"spatial",description:"Expands or narrows the stereo image",parameters:[{name:"width",label:"Width",type:"number",min:0,max:1,step:.01,default:.5}]}],an=e=>wt.find(t=>t.id===e),fs=e=>wt.filter(t=>t.category===e),ms=[{id:"reverb",name:"Reverb"},{id:"delay",name:"Delay"},{id:"modulation",name:"Modulation"},{id:"filter",name:"Filter"},{id:"distortion",name:"Distortion"},{id:"dynamics",name:"Dynamics"},{id:"spatial",name:"Spatial"}];const hs={reverb:j.Reverb,freeverb:j.Freeverb,jcReverb:j.JCReverb,feedbackDelay:j.FeedbackDelay,pingPongDelay:j.PingPongDelay,chorus:j.Chorus,phaser:j.Phaser,tremolo:j.Tremolo,vibrato:j.Vibrato,autoPanner:j.AutoPanner,autoFilter:j.AutoFilter,autoWah:j.AutoWah,eq3:j.EQ3,distortion:j.Distortion,bitCrusher:j.BitCrusher,chebyshev:j.Chebyshev,compressor:j.Compressor,limiter:j.Limiter,gate:j.Gate,stereoWidener:j.StereoWidener};let ps=0;const gs=()=>`effect_${Date.now()}_${++ps}`;function bt(e,t){const n=hs[e.id];if(!n)throw new Error(`Unknown effect type: ${e.id}`);const a={};e.parameters.forEach(l=>{const c=t?.[l.name]??l.default;a[l.name]=c});const r=new n(a),o=gs(),i=r;return{effect:r,id:e.id,instanceId:o,dispose(){try{r.disconnect(),r.dispose()}catch(l){console.warn(`[waveform-playlist] Error disposing effect "${e.id}" (${o}):`,l)}},setParameter(l,c){const u=i[l];if(l==="wet"){const m=i.wet;if(m&&typeof m=="object"&&"value"in m){m.value=c;return}}u!==void 0&&(u&&typeof u=="object"&&"value"in u?u.value=c:i[l]=c)},getParameter(l){if(l==="wet"){const u=i.wet;if(u&&typeof u=="object"&&"value"in u)return u.value}const c=i[l];if(c!==void 0)return c&&typeof c=="object"&&"value"in c?c.value:c},connect(l){r.connect(l)},disconnect(){try{r.disconnect()}catch(l){console.warn(`[waveform-playlist] Error disconnecting effect "${e.id}" (${o}):`,l)}}}}function bs(e){if(e.length===0)throw new Error("Cannot create effect chain with no effects");for(let t=0;t<e.length-1;t++)e[t].effect.connect(e[t+1].effect);return{input:e[0].effect,output:e[e.length-1].effect,dispose(){e.forEach(t=>t.dispose())}}}function vs(e=256){const[t,n]=s.useState([]),a=s.useRef(t);a.current=t;const r=s.useRef(new Map),o=s.useRef(null),i=s.useRef(null),l=s.useCallback(g=>{const d=i.current;if(!d)return;const{masterGainNode:x,destination:w,analyserNode:v}=d;try{x.disconnect()}catch(S){console.warn("[waveform-playlist] Error disconnecting master effects chain:",S)}const k=g.map(S=>r.current.get(S.instanceId)).filter(S=>S!==void 0);if(k.length===0)x.connect(v),v.connect(w);else{let S=x;k.forEach(M=>{try{M.disconnect()}catch(I){console.warn(`[waveform-playlist] Error disconnecting effect "${M.id}":`,I)}S.connect(M.effect),S=M.effect}),S.connect(v),v.connect(w)}},[]),c=s.useCallback(g=>{const d=an(g);if(!d){console.error(`Unknown effect: ${g}`);return}const x={};d.parameters.forEach(k=>{x[k.name]=k.default});const w=bt(d,x);r.current.set(w.instanceId,w);const v={instanceId:w.instanceId,effectId:d.id,definition:d,params:x,bypassed:!1};n(k=>[...k,v])},[]),u=s.useCallback(g=>{const d=r.current.get(g);d&&(d.dispose(),r.current.delete(g)),n(x=>x.filter(w=>w.instanceId!==g))},[]),m=s.useCallback((g,d,x)=>{const w=r.current.get(g);w&&w.setParameter(d,x),n(v=>v.map(k=>k.instanceId===g?{...k,params:{...k.params,[d]:x}}:k))},[]),h=s.useCallback(g=>{const d=a.current.find(v=>v.instanceId===g);if(!d)return;const x=!d.bypassed,w=r.current.get(g);if(w){const v=d.params.wet??1;w.setParameter("wet",x?0:v)}n(v=>v.map(k=>k.instanceId===g?{...k,bypassed:x}:k))},[]),p=s.useCallback((g,d)=>{n(x=>{const w=[...x],[v]=w.splice(g,1);return w.splice(d,0,v),w})},[]),f=s.useCallback(()=>{r.current.forEach(g=>g.dispose()),r.current.clear(),n([])},[]);s.useEffect(()=>{l(t)},[t,l]);const b=s.useCallback((g,d,x)=>{const w=new j.Analyser("fft",e);o.current=w,i.current={masterGainNode:g,destination:d,analyserNode:w};const k=a.current.map(S=>r.current.get(S.instanceId)).filter(S=>S!==void 0);if(k.length===0)g.connect(w),w.connect(d);else{let S=g;k.forEach(M=>{S.connect(M.effect),S=M.effect}),S.connect(w),w.connect(d)}return function(){w.dispose(),o.current=null,i.current=null}},[e]);s.useEffect(()=>{const g=r.current;return()=>{g.forEach(d=>d.dispose()),g.clear()}},[]);const C=s.useCallback(()=>{const g=t.filter(d=>!d.bypassed);if(g.length!==0)return(d,x,w)=>{const v=[];for(const k of g){const S=bt(k.definition,k.params);v.push(S)}if(v.length===0)d.connect(x);else{let k=d;v.forEach(S=>{k.connect(S.effect),k=S.effect}),k.connect(x)}return function(){v.forEach(S=>S.dispose())}}},[t]);return{activeEffects:t,availableEffects:wt,addEffect:c,removeEffect:u,updateParameter:m,toggleBypass:h,reorderEffects:p,clearAllEffects:f,masterEffects:b,createOfflineEffectsFunction:C,analyserRef:o}}function ys(){const[e,t]=s.useState(new Map),n=s.useRef(new Map),a=s.useRef(new Map),r=s.useCallback((f,b)=>{const C=a.current.get(f);if(!C)return;const{graphEnd:g,masterGainNode:d}=C,x=n.current.get(f);try{g.disconnect()}catch(v){console.warn(`[waveform-playlist] Error disconnecting track "${f}" effect chain:`,v)}const w=b.map(v=>x?.get(v.instanceId)).filter(v=>v!==void 0);if(w.length===0)g.connect(d);else{let v=g;w.forEach(k=>{try{k.disconnect()}catch(S){console.warn(`[waveform-playlist] Error disconnecting effect "${k.id}" on track "${f}":`,S)}v.connect(k.effect),v=k.effect}),v.connect(d)}},[]),o=s.useCallback((f,b)=>{const C=an(b);if(!C){console.error(`Unknown effect: ${b}`);return}const g={};C.parameters.forEach(w=>{g[w.name]=w.default});const d=bt(C,g);n.current.has(f)||n.current.set(f,new Map),n.current.get(f).set(d.instanceId,d);const x={instanceId:d.instanceId,effectId:C.id,definition:C,params:g,bypassed:!1};t(w=>{const v=new Map(w),k=v.get(f)||[];return v.set(f,[...k,x]),v})},[]),i=s.useCallback((f,b)=>{const C=n.current.get(f),g=C?.get(b);g&&(g.dispose(),C?.delete(b)),t(d=>{const x=new Map(d),w=x.get(f)||[];return x.set(f,w.filter(v=>v.instanceId!==b)),x})},[]),l=s.useCallback((f,b,C,g)=>{const x=n.current.get(f)?.get(b);x&&x.setParameter(C,g),t(w=>{const v=new Map(w),k=v.get(f)||[];return v.set(f,k.map(S=>S.instanceId===b?{...S,params:{...S.params,[C]:g}}:S)),v})},[]),c=s.useCallback((f,b)=>{const g=(m.current.get(f)||[]).find(v=>v.instanceId===b);if(!g)return;const d=!g.bypassed,w=n.current.get(f)?.get(b);if(w){const v=g.params.wet??1;w.setParameter("wet",d?0:v)}t(v=>{const k=new Map(v),S=k.get(f)||[];return k.set(f,S.map(M=>M.instanceId===b?{...M,bypassed:d}:M)),k})},[]),u=s.useCallback(f=>{const b=n.current.get(f);b&&(b.forEach(C=>C.dispose()),b.clear()),t(C=>{const g=new Map(C);return g.set(f,[]),g})},[]),m=s.useRef(e);m.current=e;const h=s.useCallback(f=>(b,C,g)=>{a.current.set(f,{graphEnd:b,masterGainNode:C});const d=m.current.get(f)||[],x=n.current.get(f),w=d.map(v=>x?.get(v.instanceId)).filter(v=>v!==void 0);if(w.length===0)b.connect(C);else{let v=b;w.forEach(k=>{v.connect(k.effect),v=k.effect}),v.connect(C)}return function(){a.current.delete(f)}},[]);s.useEffect(()=>{e.forEach((f,b)=>{r(b,f)})},[e,r]),s.useEffect(()=>{const f=n.current;return()=>{f.forEach(b=>{b.forEach(C=>C.dispose()),b.clear()}),f.clear()}},[]);const p=s.useCallback(f=>{const C=(e.get(f)||[]).filter(g=>!g.bypassed);if(C.length!==0)return(g,d,x)=>{const w=[];for(const v of C){const k=bt(v.definition,v.params);w.push(k)}if(w.length===0)g.connect(d);else{let v=g;w.forEach(k=>{v.connect(k.effect),v=k.effect}),v.connect(d)}return function(){w.forEach(k=>k.dispose())}}},[e]);return{trackEffectsState:e,addEffectToTrack:o,removeEffectFromTrack:i,updateTrackEffectParameter:l,toggleBypass:c,clearTrackEffects:u,getTrackEffectsFunction:h,createOfflineTrackEffectsFunction:p,availableEffects:wt}}function Cs(e,t={}){const{bitDepth:n=16}=t,a=e.numberOfChannels,r=e.sampleRate,o=e.length,i=n/8,l=a*i,c=r*l,u=o*l,m=44,h=m+u,p=new ArrayBuffer(h),f=new DataView(p);Et(f,0,"RIFF"),f.setUint32(4,h-8,!0),Et(f,8,"WAVE"),Et(f,12,"fmt "),f.setUint32(16,16,!0),f.setUint16(20,n===32?3:1,!0),f.setUint16(22,a,!0),f.setUint32(24,r,!0),f.setUint32(28,c,!0),f.setUint16(32,l,!0),f.setUint16(34,n,!0),Et(f,36,"data"),f.setUint32(40,u,!0);const b=[];for(let g=0;g<a;g++)b.push(e.getChannelData(g));let C=m;if(n===16)for(let g=0;g<o;g++)for(let d=0;d<a;d++){const x=b[d][g],w=Math.max(-1,Math.min(1,x)),v=w<0?w*32768:w*32767;f.setInt16(C,v,!0),C+=2}else for(let g=0;g<o;g++)for(let d=0;d<a;d++)f.setFloat32(C,b[d][g],!0),C+=4;return new Blob([p],{type:"audio/wav"})}function Et(e,t,n){for(let a=0;a<n.length;a++)e.setUint8(t+a,n.charCodeAt(a))}function ws(e,t){const n=URL.createObjectURL(e),a=document.createElement("a");a.href=n,a.download=t,a.style.display="none",document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(n)}function wa(){const[e,t]=s.useState(!1),[n,a]=s.useState(0),[r,o]=s.useState(null);return{exportWav:s.useCallback(async(l,c,u={})=>{const{filename:m="export",mode:h="master",trackIndex:p,autoDownload:f=!0,applyEffects:b=!0,effectsFunction:C,createOfflineTrackEffects:g,bitDepth:d=16,onProgress:x}=u;t(!0),a(0),o(null);try{if(l.length===0)throw new Error("No tracks to export");if(h==="individual"&&(p===void 0||p<0||p>=l.length))throw new Error("Invalid track index for individual export");const w=l[0].clips[0]?.sampleRate||44100;let v=0;for(const A of l)for(const T of A.clips){const R=T.startSample+T.durationSamples;v=Math.max(v,R)}v+=Math.round(w*.1);const k=v/w,S=h==="individual"?[{track:l[p],state:c[p],index:p}]:l.map((A,T)=>({track:A,state:c[T],index:T})),M=c.some(A=>A.soloed),I=!!g;let E;if((C||I)&&b)E=await xs(S,c,M,k,w,C,g,A=>{a(A),x?.(A)});else{const A=new OfflineAudioContext(2,v,w);let T=0;const R=S.reduce((W,{track:X})=>W+X.clips.length,0);for(const{track:W,state:X}of S)if(!(X.muted&&!X.soloed)&&!(M&&!X.soloed))for(const G of W.clips){await Ss(A,G,X,w,b),T++;const P=T/R*.5;a(P),x?.(P)}a(.5),x?.(.5),E=await A.startRendering()}a(.9),x?.(.9);const _=Cs(E,{bitDepth:d});if(a(1),x?.(1),f){const A=h==="individual"?`${m}_${l[p].name}`:m;ws(_,`${A}.wav`)}return{audioBuffer:E,blob:_,duration:k}}catch(w){const v=w instanceof Error?w.message:"Export failed";throw o(v),w}finally{t(!1)}},[]),isExporting:e,progress:n,error:r}}async function xs(e,t,n,a,r,o,i,l){const{Offline:c,Volume:u,Gain:m,Panner:h,Player:p,ToneAudioBuffer:f}=await import("tone");l(.1);let b;try{b=await c(async({transport:C,destination:g})=>{const d=new u(0);let x;o?x=o(d,g,!0):d.connect(g);for(const{track:w,state:v}of e){if(v.muted&&!v.soloed||n&&!v.soloed)continue;const k=new u(ks(v.volume)),S=new h(v.pan),M=new m(v.muted?0:1),I=i?.(w.id);I?I(M,d,!0):M.connect(d),S.connect(M),k.connect(S);for(const E of w.clips){const{audioBuffer:_,startSample:A,durationSamples:T,offsetSamples:R,gain:W,fadeIn:X,fadeOut:G}=E,P=A/r,N=T/r,L=R/r,ae=new f(_),J=new p(ae),ue=new m(W);if(J.connect(ue),ue.connect(k),X){const ie=P,ve=P+X.duration,le=Tt(ue.gain);le&&(le.setValueAtTime(0,ie),le.linearRampToValueAtTime(W,ve))}if(G){const ie=P+N-G.duration,ve=P+N,le=Tt(ue.gain);le&&(le.setValueAtTime(W,ie),le.linearRampToValueAtTime(0,ve))}J.start(P,L,N)}}C.start(0)},a,2,r)}catch(C){throw C instanceof Error?C:new Error(`Tone.Offline rendering failed: ${String(C)}`)}return l(.9),b.get()}function ks(e){return 20*Math.log10(Math.max(e,1e-4))}async function Ss(e,t,n,a,r){const{audioBuffer:o,startSample:i,durationSamples:l,offsetSamples:c,gain:u,fadeIn:m,fadeOut:h}=t;if(!o){console.warn(`Skipping clip "${t.name||t.id}" - no audioBuffer for export`);return}const p=i/a,f=l/a,b=c/a,C=e.createBufferSource();C.buffer=o;const g=e.createGain(),d=u*n.volume,x=e.createStereoPanner();if(x.pan.value=n.pan,C.connect(g),g.connect(x),x.connect(e.destination),r){if(m?g.gain.setValueAtTime(0,p):g.gain.setValueAtTime(d,p),m){const w=p,v=p+m.duration;Vn(g.gain,w,v,0,d,m.type||"linear")}if(h){const w=p+f-h.duration,v=p+f;(!m||m.duration<f-h.duration)&&g.gain.setValueAtTime(d,w),Vn(g.gain,w,v,d,0,h.type||"linear")}}else g.gain.setValueAtTime(d,p);C.start(p,b,f)}function Vn(e,t,n,a,r,o){const i=n-t;if(!(i<=0))switch(o){case"linear":e.setValueAtTime(a,t),e.linearRampToValueAtTime(r,n);break;case"exponential":{const l=Math.max(a,1e-4),c=Math.max(r,1e-4);e.setValueAtTime(l,t),e.exponentialRampToValueAtTime(c,n),r===0&&e.setValueAtTime(0,n);break}case"logarithmic":{const l=jn(a,r,256,"logarithmic");e.setValueCurveAtTime(l,t,i);break}case"sCurve":{const l=jn(a,r,256,"sCurve");e.setValueCurveAtTime(l,t,i);break}default:e.setValueAtTime(a,t),e.linearRampToValueAtTime(r,n)}}function jn(e,t,n,a){const r=new Float32Array(n),o=t-e;for(let i=0;i<n;i++){const l=i/(n-1);let c;a==="logarithmic"?o>0?c=Math.log10(1+l*9)/Math.log10(10):c=1-Math.log10(1+(1-l)*9)/Math.log10(10):c=l*l*(3-2*l),r[i]=e+o*c}return r}const xa=()=>{const e=s.useRef(null),t=s.useCallback(()=>{e.current!==null&&(cancelAnimationFrame(e.current),e.current=null)},[]),n=s.useCallback(a=>{t(),e.current=requestAnimationFrame(a)},[t]);return s.useEffect(()=>()=>{t()},[t]),{animationFrameRef:e,startAnimationFrameLoop:n,stopAnimationFrameLoop:t}},Is=`
|
|
784
784
|
"use strict";
|
|
785
785
|
|
|
786
786
|
var INT8_MAX = 127;
|
|
@@ -927,13 +927,13 @@ self.onmessage = function(e) {
|
|
|
927
927
|
self.postMessage({ id: msg.id, error: err.message || String(err) });
|
|
928
928
|
}
|
|
929
929
|
};
|
|
930
|
-
`;let Co=0;function wo(){let e;try{const a=new Blob([yo],{type:"application/javascript"}),r=URL.createObjectURL(a);e=new Worker(r),URL.revokeObjectURL(r)}catch(a){return console.warn("[waveform-playlist] Failed to create peaks worker (CSP restriction?):",a),{generate(){return Promise.reject(new Error("Worker creation failed"))},terminate(){}}}const t=new Map;let n=!1;return e.onmessage=a=>{const r=a.data,o=t.get(r.id);if(o)if(t.delete(r.id),r.error)o.reject(new Error(r.error));else try{const i=je.create(r.buffer);o.resolve(i)}catch(i){o.reject(i)}},e.onerror=a=>{n=!0,e.terminate();for(const[,r]of t)r.reject(a.error??new Error(a.message));t.clear()},{generate(a){if(n)return Promise.reject(new Error("Worker terminated"));const r=String(++Co);return new Promise((o,i)=>{t.set(r,{resolve:o,reject:i}),e.postMessage({id:r,scale:a.scale,bits:a.bits,amplitude_scale:1,split_channels:a.splitChannels,length:a.length,sample_rate:a.sampleRate,channels:a.channels},a.channels)})},terminate(){n=!0,e.terminate();for(const[,a]of t)a.reject(new Error("Worker terminated"));t.clear()}}}function xo(e,t){const[n,a]=s.useState(()=>new Map),[r,o]=s.useState(!1),i=s.useRef(null),l=s.useRef(new Set),c=s.useRef(0),u=s.useCallback(()=>(i.current||(i.current=wo()),i.current),[]);return s.useEffect(()=>{let f=!1;const v=l.current,h=[];for(const y of e)for(const p of y.clips)p.audioBuffer&&!p.waveformData&&!v.has(p.id)&&h.push({clipId:p.id,audioBuffer:p.audioBuffer});if(h.length===0)return;const d=new Set;for(const{clipId:y}of h)v.add(y),d.add(y);c.current+=h.length,o(!0);const C=u();for(const{clipId:y,audioBuffer:p}of h){const m=[];for(let k=0;k<p.numberOfChannels;k++)m.push(p.getChannelData(k).slice().buffer);C.generate({id:y,channels:m,length:p.length,sampleRate:p.sampleRate,scale:t,bits:16,splitChannels:!0}).then(k=>{f||(a(w=>{const b=new Map(w);return b.set(y,k),b}),c.current--,c.current<=0&&(c.current=0,o(!1)))}).catch(k=>{f||(console.warn("[waveform-playlist] Worker peak generation failed:",k),v.delete(y),c.current--,c.current<=0&&(c.current=0,o(!1)))})}return()=>{f=!0;for(const y of d)v.delete(y)}},[e,t,u]),s.useEffect(()=>()=>{i.current?.terminate(),i.current=null},[]),{cache:n,isGenerating:r}}const va=s.createContext(null),ya=s.createContext(null),Ca=s.createContext(null),wa=s.createContext(null),ko=({tracks:e,timescale:t=!1,mono:n=!1,waveHeight:a=80,samplesPerPixel:r=1024,zoomLevels:o,automaticScroll:i=!1,theme:l,controls:c={show:!1,width:0},annotationList:u,effects:f,onReady:v,onAnnotationUpdate:h,onAnnotationsChange:d,barWidth:C=1,barGap:y=0,progressBarWidth:p,children:m})=>{const k=p??C+y,w=s.useMemo(()=>{if(!u?.annotations)return[];if(process.env.NODE_ENV!=="production"&&u.annotations.length>0){const F=u.annotations[0];if(typeof F.start!="number"||typeof F.end!="number")return console.error("[waveform-playlist] Annotations must have numeric start/end values. In v6, use parseAeneas() from @waveform-playlist/annotations before passing annotations. Received start type: "+typeof F.start),[]}return u.annotations},[u?.annotations]),b=s.useRef(w);b.current=w;const[x,S]=s.useState(null),[E,I]=s.useState(!1),[$,M]=s.useState(0),[A,B]=s.useState(0),[_,R]=s.useState([]),[W,L]=s.useState([]),[P,U]=s.useState([]),[H,ne]=s.useState(0),[le,se]=s.useState(0),[oe,ye]=s.useState(null),[ce,fe]=s.useState(i),[O,N]=s.useState(u?.isContinuousPlay??!1),[be,K]=s.useState(u?.linkEndpoints??!1),[z,me]=s.useState(u?.editable??!1),[Ie,ae]=s.useState(!1),[Te,He]=s.useState(0),[Ye,Xe]=s.useState(0),[Q,Ke]=s.useState(!1),Z=s.useRef(null),ue=s.useRef(0),ie=s.useRef(0),Le=s.useRef(P),Ae=s.useRef(0),De=s.useRef(0),G=s.useRef(null),re=s.useRef(null),Re=s.useRef(!1),Be=s.useRef(u?.isContinuousPlay??!1),Me=s.useRef(null),Ue=s.useRef(r),lt=s.useRef(!1),ct=s.useRef(0),ht=s.useRef(0),V=s.useRef(0),Y=s.useRef(0),{timeFormat:ee,setTimeFormat:Ce,formatTime:ve}=da(),he=fa({initialSamplesPerPixel:r,zoomLevels:o}),_e=he.samplesPerPixel,{masterVolume:qe,setMasterVolume:te}=ma({playoutRef:Z,initialVolume:1}),{animationFrameRef:xe,startAnimationFrameLoop:Oe,stopAnimationFrameLoop:Je}=ba(),ut=s.useMemo(()=>Math.min(...o??[256,512,1024,2048,4096,8192]),[o]),{cache:Qe}=xo(e,ut),et=s.useCallback(F=>{Be.current=F,N(F)},[]),Pe=s.useCallback(F=>{Me.current=F,S(F)},[]),dt=s.useCallback(F=>{lt.current=F,ae(F)},[]),tt=s.useCallback((F,X)=>{V.current=F,Y.current=X,He(F),Xe(X)},[]),xt=s.useCallback(()=>{const F=ct.current,X=ht.current;F!==X&&X>F&&tt(F,X)},[tt]),kt=s.useCallback(()=>{tt(0,0)},[tt]);s.useEffect(()=>{Re.current=ce},[ce]),s.useEffect(()=>{Le.current=P},[P]),s.useEffect(()=>{ct.current=H,ht.current=le},[H,le]),s.useEffect(()=>{if(!re.current||!_.length)return;const F=re.current,X=Ue.current,J=_e;if(X===J)return;const q=c.show?c.width:0,de=F.clientWidth,Ee=F.scrollLeft+de/2-q,nt=_[0].sampleRate,Se=Ee*X/nt*nt/J,Ze=Math.max(0,Se+q-de/2);F.scrollLeft=Ze,Ue.current=J},[_e,_,c]);const St=s.useRef(null);s.useEffect(()=>{if(Ke(!1),e.length===0){R([]),B(0),U([]),L([]),Z.current&&(Z.current.dispose(),Z.current=null);return}const F=E,X=ie.current;return Z.current&&F&&(Z.current.stop(),Je(),St.current={position:X}),(async()=>{try{const q=[];e.forEach(ke=>{ke.clips.length>0&&ke.clips[0].audioBuffer&&q.push(ke.clips[0].audioBuffer)});let de=0;e.forEach(ke=>{ke.clips.forEach(Se=>{const Ze=Se.sampleRate,At=(Se.startSample+Se.durationSamples)/Ze;de=Math.max(de,At)})}),R(q),B(de),U(ke=>ke.length===e.length?ke.map((Se,Ze)=>({...Se,name:e[Ze].name})):e.map(Se=>({name:Se.name,muted:Se.muted,soloed:Se.soloed,volume:Se.volume,pan:Se.pan}))),Z.current&&Z.current.dispose();const we=new Ua({effects:f}),Ee=Le.current;e.forEach((ke,Se)=>{const Ze=ke.clips.filter(st=>st.audioBuffer);if(Ze.length>0){const st=Ze[0].sampleRate,At=Math.min(...Ze.map(Ve=>Ve.startSample/st)),Fa=Math.max(...Ze.map(Ve=>(Ve.startSample+Ve.durationSamples)/st)),Mt=Ee[Se],Wa={id:`track-${Se}`,name:ke.name,gain:Mt?.volume??ke.volume,muted:Mt?.muted??ke.muted,soloed:Mt?.soloed??ke.soloed,stereoPan:Mt?.pan??ke.pan,startTime:At,endTime:Fa},Pa=Ze.map(Ve=>{const zt=Ve.sampleRate;return{buffer:Ve.audioBuffer,startTime:Ve.startSample/zt-At,duration:Ve.durationSamples/zt,offset:Ve.offsetSamples/zt,fadeIn:Ve.fadeIn,fadeOut:Ve.fadeOut,gain:Ve.gain}});we.addTrack({clips:Pa,track:Wa,effects:ke.effects})}}),we.applyInitialSoloState(),Z.current=we,Ke(!0);const nt=new CustomEvent("waveform-playlist:ready",{detail:{trackCount:e.length,duration:de}});window.dispatchEvent(nt),v?.()}catch(q){console.error("Error loading audio:",q)}})(),()=>{Je(),Z.current&&Z.current.dispose()}},[e,v,E,f,Je]),s.useEffect(()=>{if(e.length===0)return;const F=e.map(X=>X.clips.map(q=>{let de;if(q.waveformData)try{de=Fn(q.waveformData,_e,n,q.offsetSamples,q.durationSamples)}catch(we){console.warn("[waveform-playlist] Failed to extract peaks from waveformData:",we)}if(!de){const we=Qe.get(q.id);if(we)try{de=Fn(we,_e,n,q.offsetSamples,q.durationSamples)}catch(Ee){console.warn("[waveform-playlist] Failed to extract peaks from cache:",Ee)}}return de||(!q.audioBuffer&&!q.waveformData&&console.warn(`[waveform-playlist] Clip "${q.id}" has no audio data or waveform data`),de={length:0,data:[],bits:16}),{clipId:q.id,trackName:X.name,peaks:de,startSample:q.startSample,durationSamples:q.durationSamples,fadeIn:q.fadeIn,fadeOut:q.fadeOut}}));L(F)},[e,_e,n,Qe]);const rt=s.useCallback(()=>{const F=()=>{const X=j.getContext().currentTime-Ae.current,J=De.current+X;ie.current=J;const q=b.current;if(q.length>0){const we=q.find(Ee=>J>=Ee.start&&J<Ee.end);if(Be.current)we&&we.id!==Me.current?Pe(we.id):!we&&Me.current!==null&&Pe(null);else if(Me.current){const Ee=q.find(nt=>nt.id===Me.current);if(Ee&&J>=Ee.end){Z.current&&Z.current.stop(),I(!1),ie.current=ue.current,M(ue.current);return}}else we&&Pe(we.id)}if(Re.current&&re.current&&_.length>0){const we=re.current,Ee=_[0].sampleRate,nt=J*Ee/Ue.current,ke=we.clientWidth,Se=c.show?c.width:0,Ze=nt+Se,st=Math.max(0,Ze-ke/2);we.scrollLeft=st}if(G.current!==null&&J>=G.current){Z.current&&Z.current.stop(),I(!1),ie.current=G.current,M(G.current),G.current=null;return}const de=V.current!==Y.current&&Y.current>V.current;if(lt.current&&de&&J>=Y.current){Z.current?.stop();const Ee=j.getContext().currentTime;Ae.current=Ee,De.current=V.current,ie.current=V.current,Z.current?.play(Ee,V.current),Oe(F);return}if(J>=A){Z.current&&Z.current.stop(),I(!1),ie.current=ue.current,M(ue.current),Pe(null);return}Oe(F)};Oe(F)},[A,_,c.show,c.width,Pe,Oe]),Ne=Je;s.useEffect(()=>{(async()=>{if(E&&xe.current&&Z.current)if(O){const X=ie.current;Z.current.stop(),Ne(),await Z.current.init(),Z.current.setOnPlaybackComplete(()=>{});const q=j.getContext().currentTime;Ae.current=q,De.current=X,Z.current.play(q,X),rt()}else Ne(),rt()})()},[O,E,rt,Ne,xe]),s.useEffect(()=>{(async()=>{if(St.current&&Z.current){const{position:X}=St.current;St.current=null,await Z.current.init(),Z.current.setOnPlaybackComplete(()=>{});const q=j.getContext().currentTime;Ae.current=q,De.current=X,Z.current.play(q,X),I(!0),rt()}})()},[e,rt]);const It=s.useCallback(async(F,X)=>{if(!Z.current||_.length===0)return;await Z.current.init();const J=F??ie.current;ue.current=J,ie.current=J,Z.current.setOnPlaybackComplete(()=>{}),Z.current.stop(),Ne();const de=j.getContext().currentTime;Ae.current=de,De.current=J,G.current=X!==void 0?J+X:null,Z.current.play(de,J,X),I(!0),rt()},[_.length,rt,Ne]),rn=s.useCallback(()=>{if(!Z.current)return;const F=j.getContext().currentTime-Ae.current,X=De.current+F;Z.current.pause(),I(!1),Ne(),ie.current=X,M(X)},[Ne]),sn=s.useCallback(()=>{Z.current&&(Z.current.stop(),I(!1),Ne(),ie.current=ue.current,M(ue.current),Pe(null))},[Ne,Pe]),on=s.useCallback(F=>{const X=Math.max(0,Math.min(F,A));ie.current=X,M(X),E&&Z.current&&(Z.current.stop(),Ne(),It(X))},[A,E,It,Ne]),ln=s.useCallback((F,X)=>{const J=[...P];if(J[F]={...J[F],muted:X},U(J),Z.current){const q=`track-${F}`;Z.current.setMute(q,X)}},[P]),cn=s.useCallback((F,X)=>{const J=[...P];if(J[F]={...J[F],soloed:X},U(J),Z.current){const q=`track-${F}`;Z.current.setSolo(q,X)}},[P]),un=s.useCallback((F,X)=>{const J=[...P];if(J[F]={...J[F],volume:X},U(J),Z.current){const q=`track-${F}`,de=Z.current.getTrack(q);de&&de.setVolume(X)}},[P]),dn=s.useCallback((F,X)=>{const J=[...P];if(J[F]={...J[F],pan:X},U(J),Z.current){const q=`track-${F}`,de=Z.current.getTrack(q);de&&de.setPan(X)}},[P]),fn=s.useCallback((F,X)=>{ne(F),se(X),ie.current=F,M(F),E&&Z.current&&(Z.current.stop(),Z.current.play(j.getContext().currentTime,F))},[E]),mn=s.useCallback(F=>{re.current=F},[]),jt=s.useRef(d);jt.current=d;const hn=s.useCallback(F=>{const X=typeof F=="function"?F(b.current):F;if(!jt.current){process.env.NODE_ENV!=="production"&&console.warn("waveform-playlist: setAnnotations was called but no onAnnotationsChange callback is provided. Annotation edits will not persist. Pass onAnnotationsChange to WaveformPlaylistProvider to handle annotation updates.");return}jt.current(X)},[]),pn=_[0]?.sampleRate||44100,Lt=t?30:0,gn=e.length*a+Lt,$a=s.useMemo(()=>({isPlaying:E,currentTime:$,currentTimeRef:ie,playbackStartTimeRef:Ae,audioStartPositionRef:De}),[E,$,ie,Ae,De]),Ta=s.useMemo(()=>({continuousPlay:O,linkEndpoints:be,annotationsEditable:z,isAutomaticScroll:ce,isLoopEnabled:Ie,annotations:w,activeAnnotationId:x,selectionStart:H,selectionEnd:le,selectedTrackId:oe,loopStart:Te,loopEnd:Ye}),[O,be,z,ce,Ie,w,x,H,le,oe,Te,Ye]),bn=s.useCallback(F=>{ie.current=F,M(F)},[ie]),vn=s.useCallback(F=>{fe(F)},[]),Ra=s.useMemo(()=>({play:It,pause:rn,stop:sn,seekTo:on,setCurrentTime:bn,setTrackMute:ln,setTrackSolo:cn,setTrackVolume:un,setTrackPan:dn,setSelection:fn,setSelectedTrackId:ye,setTimeFormat:Ce,formatTime:ve,zoomIn:he.zoomIn,zoomOut:he.zoomOut,setMasterVolume:te,setAutomaticScroll:vn,setScrollContainer:mn,scrollContainerRef:re,setContinuousPlay:et,setLinkEndpoints:K,setAnnotationsEditable:me,setAnnotations:hn,setActiveAnnotationId:Pe,setLoopEnabled:dt,setLoopRegion:tt,setLoopRegionFromSelection:xt,clearLoopRegion:kt}),[It,rn,sn,on,bn,ln,cn,un,dn,fn,ye,Ce,ve,he.zoomIn,he.zoomOut,te,vn,mn,re,et,K,me,hn,Pe,dt,tt,xt,kt]),Da=s.useMemo(()=>({duration:A,audioBuffers:_,peaksDataArray:W,trackStates:P,tracks:e,sampleRate:pn,waveHeight:a,timeScaleHeight:Lt,minimumPlaylistHeight:gn,controls:c,playoutRef:Z,samplesPerPixel:_e,timeFormat:ee,masterVolume:qe,canZoomIn:he.canZoomIn,canZoomOut:he.canZoomOut,barWidth:C,barGap:y,progressBarWidth:k,isReady:Q,mono:n}),[A,_,W,P,e,pn,a,Lt,gn,c,Z,_e,ee,qe,he.canZoomIn,he.canZoomOut,C,y,k,Q,n]),Ba={...qn,...l};return g.jsx(D.ThemeProvider,{theme:Ba,children:g.jsx(va.Provider,{value:$a,children:g.jsx(ya.Provider,{value:Ta,children:g.jsx(Ca.Provider,{value:Ra,children:g.jsx(wa.Provider,{value:Da,children:m})})})})})},Fe=()=>{const e=s.useContext(va);if(!e)throw new Error("usePlaybackAnimation must be used within WaveformPlaylistProvider");return e},We=()=>{const e=s.useContext(ya);if(!e)throw new Error("usePlaylistState must be used within WaveformPlaylistProvider");return e},ge=()=>{const e=s.useContext(Ca);if(!e)throw new Error("usePlaylistControls must be used within WaveformPlaylistProvider");return e},$e=()=>{const e=s.useContext(wa);if(!e)throw new Error("usePlaylistData must be used within WaveformPlaylistProvider");return e};var So=class{constructor(e){this._playbackRate=1,this.handleEnded=()=>{this.onStopCallback&&this.onStopCallback()},this.handleTimeUpdate=()=>{this.onTimeUpdateCallback&&this.onTimeUpdateCallback(this.audioElement.currentTime)},this._peaks=e.peaks,this._id=e.id??`track-${Date.now()}`,this._name=e.name??"Track",this._playbackRate=e.playbackRate??1,typeof e.source=="string"?(this.audioElement=new Audio(e.source),this.ownsElement=!0):(this.audioElement=e.source,this.ownsElement=!1),this.audioElement.preload="auto",this.audioElement.volume=e.volume??1,this.audioElement.playbackRate=this._playbackRate;const t=this.audioElement;"preservesPitch"in this.audioElement?t.preservesPitch=!0:"mozPreservesPitch"in this.audioElement?t.mozPreservesPitch=!0:"webkitPreservesPitch"in this.audioElement&&(t.webkitPreservesPitch=!0),this.audioElement.addEventListener("ended",this.handleEnded),this.audioElement.addEventListener("timeupdate",this.handleTimeUpdate)}play(e=0){this.audioElement.currentTime=e,this.audioElement.play().catch(t=>{console.warn("MediaElementTrack: play() failed:",t)})}pause(){this.audioElement.pause()}stop(){this.audioElement.pause(),this.audioElement.currentTime=0}seekTo(e){this.audioElement.currentTime=Math.max(0,Math.min(e,this.duration))}setVolume(e){this.audioElement.volume=Math.max(0,Math.min(1,e))}setPlaybackRate(e){const t=Math.max(.5,Math.min(2,e));this._playbackRate=t,this.audioElement.playbackRate=t}setMuted(e){this.audioElement.muted=e}setOnStopCallback(e){this.onStopCallback=e}setOnTimeUpdateCallback(e){this.onTimeUpdateCallback=e}dispose(){this.audioElement.removeEventListener("ended",this.handleEnded),this.audioElement.removeEventListener("timeupdate",this.handleTimeUpdate),this.audioElement.pause(),this.ownsElement&&(this.audioElement.src="",this.audioElement.load())}get id(){return this._id}get name(){return this._name}get peaks(){return this._peaks}get currentTime(){return this.audioElement.currentTime}get duration(){return this.audioElement.duration||this._peaks.duration}get isPlaying(){return!this.audioElement.paused&&!this.audioElement.ended}get volume(){return this.audioElement.volume}get playbackRate(){return this._playbackRate}get muted(){return this.audioElement.muted}get element(){return this.audioElement}},Io=class{constructor(e={}){this.track=null,this._isPlaying=!1,this._masterVolume=e.masterVolume??1,this._playbackRate=e.playbackRate??1}async init(){}addTrack(e){return this.track&&(console.warn("MediaElementPlayout: Only one track is supported. Disposing previous track. For multi-track, use TonePlayout."),this.track.dispose()),this.track=new So({...e,volume:this._masterVolume*(e.volume??1),playbackRate:this._playbackRate}),this.track.setOnStopCallback(()=>{this._isPlaying=!1,this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback()}),this.track}removeTrack(e){this.track&&this.track.id===e&&(this.track.dispose(),this.track=null)}getTrack(e){if(this.track&&this.track.id===e)return this.track}play(e,t,n){if(!this.track){console.warn("MediaElementPlayout: No track to play");return}const a=t??0;if(this._isPlaying=!0,this.track.play(a),n!==void 0){const r=n/this._playbackRate;setTimeout(()=>{this._isPlaying&&(this.pause(),this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback())},r*1e3)}}pause(){this.track&&this.track.pause(),this._isPlaying=!1}stop(){this.track&&this.track.stop(),this._isPlaying=!1}seekTo(e){this.track&&this.track.seekTo(e)}getCurrentTime(){return this.track?this.track.currentTime:0}setMasterVolume(e){this._masterVolume=Math.max(0,Math.min(1,e)),this.track&&this.track.setVolume(this._masterVolume)}setPlaybackRate(e){this._playbackRate=Math.max(.5,Math.min(2,e)),this.track&&this.track.setPlaybackRate(this._playbackRate)}setMute(e,t){const n=this.getTrack(e);n&&n.setMuted(t)}setSolo(e,t){console.warn("MediaElementPlayout: Solo is not applicable for single-track playback")}setOnPlaybackComplete(e){this.onPlaybackCompleteCallback=e}dispose(){this.track&&(this.track.dispose(),this.track=null)}get isPlaying(){return this._isPlaying}get masterVolume(){return this._masterVolume}get playbackRate(){return this._playbackRate}get duration(){return this.track?.duration??0}get sampleRate(){return this.track?.peaks.sample_rate??44100}};const xa=s.createContext(null),ka=s.createContext(null),Sa=s.createContext(null),Ia=s.createContext(null),Ao=({track:e,samplesPerPixel:t=1024,waveHeight:n=100,timescale:a=!1,playbackRate:r=1,automaticScroll:o=!1,theme:i,controls:l={show:!1,width:0},annotationList:c,barWidth:u=1,barGap:f=0,progressBarWidth:v,onAnnotationsChange:h,onReady:d,children:C})=>{const y=v??u+f,[p,m]=s.useState(!1),[k,w]=s.useState(0),[b,x]=s.useState(0),[S,E]=s.useState([]),[I,$]=s.useState(r),M=s.useMemo(()=>{if(!c?.annotations)return[];if(process.env.NODE_ENV!=="production"&&c.annotations.length>0){const G=c.annotations[0];if(typeof G.start!="number"||typeof G.end!="number")return console.error("[waveform-playlist] Annotations must have numeric start/end values. In v6, use parseAeneas() from @waveform-playlist/annotations before passing annotations. Received start type: "+typeof G.start),[]}return c.annotations},[c?.annotations]),A=s.useRef(M);A.current=M;const[B,_]=s.useState(null),[R,W]=s.useState(c?.isContinuousPlay??!1),[L]=s.useState(t),[P,U]=s.useState(o),H=s.useRef(null),ne=s.useRef(0),le=s.useRef(R),se=s.useRef(null),oe=s.useRef(null),ye=s.useRef(o),ce=s.useRef(t),{startAnimationFrameLoop:fe,stopAnimationFrameLoop:O}=ba();s.useEffect(()=>{le.current=R},[R]),s.useEffect(()=>{ye.current=P},[P]);const N=s.useCallback(G=>{se.current=G,_(G)},[]),be=s.useCallback(G=>{le.current=G,W(G)},[]),K=s.useCallback(G=>{oe.current=G},[]),z=e.waveformData.sample_rate;s.useEffect(()=>{const G=new Io({playbackRate:r});G.addTrack({source:e.source,peaks:e.waveformData,name:e.name});const re=G.getTrack(G.track?.id??"");return re&&re.setOnTimeUpdateCallback(Re=>{ne.current=Re}),G.setOnPlaybackComplete(()=>{O(),m(!1),N(null),ne.current=0,w(0)}),H.current=G,x(e.waveformData.duration),d?.(),()=>{O(),G.dispose()}},[e.source,e.waveformData,e.name,r,d,O,N]),s.useEffect(()=>{const G=Ns(e.waveformData,L,0,0,Math.ceil(e.waveformData.duration*z)),re={clipId:"media-element-clip",trackName:e.name??"Track",peaks:{length:G.length,data:[G.data],bits:G.bits},startSample:0,durationSamples:Math.ceil(e.waveformData.duration*z)};E([[re]])},[e.waveformData,e.name,L,z]);const me=s.useCallback(()=>{const G=()=>{const re=H.current?.getCurrentTime()??0;ne.current=re;const Re=A.current;if(Re.length>0){const Be=Re.find(Me=>re>=Me.start&&re<Me.end);if(le.current)Be&&Be.id!==se.current?N(Be.id):!Be&&se.current!==null&&N(null);else if(se.current){const Me=Re.find(Ue=>Ue.id===se.current);if(Me&&re>=Me.end){H.current?.stop(),m(!1);return}}else Be&&N(Be.id)}if(ye.current&&oe.current){const Be=oe.current,Me=re*z/ce.current,Ue=Be.clientWidth,lt=l.show?l.width:0,ct=Me+lt,ht=Math.max(0,ct-Ue/2);Be.scrollLeft=ht}fe(G)};fe(G)},[N,z,l,fe]),Ie=O,ae=s.useCallback(G=>{if(!H.current)return;const re=G??ne.current;H.current.play(void 0,re),m(!0),me()},[me]),Te=s.useCallback(()=>{H.current&&(H.current.pause(),m(!1),Ie(),w(H.current.getCurrentTime()))},[Ie]),He=s.useCallback(()=>{H.current&&(H.current.stop(),m(!1),Ie(),ne.current=0,w(0),N(null))},[Ie,N]),Ye=s.useCallback(G=>{const re=Math.max(0,Math.min(G,b));ne.current=re,w(re),H.current&&H.current.seekTo(re)},[b]),Xe=s.useCallback(G=>{const re=Math.max(.5,Math.min(2,G));$(re),H.current&&H.current.setPlaybackRate(re)},[]),Q=a?30:0,Ke=s.useMemo(()=>({isPlaying:p,currentTime:k,currentTimeRef:ne}),[p,k]),Z=s.useMemo(()=>({continuousPlay:R,annotations:M,activeAnnotationId:B,playbackRate:I,isAutomaticScroll:P}),[R,M,B,I,P]),ue=s.useRef(h);ue.current=h;const ie=s.useCallback(G=>{const re=typeof G=="function"?G(A.current):G;if(!ue.current){process.env.NODE_ENV!=="production"&&console.warn("waveform-playlist: setAnnotations was called but no onAnnotationsChange callback is provided. Annotation edits will not persist. Pass onAnnotationsChange to MediaElementPlaylistProvider to handle annotation updates.");return}ue.current(re)},[]),Le=s.useMemo(()=>({play:ae,pause:Te,stop:He,seekTo:Ye,setPlaybackRate:Xe,setContinuousPlay:be,setAnnotations:ie,setActiveAnnotationId:N,setAutomaticScroll:G=>{U(G)},setScrollContainer:K,scrollContainerRef:oe}),[ae,Te,He,Ye,Xe,be,ie,N,K]),Ae=s.useMemo(()=>({duration:b,peaksDataArray:S,sampleRate:z,waveHeight:n,timeScaleHeight:Q,samplesPerPixel:L,playoutRef:H,controls:l,barWidth:u,barGap:f,progressBarWidth:y}),[b,S,z,n,Q,L,l,u,f,y]),De={...qn,...i};return g.jsx(D.ThemeProvider,{theme:De,children:g.jsx(xa.Provider,{value:Ke,children:g.jsx(ka.Provider,{value:Z,children:g.jsx(Sa.Provider,{value:Le,children:g.jsx(Ia.Provider,{value:Ae,children:C})})})})})},Wt=()=>{const e=s.useContext(xa);if(!e)throw new Error("useMediaElementAnimation must be used within MediaElementPlaylistProvider");return e},Pt=()=>{const e=s.useContext(ka);if(!e)throw new Error("useMediaElementState must be used within MediaElementPlaylistProvider");return e},nn=()=>{const e=s.useContext(Sa);if(!e)throw new Error("useMediaElementControls must be used within MediaElementPlaylistProvider");return e},Zt=()=>{const e=s.useContext(Ia);if(!e)throw new Error("useMediaElementData must be used within MediaElementPlaylistProvider");return e},Mo=({className:e})=>{const{isPlaying:t,currentTimeRef:n}=Fe(),{selectionStart:a,selectionEnd:r,isLoopEnabled:o}=We(),{play:i}=ge(),l=async()=>{if(a!==r&&r>a)if(o)await i(a);else{const u=r-a;await i(a,u)}else await i(n.current??0)};return g.jsx(ze,{onClick:l,disabled:t,className:e,children:"Play"})},_o=({className:e})=>{const{isPlaying:t}=Fe(),{pause:n}=ge();return g.jsx(ze,{onClick:n,disabled:!t,className:e,children:"Pause"})},Eo=({className:e})=>{const{isPlaying:t}=Fe(),{stop:n}=ge();return g.jsx(ze,{onClick:n,disabled:!t,className:e,children:"Stop"})},$o=({className:e})=>{const{isPlaying:t}=Fe(),{play:n,setCurrentTime:a}=ge(),{playoutRef:r}=$e(),o=()=>{a(0),t&&r.current&&(r.current.stop(),n(0))};return g.jsx(ze,{onClick:o,className:e,children:"Rewind"})},To=({className:e})=>{const{isPlaying:t}=Fe(),{play:n,setCurrentTime:a}=ge(),{duration:r,playoutRef:o}=$e(),i=()=>{a(r),t&&o.current&&(o.current.stop(),n(r))};return g.jsx(ze,{onClick:i,className:e,children:"Fast Forward"})},Ro=({skipAmount:e=5,className:t})=>{const{currentTimeRef:n,isPlaying:a}=Fe(),{play:r,setCurrentTime:o}=ge(),{playoutRef:i}=$e(),l=()=>{const c=Math.max(0,(n.current??0)-e);o(c),a&&i.current&&(i.current.stop(),r(c))};return g.jsx(ze,{onClick:l,className:t,children:"Skip Backward"})},Do=({skipAmount:e=5,className:t})=>{const{currentTimeRef:n,isPlaying:a}=Fe(),{play:r,setCurrentTime:o}=ge(),{duration:i,playoutRef:l}=$e(),c=()=>{const u=Math.min(i,(n.current??0)+e);o(u),a&&l.current&&(l.current.stop(),r(u))};return g.jsx(ze,{onClick:c,className:t,children:"Skip Forward"})},Bo=({className:e})=>{const{isLoopEnabled:t,loopStart:n,loopEnd:a}=We(),{setLoopEnabled:r,setLoopRegion:o}=ge(),{duration:i}=$e(),l=n!==a&&a>n,c=()=>{if(!t&&!l){const u=Math.min(10,i*.25);o(0,Math.max(1,u))}r(!t)};return g.jsx(ze,{onClick:c,className:e,title:t?"Disable loop":"Enable loop",children:t?"Loop On":"Loop Off"})},Fo=({className:e})=>{const{selectionStart:t,selectionEnd:n,loopStart:a,loopEnd:r}=We(),{setLoopRegionFromSelection:o,clearLoopRegion:i}=ge(),l=t!==n&&n>t,c=a!==r&&r>a,u=()=>{c?i():o()};return g.jsx(ze,{onClick:u,disabled:!l&&!c,className:e,title:c?"Clear loop region":l?"Set loop region from selection":"Create a selection first",children:c?"Clear Loop":"Set Loop"})},Wo=({className:e,disabled:t})=>{const{zoomIn:n}=ge(),{canZoomIn:a}=$e();return g.jsx(ze,{onClick:n,disabled:t||!a,className:e,children:"Zoom In"})},Po=({className:e,disabled:t})=>{const{zoomOut:n}=ge(),{canZoomOut:a}=$e();return g.jsx(ze,{onClick:n,disabled:t||!a,className:e,children:"Zoom Out"})},Zo=({className:e})=>{const{masterVolume:t}=$e(),{setMasterVolume:n}=ge();return g.jsx(Er,{volume:t,onChange:n,className:e})},Vo=({className:e})=>{const{timeFormat:t}=$e(),{setTimeFormat:n}=ge();return g.jsx(ds,{value:t,onChange:n,className:e})},jo=D.span`
|
|
930
|
+
`;let As=0;function Ms(){let e;try{const a=new Blob([Is],{type:"application/javascript"}),r=URL.createObjectURL(a);e=new Worker(r),URL.revokeObjectURL(r)}catch(a){return console.warn("[waveform-playlist] Failed to create peaks worker (CSP restriction?):",a),{generate(){return Promise.reject(new Error("Worker creation failed"))},terminate(){}}}const t=new Map;let n=!1;return e.onmessage=a=>{const r=a.data,o=t.get(r.id);if(o)if(t.delete(r.id),r.error)o.reject(new Error(r.error));else try{const i=je.create(r.buffer);o.resolve(i)}catch(i){o.reject(i)}},e.onerror=a=>{n=!0,e.terminate();for(const[,r]of t)r.reject(a.error??new Error(a.message));t.clear()},{generate(a){if(n)return Promise.reject(new Error("Worker terminated"));const r=String(++As);return new Promise((o,i)=>{t.set(r,{resolve:o,reject:i}),e.postMessage({id:r,scale:a.scale,bits:a.bits,amplitude_scale:1,split_channels:a.splitChannels,length:a.length,sample_rate:a.sampleRate,channels:a.channels},a.channels)})},terminate(){n=!0,e.terminate();for(const[,a]of t)a.reject(new Error("Worker terminated"));t.clear()}}}function _s(e,t){const[n,a]=s.useState(()=>new Map),[r,o]=s.useState(!1),i=s.useRef(null),l=s.useRef(new Set),c=s.useRef(0),u=s.useCallback(()=>(i.current||(i.current=Ms()),i.current),[]);return s.useEffect(()=>{let m=!1;const h=l.current,p=[];for(const C of e)for(const g of C.clips)g.audioBuffer&&!g.waveformData&&!h.has(g.id)&&p.push({clipId:g.id,audioBuffer:g.audioBuffer});if(p.length===0)return;const f=new Set;for(const{clipId:C}of p)h.add(C),f.add(C);c.current+=p.length,o(!0);const b=u();for(const{clipId:C,audioBuffer:g}of p){const d=[];for(let x=0;x<g.numberOfChannels;x++)d.push(g.getChannelData(x).slice().buffer);b.generate({id:C,channels:d,length:g.length,sampleRate:g.sampleRate,scale:t,bits:16,splitChannels:!0}).then(x=>{m||(a(w=>{const v=new Map(w);return v.set(C,x),v}),c.current--,c.current<=0&&(c.current=0,o(!1)))}).catch(x=>{m||(console.warn("[waveform-playlist] Worker peak generation failed:",x),h.delete(C),c.current--,c.current<=0&&(c.current=0,o(!1)))})}return()=>{m=!0;for(const C of f)h.delete(C)}},[e,t,u]),s.useEffect(()=>()=>{i.current?.terminate(),i.current=null},[]),{cache:n,isGenerating:r}}function Ut(e){return e instanceof File?e.name.replace(/\.[^/.]+$/,""):e instanceof Blob?"Untitled":typeof e=="string"?e.split("/").pop()?.replace(/\.[^/.]+$/,"")??"Untitled":e.name??e.src.split("/").pop()?.replace(/\.[^/.]+$/,"")??"Untitled"}async function Es(e,t,n){const a=Ut(e);if(e instanceof Blob){const c=await e.arrayBuffer();return n?.throwIfAborted(),{audioBuffer:await t.decodeAudioData(c),name:a}}const r=typeof e=="string"?e:e.src,o=await fetch(r,{signal:n});if(!o.ok)throw new Error(`Failed to fetch ${r}: ${o.statusText}`);const i=await o.arrayBuffer();return n?.throwIfAborted(),{audioBuffer:await t.decodeAudioData(i),name:a}}function $s(){const[e,t]=s.useState([]),[n,a]=s.useState(0),[r,o]=s.useState([]),i=s.useRef(!1),l=s.useRef(new Set),c=s.useRef(new Map);s.useEffect(()=>{const h=c.current;return()=>{i.current=!0;for(const p of h.values())p.abort();h.clear()}},[]);const u=s.useCallback(h=>{if(h.length===0)return;const p=ar(),f=h.map(b=>({track:Nn({name:`${Ut(b)} (loading...)`,clips:[]}),source:b}));t(b=>[...b,...f.map(C=>C.track)]),a(b=>b+h.length);for(const{track:b,source:C}of f){l.current.add(b.id);const g=new AbortController;c.current.set(b.id,g),(async()=>{try{const{audioBuffer:d,name:x}=await Es(C,p,g.signal),w=Gn({audioBuffer:d,startTime:0,duration:d.duration,offset:0,name:x});!i.current&&l.current.has(b.id)&&t(v=>v.map(k=>k.id===b.id?{...k,name:x,clips:[w]}:k))}catch(d){if(d instanceof DOMException&&d.name==="AbortError")return;console.warn("[waveform-playlist] Error loading audio:",d),!i.current&&l.current.has(b.id)&&(t(x=>x.filter(w=>w.id!==b.id)),o(x=>[...x,{name:Ut(C),error:d instanceof Error?d:new Error(String(d))}]))}finally{c.current.delete(b.id),!i.current&&l.current.delete(b.id)&&a(d=>d-1)}})()}},[]),m=s.useCallback(h=>{t(f=>f.filter(b=>b.id!==h));const p=c.current.get(h);p&&(p.abort(),c.current.delete(h)),l.current.delete(h)&&a(f=>f-1)},[]);return{tracks:e,addTracks:u,removeTrack:m,loadingCount:n,isLoading:n>0,errors:r}}const ka=s.createContext(null),Sa=s.createContext(null),Ia=s.createContext(null),Aa=s.createContext(null),Ts=({tracks:e,timescale:t=!1,mono:n=!1,waveHeight:a=80,samplesPerPixel:r=1024,zoomLevels:o,automaticScroll:i=!1,theme:l,controls:c={show:!1,width:0},annotationList:u,effects:m,onReady:h,onAnnotationUpdate:p,onAnnotationsChange:f,barWidth:b=1,barGap:C=0,progressBarWidth:g,children:d})=>{const x=g??b+C,w=s.useMemo(()=>{if(!u?.annotations)return[];if(process.env.NODE_ENV!=="production"&&u.annotations.length>0){const B=u.annotations[0];if(typeof B.start!="number"||typeof B.end!="number")return console.error("[waveform-playlist] Annotations must have numeric start/end values. In v6, use parseAeneas() from @waveform-playlist/annotations before passing annotations. Received start type: "+typeof B.start),[]}return u.annotations},[u?.annotations]),v=s.useRef(w);v.current=w;const[k,S]=s.useState(null),[M,I]=s.useState(!1),[E,_]=s.useState(0),[A,T]=s.useState(0),[R,W]=s.useState([]),[X,G]=s.useState([]),[P,N]=s.useState([]),[L,ae]=s.useState(0),[J,ue]=s.useState(0),[ie,ve]=s.useState(null),[le,Fe]=s.useState(i),[Z,Y]=s.useState(u?.isContinuousPlay??!1),[Q,K]=s.useState(u?.linkEndpoints??!1),[se,be]=s.useState(u?.editable??!1),[q,Te]=s.useState(!1),[_e,qe]=s.useState(0),[Ye,ee]=s.useState(0),[We,Xe]=s.useState(!1),F=s.useRef(null),Ce=s.useRef(0),ce=s.useRef(0),Je=s.useRef(P),Le=s.useRef(0),ze=s.useRef(0),O=s.useRef(null),oe=s.useRef(null),Ee=s.useRef(!1),Re=s.useRef(u?.isContinuousPlay??!1),ke=s.useRef(null),Ue=s.useRef(r),ct=s.useRef(!1),ut=s.useRef(0),mt=s.useRef(0),V=s.useRef(0),H=s.useRef(0),{timeFormat:ne,setTimeFormat:fe,formatTime:me}=ba(),he=va({initialSamplesPerPixel:r,zoomLevels:o}),we=he.samplesPerPixel,{masterVolume:re,setMasterVolume:Ie}=ya({playoutRef:F,initialVolume:1}),{animationFrameRef:Pe,startAnimationFrameLoop:Ke,stopAnimationFrameLoop:Oe}=xa(),Qe=s.useMemo(()=>Math.min(...o??[256,512,1024,2048,4096,8192]),[o]),{cache:at}=_s(e,Qe),rt=s.useCallback(B=>{Re.current=B,Y(B)},[]),$e=s.useCallback(B=>{ke.current=B,S(B)},[]),ht=s.useCallback(B=>{ct.current=B,Te(B)},[]),et=s.useCallback((B,z)=>{V.current=B,H.current=z,qe(B),ee(z)},[]),xt=s.useCallback(()=>{const B=ut.current,z=mt.current;B!==z&&z>B&&et(B,z)},[et]),sn=s.useCallback(()=>{et(0,0)},[et]);s.useEffect(()=>{Ee.current=le},[le]),s.useEffect(()=>{Je.current=P},[P]),s.useEffect(()=>{ut.current=L,mt.current=J},[L,J]),s.useEffect(()=>{if(!oe.current||!R.length)return;const B=oe.current,z=Ue.current,te=we;if(z===te)return;const U=c.show?c.width:0,de=B.clientWidth,Ae=B.scrollLeft+de/2-U,tt=R[0].sampleRate,xe=Ae*z/tt*tt/te,Ze=Math.max(0,xe+U-de/2);B.scrollLeft=Ze,Ue.current=te},[we,R,c]);const kt=s.useRef(null);s.useEffect(()=>{if(Xe(!1),e.length===0){W([]),T(0),N([]),G([]),F.current&&(F.current.dispose(),F.current=null);return}const B=M,z=ce.current;return F.current&&B&&(F.current.stop(),Oe(),kt.current={position:z}),(async()=>{try{const U=[];e.forEach(ye=>{ye.clips.length>0&&ye.clips[0].audioBuffer&&U.push(ye.clips[0].audioBuffer)});let de=0;e.forEach(ye=>{ye.clips.forEach(xe=>{const Ze=xe.sampleRate,It=(xe.startSample+xe.durationSamples)/Ze;de=Math.max(de,It)})}),W(U),T(de),N(ye=>ye.length===e.length?ye.map((xe,Ze)=>({...xe,name:e[Ze].name})):e.map(xe=>({name:xe.name,muted:xe.muted,soloed:xe.soloed,volume:xe.volume,pan:xe.pan}))),F.current&&F.current.dispose();const pe=new tr({effects:m}),Ae=Je.current;e.forEach((ye,xe)=>{const Ze=ye.clips.filter(st=>st.audioBuffer);if(Ze.length>0){const st=Ze[0].sampleRate,It=Math.min(...Ze.map(Ve=>Ve.startSample/st)),ja=Math.max(...Ze.map(Ve=>(Ve.startSample+Ve.durationSamples)/st)),At=Ae[xe],La={id:`track-${xe}`,name:ye.name,gain:At?.volume??ye.volume,muted:At?.muted??ye.muted,soloed:At?.soloed??ye.soloed,stereoPan:At?.pan??ye.pan,startTime:It,endTime:ja},za=Ze.map(Ve=>{const zt=Ve.sampleRate;return{buffer:Ve.audioBuffer,startTime:Ve.startSample/zt-It,duration:Ve.durationSamples/zt,offset:Ve.offsetSamples/zt,fadeIn:Ve.fadeIn,fadeOut:Ve.fadeOut,gain:Ve.gain}});pe.addTrack({clips:za,track:La,effects:ye.effects})}}),pe.applyInitialSoloState(),F.current=pe,Xe(!0);const tt=new CustomEvent("waveform-playlist:ready",{detail:{trackCount:e.length,duration:de}});window.dispatchEvent(tt),h?.()}catch(U){console.error("Error loading audio:",U)}})(),()=>{Oe(),F.current&&F.current.dispose()}},[e,h,M,m,Oe]),s.useEffect(()=>{if(e.length===0)return;const B=e.map(z=>z.clips.map(U=>{let de;if(U.waveformData)try{de=Zn(U.waveformData,we,n,U.offsetSamples,U.durationSamples)}catch(pe){console.warn("[waveform-playlist] Failed to extract peaks from waveformData:",pe)}if(!de){const pe=at.get(U.id);if(pe)try{de=Zn(pe,we,n,U.offsetSamples,U.durationSamples)}catch(Ae){console.warn("[waveform-playlist] Failed to extract peaks from cache:",Ae)}}if(!de){!U.audioBuffer&&!U.waveformData&&console.warn(`[waveform-playlist] Clip "${U.id}" has no audio data or waveform data`);const pe=n?1:U.audioBuffer?.numberOfChannels??1;de={length:0,data:Array.from({length:pe},()=>new Int16Array(0)),bits:16}}return{clipId:U.id,trackName:z.name,peaks:de,startSample:U.startSample,durationSamples:U.durationSamples,fadeIn:U.fadeIn,fadeOut:U.fadeOut}}));G(B)},[e,we,n,at]);const ot=s.useCallback(()=>{const B=()=>{const z=j.getContext().currentTime-Le.current,te=ze.current+z;ce.current=te;const U=v.current;if(U.length>0){const pe=U.find(Ae=>te>=Ae.start&&te<Ae.end);if(Re.current)pe&&pe.id!==ke.current?$e(pe.id):!pe&&ke.current!==null&&$e(null);else if(ke.current){const Ae=U.find(tt=>tt.id===ke.current);if(Ae&&te>=Ae.end){F.current&&F.current.stop(),I(!1),ce.current=Ce.current,_(Ce.current);return}}else pe&&$e(pe.id)}if(Ee.current&&oe.current&&R.length>0){const pe=oe.current,Ae=R[0].sampleRate,tt=te*Ae/Ue.current,ye=pe.clientWidth,xe=c.show?c.width:0,Ze=tt+xe,st=Math.max(0,Ze-ye/2);pe.scrollLeft=st}if(O.current!==null&&te>=O.current){F.current&&F.current.stop(),I(!1),ce.current=O.current,_(O.current),O.current=null;return}const de=V.current!==H.current&&H.current>V.current;if(ct.current&&de&&te>=H.current){F.current?.stop();const Ae=j.getContext().currentTime;Le.current=Ae,ze.current=V.current,ce.current=V.current,F.current?.play(Ae,V.current),Ke(B);return}if(te>=A){F.current&&F.current.stop(),I(!1),ce.current=Ce.current,_(Ce.current),$e(null);return}Ke(B)};Ke(B)},[A,R,c.show,c.width,$e,Ke]),Ge=Oe;s.useEffect(()=>{(async()=>{if(M&&Pe.current&&F.current)if(Z){const z=ce.current;F.current.stop(),Ge(),await F.current.init(),F.current.setOnPlaybackComplete(()=>{});const U=j.getContext().currentTime;Le.current=U,ze.current=z,F.current.play(U,z),ot()}else Ge(),ot()})()},[Z,M,ot,Ge,Pe]),s.useEffect(()=>{(async()=>{if(kt.current&&F.current){const{position:z}=kt.current;kt.current=null,await F.current.init(),F.current.setOnPlaybackComplete(()=>{});const U=j.getContext().currentTime;Le.current=U,ze.current=z,F.current.play(U,z),I(!0),ot()}})()},[e,ot]);const St=s.useCallback(async(B,z)=>{if(!F.current||R.length===0)return;await F.current.init();const te=B??ce.current;Ce.current=te,ce.current=te,F.current.setOnPlaybackComplete(()=>{}),F.current.stop(),Ge();const de=j.getContext().currentTime;Le.current=de,ze.current=te,O.current=z!==void 0?te+z:null,F.current.play(de,te,z),I(!0),ot()},[R.length,ot,Ge]),ln=s.useCallback(()=>{if(!F.current)return;const B=j.getContext().currentTime-Le.current,z=ze.current+B;F.current.pause(),I(!1),Ge(),ce.current=z,_(z)},[Ge]),cn=s.useCallback(()=>{F.current&&(F.current.stop(),I(!1),Ge(),ce.current=Ce.current,_(Ce.current),$e(null))},[Ge,$e]),un=s.useCallback(B=>{const z=Math.max(0,Math.min(B,A));ce.current=z,_(z),M&&F.current&&(F.current.stop(),Ge(),St(z))},[A,M,St,Ge]),dn=s.useCallback((B,z)=>{const te=[...P];if(te[B]={...te[B],muted:z},N(te),F.current){const U=`track-${B}`;F.current.setMute(U,z)}},[P]),fn=s.useCallback((B,z)=>{const te=[...P];if(te[B]={...te[B],soloed:z},N(te),F.current){const U=`track-${B}`;F.current.setSolo(U,z)}},[P]),mn=s.useCallback((B,z)=>{const te=[...P];if(te[B]={...te[B],volume:z},N(te),F.current){const U=`track-${B}`,de=F.current.getTrack(U);de&&de.setVolume(z)}},[P]),hn=s.useCallback((B,z)=>{const te=[...P];if(te[B]={...te[B],pan:z},N(te),F.current){const U=`track-${B}`,de=F.current.getTrack(U);de&&de.setPan(z)}},[P]),pn=s.useCallback((B,z)=>{ae(B),ue(z),ce.current=B,_(B),M&&F.current&&(F.current.stop(),F.current.play(j.getContext().currentTime,B))},[M]),gn=s.useCallback(B=>{oe.current=B},[]),jt=s.useRef(f);jt.current=f;const bn=s.useCallback(B=>{const z=typeof B=="function"?B(v.current):B;if(!jt.current){process.env.NODE_ENV!=="production"&&console.warn("waveform-playlist: setAnnotations was called but no onAnnotationsChange callback is provided. Annotation edits will not persist. Pass onAnnotationsChange to WaveformPlaylistProvider to handle annotation updates.");return}jt.current(z)},[]),vn=R[0]?.sampleRate||44100,Lt=t?30:0,yn=e.length*a+Lt,Fa=s.useMemo(()=>({isPlaying:M,currentTime:E,currentTimeRef:ce,playbackStartTimeRef:Le,audioStartPositionRef:ze}),[M,E,ce,Le,ze]),Wa=s.useMemo(()=>({continuousPlay:Z,linkEndpoints:Q,annotationsEditable:se,isAutomaticScroll:le,isLoopEnabled:q,annotations:w,activeAnnotationId:k,selectionStart:L,selectionEnd:J,selectedTrackId:ie,loopStart:_e,loopEnd:Ye}),[Z,Q,se,le,q,w,k,L,J,ie,_e,Ye]),Cn=s.useCallback(B=>{ce.current=B,_(B)},[ce]),wn=s.useCallback(B=>{Fe(B)},[]),Pa=s.useMemo(()=>({play:St,pause:ln,stop:cn,seekTo:un,setCurrentTime:Cn,setTrackMute:dn,setTrackSolo:fn,setTrackVolume:mn,setTrackPan:hn,setSelection:pn,setSelectedTrackId:ve,setTimeFormat:fe,formatTime:me,zoomIn:he.zoomIn,zoomOut:he.zoomOut,setMasterVolume:Ie,setAutomaticScroll:wn,setScrollContainer:gn,scrollContainerRef:oe,setContinuousPlay:rt,setLinkEndpoints:K,setAnnotationsEditable:be,setAnnotations:bn,setActiveAnnotationId:$e,setLoopEnabled:ht,setLoopRegion:et,setLoopRegionFromSelection:xt,clearLoopRegion:sn}),[St,ln,cn,un,Cn,dn,fn,mn,hn,pn,ve,fe,me,he.zoomIn,he.zoomOut,Ie,wn,gn,oe,rt,K,be,bn,$e,ht,et,xt,sn]),Za=s.useMemo(()=>({duration:A,audioBuffers:R,peaksDataArray:X,trackStates:P,tracks:e,sampleRate:vn,waveHeight:a,timeScaleHeight:Lt,minimumPlaylistHeight:yn,controls:c,playoutRef:F,samplesPerPixel:we,timeFormat:ne,masterVolume:re,canZoomIn:he.canZoomIn,canZoomOut:he.canZoomOut,barWidth:b,barGap:C,progressBarWidth:x,isReady:We,mono:n}),[A,R,X,P,e,vn,a,Lt,yn,c,F,we,ne,re,he.canZoomIn,he.canZoomOut,b,C,x,We,n]),Va={...aa,...l};return y.jsx(D.ThemeProvider,{theme:Va,children:y.jsx(ka.Provider,{value:Fa,children:y.jsx(Sa.Provider,{value:Wa,children:y.jsx(Ia.Provider,{value:Pa,children:y.jsx(Aa.Provider,{value:Za,children:d})})})})})},De=()=>{const e=s.useContext(ka);if(!e)throw new Error("usePlaybackAnimation must be used within WaveformPlaylistProvider");return e},Be=()=>{const e=s.useContext(Sa);if(!e)throw new Error("usePlaylistState must be used within WaveformPlaylistProvider");return e},ge=()=>{const e=s.useContext(Ia);if(!e)throw new Error("usePlaylistControls must be used within WaveformPlaylistProvider");return e},Me=()=>{const e=s.useContext(Aa);if(!e)throw new Error("usePlaylistData must be used within WaveformPlaylistProvider");return e};var Rs=class{constructor(e){this._playbackRate=1,this.handleEnded=()=>{this.onStopCallback&&this.onStopCallback()},this.handleTimeUpdate=()=>{this.onTimeUpdateCallback&&this.onTimeUpdateCallback(this.audioElement.currentTime)},this._peaks=e.peaks,this._id=e.id??`track-${Date.now()}`,this._name=e.name??"Track",this._playbackRate=e.playbackRate??1,typeof e.source=="string"?(this.audioElement=new Audio(e.source),this.ownsElement=!0):(this.audioElement=e.source,this.ownsElement=!1),this.audioElement.preload="auto",this.audioElement.volume=e.volume??1,this.audioElement.playbackRate=this._playbackRate;const t=this.audioElement;"preservesPitch"in this.audioElement?t.preservesPitch=!0:"mozPreservesPitch"in this.audioElement?t.mozPreservesPitch=!0:"webkitPreservesPitch"in this.audioElement&&(t.webkitPreservesPitch=!0),this.audioElement.addEventListener("ended",this.handleEnded),this.audioElement.addEventListener("timeupdate",this.handleTimeUpdate)}play(e=0){this.audioElement.currentTime=e,this.audioElement.play().catch(t=>{console.warn("MediaElementTrack: play() failed:",t)})}pause(){this.audioElement.pause()}stop(){this.audioElement.pause(),this.audioElement.currentTime=0}seekTo(e){this.audioElement.currentTime=Math.max(0,Math.min(e,this.duration))}setVolume(e){this.audioElement.volume=Math.max(0,Math.min(1,e))}setPlaybackRate(e){const t=Math.max(.5,Math.min(2,e));this._playbackRate=t,this.audioElement.playbackRate=t}setMuted(e){this.audioElement.muted=e}setOnStopCallback(e){this.onStopCallback=e}setOnTimeUpdateCallback(e){this.onTimeUpdateCallback=e}dispose(){this.audioElement.removeEventListener("ended",this.handleEnded),this.audioElement.removeEventListener("timeupdate",this.handleTimeUpdate),this.audioElement.pause(),this.ownsElement&&(this.audioElement.src="",this.audioElement.load())}get id(){return this._id}get name(){return this._name}get peaks(){return this._peaks}get currentTime(){return this.audioElement.currentTime}get duration(){return this.audioElement.duration||this._peaks.duration}get isPlaying(){return!this.audioElement.paused&&!this.audioElement.ended}get volume(){return this.audioElement.volume}get playbackRate(){return this._playbackRate}get muted(){return this.audioElement.muted}get element(){return this.audioElement}},Ds=class{constructor(e={}){this.track=null,this._isPlaying=!1,this._masterVolume=e.masterVolume??1,this._playbackRate=e.playbackRate??1}async init(){}addTrack(e){return this.track&&(console.warn("MediaElementPlayout: Only one track is supported. Disposing previous track. For multi-track, use TonePlayout."),this.track.dispose()),this.track=new Rs({...e,volume:this._masterVolume*(e.volume??1),playbackRate:this._playbackRate}),this.track.setOnStopCallback(()=>{this._isPlaying=!1,this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback()}),this.track}removeTrack(e){this.track&&this.track.id===e&&(this.track.dispose(),this.track=null)}getTrack(e){if(this.track&&this.track.id===e)return this.track}play(e,t,n){if(!this.track){console.warn("MediaElementPlayout: No track to play");return}const a=t??0;if(this._isPlaying=!0,this.track.play(a),n!==void 0){const r=n/this._playbackRate;setTimeout(()=>{this._isPlaying&&(this.pause(),this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback())},r*1e3)}}pause(){this.track&&this.track.pause(),this._isPlaying=!1}stop(){this.track&&this.track.stop(),this._isPlaying=!1}seekTo(e){this.track&&this.track.seekTo(e)}getCurrentTime(){return this.track?this.track.currentTime:0}setMasterVolume(e){this._masterVolume=Math.max(0,Math.min(1,e)),this.track&&this.track.setVolume(this._masterVolume)}setPlaybackRate(e){this._playbackRate=Math.max(.5,Math.min(2,e)),this.track&&this.track.setPlaybackRate(this._playbackRate)}setMute(e,t){const n=this.getTrack(e);n&&n.setMuted(t)}setSolo(e,t){console.warn("MediaElementPlayout: Solo is not applicable for single-track playback")}setOnPlaybackComplete(e){this.onPlaybackCompleteCallback=e}dispose(){this.track&&(this.track.dispose(),this.track=null)}get isPlaying(){return this._isPlaying}get masterVolume(){return this._masterVolume}get playbackRate(){return this._playbackRate}get duration(){return this.track?.duration??0}get sampleRate(){return this.track?.peaks.sample_rate??44100}};const Ma=s.createContext(null),_a=s.createContext(null),Ea=s.createContext(null),$a=s.createContext(null),Bs=({track:e,samplesPerPixel:t=1024,waveHeight:n=100,timescale:a=!1,playbackRate:r=1,automaticScroll:o=!1,theme:i,controls:l={show:!1,width:0},annotationList:c,barWidth:u=1,barGap:m=0,progressBarWidth:h,onAnnotationsChange:p,onReady:f,children:b})=>{const C=h??u+m,[g,d]=s.useState(!1),[x,w]=s.useState(0),[v,k]=s.useState(0),[S,M]=s.useState([]),[I,E]=s.useState(r),_=s.useMemo(()=>{if(!c?.annotations)return[];if(process.env.NODE_ENV!=="production"&&c.annotations.length>0){const O=c.annotations[0];if(typeof O.start!="number"||typeof O.end!="number")return console.error("[waveform-playlist] Annotations must have numeric start/end values. In v6, use parseAeneas() from @waveform-playlist/annotations before passing annotations. Received start type: "+typeof O.start),[]}return c.annotations},[c?.annotations]),A=s.useRef(_);A.current=_;const[T,R]=s.useState(null),[W,X]=s.useState(c?.isContinuousPlay??!1),[G]=s.useState(t),[P,N]=s.useState(o),L=s.useRef(null),ae=s.useRef(0),J=s.useRef(W),ue=s.useRef(null),ie=s.useRef(null),ve=s.useRef(o),le=s.useRef(t),{startAnimationFrameLoop:Fe,stopAnimationFrameLoop:Z}=xa();s.useEffect(()=>{J.current=W},[W]),s.useEffect(()=>{ve.current=P},[P]);const Y=s.useCallback(O=>{ue.current=O,R(O)},[]),Q=s.useCallback(O=>{J.current=O,X(O)},[]),K=s.useCallback(O=>{ie.current=O},[]),se=e.waveformData.sample_rate;s.useEffect(()=>{const O=new Ds({playbackRate:r});O.addTrack({source:e.source,peaks:e.waveformData,name:e.name});const oe=O.getTrack(O.track?.id??"");return oe&&oe.setOnTimeUpdateCallback(Ee=>{ae.current=Ee}),O.setOnPlaybackComplete(()=>{Z(),d(!1),Y(null),ae.current=0,w(0)}),L.current=O,k(e.waveformData.duration),f?.(),()=>{Z(),O.dispose()}},[e.source,e.waveformData,e.name,r,f,Z,Y]),s.useEffect(()=>{const O=ts(e.waveformData,G,0,0,Math.ceil(e.waveformData.duration*se)),oe={clipId:"media-element-clip",trackName:e.name??"Track",peaks:{length:O.length,data:[O.data],bits:O.bits},startSample:0,durationSamples:Math.ceil(e.waveformData.duration*se)};M([[oe]])},[e.waveformData,e.name,G,se]);const be=s.useCallback(()=>{const O=()=>{const oe=L.current?.getCurrentTime()??0;ae.current=oe;const Ee=A.current;if(Ee.length>0){const Re=Ee.find(ke=>oe>=ke.start&&oe<ke.end);if(J.current)Re&&Re.id!==ue.current?Y(Re.id):!Re&&ue.current!==null&&Y(null);else if(ue.current){const ke=Ee.find(Ue=>Ue.id===ue.current);if(ke&&oe>=ke.end){L.current?.stop(),d(!1);return}}else Re&&Y(Re.id)}if(ve.current&&ie.current){const Re=ie.current,ke=oe*se/le.current,Ue=Re.clientWidth,ct=l.show?l.width:0,ut=ke+ct,mt=Math.max(0,ut-Ue/2);Re.scrollLeft=mt}Fe(O)};Fe(O)},[Y,se,l,Fe]),q=Z,Te=s.useCallback(O=>{if(!L.current)return;const oe=O??ae.current;L.current.play(void 0,oe),d(!0),be()},[be]),_e=s.useCallback(()=>{L.current&&(L.current.pause(),d(!1),q(),w(L.current.getCurrentTime()))},[q]),qe=s.useCallback(()=>{L.current&&(L.current.stop(),d(!1),q(),ae.current=0,w(0),Y(null))},[q,Y]),Ye=s.useCallback(O=>{const oe=Math.max(0,Math.min(O,v));ae.current=oe,w(oe),L.current&&L.current.seekTo(oe)},[v]),ee=s.useCallback(O=>{const oe=Math.max(.5,Math.min(2,O));E(oe),L.current&&L.current.setPlaybackRate(oe)},[]),We=a?30:0,Xe=s.useMemo(()=>({isPlaying:g,currentTime:x,currentTimeRef:ae}),[g,x]),F=s.useMemo(()=>({continuousPlay:W,annotations:_,activeAnnotationId:T,playbackRate:I,isAutomaticScroll:P}),[W,_,T,I,P]),Ce=s.useRef(p);Ce.current=p;const ce=s.useCallback(O=>{const oe=typeof O=="function"?O(A.current):O;if(!Ce.current){process.env.NODE_ENV!=="production"&&console.warn("waveform-playlist: setAnnotations was called but no onAnnotationsChange callback is provided. Annotation edits will not persist. Pass onAnnotationsChange to MediaElementPlaylistProvider to handle annotation updates.");return}Ce.current(oe)},[]),Je=s.useMemo(()=>({play:Te,pause:_e,stop:qe,seekTo:Ye,setPlaybackRate:ee,setContinuousPlay:Q,setAnnotations:ce,setActiveAnnotationId:Y,setAutomaticScroll:O=>{N(O)},setScrollContainer:K,scrollContainerRef:ie}),[Te,_e,qe,Ye,ee,Q,ce,Y,K]),Le=s.useMemo(()=>({duration:v,peaksDataArray:S,sampleRate:se,waveHeight:n,timeScaleHeight:We,samplesPerPixel:G,playoutRef:L,controls:l,barWidth:u,barGap:m,progressBarWidth:C}),[v,S,se,n,We,G,l,u,m,C]),ze={...aa,...i};return y.jsx(D.ThemeProvider,{theme:ze,children:y.jsx(Ma.Provider,{value:Xe,children:y.jsx(_a.Provider,{value:F,children:y.jsx(Ea.Provider,{value:Je,children:y.jsx($a.Provider,{value:Le,children:b})})})})})},Wt=()=>{const e=s.useContext(Ma);if(!e)throw new Error("useMediaElementAnimation must be used within MediaElementPlaylistProvider");return e},Pt=()=>{const e=s.useContext(_a);if(!e)throw new Error("useMediaElementState must be used within MediaElementPlaylistProvider");return e},rn=()=>{const e=s.useContext(Ea);if(!e)throw new Error("useMediaElementControls must be used within MediaElementPlaylistProvider");return e},Zt=()=>{const e=s.useContext($a);if(!e)throw new Error("useMediaElementData must be used within MediaElementPlaylistProvider");return e},Fs=({className:e})=>{const{isPlaying:t,currentTimeRef:n}=De(),{selectionStart:a,selectionEnd:r,isLoopEnabled:o}=Be(),{play:i}=ge(),l=async()=>{if(a!==r&&r>a)if(o)await i(a);else{const u=r-a;await i(a,u)}else await i(n.current??0)};return y.jsx(He,{onClick:l,disabled:t,className:e,children:"Play"})},Ws=({className:e})=>{const{isPlaying:t}=De(),{pause:n}=ge();return y.jsx(He,{onClick:n,disabled:!t,className:e,children:"Pause"})},Ps=({className:e})=>{const{isPlaying:t}=De(),{stop:n}=ge();return y.jsx(He,{onClick:n,disabled:!t,className:e,children:"Stop"})},Zs=({className:e})=>{const{isPlaying:t}=De(),{play:n,setCurrentTime:a}=ge(),{playoutRef:r}=Me(),o=()=>{a(0),t&&r.current&&(r.current.stop(),n(0))};return y.jsx(He,{onClick:o,className:e,children:"Rewind"})},Vs=({className:e})=>{const{isPlaying:t}=De(),{play:n,setCurrentTime:a}=ge(),{duration:r,playoutRef:o}=Me(),i=()=>{a(r),t&&o.current&&(o.current.stop(),n(r))};return y.jsx(He,{onClick:i,className:e,children:"Fast Forward"})},js=({skipAmount:e=5,className:t})=>{const{currentTimeRef:n,isPlaying:a}=De(),{play:r,setCurrentTime:o}=ge(),{playoutRef:i}=Me(),l=()=>{const c=Math.max(0,(n.current??0)-e);o(c),a&&i.current&&(i.current.stop(),r(c))};return y.jsx(He,{onClick:l,className:t,children:"Skip Backward"})},Ls=({skipAmount:e=5,className:t})=>{const{currentTimeRef:n,isPlaying:a}=De(),{play:r,setCurrentTime:o}=ge(),{duration:i,playoutRef:l}=Me(),c=()=>{const u=Math.min(i,(n.current??0)+e);o(u),a&&l.current&&(l.current.stop(),r(u))};return y.jsx(He,{onClick:c,className:t,children:"Skip Forward"})},zs=({className:e})=>{const{isLoopEnabled:t,loopStart:n,loopEnd:a}=Be(),{setLoopEnabled:r,setLoopRegion:o}=ge(),{duration:i}=Me(),l=n!==a&&a>n,c=()=>{if(!t&&!l){const u=Math.min(10,i*.25);o(0,Math.max(1,u))}r(!t)};return y.jsx(He,{onClick:c,className:e,title:t?"Disable loop":"Enable loop",children:t?"Loop On":"Loop Off"})},Hs=({className:e})=>{const{selectionStart:t,selectionEnd:n,loopStart:a,loopEnd:r}=Be(),{setLoopRegionFromSelection:o,clearLoopRegion:i}=ge(),l=t!==n&&n>t,c=a!==r&&r>a,u=()=>{c?i():o()};return y.jsx(He,{onClick:u,disabled:!l&&!c,className:e,title:c?"Clear loop region":l?"Set loop region from selection":"Create a selection first",children:c?"Clear Loop":"Set Loop"})},Xs=({className:e,disabled:t})=>{const{zoomIn:n}=ge(),{canZoomIn:a}=Me();return y.jsx(He,{onClick:n,disabled:t||!a,className:e,children:"Zoom In"})},Os=({className:e,disabled:t})=>{const{zoomOut:n}=ge(),{canZoomOut:a}=Me();return y.jsx(He,{onClick:n,disabled:t||!a,className:e,children:"Zoom Out"})},Gs=({className:e})=>{const{masterVolume:t}=Me(),{setMasterVolume:n}=ge();return y.jsx(Pr,{volume:t,onChange:n,className:e})},Ns=({className:e})=>{const{timeFormat:t}=Me(),{setTimeFormat:n}=ge();return y.jsx(Co,{value:t,onChange:n,className:e})},Ys=D.span`
|
|
931
931
|
font-family: 'Courier New', Monaco, monospace;
|
|
932
932
|
font-size: 1rem;
|
|
933
933
|
font-weight: 600;
|
|
934
934
|
color: ${e=>e.theme?.textColor||"#333"};
|
|
935
935
|
user-select: none;
|
|
936
|
-
`,
|
|
936
|
+
`,Us=({className:e})=>{const t=s.useRef(null),n=s.useRef(null),{isPlaying:a,currentTimeRef:r,playbackStartTimeRef:o,audioStartPositionRef:i}=De(),{timeFormat:l}=Me();return s.useEffect(()=>{const c=()=>{if(t.current){let u;if(a){const m=j.getContext().currentTime-(o.current??0);u=(i.current??0)+m}else u=r.current??0;t.current.textContent=ft(u,l)}a&&(n.current=requestAnimationFrame(c))};return a?n.current=requestAnimationFrame(c):c(),()=>{n.current&&(cancelAnimationFrame(n.current),n.current=null)}},[a,l,r,o,i]),s.useEffect(()=>{!a&&t.current&&(t.current.textContent=ft(r.current??0,l))}),y.jsx(Ys,{ref:t,className:e,"aria-label":"Audio position",children:ft(r.current??0,l)})},Ks=({className:e})=>{const{selectionStart:t,selectionEnd:n}=Be(),{setSelection:a}=ge();return y.jsx(Yr,{selectionStart:t,selectionEnd:n,onSelectionChange:a,className:e})},qs=({className:e})=>{const{isAutomaticScroll:t}=Be(),{setAutomaticScroll:n}=ge();return y.jsx(pr,{checked:t,onChange:n,className:e})},Vt=s.createContext(null),Js=Vt.Provider;function lt(){const e=s.useContext(Vt);if(!e)throw new Error("useAnnotationIntegration must be used within <AnnotationProvider>. Install @waveform-playlist/annotations and wrap your app with <AnnotationProvider>. See: https://waveform-playlist.naomiaro.com/docs/guides/annotations");return e}const Qs=({className:e})=>{const{ContinuousPlayCheckbox:t}=lt(),{continuousPlay:n}=Be(),{setContinuousPlay:a}=ge();return y.jsx(t,{checked:n,onChange:a,className:e})},ei=({className:e})=>{const{LinkEndpointsCheckbox:t}=lt(),{linkEndpoints:n}=Be(),{setLinkEndpoints:a}=ge();return y.jsx(t,{checked:n,onChange:a,className:e})},ti=({className:e})=>{const{EditableCheckbox:t}=lt(),{annotationsEditable:n}=Be(),{setAnnotationsEditable:a}=ge();return y.jsx(t,{checked:n,onChange:a,className:e})},ni=({filename:e,className:t})=>{const{DownloadAnnotationsButton:n}=lt(),{annotations:a}=Be();return y.jsx(n,{annotations:a,filename:e,className:t})},ai=({label:e="Export WAV",filename:t="export",mode:n="master",trackIndex:a,bitDepth:r=16,applyEffects:o=!0,effectsFunction:i,createOfflineTrackEffects:l,className:c,onExportComplete:u,onExportError:m})=>{const{tracks:h,trackStates:p}=Me(),{exportWav:f,isExporting:b,progress:C}=wa(),g=async()=>{try{const x=await f(h,p,{filename:t,mode:n,trackIndex:a,bitDepth:r,applyEffects:o,effectsFunction:i,createOfflineTrackEffects:l,autoDownload:!0});u?.(x.blob)}catch(x){m?.(x instanceof Error?x:new Error("Export failed"))}},d=b?`Exporting ${Math.round(C*100)}%`:e;return y.jsx(He,{onClick:g,disabled:b||h.length===0,className:c,children:d})},ri=D.div.attrs(e=>({style:{width:`${e.$width}px`,background:e.$color}}))`
|
|
937
937
|
position: absolute;
|
|
938
938
|
top: 0;
|
|
939
939
|
left: 0;
|
|
@@ -941,7 +941,7 @@ self.onmessage = function(e) {
|
|
|
941
941
|
z-index: 100; /* Below sticky controls (z-index: 101) so playhead is hidden when scrolled behind controls */
|
|
942
942
|
pointer-events: none;
|
|
943
943
|
will-change: transform;
|
|
944
|
-
`,
|
|
944
|
+
`,oi=({color:e="#ff0000",controlsOffset:t=0})=>{const n=s.useRef(null),a=s.useRef(null),{isPlaying:r,currentTimeRef:o,playbackStartTimeRef:i,audioStartPositionRef:l}=De(),{samplesPerPixel:c,sampleRate:u,progressBarWidth:m}=Me();return s.useEffect(()=>{const h=()=>{if(n.current){let p;if(r){const b=j.getContext().currentTime-(i.current??0);p=(l.current??0)+b}else p=o.current??0;const f=p*u/c+t;n.current.style.transform=`translate3d(${f}px, 0, 0)`}r&&(a.current=requestAnimationFrame(h))};return r?a.current=requestAnimationFrame(h):h(),()=>{a.current&&(cancelAnimationFrame(a.current),a.current=null)}},[r,u,c,t,o,i,l]),s.useEffect(()=>{if(!r&&n.current){const p=(o.current??0)*u/c+t;n.current.style.transform=`translate3d(${p}px, 0, 0)`}}),y.jsx(ri,{ref:n,$color:e,$width:m,"data-playhead":!0})},si=D.div`
|
|
945
945
|
position: relative;
|
|
946
946
|
`,Ot=D.div.attrs(e=>({style:{top:`${e.$top}px`,width:`${e.$width}px`,height:`${e.$height}px`,background:e.$color}}))`
|
|
947
947
|
position: absolute;
|
|
@@ -951,7 +951,7 @@ self.onmessage = function(e) {
|
|
|
951
951
|
transform: translateZ(0);
|
|
952
952
|
backface-visibility: hidden;
|
|
953
953
|
will-change: transform;
|
|
954
|
-
`,
|
|
954
|
+
`,ii=D.div.attrs(e=>({style:{top:`${e.$top}px`,height:`${e.$height}px`,width:`${e.$width}px`,background:e.$color,transform:"scaleX(0)"}}))`
|
|
955
955
|
position: absolute;
|
|
956
956
|
left: 0;
|
|
957
957
|
pointer-events: none;
|
|
@@ -959,10 +959,10 @@ self.onmessage = function(e) {
|
|
|
959
959
|
transform-origin: left;
|
|
960
960
|
/* scaleX changes are composite-only (GPU) — no layout reflow per frame */
|
|
961
961
|
will-change: transform;
|
|
962
|
-
`,
|
|
962
|
+
`,li=D.div`
|
|
963
963
|
position: relative;
|
|
964
964
|
z-index: 2;
|
|
965
|
-
`,Zn=({clipStartSample:e,clipDurationSamples:t,...n})=>{const a=s.useRef(null),r=s.useRef(null),o=Ct(),{waveHeight:i}=Bt(),{isPlaying:l,currentTimeRef:c,playbackStartTimeRef:u,audioStartPositionRef:f}=Fe(),{samplesPerPixel:v,sampleRate:h}=$e(),d=o?.waveProgressColor||"rgba(0, 0, 0, 0.1)";s.useEffect(()=>{const E=()=>{if(a.current){let I;if(l){const B=j.getContext().currentTime-(u.current??0);I=(f.current??0)+B}else I=c.current??0;const $=I*h,M=e+t;let A=0;$<=e?A=0:$>=M?A=1:A=($-e)/t,a.current.style.transform=`scaleX(${A})`}l&&(r.current=requestAnimationFrame(E))};return l?r.current=requestAnimationFrame(E):E(),()=>{r.current&&(cancelAnimationFrame(r.current),r.current=null)}},[l,h,v,e,t,n.length,c,u,f]),s.useEffect(()=>{if(!l&&a.current){const I=(c.current??0)*h,$=e+t;let M=0;I<=e?M=0:I>=$?M=1:M=(I-e)/t,a.current.style.transform=`scaleX(${M})`}});const C=o?.waveformDrawMode||"inverted";let y;C==="inverted"?y=n.isSelected&&o?o.selectedWaveFillColor:o?.waveFillColor||"white":y=n.isSelected&&o?o.selectedWaveOutlineColor:o?.waveOutlineColor||"grey";const p=n.renderMode==="spectrogram"||n.renderMode==="both",m=n.renderMode==="both",k=p?"#000":at(y),w=Math.floor(i/2),b=i,x=n.index*i,S=at(y);return g.jsxs(Jo,{children:[m?g.jsxs(g.Fragment,{children:[g.jsx(Ot,{$color:"#000",$height:w,$top:x,$width:n.length}),g.jsx(Ot,{$color:S,$height:w,$top:x+w,$width:n.length})]}):g.jsx(Ot,{$color:k,$height:b,$top:x,$width:n.length}),g.jsx(Qo,{ref:a,$color:d,$height:b,$top:x,$width:n.length}),g.jsx(ei,{children:g.jsx(oa,{...n,transparentBackground:!0})})]})},an=s.createContext(null),ti=an.Provider;function ni(){const e=s.useContext(an);if(!e)throw new Error("useSpectrogramIntegration must be used within <SpectrogramProvider>. Install @waveform-playlist/spectrogram and wrap your app with <SpectrogramProvider>.");return e}const ai=60,Aa=({renderTrackControls:e,renderTimestamp:t,renderPlayhead:n,annotationControls:a,getAnnotationBoxLabel:r,className:o,showClipHeaders:i=!1,interactiveClips:l=!1,showFades:c=!1,touchOptimized:u=!1,onRemoveTrack:f,recordingState:v})=>{const h=Ct(),{isPlaying:d,currentTimeRef:C,playbackStartTimeRef:y,audioStartPositionRef:p}=Fe(),{selectionStart:m,selectionEnd:k,annotations:w,activeAnnotationId:b,annotationsEditable:x,linkEndpoints:S,continuousPlay:E,selectedTrackId:I,loopStart:$,loopEnd:M,isLoopEnabled:A}=We(),B=s.useContext(Vt),{setAnnotations:_,setActiveAnnotationId:R,setTrackMute:W,setTrackSolo:L,setTrackVolume:P,setTrackPan:U,setSelection:H,play:ne,setScrollContainer:le,setSelectedTrackId:se,setCurrentTime:oe,setLoopRegion:ye}=ge(),{audioBuffers:ce,peaksDataArray:fe,trackStates:O,tracks:N,duration:be,samplesPerPixel:K,sampleRate:z,waveHeight:me,timeScaleHeight:Ie,controls:ae,playoutRef:Te,barWidth:He,barGap:Ye,isReady:Xe}=$e(),Q=s.useContext(an),Ke=s.useMemo(()=>{if(!Q)return new Map;const V=new Map;return N.forEach(Y=>{if((Q.trackSpectrogramOverrides.get(Y.id)?.renderMode??Y.renderMode??"waveform")==="waveform")return;const Ce=Q.trackSpectrogramOverrides.get(Y.id),ve=Ce?.colorMap??Y.spectrogramColorMap??Q.spectrogramColorMap??"viridis",he=Ce?.config??Y.spectrogramConfig??Q.spectrogramConfig;V.set(Y.id,{colorLUT:Q.getColorMap(ve),frequencyScaleFn:Q.getFrequencyScale(he?.frequencyScale??"mel"),config:he})}),V},[N,Q]),Z=s.useMemo(()=>{if(Q?.spectrogramWorkerApi)return{registerCanvas:Q.spectrogramWorkerApi.registerCanvas.bind(Q.spectrogramWorkerApi),unregisterCanvas:Q.spectrogramWorkerApi.unregisterCanvas.bind(Q.spectrogramWorkerApi)}},[Q?.spectrogramWorkerApi]),[ue,ie]=s.useState(null),[Le,Ae]=s.useState(!1),De=s.useRef(null),G=s.useCallback(V=>{De.current=V,le(V)},[le]);let re=ce.length>0?be:ai;if(v?.isRecording){const Y=(v.startSample+v.durationSamples)/z;re=Math.max(re,Y+10)}const Re=Math.floor(re*z/K),Be=async V=>{R(V.id);const Y=E?void 0:V.end-V.start;try{await ne(V.start,Y)}catch(ee){console.error("waveform-playlist: Failed to start playback for annotation",V.id,ee)}},Me=s.useCallback(V=>{if(V>=0&&V<N.length){const Y=N[V];se(Y.id)}},[N,se]),Ue=V=>{const Y=V.currentTarget.getBoundingClientRect(),ee=ae.show?ae.width:0,ve=(V.clientX-Y.left-ee)*K/z,_e=V.clientY-Y.top;let qe=0,te=-1;for(let xe=0;xe<fe.length;xe++){const Oe=fe[xe],Je=Oe.length>0?Math.max(...Oe.map(Pe=>Pe.peaks.data.length)):1,et=((Q?.trackSpectrogramOverrides.get(N[xe]?.id)?.renderMode??N[xe]?.renderMode??"waveform")==="both"?Je*2:Je)*me+(i?22:0);if(_e>=qe&&_e<qe+et){te=xe;break}qe+=et}te!==-1&&Me(te),Ae(!0),oe(ve),H(ve,ve)},lt=V=>{if(!Le)return;const Y=V.currentTarget.getBoundingClientRect(),ee=ae.show?ae.width:0,ve=(V.clientX-Y.left-ee)*K/z,he=Math.min(m,ve),_e=Math.max(m,ve);H(he,_e)},ct=V=>{if(!Le)return;Ae(!1);const Y=V.currentTarget.getBoundingClientRect(),ee=ae.show?ae.width:0,ve=(V.clientX-Y.left-ee)*K/z,he=Math.min(m,ve),_e=Math.max(m,ve);Math.abs(_e-he)<.1?(oe(he),d&&Te.current?(Te.current.stop(),ne(he)):Te.current&&Te.current.stop()):H(he,_e)};return N.some(V=>V.clips.length>0)&&(ce.length===0||fe.length===0)?g.jsx("div",{className:o,children:"Loading waveform..."}):g.jsxs(sa,{children:[g.jsx(yt.Provider,{value:{samplesPerPixel:K,sampleRate:z,zoomLevels:[K],waveHeight:me,timeScaleHeight:Ie,duration:re*1e3,controls:ae,barWidth:He,barGap:Ye},children:g.jsx(qt,{theme:h,backgroundColor:at(h.waveOutlineColor),timescaleBackgroundColor:h.timescaleBackgroundColor,scrollContainerWidth:Re+(ae.show?ae.width:0),timescaleWidth:Re,tracksWidth:Re,controlsWidth:ae.show?ae.width:0,onTracksMouseDown:Ue,onTracksMouseMove:lt,onTracksMouseUp:ct,scrollContainerRef:G,isSelecting:Le,"data-playlist-state":Xe?"ready":"loading",timescale:Ie>0?g.jsxs(g.Fragment,{children:[g.jsx(ia,{renderTimestamp:t}),A&&g.jsx(Vr,{startPosition:Math.min($,M)*z/K,endPosition:Math.max($,M)*z/K,markerColor:h.loopMarkerColor,regionColor:h.loopRegionColor,minPosition:0,maxPosition:Re,controlsOffset:ae.show?ae.width:0,onLoopRegionChange:(V,Y)=>{const ee=V*K/z,Ce=Y*K/z;ye(ee,Ce)}})]}):void 0,children:g.jsxs(g.Fragment,{children:[fe.map((V,Y)=>{const ee=N[Y];if(!ee)return null;const Ce=O[Y]||{name:`Track ${Y+1}`,muted:!1,soloed:!1,volume:1,pan:0},ve=Q?.trackSpectrogramOverrides.get(ee.id)?.renderMode??ee.renderMode??"waveform",he=e?e(Y):g.jsxs(vs,{onClick:()=>Me(Y),children:[g.jsxs(ys,{style:{justifyContent:"center",position:"relative"},children:[f&&g.jsx(bs,{onClick:te=>{te.stopPropagation(),f(Y)}}),g.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",padding:"0 24px",display:"block"},children:Ce.name||`Track ${Y+1}`}),Q?.renderMenuItems&&g.jsx("span",{style:{position:"absolute",right:0,top:0},children:g.jsx(Ms,{items:te=>Q.renderMenuItems({renderMode:ve,onRenderModeChange:xe=>Q.setTrackRenderMode(ee.id,xe),onOpenSettings:()=>ie(ee.id),onClose:te})})})]}),g.jsxs(ps,{children:[g.jsx(Rn,{$variant:Ce.muted?"danger":"outline",onClick:()=>W(Y,!Ce.muted),children:"Mute"}),g.jsx(Rn,{$variant:Ce.soloed?"info":"outline",onClick:()=>L(Y,!Ce.soloed),children:"Solo"})]}),g.jsxs(Bn,{children:[g.jsx(Cs,{}),g.jsx(Dn,{min:"0",max:"1",step:"0.01",value:Ce.volume,onChange:te=>P(Y,parseFloat(te.target.value))}),g.jsx(ws,{})]}),g.jsxs(Bn,{children:[g.jsx("span",{children:"L"}),g.jsx(Dn,{min:"-1",max:"1",step:"0.01",value:Ce.pan,onChange:te=>U(Y,parseFloat(te.target.value))}),g.jsx("span",{children:"R"})]})]}),qe=V.length>0?Math.max(...V.map(te=>te.peaks.data.length)):1;return g.jsx(Qt.Provider,{value:he,children:g.jsxs(la,{numChannels:qe,backgroundColor:at(h.waveOutlineColor),offset:0,width:Re,hasClipHeaders:i,trackId:ee.id,isSelected:ee.id===I,children:[ve!=="waveform"&&(()=>{const te=Ke.get(ee.id),xe=te?.config;return!xe?.labels||!te?null:g.jsx(es,{waveHeight:me,numChannels:qe,frequencyScaleFn:te.frequencyScaleFn,minFrequency:xe.minFrequency??0,maxFrequency:xe.maxFrequency??z/2,labelsColor:xe.labelsColor,labelsBackground:xe.labelsBackground,renderMode:ve,hasClipHeaders:i})})(),V.map((te,xe)=>{const Oe=te.peaks,Je=Oe.length;return g.jsx(Gt,{clipId:te.clipId,trackIndex:Y,clipIndex:xe,trackName:te.trackName,startSample:te.startSample,durationSamples:te.durationSamples,samplesPerPixel:K,showHeader:i,disableHeaderDrag:!l,isSelected:ee.id===I,trackId:ee.id,fadeIn:te.fadeIn,fadeOut:te.fadeOut,sampleRate:z,showFades:c,touchOptimized:u,onMouseDown:ut=>{ut.target.closest('[role="button"][aria-roledescription="draggable"]')||Me(Y)},children:Oe.data.map((ut,Qe)=>{const et=Q?.spectrogramDataMap.get(te.clipId),Pe=et?.[Qe]??et?.[0],dt=Ke.get(ee.id),tt=dt?.config;return g.jsx(Zn,{index:Qe,data:ut,bits:Oe.bits,length:Je,isSelected:ee.id===I,clipStartSample:te.startSample,clipDurationSamples:te.durationSamples,renderMode:ve,spectrogramData:Pe,samplesPerPixel:K,spectrogramColorLUT:dt?.colorLUT,spectrogramFrequencyScaleFn:dt?.frequencyScaleFn,spectrogramMinFrequency:tt?.minFrequency,spectrogramMaxFrequency:tt?.maxFrequency,spectrogramWorkerApi:Z,spectrogramClipId:te.clipId,spectrogramOnCanvasesReady:Q?(xt,kt)=>{Q.registerSpectrogramCanvases(te.clipId,Qe,xt,kt)}:void 0},`${te.clipId}-${Qe}`)})},te.clipId)}),v?.isRecording&&v.trackId===ee.id&&v.peaks.length>0&&g.jsx(Gt,{clipId:"recording-preview",trackIndex:Y,clipIndex:V.length,trackName:"Recording...",startSample:v.startSample,durationSamples:v.durationSamples,samplesPerPixel:K,showHeader:i,disableHeaderDrag:!0,isSelected:ee.id===I,trackId:ee.id,children:g.jsx(Zn,{index:0,data:v.peaks,bits:16,length:Math.floor(v.peaks.length/2),isSelected:ee.id===I,clipStartSample:v.startSample,clipDurationSamples:v.durationSamples},`${ee.id}-recording-0`)},`${ee.id}-recording`)]})},ee.id)}),w.length>0&&B&&g.jsx(B.AnnotationBoxesWrapper,{height:30,width:Re,children:w.map((V,Y)=>{const ee=V.start*z/K,Ce=V.end*z/K,ve=r?r(V,Y):V.id;return g.jsx(B.AnnotationBox,{annotationId:V.id,annotationIndex:Y,startPosition:ee,endPosition:Ce,label:ve,color:"#ff9800",isActive:V.id===b,onClick:()=>Be(V),editable:x},V.id)})}),m!==k&&g.jsx(na,{startPosition:Math.min(m,k)*z/K+(ae.show?ae.width:0),endPosition:Math.max(m,k)*z/K+(ae.show?ae.width:0),color:h.selectionColor}),(d||m===k)&&(n?n({position:(C.current??0)*z/K+(ae.show?ae.width:0),color:h.playheadColor,isPlaying:d,currentTimeRef:C,playbackStartTimeRef:y,audioStartPositionRef:p,samplesPerPixel:K,sampleRate:z,controlsOffset:ae.show?ae.width:0,getAudioContextTime:()=>j.getContext().currentTime}):g.jsx(qo,{color:h.playheadColor,controlsOffset:ae.show?ae.width:0}))]})})}),Q?.SettingsModal&&typeof document<"u"&&Vn.createPortal(g.jsx(Q.SettingsModal,{open:ue!==null,onClose:()=>ie(null),config:ue!==null?Q.trackSpectrogramOverrides.get(ue)?.config??N.find(V=>V.id===ue)?.spectrogramConfig??Q.spectrogramConfig??{}:{},colorMap:ue!==null?Q.trackSpectrogramOverrides.get(ue)?.colorMap??N.find(V=>V.id===ue)?.spectrogramColorMap??Q.spectrogramColorMap??"viridis":"viridis",onApply:(V,Y)=>{ue!==null&&Q.setTrackSpectrogramConfig(ue,V,Y)}}),document.body)]})},Ma=({height:e,renderAnnotationItem:t,onAnnotationUpdate:n,controls:a,annotationListConfig:r,scrollActivePosition:o="center",scrollActiveContainer:i="nearest"})=>{const{annotations:l,activeAnnotationId:c,annotationsEditable:u,linkEndpoints:f,continuousPlay:v}=We(),h=it(),{setAnnotations:d}=ge(),C=r??{linkEndpoints:f,continuousPlay:v},y=s.useCallback(m=>{d(m),n?.(m)},[d,n]),{AnnotationText:p}=h;return g.jsx(p,{annotations:l,activeAnnotationId:c??void 0,shouldScrollToActive:!0,scrollActivePosition:o,scrollActiveContainer:i,editable:u,controls:u?a:void 0,annotationListConfig:C,height:e,onAnnotationUpdate:y,renderAnnotationItem:t})},ri=({renderTrackControls:e,renderTimestamp:t,renderPlayhead:n,annotationControls:a,annotationListConfig:r,annotationTextHeight:o,renderAnnotationItem:i,getAnnotationBoxLabel:l,scrollActivePosition:c="center",scrollActiveContainer:u="nearest",className:f,showClipHeaders:v=!1,interactiveClips:h=!1,showFades:d=!1,touchOptimized:C=!1,onRemoveTrack:y,recordingState:p})=>{const{annotations:m}=We();return g.jsxs(g.Fragment,{children:[g.jsx(Aa,{renderTrackControls:e,renderTimestamp:t,renderPlayhead:n,annotationControls:a,getAnnotationBoxLabel:l,className:f,showClipHeaders:v,interactiveClips:h,showFades:d,touchOptimized:C,onRemoveTrack:y,recordingState:p}),m.length>0&&g.jsx(Ma,{height:o,renderAnnotationItem:i,controls:a,annotationListConfig:r,scrollActivePosition:c,scrollActiveContainer:u})]})},si=D.div`
|
|
965
|
+
`,Ln=({clipStartSample:e,clipDurationSamples:t,...n})=>{const a=s.useRef(null),r=s.useRef(null),o=Ct(),{waveHeight:i}=Bt(),{isPlaying:l,currentTimeRef:c,playbackStartTimeRef:u,audioStartPositionRef:m}=De(),{samplesPerPixel:h,sampleRate:p}=Me(),f=o?.waveProgressColor||"rgba(0, 0, 0, 0.1)";s.useEffect(()=>{const M=()=>{if(a.current){let I;if(l){const T=j.getContext().currentTime-(u.current??0);I=(m.current??0)+T}else I=c.current??0;const E=I*p,_=e+t;let A=0;E<=e?A=0:E>=_?A=1:A=(E-e)/t,a.current.style.transform=`scaleX(${A})`}l&&(r.current=requestAnimationFrame(M))};return l?r.current=requestAnimationFrame(M):M(),()=>{r.current&&(cancelAnimationFrame(r.current),r.current=null)}},[l,p,h,e,t,n.length,c,u,m]),s.useEffect(()=>{if(!l&&a.current){const I=(c.current??0)*p,E=e+t;let _=0;I<=e?_=0:I>=E?_=1:_=(I-e)/t,a.current.style.transform=`scaleX(${_})`}});const b=o?.waveformDrawMode||"inverted";let C;b==="inverted"?C=n.isSelected&&o?o.selectedWaveFillColor:o?.waveFillColor||"white":C=n.isSelected&&o?o.selectedWaveOutlineColor:o?.waveOutlineColor||"grey";const g=n.renderMode==="spectrogram"||n.renderMode==="both",d=n.renderMode==="both",x=g?"#000":nt(C),w=Math.floor(i/2),v=i,k=n.index*i,S=nt(C);return y.jsxs(si,{children:[d?y.jsxs(y.Fragment,{children:[y.jsx(Ot,{$color:"#000",$height:w,$top:k,$width:n.length}),y.jsx(Ot,{$color:S,$height:w,$top:k+w,$width:n.length})]}):y.jsx(Ot,{$color:x,$height:v,$top:k,$width:n.length}),y.jsx(ii,{ref:a,$color:f,$height:v,$top:k,$width:n.length}),y.jsx(li,{children:y.jsx(fa,{...n,transparentBackground:!0})})]})},on=s.createContext(null),ci=on.Provider;function ui(){const e=s.useContext(on);if(!e)throw new Error("useSpectrogramIntegration must be used within <SpectrogramProvider>. Install @waveform-playlist/spectrogram and wrap your app with <SpectrogramProvider>.");return e}const di=60,Ta=({renderTrackControls:e,renderTimestamp:t,renderPlayhead:n,annotationControls:a,getAnnotationBoxLabel:r,className:o,showClipHeaders:i=!1,interactiveClips:l=!1,showFades:c=!1,touchOptimized:u=!1,onRemoveTrack:m,recordingState:h})=>{const p=Ct(),{isPlaying:f,currentTimeRef:b,playbackStartTimeRef:C,audioStartPositionRef:g}=De(),{selectionStart:d,selectionEnd:x,annotations:w,activeAnnotationId:v,annotationsEditable:k,linkEndpoints:S,continuousPlay:M,selectedTrackId:I,loopStart:E,loopEnd:_,isLoopEnabled:A}=Be(),T=s.useContext(Vt),{setAnnotations:R,setActiveAnnotationId:W,setTrackMute:X,setTrackSolo:G,setTrackVolume:P,setTrackPan:N,setSelection:L,play:ae,setScrollContainer:J,setSelectedTrackId:ue,setCurrentTime:ie,setLoopRegion:ve}=ge(),{peaksDataArray:le,trackStates:Fe,tracks:Z,duration:Y,samplesPerPixel:Q,sampleRate:K,waveHeight:se,timeScaleHeight:be,controls:q,playoutRef:Te,barWidth:_e,barGap:qe,isReady:Ye}=Me(),ee=s.useContext(on),We=s.useMemo(()=>{if(!ee)return new Map;const V=new Map;return Z.forEach(H=>{if((ee.trackSpectrogramOverrides.get(H.id)?.renderMode??H.renderMode??"waveform")==="waveform")return;const fe=ee.trackSpectrogramOverrides.get(H.id),me=fe?.colorMap??H.spectrogramColorMap??ee.spectrogramColorMap??"viridis",he=fe?.config??H.spectrogramConfig??ee.spectrogramConfig;V.set(H.id,{colorLUT:ee.getColorMap(me),frequencyScaleFn:ee.getFrequencyScale(he?.frequencyScale??"mel"),config:he})}),V},[Z,ee]),Xe=s.useMemo(()=>{if(ee?.spectrogramWorkerApi)return{registerCanvas:ee.spectrogramWorkerApi.registerCanvas.bind(ee.spectrogramWorkerApi),unregisterCanvas:ee.spectrogramWorkerApi.unregisterCanvas.bind(ee.spectrogramWorkerApi)}},[ee?.spectrogramWorkerApi]),[F,Ce]=s.useState(null),[ce,Je]=s.useState(!1),Le=s.useRef(null),ze=s.useCallback(V=>{Le.current=V,J(V)},[J]),O=Z.reduce((V,H)=>H.clips.reduce((ne,fe)=>{const me=(fe.startSample+fe.durationSamples)/fe.sampleRate;return Math.max(ne,me)},V),0);let oe=O>0?O:Y>0?Y:di;if(h?.isRecording){const H=(h.startSample+h.durationSamples)/K;oe=Math.max(oe,H+10)}const Ee=Math.floor(oe*K/Q),Re=async V=>{W(V.id);const H=M?void 0:V.end-V.start;try{await ae(V.start,H)}catch(ne){console.error("waveform-playlist: Failed to start playback for annotation",V.id,ne)}},ke=s.useCallback(V=>{if(V>=0&&V<Z.length){const H=Z[V];ue(H.id)}},[Z,ue]),Ue=V=>{const H=V.currentTarget.getBoundingClientRect(),ne=q.show?q.width:0,me=(V.clientX-H.left-ne)*Q/K,we=V.clientY-H.top;let re=0,Ie=-1;for(let Pe=0;Pe<le.length;Pe++){const Ke=le[Pe],Oe=Ke.length>0?Math.max(1,...Ke.map($e=>$e.peaks.data.length)):1,rt=((ee?.trackSpectrogramOverrides.get(Z[Pe]?.id)?.renderMode??Z[Pe]?.renderMode??"waveform")==="both"?Oe*2:Oe)*se+(i?22:0);if(we>=re&&we<re+rt){Ie=Pe;break}re+=rt}Ie!==-1&&ke(Ie),Je(!0),ie(me),L(me,me)},ct=V=>{if(!ce)return;const H=V.currentTarget.getBoundingClientRect(),ne=q.show?q.width:0,me=(V.clientX-H.left-ne)*Q/K,he=Math.min(d,me),we=Math.max(d,me);L(he,we)},ut=V=>{if(!ce)return;Je(!1);const H=V.currentTarget.getBoundingClientRect(),ne=q.show?q.width:0,me=(V.clientX-H.left-ne)*Q/K,he=Math.min(d,me),we=Math.max(d,me);Math.abs(we-he)<.1?(ie(he),f&&Te.current?(Te.current.stop(),ae(he)):Te.current&&Te.current.stop()):L(he,we)};return Z.some(V=>V.clips.length>0)&&le.length===0?y.jsx("div",{className:o,children:"Loading waveform..."}):y.jsxs(da,{children:[y.jsx(yt.Provider,{value:{samplesPerPixel:Q,sampleRate:K,zoomLevels:[Q],waveHeight:se,timeScaleHeight:be,duration:oe*1e3,controls:q,barWidth:_e,barGap:qe},children:y.jsx(Qt,{theme:p,backgroundColor:nt(p.waveOutlineColor),timescaleBackgroundColor:p.timescaleBackgroundColor,scrollContainerWidth:Ee+(q.show?q.width:0),timescaleWidth:Ee,tracksWidth:Ee,controlsWidth:q.show?q.width:0,onTracksMouseDown:Ue,onTracksMouseMove:ct,onTracksMouseUp:ut,scrollContainerRef:ze,isSelecting:ce,"data-playlist-state":Ye?"ready":"loading",timescale:be>0?y.jsxs(y.Fragment,{children:[y.jsx(ma,{renderTimestamp:t}),A&&y.jsx(Nr,{startPosition:Math.min(E,_)*K/Q,endPosition:Math.max(E,_)*K/Q,markerColor:p.loopMarkerColor,regionColor:p.loopRegionColor,minPosition:0,maxPosition:Ee,controlsOffset:q.show?q.width:0,onLoopRegionChange:(V,H)=>{const ne=V*Q/K,fe=H*Q/K;ve(ne,fe)}})]}):void 0,children:y.jsxs(y.Fragment,{children:[le.map((V,H)=>{const ne=Z[H];if(!ne)return null;const fe=Fe[H]||{name:`Track ${H+1}`,muted:!1,soloed:!1,volume:1,pan:0},me=ee?.trackSpectrogramOverrides.get(ne.id)?.renderMode??ne.renderMode??"waveform",he=e?e(H):y.jsxs(Mo,{onClick:()=>ke(H),children:[y.jsxs(_o,{style:{justifyContent:"center",position:"relative"},children:[m&&y.jsx(Ao,{onClick:re=>{re.stopPropagation(),m(H)}}),y.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",padding:"0 24px",display:"block"},children:fe.name||`Track ${H+1}`}),ee?.renderMenuItems&&y.jsx("span",{style:{position:"absolute",right:0,top:0},children:y.jsx(Wo,{items:re=>ee.renderMenuItems({renderMode:me,onRenderModeChange:Ie=>ee.setTrackRenderMode(ne.id,Ie),onOpenSettings:()=>Ce(ne.id),onClose:re})})})]}),y.jsxs(So,{children:[y.jsx(Fn,{$variant:fe.muted?"danger":"outline",onClick:()=>X(H,!fe.muted),children:"Mute"}),y.jsx(Fn,{$variant:fe.soloed?"info":"outline",onClick:()=>G(H,!fe.soloed),children:"Solo"})]}),y.jsxs(Pn,{children:[y.jsx(Eo,{}),y.jsx(Wn,{min:"0",max:"1",step:"0.01",value:fe.volume,onChange:re=>P(H,parseFloat(re.target.value))}),y.jsx($o,{})]}),y.jsxs(Pn,{children:[y.jsx("span",{children:"L"}),y.jsx(Wn,{min:"-1",max:"1",step:"0.01",value:fe.pan,onChange:re=>N(H,parseFloat(re.target.value))}),y.jsx("span",{children:"R"})]})]}),we=V.length>0?Math.max(1,...V.map(re=>re.peaks.data.length)):1;return y.jsx(tn.Provider,{value:he,children:y.jsxs(ha,{numChannels:we,backgroundColor:nt(p.waveOutlineColor),offset:0,width:Ee,hasClipHeaders:i,trackId:ne.id,isSelected:ne.id===I,children:[me!=="waveform"&&(()=>{const re=We.get(ne.id),Ie=re?.config;return!Ie?.labels||!re?null:y.jsx(lo,{waveHeight:se,numChannels:we,frequencyScaleFn:re.frequencyScaleFn,minFrequency:Ie.minFrequency??0,maxFrequency:Ie.maxFrequency??K/2,labelsColor:Ie.labelsColor,labelsBackground:Ie.labelsBackground,renderMode:me,hasClipHeaders:i})})(),V.map((re,Ie)=>{const Pe=re.peaks,Ke=Pe.length;return y.jsx(Yt,{clipId:re.clipId,trackIndex:H,clipIndex:Ie,trackName:re.trackName,startSample:re.startSample,durationSamples:re.durationSamples,samplesPerPixel:Q,showHeader:i,disableHeaderDrag:!l,isSelected:ne.id===I,trackId:ne.id,fadeIn:re.fadeIn,fadeOut:re.fadeOut,sampleRate:K,showFades:c,touchOptimized:u,onMouseDown:Oe=>{Oe.target.closest('[role="button"][aria-roledescription="draggable"]')||ke(H)},children:Pe.data.map((Oe,Qe)=>{const at=ee?.spectrogramDataMap.get(re.clipId),rt=at?.[Qe]??at?.[0],$e=We.get(ne.id),ht=$e?.config;return y.jsx(Ln,{index:Qe,data:Oe,bits:Pe.bits,length:Ke,isSelected:ne.id===I,clipStartSample:re.startSample,clipDurationSamples:re.durationSamples,renderMode:me,spectrogramData:rt,samplesPerPixel:Q,spectrogramColorLUT:$e?.colorLUT,spectrogramFrequencyScaleFn:$e?.frequencyScaleFn,spectrogramMinFrequency:ht?.minFrequency,spectrogramMaxFrequency:ht?.maxFrequency,spectrogramWorkerApi:Xe,spectrogramClipId:re.clipId,spectrogramOnCanvasesReady:ee?(et,xt)=>{ee.registerSpectrogramCanvases(re.clipId,Qe,et,xt)}:void 0},`${re.clipId}-${Qe}`)})},re.clipId)}),h?.isRecording&&h.trackId===ne.id&&h.peaks.length>0&&y.jsx(Yt,{clipId:"recording-preview",trackIndex:H,clipIndex:V.length,trackName:"Recording...",startSample:h.startSample,durationSamples:h.durationSamples,samplesPerPixel:Q,showHeader:i,disableHeaderDrag:!0,isSelected:ne.id===I,trackId:ne.id,children:y.jsx(Ln,{index:0,data:h.peaks,bits:16,length:Math.floor(h.peaks.length/2),isSelected:ne.id===I,clipStartSample:h.startSample,clipDurationSamples:h.durationSamples},`${ne.id}-recording-0`)},`${ne.id}-recording`)]})},ne.id)}),w.length>0&&T&&y.jsx(T.AnnotationBoxesWrapper,{height:30,width:Ee,children:w.map((V,H)=>{const ne=V.start*K/Q,fe=V.end*K/Q,me=r?r(V,H):V.id;return y.jsx(T.AnnotationBox,{annotationId:V.id,annotationIndex:H,startPosition:ne,endPosition:fe,label:me,color:"#ff9800",isActive:V.id===v,onClick:()=>Re(V),editable:k},V.id)})}),d!==x&&y.jsx(la,{startPosition:Math.min(d,x)*K/Q+(q.show?q.width:0),endPosition:Math.max(d,x)*K/Q+(q.show?q.width:0),color:p.selectionColor}),(f||d===x)&&(n?n({position:(b.current??0)*K/Q+(q.show?q.width:0),color:p.playheadColor,isPlaying:f,currentTimeRef:b,playbackStartTimeRef:C,audioStartPositionRef:g,samplesPerPixel:Q,sampleRate:K,controlsOffset:q.show?q.width:0,getAudioContextTime:()=>j.getContext().currentTime}):y.jsx(oi,{color:p.playheadColor,controlsOffset:q.show?q.width:0}))]})})}),ee?.SettingsModal&&typeof document<"u"&&zn.createPortal(y.jsx(ee.SettingsModal,{open:F!==null,onClose:()=>Ce(null),config:F!==null?ee.trackSpectrogramOverrides.get(F)?.config??Z.find(V=>V.id===F)?.spectrogramConfig??ee.spectrogramConfig??{}:{},colorMap:F!==null?ee.trackSpectrogramOverrides.get(F)?.colorMap??Z.find(V=>V.id===F)?.spectrogramColorMap??ee.spectrogramColorMap??"viridis":"viridis",onApply:(V,H)=>{F!==null&&ee.setTrackSpectrogramConfig(F,V,H)}}),document.body)]})},Ra=({height:e,renderAnnotationItem:t,onAnnotationUpdate:n,controls:a,annotationListConfig:r,scrollActivePosition:o="center",scrollActiveContainer:i="nearest"})=>{const{annotations:l,activeAnnotationId:c,annotationsEditable:u,linkEndpoints:m,continuousPlay:h}=Be(),p=lt(),{setAnnotations:f}=ge(),b=r??{linkEndpoints:m,continuousPlay:h},C=s.useCallback(d=>{f(d),n?.(d)},[f,n]),{AnnotationText:g}=p;return y.jsx(g,{annotations:l,activeAnnotationId:c??void 0,shouldScrollToActive:!0,scrollActivePosition:o,scrollActiveContainer:i,editable:u,controls:u?a:void 0,annotationListConfig:b,height:e,onAnnotationUpdate:C,renderAnnotationItem:t})},fi=({renderTrackControls:e,renderTimestamp:t,renderPlayhead:n,annotationControls:a,annotationListConfig:r,annotationTextHeight:o,renderAnnotationItem:i,getAnnotationBoxLabel:l,scrollActivePosition:c="center",scrollActiveContainer:u="nearest",className:m,showClipHeaders:h=!1,interactiveClips:p=!1,showFades:f=!1,touchOptimized:b=!1,onRemoveTrack:C,recordingState:g})=>{const{annotations:d}=Be();return y.jsxs(y.Fragment,{children:[y.jsx(Ta,{renderTrackControls:e,renderTimestamp:t,renderPlayhead:n,annotationControls:a,getAnnotationBoxLabel:l,className:m,showClipHeaders:h,interactiveClips:p,showFades:f,touchOptimized:b,onRemoveTrack:C,recordingState:g}),d.length>0&&y.jsx(Ra,{height:o,renderAnnotationItem:i,controls:a,annotationListConfig:r,scrollActivePosition:c,scrollActiveContainer:u})]})},mi=D.div`
|
|
966
966
|
position: absolute;
|
|
967
967
|
top: 0;
|
|
968
968
|
left: 0;
|
|
@@ -972,9 +972,9 @@ self.onmessage = function(e) {
|
|
|
972
972
|
z-index: 100;
|
|
973
973
|
pointer-events: none;
|
|
974
974
|
will-change: transform;
|
|
975
|
-
`,
|
|
975
|
+
`,hi=({color:e="#ff0000",controlsOffset:t=0})=>{const n=s.useRef(null),a=s.useRef(null),{isPlaying:r,currentTimeRef:o}=Wt(),{samplesPerPixel:i,sampleRate:l,progressBarWidth:c}=Zt();return s.useEffect(()=>{const u=()=>{if(n.current){const h=(o.current??0)*l/i+t;n.current.style.transform=`translate3d(${h}px, 0, 0)`}r&&(a.current=requestAnimationFrame(u))};return r?a.current=requestAnimationFrame(u):u(),()=>{a.current&&(cancelAnimationFrame(a.current),a.current=null)}},[r,l,i,t,o]),s.useEffect(()=>{if(!r&&n.current){const m=(o.current??0)*l/i+t;n.current.style.transform=`translate3d(${m}px, 0, 0)`}}),y.jsx(mi,{ref:n,$color:e,$width:c,"data-playhead":!0})},pi=D.div`
|
|
976
976
|
position: relative;
|
|
977
|
-
`,
|
|
977
|
+
`,gi=D.div`
|
|
978
978
|
position: absolute;
|
|
979
979
|
top: ${e=>e.$top}px;
|
|
980
980
|
left: 0;
|
|
@@ -985,7 +985,7 @@ self.onmessage = function(e) {
|
|
|
985
985
|
transform: translateZ(0);
|
|
986
986
|
backface-visibility: hidden;
|
|
987
987
|
will-change: transform;
|
|
988
|
-
`,
|
|
988
|
+
`,bi=D.div`
|
|
989
989
|
position: absolute;
|
|
990
990
|
top: ${e=>e.$top}px;
|
|
991
991
|
left: 0;
|
|
@@ -994,8 +994,8 @@ self.onmessage = function(e) {
|
|
|
994
994
|
pointer-events: none;
|
|
995
995
|
z-index: 1;
|
|
996
996
|
will-change: width;
|
|
997
|
-
`,
|
|
997
|
+
`,vi=D.div`
|
|
998
998
|
position: relative;
|
|
999
999
|
z-index: 2;
|
|
1000
|
-
`,
|
|
1000
|
+
`,yi=({clipStartSample:e,clipDurationSamples:t,...n})=>{const a=s.useRef(null),r=s.useRef(null),o=Ct(),{waveHeight:i}=Bt(),{isPlaying:l,currentTimeRef:c}=Wt(),{samplesPerPixel:u,sampleRate:m}=Zt(),h=o?.waveProgressColor||"rgba(0, 0, 0, 0.1)";s.useEffect(()=>{const C=()=>{if(a.current){const d=(c.current??0)*m,x=e+t;let w=0;if(d<=e)w=0;else if(d>=x)w=n.length;else{const v=d-e;w=Math.floor(v/u)}a.current.style.width=`${w}px`}l&&(r.current=requestAnimationFrame(C))};return l?r.current=requestAnimationFrame(C):C(),()=>{r.current&&(cancelAnimationFrame(r.current),r.current=null)}},[l,m,u,e,t,n.length,c]),s.useEffect(()=>{if(!l&&a.current){const g=(c.current??0)*m,d=e+t;let x=0;if(g<=e)x=0;else if(g>=d)x=n.length;else{const w=g-e;x=Math.floor(w/u)}a.current.style.width=`${x}px`}});const p=o?.waveformDrawMode||"inverted";let f;p==="inverted"?f=o?.selectedWaveFillColor||o?.waveFillColor||"white":f=o?.selectedWaveOutlineColor||o?.waveOutlineColor||"grey";const b=nt(f);return y.jsxs(pi,{children:[y.jsx(gi,{$color:b,$height:i,$top:n.index*i,$width:n.length}),y.jsx(bi,{ref:a,$color:h,$height:i,$top:n.index*i}),y.jsx(vi,{children:y.jsx(fa,{...n,isSelected:!0,transparentBackground:!0})})]})},Da=({getAnnotationBoxLabel:e,editable:t=!1,linkEndpoints:n=!1,onAnnotationUpdate:a,className:r})=>{const o=Ct(),{isPlaying:i}=Wt(),{annotations:l,activeAnnotationId:c}=Pt(),u=s.useContext(Vt),{play:m,seekTo:h,setActiveAnnotationId:p,setAnnotations:f,setScrollContainer:b}=rn(),{duration:C,peaksDataArray:g,sampleRate:d,waveHeight:x,timeScaleHeight:w,samplesPerPixel:v,controls:k,playoutRef:S,barWidth:M,barGap:I}=Zt(),[E,_]=s.useState(0),[A,T]=s.useState(0),[R,W]=s.useState(!1),X=s.useRef(null),G=s.useCallback(Z=>{X.current=Z,b(Z)},[b]),P=Math.floor(C*d/v),N=s.useCallback(async Z=>{p(Z.id);try{await m(Z.start)}catch(Y){console.error("waveform-playlist: Failed to start playback for annotation",Z.id,Y)}},[p,m]),L=s.useCallback(Z=>{f(Z),a?.(Z)},[f,a]),{onDragStart:ae,onDragMove:J,onDragEnd:ue}=Ca({annotations:l,onAnnotationsChange:L,samplesPerPixel:v,sampleRate:d,duration:C,linkEndpoints:n}),ie=s.useCallback(Z=>{const Y=Z.currentTarget.getBoundingClientRect(),Q=k.show?k.width:0,se=(Z.clientX-Y.left-Q)*v/d;W(!0),_(se),T(se)},[k,v,d]),ve=s.useCallback(Z=>{if(!R)return;const Y=Z.currentTarget.getBoundingClientRect(),Q=k.show?k.width:0,se=(Z.clientX-Y.left-Q)*v/d;T(se)},[R,k,v,d]),le=s.useCallback(Z=>{if(!R)return;W(!1);const Y=Z.currentTarget.getBoundingClientRect(),Q=k.show?k.width:0,se=(Z.clientX-Y.left-Q)*v/d,be=Math.min(E,se),q=Math.max(E,se);Math.abs(q-be)<.1?(h(be),_(be),T(be),i&&S.current&&(S.current.stop(),m(be))):(_(be),T(q))},[R,E,v,d,k,h,i,S,m]);if(g.length===0)return y.jsx("div",{className:r,children:"Loading waveform..."});const Fe=null;return y.jsx(da,{children:y.jsx(yt.Provider,{value:{samplesPerPixel:v,sampleRate:d,zoomLevels:[v],waveHeight:x,timeScaleHeight:w,duration:C*1e3,controls:k,barWidth:M,barGap:I},children:y.jsx(Qt,{theme:o,backgroundColor:nt(o.waveOutlineColor),timescaleBackgroundColor:o.timescaleBackgroundColor,scrollContainerWidth:P+(k.show?k.width:0),timescaleWidth:P,tracksWidth:P,controlsWidth:k.show?k.width:0,onTracksMouseDown:ie,onTracksMouseMove:ve,onTracksMouseUp:le,scrollContainerRef:G,isSelecting:R,timescale:w>0?y.jsx(ma,{}):void 0,children:y.jsxs(y.Fragment,{children:[g.map((Z,Y)=>{const Q=Z.length>0?Math.max(...Z.map(K=>K.peaks.data.length)):1;return y.jsx(tn.Provider,{value:Fe,children:y.jsx(ha,{numChannels:Q,backgroundColor:nt(o.waveOutlineColor),offset:0,width:P,hasClipHeaders:!1,trackId:`media-element-track-${Y}`,isSelected:!0,children:Z.map((K,se)=>{const be=K.peaks,q=be.length;return y.jsx(Yt,{clipId:K.clipId,trackIndex:Y,clipIndex:se,trackName:K.trackName,startSample:K.startSample,durationSamples:K.durationSamples,samplesPerPixel:v,showHeader:!1,disableHeaderDrag:!0,isSelected:!0,trackId:`media-element-track-${Y}`,children:be.data.map((Te,_e)=>y.jsx(yi,{index:_e,data:Te,bits:be.bits,length:q,clipStartSample:K.startSample,clipDurationSamples:K.durationSamples},`${Y}-${se}-${_e}`))},`${Y}-${se}`)})})},Y)}),l.length>0&&u&&y.jsx(Ne.DndContext,{onDragStart:ae,onDragMove:J,onDragEnd:ue,modifiers:t?[Ka.restrictToHorizontalAxis]:[],children:y.jsx(u.AnnotationBoxesWrapper,{height:30,width:P,children:l.map((Z,Y)=>{const Q=Z.start*d/v,K=Z.end*d/v,se=e?e(Z,Y):Z.id;return y.jsx(u.AnnotationBox,{annotationId:Z.id,annotationIndex:Y,startPosition:Q,endPosition:K,label:se,color:"#ff9800",isActive:Z.id===c,onClick:()=>N(Z),editable:t},Z.id)})})}),E!==A&&y.jsx(la,{startPosition:Math.min(E,A)*d/v+(k.show?k.width:0),endPosition:Math.max(E,A)*d/v+(k.show?k.width:0),color:o.selectionColor}),y.jsx(hi,{color:o.playheadColor,controlsOffset:k.show?k.width:0})]})})})})},Ba=({height:e,renderAnnotationItem:t,onAnnotationUpdate:n,editable:a=!1,controls:r,annotationListConfig:o,scrollActivePosition:i="center",scrollActiveContainer:l="nearest"})=>{const{annotations:c,activeAnnotationId:u,continuousPlay:m}=Pt(),h=lt(),{setAnnotations:p}=rn(),f=o??{linkEndpoints:!1,continuousPlay:m},b=s.useCallback(g=>{p(g),n?.(g)},[p,n]),{AnnotationText:C}=h;return y.jsx(C,{annotations:c,activeAnnotationId:u??void 0,shouldScrollToActive:!0,scrollActivePosition:i,scrollActiveContainer:l,editable:a,controls:a?r:void 0,annotationListConfig:f,height:e,onAnnotationUpdate:b,renderAnnotationItem:t})},Ci=({annotationTextHeight:e,getAnnotationBoxLabel:t,renderAnnotationItem:n,editable:a=!1,linkEndpoints:r=!1,onAnnotationUpdate:o,scrollActivePosition:i="center",scrollActiveContainer:l="nearest",className:c})=>{const{annotations:u}=Pt();return y.jsxs(y.Fragment,{children:[y.jsx(Da,{getAnnotationBoxLabel:t,editable:a,linkEndpoints:r,onAnnotationUpdate:o,className:c}),u.length>0&&y.jsx(Ba,{height:e,renderAnnotationItem:n,onAnnotationUpdate:o,editable:a,annotationListConfig:{linkEndpoints:r,continuousPlay:!1},scrollActivePosition:i,scrollActiveContainer:l})]})};exports.Tone=Xn;exports.AnnotationIntegrationProvider=Js;exports.AudioPosition=Us;exports.AutomaticScrollCheckbox=qs;exports.ContinuousPlayCheckbox=Qs;exports.DownloadAnnotationsButton=ni;exports.EditableCheckbox=ti;exports.ExportWavButton=ai;exports.FastForwardButton=Vs;exports.LinkEndpointsCheckbox=ei;exports.LoopButton=zs;exports.MasterVolumeControl=Gs;exports.MediaElementAnnotationList=Ba;exports.MediaElementPlaylist=Da;exports.MediaElementPlaylistProvider=Bs;exports.MediaElementWaveform=Ci;exports.PauseButton=Ws;exports.PlayButton=Fs;exports.PlaylistAnnotationList=Ra;exports.PlaylistVisualization=Ta;exports.RewindButton=Zs;exports.SelectionTimeInputs=Ks;exports.SetLoopRegionButton=Hs;exports.SkipBackwardButton=js;exports.SkipForwardButton=Ls;exports.SpectrogramIntegrationProvider=ci;exports.StopButton=Ps;exports.TimeFormatSelect=Ns;exports.Waveform=fi;exports.WaveformPlaylistProvider=Ts;exports.ZoomInButton=Xs;exports.ZoomOutButton=Os;exports.createEffectChain=bs;exports.createEffectInstance=bt;exports.effectCategories=ms;exports.effectDefinitions=wt;exports.getEffectDefinition=an;exports.getEffectsByCategory=fs;exports.getShortcutLabel=cs;exports.getWaveformDataMetadata=es;exports.loadPeaksFromWaveformData=Qo;exports.loadWaveformData=nn;exports.useAnnotationDragHandlers=Ca;exports.useAnnotationIntegration=lt;exports.useAnnotationKeyboardControls=ds;exports.useAudioTracks=rs;exports.useClipDragHandlers=os;exports.useClipSplitting=ls;exports.useDragSensors=is;exports.useDynamicEffects=vs;exports.useDynamicTracks=$s;exports.useExportWav=wa;exports.useKeyboardShortcuts=Dt;exports.useMasterAnalyser=as;exports.useMasterVolume=ya;exports.useMediaElementAnimation=Wt;exports.useMediaElementControls=rn;exports.useMediaElementData=Zt;exports.useMediaElementState=Pt;exports.usePlaybackAnimation=De;exports.usePlaybackShortcuts=us;exports.usePlaylistControls=ge;exports.usePlaylistData=Me;exports.usePlaylistState=Be;exports.useSpectrogramIntegration=ui;exports.useTimeFormat=ba;exports.useTrackDynamicEffects=ys;exports.useZoomControls=va;exports.waveformDataToPeaks=ga;
|
|
1001
1001
|
//# sourceMappingURL=index.js.map
|