@waveform-playlist/browser 5.0.0-alpha.12 → 5.0.0-alpha.13
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 +28 -1
- package/dist/index.js +50 -50
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1902 -1885
- package/dist/index.mjs.map +1 -1
- package/package.json +8 -8
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";var ia=Object.create;var mn=Object.defineProperty;var la=Object.getOwnPropertyDescriptor;var ca=Object.getOwnPropertyNames;var ua=Object.getPrototypeOf,da=Object.prototype.hasOwnProperty;var fa=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of ca(t))!da.call(e,a)&&a!==n&&mn(e,a,{get:()=>t[a],enumerable:!(r=la(t,a))||r.enumerable});return e};var ha=(e,t,n)=>(n=e!=null?ia(ua(e)):{},fa(t||!e||!e.__esModule?mn(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("tone"),x=require("react/jsx-runtime"),i=require("react"),A=require("styled-components");require("react-dom");var Tt=typeof document<"u"?document.currentScript:null;function or(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const sr=or(E),X=or(i);function pn(e,t){const n=new Float32Array(e),r=e-1;for(let a=0;a<e;a++){const s=a/r;n[a]=t?s:1-s}return n}function ma(e,t){const n=new Float32Array(e),r=e-1;for(let a=0;a<e;a++){const s=a/r,o=t?a:e-1-a;n[o]=Math.exp(2*s-1)/Math.E}return n}function pa(e,t){const n=new Float32Array(e),r=t?Math.PI/2:-Math.PI/2;for(let a=0;a<e;a++)n[a]=Math.sin(Math.PI*a/e-r)/2+.5;return n}function ga(e,t,n=10){const r=new Float32Array(e);for(let a=0;a<e;a++){const s=t?a:e-1-a,o=a/e;r[s]=Math.log(1+n*o)/Math.log(1+n)}return r}function ir(e,t,n){switch(e){case"linear":return pn(t,n);case"exponential":return ma(t,n);case"sCurve":return pa(t,n);case"logarithmic":return ga(t,n);default:return pn(t,n)}}function gn(e,t,n,r="linear",a=0,s=1){if(!(n<=0))if(r==="linear")e.setValueAtTime(a,t),e.linearRampToValueAtTime(s,t+n);else if(r==="exponential")e.setValueAtTime(Math.max(a,.001),t),e.exponentialRampToValueAtTime(Math.max(s,.001),t+n);else{const o=ir(r,1e4,!0),l=new Float32Array(o.length),c=s-a;for(let u=0;u<o.length;u++)l[u]=a+o[u]*c;e.setValueCurveAtTime(l,t,n)}}function bn(e,t,n,r="linear",a=1,s=0){if(!(n<=0))if(r==="linear")e.setValueAtTime(a,t),e.linearRampToValueAtTime(s,t+n);else if(r==="exponential")e.setValueAtTime(Math.max(a,.001),t),e.exponentialRampToValueAtTime(Math.max(s,.001),t+n);else{const o=ir(r,1e4,!1),l=new Float32Array(o.length),c=a-s;for(let u=0;u<o.length;u++)l[u]=s+o[u]*c;e.setValueCurveAtTime(l,t,n)}}var ba=class{constructor(e){this.activePlayers=0,this.track=e.track,this.volumeNode=new E.Volume(this.gainToDb(e.track.gain)),this.panNode=new E.Panner(e.track.stereoPan),this.muteGain=new E.Gain(e.track.muted?0:1);const t=e.destination||E.getDestination();if(e.effects){const r=e.effects(this.muteGain,t,!1);r&&(this.effectsCleanup=r)}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(r=>{const a=new E.Player({url:r.buffer,loop:!1,onstop:()=>{this.activePlayers--,this.activePlayers===0&&this.onStopCallback&&this.onStopCallback()}}),s=new E.Gain(r.gain);return a.connect(s),s.chain(this.volumeNode,this.panNode,this.muteGain),{player:a,clipInfo:r,fadeGain:s,pausedPosition:0,playStartTime:0}})}scheduleFades(e,t,n=0){const{clipInfo:r,fadeGain:a}=e,s=a.gain._param;s.cancelScheduledValues(0);const o=n-r.offset;if(r.fadeIn&&o<r.fadeIn.duration){const l=r.fadeIn.duration;if(o<=0)gn(s,t,l,r.fadeIn.type||"linear",0,r.gain);else{const c=l-o,u=o/l,d=r.gain*u;gn(s,t,c,r.fadeIn.type||"linear",d,r.gain)}}else s.setValueAtTime(r.gain,t);if(r.fadeOut){const c=r.duration-r.fadeOut.duration-o;if(c>0){const u=t+c;bn(s,u,r.fadeOut.duration,r.fadeOut.type||"linear",r.gain,0)}else if(c>-r.fadeOut.duration){const u=-c,d=r.fadeOut.duration-u,b=u/r.fadeOut.duration,g=r.gain*(1-b);bn(s,t,d,r.fadeOut.type||"linear",g,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,this.muteGain.gain.value=e?0:1}setSolo(e){this.track.soloed=e}play(e,t=0,n){this.clips.forEach(r=>{r.player.stop(),r.player.disconnect(),r.player.dispose();const a=new E.Player({url:r.clipInfo.buffer,loop:!1,onstop:()=>{this.activePlayers--,this.activePlayers===0&&this.onStopCallback&&this.onStopCallback()}});a.connect(r.fadeGain),r.player=a,r.pausedPosition=0}),this.activePlayers=0,this.clips.forEach(r=>{const{player:a,clipInfo:s}=r,o=t,l=s.startTime,c=s.startTime+s.duration;if(o<c){this.activePlayers++;const u=e??E.now();if(r.playStartTime=u,o>=l){const d=o-l+s.offset,b=s.duration-(o-l),g=n?Math.min(n,b):b;r.pausedPosition=d,this.scheduleFades(r,u,d),a.start(u,d,g)}else{const d=l-o,b=n?Math.min(n-d,s.duration):s.duration;d<(n??1/0)?(r.pausedPosition=s.offset,this.scheduleFades(r,u+d,s.offset),a.start(u+d,s.offset,b)):this.activePlayers--}}})}pause(){this.clips.forEach(e=>{if(e.player.state==="started"){const t=(E.now()-e.playStartTime)*e.player.playbackRate;e.pausedPosition=e.pausedPosition+t}e.player.stop()}),this.activePlayers=0}stop(e){const t=e??E.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}},va=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 E.Volume(this.gainToDb(e.masterGain??1)),e.effects){const t=e.effects(this.masterVolume,E.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 E.start(),this.isInitialized=!0)}addTrack(e){const t={...e,destination:this.masterVolume},n=new ba(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 r=e??E.now(),a=t??0;this.playbackSessionId++;const s=this.playbackSessionId;this.activeTracks.clear(),this.tracks.forEach(o=>{const l=o.startTime;if(a>=l){const c=a-l;n!==void 0&&(this.activeTracks.set(o.id,s),o.setOnStopCallback(()=>{this.activeTracks.get(o.id)===s&&(this.activeTracks.delete(o.id),this.activeTracks.size===0&&this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback())})),o.play(r,c,n)}else{const c=l-a;n!==void 0&&(this.activeTracks.set(o.id,s),o.setOnStopCallback(()=>{this.activeTracks.get(o.id)===s&&(this.activeTracks.delete(o.id),this.activeTracks.size===0&&this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback())})),o.play(r+c,0,n)}}),t!==void 0?E.getTransport().start(r,t):E.getTransport().start(r)}pause(){E.getTransport().pause(),this.tracks.forEach(e=>{e.pause()})}stop(){E.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 r=this.manualMuteState.get(n)??!1;t.setMute(r)}else{const r=this.manualMuteState.get(n)??!1;t.setMute(r)}})}setMute(e,t){const n=this.tracks.get(e);n&&(this.manualMuteState.set(e,t),n.setMute(t))}getCurrentTime(){return E.getTransport().seconds}seekTo(e){E.getTransport().seconds=e}dispose(){this.tracks.forEach(e=>{e.dispose()}),this.tracks.clear(),this.effectsCleanup&&this.effectsCleanup(),this.masterVolume.dispose()}get context(){return E.getContext()}get sampleRate(){return E.getContext().sampleRate}setOnPlaybackComplete(e){this.onPlaybackCompleteCallback=e}},dt=null;function Ca(){return dt||(dt=new E.Context,E.setContext(dt)),dt}async function Wt(){const e=Ca();e.state!=="running"&&await e.resume()}const wa=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",Ct=wa?i.useLayoutEffect:i.useEffect;function xa(e){const t=i.useRef(e);return Ct(()=>{t.current=e}),i.useCallback(function(){for(var n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return t.current==null?void 0:t.current(...r)},[])}function lr(e,t){t===void 0&&(t=[e]);const n=i.useRef(e);return Ct(()=>{n.current!==e&&(n.current=e)},t),n}function pt(e){const t=xa(e),n=i.useRef(null),r=i.useCallback(a=>{a!==n.current&&t?.(a,n.current),n.current=a},[]);return[n,r]}let Ft={};function cr(e,t){return i.useMemo(()=>{const n=Ft[e]==null?0:Ft[e]+1;return Ft[e]=n,e+"-"+n},[e,t])}const Pt=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[Pt.Translate.toString(e),Pt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}});var vn;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(vn||(vn={}));function Cn(){}const ya=Object.freeze({x:0,y:0});var Ye;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(Ye||(Ye={}));var wn;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(wn||(wn={}));var Ve;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})(Ve||(Ve={}));Ve.Space,Ve.Enter,Ve.Esc,Ve.Space,Ve.Enter,Ve.Tab;var xn;(function(e){e[e.RightClick=2]="RightClick"})(xn||(xn={}));var yn;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(yn||(yn={}));var In;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(In||(In={}));Ye.Backward+"",Ye.Forward+"",Ye.Backward+"",Ye.Forward+"";var Gt;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(Gt||(Gt={}));var Lt;(function(e){e.Optimized="optimized"})(Lt||(Lt={}));function Ia(e,t){return i.useMemo(()=>e.reduce((n,r)=>{let{eventName:a,handler:s}=r;return n[a]=o=>{s(o,t)},n},{}),[e,t])}Gt.WhileDragging,Lt.Optimized;const Sa={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Cn,draggableNodes:new Map,over:null,measureDroppableContainers:Cn},Aa=i.createContext(Sa),ka=i.createContext({...ya,scaleX:1,scaleY:1});var Sn;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(Sn||(Sn={}));const $a=i.createContext(null),An="button",Da="Draggable";function Zt(e){let{id:t,data:n,disabled:r=!1,attributes:a}=e;const s=cr(Da),{activators:o,activatorEvent:l,active:c,activeNodeRect:u,ariaDescribedById:d,draggableNodes:b,over:g}=i.useContext(Aa),{role:f=An,roleDescription:v="draggable",tabIndex:y=0}=a??{},m=c?.id===t,h=i.useContext(m?ka:$a),[w,C]=pt(),[p,S]=pt(),I=Ia(o,t),k=lr(n);Ct(()=>(b.set(t,{id:t,key:s,node:w,activatorNode:p,data:k}),()=>{const M=b.get(t);M&&M.key===s&&b.delete(t)}),[b,t]);const R=i.useMemo(()=>({role:f,tabIndex:y,"aria-disabled":r,"aria-pressed":m&&f===An?!0:void 0,"aria-roledescription":v,"aria-describedby":d.draggable}),[r,f,y,m,v,d.draggable]);return{active:c,activatorEvent:l,activeNodeRect:u,attributes:R,isDragging:m,listeners:r?void 0:I,node:w,over:g,setNodeRef:C,setActivatorNodeRef:S,transform:h}}const Ma=new Map([["bold",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),X.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",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.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"}))]]),Ra=new Map([["bold",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),X.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",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.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"}))]]),Ba=i.createContext({color:"currentColor",size:"1em",weight:"regular",mirrored:!1}),Qt=X.forwardRef((e,t)=>{const{alt:n,color:r,size:a,weight:s,mirrored:o,children:l,weights:c,...u}=e,{color:d="currentColor",size:b,weight:g="regular",mirrored:f=!1,...v}=X.useContext(Ba);return X.createElement("svg",{ref:t,xmlns:"http://www.w3.org/2000/svg",width:a??b,height:a??b,fill:r??d,viewBox:"0 0 256 256",transform:o||f?"scale(-1, 1)":void 0,...v,...u},!!n&&X.createElement("title",null,n),l,c.get(s??g))});Qt.displayName="IconBase";const ur=X.forwardRef((e,t)=>X.createElement(Qt,{ref:t,...e,weights:Ma}));ur.displayName="SpeakerHighIcon";const dr=X.forwardRef((e,t)=>X.createElement(Qt,{ref:t,...e,weights:Ra}));dr.displayName="SpeakerLowIcon";A.span`
|
|
1
|
+
"use strict";var ia=Object.create;var pn=Object.defineProperty;var la=Object.getOwnPropertyDescriptor;var ca=Object.getOwnPropertyNames;var ua=Object.getPrototypeOf,da=Object.prototype.hasOwnProperty;var fa=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of ca(t))!da.call(e,a)&&a!==n&&pn(e,a,{get:()=>t[a],enumerable:!(r=la(t,a))||r.enumerable});return e};var ha=(e,t,n)=>(n=e!=null?ia(ua(e)):{},fa(t||!e||!e.__esModule?pn(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("tone"),x=require("react/jsx-runtime"),i=require("react"),A=require("styled-components");require("react-dom");var Wt=typeof document<"u"?document.currentScript:null;function sr(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const ir=sr(E),X=sr(i);function gn(e,t){const n=new Float32Array(e),r=e-1;for(let a=0;a<e;a++){const s=a/r;n[a]=t?s:1-s}return n}function ma(e,t){const n=new Float32Array(e),r=e-1;for(let a=0;a<e;a++){const s=a/r,o=t?a:e-1-a;n[o]=Math.exp(2*s-1)/Math.E}return n}function pa(e,t){const n=new Float32Array(e),r=t?Math.PI/2:-Math.PI/2;for(let a=0;a<e;a++)n[a]=Math.sin(Math.PI*a/e-r)/2+.5;return n}function ga(e,t,n=10){const r=new Float32Array(e);for(let a=0;a<e;a++){const s=t?a:e-1-a,o=a/e;r[s]=Math.log(1+n*o)/Math.log(1+n)}return r}function lr(e,t,n){switch(e){case"linear":return gn(t,n);case"exponential":return ma(t,n);case"sCurve":return pa(t,n);case"logarithmic":return ga(t,n);default:return gn(t,n)}}function bn(e,t,n,r="linear",a=0,s=1){if(!(n<=0))if(r==="linear")e.setValueAtTime(a,t),e.linearRampToValueAtTime(s,t+n);else if(r==="exponential")e.setValueAtTime(Math.max(a,.001),t),e.exponentialRampToValueAtTime(Math.max(s,.001),t+n);else{const o=lr(r,1e4,!0),l=new Float32Array(o.length),c=s-a;for(let u=0;u<o.length;u++)l[u]=a+o[u]*c;e.setValueCurveAtTime(l,t,n)}}function vn(e,t,n,r="linear",a=1,s=0){if(!(n<=0))if(r==="linear")e.setValueAtTime(a,t),e.linearRampToValueAtTime(s,t+n);else if(r==="exponential")e.setValueAtTime(Math.max(a,.001),t),e.exponentialRampToValueAtTime(Math.max(s,.001),t+n);else{const o=lr(r,1e4,!1),l=new Float32Array(o.length),c=a-s;for(let u=0;u<o.length;u++)l[u]=s+o[u]*c;e.setValueCurveAtTime(l,t,n)}}var ba=class{constructor(e){this.activePlayers=0,this.track=e.track,this.volumeNode=new E.Volume(this.gainToDb(e.track.gain)),this.panNode=new E.Panner(e.track.stereoPan),this.muteGain=new E.Gain(e.track.muted?0:1);const t=e.destination||E.getDestination();if(e.effects){const r=e.effects(this.muteGain,t,!1);r&&(this.effectsCleanup=r)}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(r=>{const a=new E.Player({url:r.buffer,loop:!1,onstop:()=>{this.activePlayers--,this.activePlayers===0&&this.onStopCallback&&this.onStopCallback()}}),s=new E.Gain(r.gain);return a.connect(s),s.chain(this.volumeNode,this.panNode,this.muteGain),{player:a,clipInfo:r,fadeGain:s,pausedPosition:0,playStartTime:0}})}scheduleFades(e,t,n=0){const{clipInfo:r,fadeGain:a}=e,s=a.gain._param;s.cancelScheduledValues(0);const o=n-r.offset;if(r.fadeIn&&o<r.fadeIn.duration){const l=r.fadeIn.duration;if(o<=0)bn(s,t,l,r.fadeIn.type||"linear",0,r.gain);else{const c=l-o,u=o/l,f=r.gain*u;bn(s,t,c,r.fadeIn.type||"linear",f,r.gain)}}else s.setValueAtTime(r.gain,t);if(r.fadeOut){const c=r.duration-r.fadeOut.duration-o;if(c>0){const u=t+c;vn(s,u,r.fadeOut.duration,r.fadeOut.type||"linear",r.gain,0)}else if(c>-r.fadeOut.duration){const u=-c,f=r.fadeOut.duration-u,C=u/r.fadeOut.duration,p=r.gain*(1-C);vn(s,t,f,r.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,this.muteGain.gain.value=e?0:1}setSolo(e){this.track.soloed=e}play(e,t=0,n){this.clips.forEach(r=>{r.player.stop(),r.player.disconnect(),r.player.dispose();const a=new E.Player({url:r.clipInfo.buffer,loop:!1,onstop:()=>{this.activePlayers--,this.activePlayers===0&&this.onStopCallback&&this.onStopCallback()}});a.connect(r.fadeGain),r.player=a,r.pausedPosition=0}),this.activePlayers=0,this.clips.forEach(r=>{const{player:a,clipInfo:s}=r,o=t,l=s.startTime,c=s.startTime+s.duration;if(o<c){this.activePlayers++;const u=e??E.now();if(r.playStartTime=u,o>=l){const f=o-l+s.offset,C=s.duration-(o-l),p=n?Math.min(n,C):C;r.pausedPosition=f,this.scheduleFades(r,u,f),a.start(u,f,p)}else{const f=l-o,C=n?Math.min(n-f,s.duration):s.duration;f<(n??1/0)?(r.pausedPosition=s.offset,this.scheduleFades(r,u+f,s.offset),a.start(u+f,s.offset,C)):this.activePlayers--}}})}pause(){this.clips.forEach(e=>{if(e.player.state==="started"){const t=(E.now()-e.playStartTime)*e.player.playbackRate;e.pausedPosition=e.pausedPosition+t}e.player.stop()}),this.activePlayers=0}stop(e){const t=e??E.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}},va=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 E.Volume(this.gainToDb(e.masterGain??1)),e.effects){const t=e.effects(this.masterVolume,E.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 E.start(),this.isInitialized=!0)}addTrack(e){const t={...e,destination:this.masterVolume},n=new ba(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 r=e??E.now(),a=t??0;this.playbackSessionId++;const s=this.playbackSessionId;this.activeTracks.clear(),this.tracks.forEach(o=>{const l=o.startTime;if(a>=l){const c=a-l;n!==void 0&&(this.activeTracks.set(o.id,s),o.setOnStopCallback(()=>{this.activeTracks.get(o.id)===s&&(this.activeTracks.delete(o.id),this.activeTracks.size===0&&this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback())})),o.play(r,c,n)}else{const c=l-a;n!==void 0&&(this.activeTracks.set(o.id,s),o.setOnStopCallback(()=>{this.activeTracks.get(o.id)===s&&(this.activeTracks.delete(o.id),this.activeTracks.size===0&&this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback())})),o.play(r+c,0,n)}}),t!==void 0?E.getTransport().start(r,t):E.getTransport().start(r)}pause(){E.getTransport().pause(),this.tracks.forEach(e=>{e.pause()})}stop(){E.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 r=this.manualMuteState.get(n)??!1;t.setMute(r)}else{const r=this.manualMuteState.get(n)??!1;t.setMute(r)}})}setMute(e,t){const n=this.tracks.get(e);n&&(this.manualMuteState.set(e,t),n.setMute(t))}getCurrentTime(){return E.getTransport().seconds}seekTo(e){E.getTransport().seconds=e}dispose(){this.tracks.forEach(e=>{e.dispose()}),this.tracks.clear(),this.effectsCleanup&&this.effectsCleanup(),this.masterVolume.dispose()}get context(){return E.getContext()}get sampleRate(){return E.getContext().sampleRate}setOnPlaybackComplete(e){this.onPlaybackCompleteCallback=e}},mt=null;function Ca(){return mt||(mt=new E.Context,E.setContext(mt)),mt}async function Ft(){const e=Ca();e.state!=="running"&&await e.resume()}const wa=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",yt=wa?i.useLayoutEffect:i.useEffect;function xa(e){const t=i.useRef(e);return yt(()=>{t.current=e}),i.useCallback(function(){for(var n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return t.current==null?void 0:t.current(...r)},[])}function cr(e,t){t===void 0&&(t=[e]);const n=i.useRef(e);return yt(()=>{n.current!==e&&(n.current=e)},t),n}function vt(e){const t=xa(e),n=i.useRef(null),r=i.useCallback(a=>{a!==n.current&&t?.(a,n.current),n.current=a},[]);return[n,r]}let Zt={};function ur(e,t){return i.useMemo(()=>{const n=Zt[e]==null?0:Zt[e]+1;return Zt[e]=n,e+"-"+n},[e,t])}const Gt=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[Gt.Translate.toString(e),Gt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}});var Cn;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(Cn||(Cn={}));function wn(){}const ya=Object.freeze({x:0,y:0});var Oe;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(Oe||(Oe={}));var xn;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(xn||(xn={}));var _e;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})(_e||(_e={}));_e.Space,_e.Enter,_e.Esc,_e.Space,_e.Enter,_e.Tab;var yn;(function(e){e[e.RightClick=2]="RightClick"})(yn||(yn={}));var In;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(In||(In={}));var Sn;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(Sn||(Sn={}));Oe.Backward+"",Oe.Forward+"",Oe.Backward+"",Oe.Forward+"";var Lt;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(Lt||(Lt={}));var Nt;(function(e){e.Optimized="optimized"})(Nt||(Nt={}));function Ia(e,t){return i.useMemo(()=>e.reduce((n,r)=>{let{eventName:a,handler:s}=r;return n[a]=o=>{s(o,t)},n},{}),[e,t])}Lt.WhileDragging,Nt.Optimized;const Sa={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:wn,draggableNodes:new Map,over:null,measureDroppableContainers:wn},Aa=i.createContext(Sa),ka=i.createContext({...ya,scaleX:1,scaleY:1});var An;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(An||(An={}));const $a=i.createContext(null),kn="button",Da="Draggable";function _t(e){let{id:t,data:n,disabled:r=!1,attributes:a}=e;const s=ur(Da),{activators:o,activatorEvent:l,active:c,activeNodeRect:u,ariaDescribedById:f,draggableNodes:C,over:p}=i.useContext(Aa),{role:d=kn,roleDescription:g="draggable",tabIndex:I=0}=a??{},h=c?.id===t,b=i.useContext(h?ka:$a),[w,v]=vt(),[m,S]=vt(),y=Ia(o,t),k=cr(n);yt(()=>(C.set(t,{id:t,key:s,node:w,activatorNode:m,data:k}),()=>{const M=C.get(t);M&&M.key===s&&C.delete(t)}),[C,t]);const R=i.useMemo(()=>({role:d,tabIndex:I,"aria-disabled":r,"aria-pressed":h&&d===kn?!0:void 0,"aria-roledescription":g,"aria-describedby":f.draggable}),[r,d,I,h,g,f.draggable]);return{active:c,activatorEvent:l,activeNodeRect:u,attributes:R,isDragging:h,listeners:r?void 0:y,node:w,over:p,setNodeRef:v,setActivatorNodeRef:S,transform:b}}const Ma=new Map([["bold",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),X.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",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.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"}))]]),Ra=new Map([["bold",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),X.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",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.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",X.createElement(X.Fragment,null,X.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"}))]]),Ba=i.createContext({color:"currentColor",size:"1em",weight:"regular",mirrored:!1}),en=X.forwardRef((e,t)=>{const{alt:n,color:r,size:a,weight:s,mirrored:o,children:l,weights:c,...u}=e,{color:f="currentColor",size:C,weight:p="regular",mirrored:d=!1,...g}=X.useContext(Ba);return X.createElement("svg",{ref:t,xmlns:"http://www.w3.org/2000/svg",width:a??C,height:a??C,fill:r??f,viewBox:"0 0 256 256",transform:o||d?"scale(-1, 1)":void 0,...g,...u},!!n&&X.createElement("title",null,n),l,c.get(s??p))});en.displayName="IconBase";const dr=X.forwardRef((e,t)=>X.createElement(en,{ref:t,...e,weights:Ma}));dr.displayName="SpeakerHighIcon";const fr=X.forwardRef((e,t)=>X.createElement(en,{ref:t,...e,weights:Ra}));fr.displayName="SpeakerLowIcon";A.span`
|
|
2
2
|
font-family: 'Courier New', Monaco, monospace;
|
|
3
3
|
font-size: 1rem;
|
|
4
4
|
font-weight: 600;
|
|
5
5
|
color: ${e=>e.theme?.textColor||"#333"};
|
|
6
6
|
user-select: none;
|
|
7
|
-
`;var
|
|
7
|
+
`;var tn=A.button`
|
|
8
8
|
display: inline-flex;
|
|
9
9
|
align-items: center;
|
|
10
10
|
justify-content: center;
|
|
@@ -33,37 +33,37 @@
|
|
|
33
33
|
opacity: 0.6;
|
|
34
34
|
cursor: not-allowed;
|
|
35
35
|
}
|
|
36
|
-
`;A(
|
|
36
|
+
`;A(tn)`
|
|
37
37
|
padding: 0.25rem 0.5rem;
|
|
38
38
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
39
|
-
`;A(
|
|
39
|
+
`;A(tn)`
|
|
40
40
|
padding: 0.5rem;
|
|
41
41
|
min-width: 2.25rem;
|
|
42
42
|
min-height: 2.25rem;
|
|
43
|
-
`;A(
|
|
43
|
+
`;A(tn)`
|
|
44
44
|
padding: 0.25rem;
|
|
45
45
|
min-width: 1.75rem;
|
|
46
46
|
min-height: 1.75rem;
|
|
47
47
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
48
|
-
`;var
|
|
48
|
+
`;var It=A.div`
|
|
49
49
|
display: inline-flex;
|
|
50
50
|
align-items: center;
|
|
51
51
|
gap: 0.5rem;
|
|
52
|
-
`,
|
|
52
|
+
`,St=A.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
|
+
`,At=A.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
|
+
`,Se=A.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
|
+
`,hr=A.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
|
-
`;A(
|
|
116
|
+
`;A(hr)`
|
|
117
117
|
padding: 0.25rem 0.5rem;
|
|
118
118
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
119
|
-
`;var
|
|
119
|
+
`;var mr=A.label`
|
|
120
120
|
font-family: ${e=>e.theme.fontFamily};
|
|
121
121
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
122
122
|
font-weight: 500;
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
clip: rect(0, 0, 0, 0);
|
|
142
142
|
white-space: nowrap;
|
|
143
143
|
border: 0;
|
|
144
|
-
`,
|
|
144
|
+
`,nn=A.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
|
-
`;A(
|
|
175
|
+
`;A(nn)`
|
|
176
176
|
padding: 0.25rem 1.75rem 0.25rem 0.5rem;
|
|
177
177
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
178
|
-
`;var
|
|
178
|
+
`;var pr=A.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
|
-
`,Ta=({checked:e,onChange:t,disabled:n=!1,className:r})=>{const a=s=>{t(s.target.checked)};return x.jsxs(
|
|
254
|
+
`,Ta=({checked:e,onChange:t,disabled:n=!1,className:r})=>{const a=s=>{t(s.target.checked)};return x.jsxs(It,{className:r,children:[x.jsx(St,{type:"checkbox",id:"automatic-scroll",className:"automatic-scroll",checked:e,onChange:a,disabled:n}),x.jsx(At,{htmlFor:"automatic-scroll",children:"Automatic Scroll"})]})};function gr(e){return typeof e=="object"&&e!==null&&"type"in e}function Ct(e){if(!gr(e))return e;const t=e.direction==="vertical"?"to bottom":"to right",n=e.stops.map(r=>`${r.color} ${r.offset*100}%`).join(", ");return`linear-gradient(${t}, ${n})`}var Wa={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"},Fa=1e3;function Za(e,t,n,r){if(!gr(t))return t;let a;t.direction==="vertical"?a=e.createLinearGradient(0,0,0,r):a=e.createLinearGradient(0,0,n,0);for(const s of t.stops)a.addColorStop(s.offset,s.color);return a}var _a=A.canvas.attrs(e=>({style:{width:`${e.$cssWidth}px`,height:`${e.$waveHeight}px`}}))`
|
|
255
255
|
float: left;
|
|
256
256
|
position: relative;
|
|
257
257
|
/* Promote to own compositing layer for smoother scrolling */
|
|
@@ -265,9 +265,9 @@
|
|
|
265
265
|
/* Force GPU compositing layer to reduce scroll flickering */
|
|
266
266
|
transform: translateZ(0);
|
|
267
267
|
backface-visibility: hidden;
|
|
268
|
-
`,za=e=>{const{data:t,bits:n,length:r,index:a,className:s,devicePixelRatio:o=1,waveHeight:l=80,waveOutlineColor:c="#E0EFF1",waveFillColor:u="grey",barWidth:
|
|
268
|
+
`,za=e=>{const{data:t,bits:n,length:r,index:a,className:s,devicePixelRatio:o=1,waveHeight:l=80,waveOutlineColor:c="#E0EFF1",waveFillColor:u="grey",barWidth:f=1,barGap:C=0,transparentBackground:p=!1,drawMode:d="inverted"}=e,g=i.useRef([]),I=i.useCallback(S=>{if(S!==null){const y=parseInt(S.dataset.index,10);g.current[y]=S}},[]);i.useLayoutEffect(()=>{const S=g.current,y=f+C;let k=0;for(let R=0;R<S.length;R++){const M=S[R],D=M.getContext("2d"),$=Math.floor(l/2),T=2**(n-1);if(D){D.resetTransform(),D.clearRect(0,0,M.width,M.height),D.imageSmoothingEnabled=!1,D.scale(o,o);const W=M.width/o;let H;d==="normal"?H=u:H=c,D.fillStyle=Za(D,H,W,l);const P=k,j=k+W,N=Math.floor((P-f+y)/y)*y;for(let Y=Math.max(0,N);Y<j;Y+=y){const V=Y-P;if(V+f<=0)continue;const O=Y;if(O*2+1<t.length){const ne=t[O*2]/T,te=t[O*2+1]/T,K=Math.abs(ne*$),U=Math.abs(te*$);d==="normal"?D.fillRect(V,$-U,f,U+K):(D.fillRect(V,0,f,$-U),D.fillRect(V,$+K,f,$-K))}}}k+=M.width/o}},[t,n,l,c,u,o,r,f,C,d]);let h=r,b=0;const w=[];for(;h>0;){const S=Math.min(h,Fa),y=x.jsx(_a,{$cssWidth:S,width:S*o,height:l*o,$waveHeight:l,"data-index":b,ref:I},`${r}-${b}`);w.push(y),h-=S,b+=1}const m=p?"transparent":Ct(u);return x.jsx(Va,{$index:a,$cssWidth:r,className:s,$waveHeight:l,$waveFillColor:m,children:w})},br=22,vr=A.div`
|
|
269
269
|
position: relative;
|
|
270
|
-
height: ${
|
|
270
|
+
height: ${br}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
|
+
`,Cr=A.span`
|
|
293
293
|
font-size: 11px;
|
|
294
294
|
font-weight: 600;
|
|
295
295
|
font-family: ${e=>e.theme.clipHeaderFontFamily};
|
|
@@ -297,7 +297,7 @@
|
|
|
297
297
|
white-space: nowrap;
|
|
298
298
|
overflow: hidden;
|
|
299
299
|
text-overflow: ellipsis;
|
|
300
|
-
`,Xa=({trackName:e,isSelected:t=!1})=>x.jsx(
|
|
300
|
+
`,Xa=({trackName:e,isSelected:t=!1})=>x.jsx(vr,{$isDragging:!1,$interactive:!1,$isSelected:t,children:x.jsx(Cr,{children:e})}),Ha=({clipId:e,trackIndex:t,clipIndex:n,trackName:r,isSelected:a=!1,disableDrag:s=!1,dragHandleProps:o})=>{if(s||!o)return x.jsx(Xa,{trackName:r,isSelected:a});const{attributes:l,listeners:c,setActivatorNodeRef:u}=o;return x.jsx(vr,{ref:u,"data-clip-id":e,$interactive:!0,$isSelected:a,...c,...l,children:x.jsx(Cr,{children:r})})},ja=8,Pa=24,Ga=A.div`
|
|
301
301
|
position: absolute;
|
|
302
302
|
${e=>e.$edge==="left"?"left: 0;":"right: 0;"}
|
|
303
303
|
top: 0;
|
|
@@ -325,7 +325,7 @@
|
|
|
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:r,dragHandleProps:a,touchOptimized:s=!1})=>{const[o,l]=i.useState(!1);if(!a)return null;const{attributes:c,listeners:u,setActivatorNodeRef:f,isDragging:C}=a;return x.jsx(Ga,{ref:f,"data-clip-id":e,"data-boundary-edge":r,$edge:r,$isDragging:C,$isHovered:o,$touchOptimized:s,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),...u,...c})},La=A.div.attrs(e=>({style:{left:`${e.$left}px`,width:`${e.$width}px`}}))`
|
|
329
329
|
position: absolute;
|
|
330
330
|
top: 0;
|
|
331
331
|
bottom: 0;
|
|
@@ -337,7 +337,7 @@
|
|
|
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 Ya(e,t,n="logarithmic"){const r=[],a=Math.max(20,Math.min(e,100));for(let s=0;s<=a;s++){const o=s/a*e,l=s/a;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;r.push(`${o},${u}`)}return`M 0,${t} L ${r.join(" L ")} L ${e},0 L 0,0 Z`}var
|
|
340
|
+
`;function Ya(e,t,n="logarithmic"){const r=[],a=Math.max(20,Math.min(e,100));for(let s=0;s<=a;s++){const o=s/a*e,l=s/a;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;r.push(`${o},${u}`)}return`M 0,${t} L ${r.join(" L ")} L ${e},0 L 0,0 Z`}var Dn=({left:e,width:t,type:n,curveType:r="logarithmic",color:a})=>{const s=A.useTheme();if(t<1)return null;const o=a||s?.fadeOverlayColor||"rgba(0, 0, 0, 0.4)";return x.jsx(La,{$left:e,$width:t,$type:n,children:x.jsx(Na,{$type:n,viewBox:`0 0 ${t} 100`,preserveAspectRatio:"none",children:x.jsx("path",{d:Ya(t,100,r),fill:o})})})},Oa=A.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%"};
|
|
@@ -355,14 +355,14 @@
|
|
|
355
355
|
flex: 1;
|
|
356
356
|
position: relative;
|
|
357
357
|
overflow: ${e=>e.$isOverlay?"visible":"hidden"};
|
|
358
|
-
`,
|
|
358
|
+
`,Mn=({children:e,className:t,clipId:n,trackIndex:r,clipIndex:a,trackName:s,startSample:o,durationSamples:l,samplesPerPixel:c,showHeader:u=!1,disableHeaderDrag:f=!1,isOverlay:C=!1,isSelected:p=!1,onMouseDown:d,trackId:g,fadeIn:I,fadeOut:h,sampleRate:b=44100,showFades:w=!1,touchOptimized:v=!1})=>{const m=Math.floor(o/c),y=Math.floor((o+l)/c)-m,k=u&&!f&&!C,R=`clip-${r}-${a}`,{attributes:M,listeners:D,setNodeRef:$,setActivatorNodeRef:T,transform:W,isDragging:H}=_t({id:R,data:{clipId:n,trackIndex:r,clipIndex:a},disabled:!k}),P=`clip-boundary-left-${r}-${a}`,{attributes:j,listeners:N,setActivatorNodeRef:Y,isDragging:V}=_t({id:P,data:{clipId:n,trackIndex:r,clipIndex:a,boundary:"left"},disabled:!k}),O=`clip-boundary-right-${r}-${a}`,{attributes:ne,listeners:te,setActivatorNodeRef:K,isDragging:U}=_t({id:O,data:{clipId:n,trackIndex:r,clipIndex:a,boundary:"right"},disabled:!k}),be=W?{transform:Gt.Translate.toString(W),zIndex:H?100:void 0}:void 0;return x.jsxs(Oa,{ref:$,style:be,className:t,$left:m,$width:y,$isOverlay:C,"data-clip-container":"true","data-track-id":g,onMouseDown:d,children:[u&&x.jsx(Ha,{clipId:n,trackIndex:r,clipIndex:a,trackName:s,isSelected:p,disableDrag:f,dragHandleProps:k?{attributes:M,listeners:D,setActivatorNodeRef:T}:void 0}),x.jsxs(Ka,{$isOverlay:C,children:[e,w&&I&&I.duration>0&&x.jsx(Dn,{left:0,width:Math.floor(I.duration*b/c),type:"fadeIn",curveType:I.type}),w&&h&&h.duration>0&&x.jsx(Dn,{left:y-Math.floor(h.duration*b/c),width:Math.floor(h.duration*b/c),type:"fadeOut",curveType:h.type})]}),u&&!f&&!C&&x.jsxs(x.Fragment,{children:[x.jsx($n,{clipId:n,trackIndex:r,clipIndex:a,edge:"left",touchOptimized:v,dragHandleProps:{attributes:j,listeners:N,setActivatorNodeRef:Y,isDragging:V}}),x.jsx($n,{clipId:n,trackIndex:r,clipIndex:a,edge:"right",touchOptimized:v,dragHandleProps:{attributes:ne,listeners:te,setActivatorNodeRef:K,isDragging:U}})]})]})},Ua=A.div`
|
|
359
359
|
display: inline-flex;
|
|
360
360
|
align-items: center;
|
|
361
361
|
gap: 0.5rem;
|
|
362
|
-
`,Ja=A(
|
|
362
|
+
`,Ja=A(mr)`
|
|
363
363
|
margin: 0;
|
|
364
364
|
white-space: nowrap;
|
|
365
|
-
`,qa=A(
|
|
365
|
+
`,qa=A(pr)`
|
|
366
366
|
width: 120px;
|
|
367
367
|
`,Qa=({volume:e,onChange:t,disabled:n=!1,className:r})=>{const a=s=>{t(parseFloat(s.target.value)/100)};return x.jsxs(Ua,{className:r,children:[x.jsx(Ja,{htmlFor:"master-gain",children:"Master Volume"}),x.jsx(qa,{min:"0",max:"100",value:e*100,onChange:a,disabled:n,id:"master-gain"})]})};A.div.attrs(e=>({style:{transform:`translate3d(${e.$position}px, 0, 0)`}}))`
|
|
368
368
|
position: absolute;
|
|
@@ -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
|
+
`,wr=({children:e,backgroundColor:t,timescaleBackgroundColor:n,timescale:r,timescaleWidth:a,tracksWidth:s,scrollContainerWidth:o,controlsWidth:l,onTracksClick:c,onTracksMouseDown:u,onTracksMouseMove:f,onTracksMouseUp:C,scrollContainerRef:p,isSelecting:d})=>x.jsx(eo,{"data-scroll-container":"true",ref:p,children:x.jsxs(to,{$backgroundColor:t,$width:o,children:[r&&x.jsx(no,{$width:a,$backgroundColor:n,children:r}),x.jsxs(ro,{$width:s,$backgroundColor:t,children:[e,(c||u)&&x.jsx(ao,{$controlsWidth:l,$isSelecting:d,onClick:c,onMouseDown:u,onMouseMove:f,onMouseUp:C})]})]})});A.withTheme(wr);var oo=A.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};
|
|
@@ -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 Rn=A.div.attrs(e=>({style:{left:`${e.$left}px`}}))`
|
|
462
462
|
position: absolute;
|
|
463
463
|
top: 0;
|
|
464
464
|
width: 12px;
|
|
@@ -506,14 +506,14 @@
|
|
|
506
506
|
&:active {
|
|
507
507
|
cursor: grabbing;
|
|
508
508
|
}
|
|
509
|
-
`,lo=({startPosition:e,endPosition:t,markerColor:n="#3b82f6",regionColor:r="rgba(59, 130, 246, 0.3)",onLoopStartChange:a,onLoopEndChange:s,onLoopRegionMove:o,minPosition:l=0,maxPosition:c=1/0})=>{const[u,
|
|
509
|
+
`,lo=({startPosition:e,endPosition:t,markerColor:n="#3b82f6",regionColor:r="rgba(59, 130, 246, 0.3)",onLoopStartChange:a,onLoopEndChange:s,onLoopRegionMove:o,minPosition:l=0,maxPosition:c=1/0})=>{const[u,f]=i.useState(null),C=i.useRef(0),p=i.useRef(0),d=i.useRef(0),g=Math.max(0,t-e),I=i.useCallback((b,w)=>{b.preventDefault(),b.stopPropagation(),f(w),C.current=b.clientX,p.current=w==="start"?e:t;const v=S=>{const y=S.clientX-C.current,k=p.current+y;if(w==="start"){const R=Math.max(l,Math.min(t-10,k));a?.(R)}else{const R=Math.max(e+10,Math.min(c,k));s?.(R)}},m=()=>{f(null),document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",m)};document.addEventListener("mousemove",v),document.addEventListener("mouseup",m)},[e,t,l,c,a,s]),h=i.useCallback(b=>{b.preventDefault(),b.stopPropagation(),f("region"),C.current=b.clientX,p.current=e,d.current=t;const w=t-e,v=S=>{const y=S.clientX-C.current;let k=p.current+y,R=d.current+y;k<l&&(k=l,R=l+w),R>c&&(R=c,k=c-w),o?.(k,R)},m=()=>{f(null),document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",m)};document.addEventListener("mousemove",v),document.addEventListener("mouseup",m)},[e,t,l,c,o]);return g<=0?null:x.jsxs(x.Fragment,{children:[x.jsx(io,{$left:e,$width:g,$color:r,$isDragging:u==="region",onMouseDown:h,"data-loop-region-timescale":!0}),x.jsx(Rn,{$left:e,$color:n,$isStart:!0,$isDragging:u==="start",onMouseDown:b=>I(b,"start"),"data-loop-marker-handle":"start"}),x.jsx(Rn,{$left:t,$color:n,$isStart:!1,$isDragging:u==="end",onMouseDown:b=>I(b,"end"),"data-loop-marker-handle":"end"})]})},co=A.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
|
-
`,uo=({startPosition:e,endPosition:t,markerColor:n="#3b82f6",regionColor:r="rgba(59, 130, 246, 0.3)",onLoopRegionChange:a,minPosition:s=0,maxPosition:o=1/0,controlsOffset:l=0})=>{const[c,u]=i.useState(!1),
|
|
516
|
+
`,uo=({startPosition:e,endPosition:t,markerColor:n="#3b82f6",regionColor:r="rgba(59, 130, 246, 0.3)",onLoopRegionChange:a,minPosition:s=0,maxPosition:o=1/0,controlsOffset:l=0})=>{const[c,u]=i.useState(!1),f=i.useRef(0),C=i.useRef(null),p=t>e,d=i.useCallback(g=>{const I=g.target;if(I.closest("[data-loop-marker-handle]")||I.closest("[data-loop-region-timescale]"))return;g.preventDefault(),u(!0);const h=C.current?.getBoundingClientRect();if(!h)return;const b=g.clientX-h.left,w=Math.max(s,Math.min(o,b));f.current=w,a?.(w,w);const v=S=>{const y=S.clientX-h.left,k=Math.max(s,Math.min(o,y)),R=Math.min(f.current,k),M=Math.max(f.current,k);a?.(R,M)},m=()=>{u(!1),document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",m)};document.addEventListener("mousemove",v),document.addEventListener("mouseup",m)},[s,o,a]);return x.jsx(co,{ref:C,$leftOffset:l,onMouseDown:d,"data-timescale-loop-creator":!0,children:p&&x.jsx(lo,{startPosition:e,endPosition:t,markerColor:n,regionColor:r,minPosition:s,maxPosition:o,onLoopStartChange:g=>a?.(g,t),onLoopEndChange:g=>a?.(e,g),onLoopRegionMove:(g,I)=>a?.(g,I)})})};function tt(e,t){const n=Math.floor(e/3600)%24,r=Math.floor(e/60)%60,a=(e%60).toFixed(t);return String(n).padStart(2,"0")+":"+String(r).padStart(2,"0")+":"+a.padStart(t+3,"0")}function Je(e,t){switch(t){case"seconds":return e.toFixed(0);case"thousandths":return e.toFixed(3);case"hh:mm:ss":return tt(e,0);case"hh:mm:ss.u":return tt(e,1);case"hh:mm:ss.uu":return tt(e,2);case"hh:mm:ss.uuu":return tt(e,3);default:return tt(e,3)}}function xr(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 r=parseInt(n[0],10)||0,a=parseInt(n[1],10)||0,s=parseFloat(n[2])||0;return r*3600+a*60+s}default:return 0}}var Bn=({id:e,label:t,value:n,format:r,className:a,onChange:s,readOnly:o=!1})=>{const[l,c]=i.useState("");i.useEffect(()=>{const p=Je(n,r);c(p)},[n,r,e]);const u=p=>{const d=p.target.value;c(d)},f=()=>{if(s){const p=xr(l,r);s(p)}c(Je(n,r))},C=p=>{p.key==="Enter"&&p.currentTarget.blur()};return x.jsxs(x.Fragment,{children:[x.jsx(Ea,{as:"label",htmlFor:e,children:t}),x.jsx(hr,{type:"text",className:a,id:e,value:l,onChange:u,onBlur:f,onKeyDown:C,readOnly:o})]})},fo=({selectionStart:e,selectionEnd:t,onSelectionChange:n,className:r})=>{const[a,s]=i.useState("hh:mm:ss.uuu");i.useEffect(()=>{const c=document.querySelector(".time-format"),u=()=>{c&&s(c.value)};return c&&(s(c.value),c.addEventListener("change",u)),()=>{c?.removeEventListener("change",u)}},[]);const o=c=>{n&&n(c,t)},l=c=>{n&&n(e,c)};return x.jsxs(x.Fragment,{children:[x.jsx(Bn,{id:"audio_start",label:"Start of audio selection",value:e,format:a,className:"audio-start form-control mr-sm-2",onChange:o}),x.jsx(Bn,{id:"audio_end",label:"End of audio selection",value:t,format:a,className:"audio-end form-control mr-sm-2",onChange:l})]})};function bt(){return window.devicePixelRatio}var yr=i.createContext(bt()),ho=({children:e})=>{const[t,n]=i.useState(bt());return matchMedia(`(resolution: ${bt()}dppx)`).addEventListener("change",()=>{n(bt())},{once:!0}),x.jsx(yr.Provider,{value:Math.ceil(t),children:e})},Ir=()=>i.useContext(yr),rn=i.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}),kt=()=>i.useContext(rn),an=()=>i.useContext(A.ThemeContext),Sr=i.createContext(x.jsx(i.Fragment,{})),mo=()=>i.useContext(Sr),po=0,go=!1,bo=0,vo=0,Co={progress:po,isPlaying:go,selectionStart:bo,selectionEnd:vo};i.createContext(Co);i.createContext({setIsPlaying:()=>{},setProgress:()=>{},setSelection:()=>{}});var wo=({isSelected:e,transparentBackground:t,...n})=>{const r=an(),{waveHeight:a,barWidth:s,barGap:o}=kt(),l=Ir(),c=e&&r?r.selectedWaveOutlineColor:r?.waveOutlineColor,u=e&&r?r.selectedWaveFillColor:r?.waveFillColor,f=r?.waveformDrawMode||"inverted";return x.jsx(za,{...n,...r,waveOutlineColor:c,waveFillColor:u,waveHeight:a,devicePixelRatio:l,barWidth:s,barGap:o,transparentBackground:t,drawMode:f})};function xo(e,t,n){return Math.ceil(e*n/t)}function yo(e){const t=Math.floor(e/1e3),n=t%60;return`${(t-n)/60}:${String(n).padStart(2,"0")}`}var Io=A.div.attrs(e=>({style:{width:`${e.$cssWidth}px`,marginLeft:`${e.$controlWidth}px`,height:`${e.$timeScaleHeight}px`}}))`
|
|
517
517
|
position: relative;
|
|
518
518
|
overflow: visible; /* Allow time labels to render above the container */
|
|
519
519
|
border-bottom: 1px solid ${e=>e.theme.timeColor};
|
|
@@ -528,11 +528,11 @@
|
|
|
528
528
|
font-size: 0.75rem; /* Smaller font to prevent overflow */
|
|
529
529
|
white-space: nowrap; /* Prevent text wrapping */
|
|
530
530
|
color: ${e=>e.theme.timeColor}; /* Use theme color instead of inheriting */
|
|
531
|
-
`,ko=e=>{const{theme:{timeColor:t},duration:n,marker:r,bigStep:a,secondStep:s,renderTimestamp:o}=e,l=new Map,c=[],u=i.useRef(null),{sampleRate:
|
|
531
|
+
`,ko=e=>{const{theme:{timeColor:t},duration:n,marker:r,bigStep:a,secondStep:s,renderTimestamp:o}=e,l=new Map,c=[],u=i.useRef(null),{sampleRate:f,samplesPerPixel:C,timeScaleHeight:p,controls:{show:d,width:g}}=i.useContext(rn),I=Ir();i.useEffect(()=>{if(u.current!==null){const v=u.current,m=v.getContext("2d");if(m){m.resetTransform(),m.clearRect(0,0,v.width,v.height),m.imageSmoothingEnabled=!1,m.fillStyle=t,m.scale(I,I);for(const[S,y]of l.entries()){const k=p-y;m.fillRect(S,k,1,y)}}}},[n,I,t,p,a,s,r,l]);const h=xo(n/1e3,C,f),b=f/C;let w=0;for(let v=0;v<h;v+=b*s/1e3){const m=Math.floor(v);if(w%r===0){const S=w,y=yo(S),k=o?x.jsx(i.Fragment,{children:o(S,m)},`timestamp-${w}`):x.jsx(Ao,{$left:m,children:y},y);c.push(k),l.set(m,p)}else w%a===0?l.set(m,Math.floor(p/2)):w%s===0&&l.set(m,Math.floor(p/5));w+=s}return x.jsxs(Io,{$cssWidth:h,$controlWidth:d?g:0,$timeScaleHeight:p,children:[c,x.jsx(So,{$cssWidth:h,$timeScaleHeight:p,width:h*I,height:p*I,ref:u})]})},$o=A.withTheme(ko),Do=A.div`
|
|
532
532
|
display: inline-flex;
|
|
533
533
|
align-items: center;
|
|
534
534
|
gap: 0.5rem;
|
|
535
|
-
`,Mo=[{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"}],Ro=({value:e,onChange:t,disabled:n=!1,className:r})=>{const a=s=>{t(s.target.value)};return x.jsx(Do,{className:r,children:x.jsx(
|
|
535
|
+
`,Mo=[{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"}],Ro=({value:e,onChange:t,disabled:n=!1,className:r})=>{const a=s=>{t(s.target.value)};return x.jsx(Do,{className:r,children:x.jsx(nn,{className:"time-format",value:e,onChange:a,disabled:n,"aria-label":"Time format selection",children:Mo.map(s=>x.jsx("option",{value:s.value,children:s.label},s.value))})})},Bo=A.div.attrs(e=>({style:{height:`${e.$waveHeight*e.$numChannels+(e.$hasClipHeaders?br:0)}px`}}))`
|
|
536
536
|
position: relative;
|
|
537
537
|
display: flex;
|
|
538
538
|
${e=>e.$width!==void 0&&`width: ${e.$width}px;`}
|
|
@@ -554,7 +554,7 @@
|
|
|
554
554
|
${e=>e.$isSelected&&`
|
|
555
555
|
background: ${e.theme.selectedTrackControlsBackground};
|
|
556
556
|
`}
|
|
557
|
-
`,Wo=({numChannels:e,children:t,className:n,backgroundColor:r,offset:a=0,width:s,hasClipHeaders:o=!1,onClick:l,trackId:c,isSelected:u=!1})=>{const{waveHeight:
|
|
557
|
+
`,Wo=({numChannels:e,children:t,className:n,backgroundColor:r,offset:a=0,width:s,hasClipHeaders:o=!1,onClick:l,trackId:c,isSelected:u=!1})=>{const{waveHeight:f,controls:{show:C,width:p}}=kt(),d=mo();return x.jsxs(Bo,{$numChannels:e,className:n,$waveHeight:f,$controlWidth:C?p:0,$width:s,$hasClipHeaders:o,$isSelected:u,children:[x.jsx(To,{$controlWidth:C?p:0,$isSelected:u,children:d}),x.jsx(Eo,{$controlWidth:C?p:0,$backgroundColor:r,$offset:a,onClick:l,"data-track-id":c,children:t})]})},En=A.button.attrs({type:"button"})`
|
|
558
558
|
display: inline-block;
|
|
559
559
|
font-family: ${e=>e.theme.fontFamily};
|
|
560
560
|
font-weight: 500;
|
|
@@ -649,7 +649,7 @@
|
|
|
649
649
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
650
650
|
color: ${e=>e.theme.textColor};
|
|
651
651
|
background-color: transparent;
|
|
652
|
-
`,Vo=e=>x.jsx(
|
|
652
|
+
`,Vo=e=>x.jsx(fr,{weight:"light",...e}),zo=e=>x.jsx(dr,{weight:"light",...e}),Tn=A(pr)`
|
|
653
653
|
width: 75%;
|
|
654
654
|
height: 5px;
|
|
655
655
|
background: ${e=>e.theme.sliderTrackColor};
|
|
@@ -698,7 +698,7 @@
|
|
|
698
698
|
&:focus::-moz-range-thumb {
|
|
699
699
|
border: 2px solid ${e=>e.theme.textColor};
|
|
700
700
|
}
|
|
701
|
-
`,
|
|
701
|
+
`,Wn=A.label`
|
|
702
702
|
width: 100%;
|
|
703
703
|
display: flex;
|
|
704
704
|
justify-content: space-between;
|
|
@@ -744,8 +744,8 @@
|
|
|
744
744
|
&:active {
|
|
745
745
|
transform: scale(0.9);
|
|
746
746
|
}
|
|
747
|
-
`;function Xo(e){let t=1/0,n=-1/0;for(let r=0;r<e.length;r++){const a=e[r];t>a&&(t=a),n<a&&(n=a)}return{min:t,max:n}}function
|
|
748
|
-
`,10)+1,s=r.substring(a)+"",o=new Blob([s],{type:"application/javascript"});return URL.createObjectURL(o)}function ts(e,t,n){var r;return function(s){return r=r||es(e),new Worker(r,s)}}var ns=ts("Lyogcm9sbHVwLXBsdWdpbi13ZWItd29ya2VyLWxvYWRlciAqLwooZnVuY3Rpb24gKCkgewogICd1c2Ugc3RyaWN0JzsKCiAgLyoqCiAgICogQXVkaW9CdWZmZXItYmFzZWQgV2F2ZWZvcm1EYXRhIGdlbmVyYXRvcgogICAqCiAgICogQWRhcHRlZCBmcm9tIEJsb2NrRmlsZTo6Q2FsY1N1bW1hcnkgaW4gQXVkYWNpdHksIHdpdGggcGVybWlzc2lvbi4KICAgKiBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2F1ZGFjaXR5L2F1ZGFjaXR5L2Jsb2IvCiAgICogICAxMTA4YzEzNzZjMDkxNjYxNjIzMzVmYWI0NzQzMDA4Y2JhNTdjNGVlL3NyYy9CbG9ja0ZpbGUuY3BwI0wxOTgKICAgKi8KCiAgdmFyIElOVDhfTUFYID0gMTI3OwogIHZhciBJTlQ4X01JTiA9IC0xMjg7CiAgdmFyIElOVDE2X01BWCA9IDMyNzY3OwogIHZhciBJTlQxNl9NSU4gPSAtMzI3Njg7CiAgZnVuY3Rpb24gY2FsY3VsYXRlV2F2ZWZvcm1EYXRhTGVuZ3RoKGF1ZGlvX3NhbXBsZV9jb3VudCwgc2NhbGUpIHsKICAgIHZhciBkYXRhX2xlbmd0aCA9IE1hdGguZmxvb3IoYXVkaW9fc2FtcGxlX2NvdW50IC8gc2NhbGUpOwogICAgdmFyIHNhbXBsZXNfcmVtYWluaW5nID0gYXVkaW9fc2FtcGxlX2NvdW50IC0gZGF0YV9sZW5ndGggKiBzY2FsZTsKICAgIGlmIChzYW1wbGVzX3JlbWFpbmluZyA+IDApIHsKICAgICAgZGF0YV9sZW5ndGgrKzsKICAgIH0KICAgIHJldHVybiBkYXRhX2xlbmd0aDsKICB9CiAgZnVuY3Rpb24gZ2VuZXJhdGVXYXZlZm9ybURhdGEob3B0aW9ucykgewogICAgdmFyIHNjYWxlID0gb3B0aW9ucy5zY2FsZTsKICAgIHZhciBhbXBsaXR1ZGVfc2NhbGUgPSBvcHRpb25zLmFtcGxpdHVkZV9zY2FsZTsKICAgIHZhciBzcGxpdF9jaGFubmVscyA9IG9wdGlvbnMuc3BsaXRfY2hhbm5lbHM7CiAgICB2YXIgbGVuZ3RoID0gb3B0aW9ucy5sZW5ndGg7CiAgICB2YXIgc2FtcGxlX3JhdGUgPSBvcHRpb25zLnNhbXBsZV9yYXRlOwogICAgdmFyIGNoYW5uZWxzID0gb3B0aW9ucy5jaGFubmVscy5tYXAoZnVuY3Rpb24gKGNoYW5uZWwpIHsKICAgICAgcmV0dXJuIG5ldyBGbG9hdDMyQXJyYXkoY2hhbm5lbCk7CiAgICB9KTsKICAgIHZhciBvdXRwdXRfY2hhbm5lbHMgPSBzcGxpdF9jaGFubmVscyA/IGNoYW5uZWxzLmxlbmd0aCA6IDE7CiAgICB2YXIgaGVhZGVyX3NpemUgPSAyNDsKICAgIHZhciBkYXRhX2xlbmd0aCA9IGNhbGN1bGF0ZVdhdmVmb3JtRGF0YUxlbmd0aChsZW5ndGgsIHNjYWxlKTsKICAgIHZhciBieXRlc19wZXJfc2FtcGxlID0gb3B0aW9ucy5iaXRzID09PSA4ID8gMSA6IDI7CiAgICB2YXIgdG90YWxfc2l6ZSA9IGhlYWRlcl9zaXplICsgZGF0YV9sZW5ndGggKiAyICogYnl0ZXNfcGVyX3NhbXBsZSAqIG91dHB1dF9jaGFubmVsczsKICAgIHZhciBidWZmZXIgPSBuZXcgQXJyYXlCdWZmZXIodG90YWxfc2l6ZSk7CiAgICB2YXIgZGF0YV92aWV3ID0gbmV3IERhdGFWaWV3KGJ1ZmZlcik7CiAgICB2YXIgc2NhbGVfY291bnRlciA9IDA7CiAgICB2YXIgb2Zmc2V0ID0gaGVhZGVyX3NpemU7CiAgICB2YXIgbWluX3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICB2YXIgbWF4X3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICBmb3IgKHZhciBjaGFubmVsID0gMDsgY2hhbm5lbCA8IG91dHB1dF9jaGFubmVsczsgY2hhbm5lbCsrKSB7CiAgICAgIG1pbl92YWx1ZVtjaGFubmVsXSA9IEluZmluaXR5OwogICAgICBtYXhfdmFsdWVbY2hhbm5lbF0gPSAtSW5maW5pdHk7CiAgICB9CiAgICB2YXIgcmFuZ2VfbWluID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NSU4gOiBJTlQxNl9NSU47CiAgICB2YXIgcmFuZ2VfbWF4ID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NQVggOiBJTlQxNl9NQVg7CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMCwgMiwgdHJ1ZSk7IC8vIFZlcnNpb24KICAgIGRhdGFfdmlldy5zZXRVaW50MzIoNCwgb3B0aW9ucy5iaXRzID09PSA4LCB0cnVlKTsgLy8gSXMgOCBiaXQ/CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoOCwgc2FtcGxlX3JhdGUsIHRydWUpOyAvLyBTYW1wbGUgcmF0ZQogICAgZGF0YV92aWV3LnNldEludDMyKDEyLCBzY2FsZSwgdHJ1ZSk7IC8vIFNjYWxlCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMTYsIGRhdGFfbGVuZ3RoLCB0cnVlKTsgLy8gTGVuZ3RoCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMjAsIG91dHB1dF9jaGFubmVscywgdHJ1ZSk7CiAgICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbmd0aDsgaSsrKSB7CiAgICAgIHZhciBzYW1wbGUgPSAwOwogICAgICBpZiAob3V0cHV0X2NoYW5uZWxzID09PSAxKSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwgPSAwOyBfY2hhbm5lbCA8IGNoYW5uZWxzLmxlbmd0aDsgKytfY2hhbm5lbCkgewogICAgICAgICAgc2FtcGxlICs9IGNoYW5uZWxzW19jaGFubmVsXVtpXTsKICAgICAgICB9CiAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBzYW1wbGUgKiBhbXBsaXR1ZGVfc2NhbGUgLyBjaGFubmVscy5sZW5ndGgpOwogICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbMF0pIHsKICAgICAgICAgIG1pbl92YWx1ZVswXSA9IHNhbXBsZTsKICAgICAgICAgIGlmIChtaW5fdmFsdWVbMF0gPCByYW5nZV9taW4pIHsKICAgICAgICAgICAgbWluX3ZhbHVlWzBdID0gcmFuZ2VfbWluOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgICBpZiAoc2FtcGxlID4gbWF4X3ZhbHVlWzBdKSB7CiAgICAgICAgICBtYXhfdmFsdWVbMF0gPSBzYW1wbGU7CiAgICAgICAgICBpZiAobWF4X3ZhbHVlWzBdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgIG1heF92YWx1ZVswXSA9IHJhbmdlX21heDsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0gZWxzZSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwyID0gMDsgX2NoYW5uZWwyIDwgb3V0cHV0X2NoYW5uZWxzOyArK19jaGFubmVsMikgewogICAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBjaGFubmVsc1tfY2hhbm5lbDJdW2ldICogYW1wbGl0dWRlX3NjYWxlKTsKICAgICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtaW5fdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1pbl92YWx1ZVtfY2hhbm5lbDJdIDwgcmFuZ2VfbWluKSB7CiAgICAgICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9taW47CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICAgIGlmIChzYW1wbGUgPiBtYXhfdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtYXhfdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1heF92YWx1ZVtfY2hhbm5lbDJdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgICAgbWF4X3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9tYXg7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgICAgaWYgKCsrc2NhbGVfY291bnRlciA9PT0gc2NhbGUpIHsKICAgICAgICBmb3IgKHZhciBfY2hhbm5lbDMgPSAwOyBfY2hhbm5lbDMgPCBvdXRwdXRfY2hhbm5lbHM7IF9jaGFubmVsMysrKSB7CiAgICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtaW5fdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50MTYob2Zmc2V0LCBtaW5fdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQxNihvZmZzZXQgKyAyLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIG9mZnNldCArPSA0OwogICAgICAgICAgfQogICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsM10gPSBJbmZpbml0eTsKICAgICAgICAgIG1heF92YWx1ZVtfY2hhbm5lbDNdID0gLUluZmluaXR5OwogICAgICAgIH0KICAgICAgICBzY2FsZV9jb3VudGVyID0gMDsKICAgICAgfQogICAgfQogICAgaWYgKHNjYWxlX2NvdW50ZXIgPiAwKSB7CiAgICAgIGZvciAodmFyIF9jaGFubmVsNCA9IDA7IF9jaGFubmVsNCA8IG91dHB1dF9jaGFubmVsczsgX2NoYW5uZWw0KyspIHsKICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50OChvZmZzZXQrKywgbWluX3ZhbHVlW19jaGFubmVsNF0pOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDgob2Zmc2V0KyssIG1heF92YWx1ZVtfY2hhbm5lbDRdKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCwgbWluX3ZhbHVlW19jaGFubmVsNF0sIHRydWUpOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCArIDIsIG1heF92YWx1ZVtfY2hhbm5lbDRdLCB0cnVlKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICAgIHJldHVybiBidWZmZXI7CiAgfQoKICBvbm1lc3NhZ2UgPSBmdW5jdGlvbiBvbm1lc3NhZ2UoZXZ0KSB7CiAgICB2YXIgYnVmZmVyID0gZ2VuZXJhdGVXYXZlZm9ybURhdGEoZXZ0LmRhdGEpOwoKICAgIC8vIFRyYW5zZmVyIGJ1ZmZlciB0byB0aGUgY2FsbGluZyB0aHJlYWQKICAgIHRoaXMucG9zdE1lc3NhZ2UoYnVmZmVyLCBbYnVmZmVyXSk7CiAgICB0aGlzLmNsb3NlKCk7CiAgfTsKCn0pKCk7Ci8vIyBzb3VyY2VNYXBwaW5nVVJMPXdhdmVmb3JtLWRhdGEtd29ya2VyLmpzLm1hcAoK");function xe(e){if(Uo(e)&&(e=qo(e)),Jo(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 je(this,t)}else throw new TypeError("WaveformData.create(): Unknown data format")}var nt={scale:512,bits:8,amplitude_scale:1,split_channels:!1,disable_worker:!1};function rs(e){var t={scale:e.scale||nt.scale,bits:e.bits||nt.bits,amplitude_scale:e.amplitude_scale||nt.amplitude_scale,split_channels:e.split_channels||nt.split_channels,disable_worker:e.disable_worker||nt.disable_worker};return t}function as(e){for(var t=[],n=0;n<e.numberOfChannels;++n)t.push(e.getChannelData(n).buffer);return t}function Ar(e,t,n){var r=as(e);if(t.disable_worker){var a=Ko({scale:t.scale,bits:t.bits,amplitude_scale:t.amplitude_scale,split_channels:t.split_channels,length:e.length,sample_rate:e.sampleRate,channels:r});n(void 0,new xe(a),e)}else{var s=new ns;s.onmessage=function(o){n(void 0,new xe(o.data),e)},s.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:r},r)}}function os(e,t,n,r){function a(o){o||(o=new DOMException("EncodingError")),r(o),r=function(){}}var s=e.decodeAudioData(t,function(o){Ar(o,n,r)},a);s&&s.catch(a)}xe.create=function(t){return new xe(t)};xe.createFromAudio=function(e,t){var n=rs(e);if(e.audio_context&&e.array_buffer)return os(e.audio_context,e.array_buffer,n,t);if(e.audio_buffer)return Ar(e.audio_buffer,n,t);throw new TypeError("WaveformData.createFromAudio(): Pass either an AudioContext and ArrayBuffer, or an AudioBuffer object")};function St(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),r=24,a=this._inputData.bits===8?1:2,s=r+n*2*this._inputData.channels*a;this._output_data=new ArrayBuffer(s),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 xe(this._output_data),this._input_index=0,this._output_index=0;var o=this._inputData.channels;this._min=new Array(o),this._max=new Array(o);for(var l=0;l<o;++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}St.prototype.sample_at_pixel=function(e){return Math.floor(e*this._output_samples_per_pixel)};St.prototype.next=function(){for(var e=0,t=1e3,n=this._inputData.channels,r;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 a=0;a<n;++a)r=this._outputWaveformData.channel(a),r.set_min_sample(this._output_index-1,this._min[a]),r.set_max_sample(this._output_index-1,this._max[a]);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 s=0;s<n;++s)this._min[s]=this._max_value,this._max[s]=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 o=0;o<n;++o){r=this._inputData.channel(o);var l=r.min_sample(this._input_index);l<this._min[o]&&(this._min[o]=l),l=r.max_sample(this._input_index),l>this._max[o]&&(this._max[o]=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)r=this._outputWaveformData.channel(c),r.set_min_sample(this._output_index-1,this._min[c]),r.set_max_sample(this._output_index-1,this._max[c]);return!0};St.prototype.getOutputData=function(){return this._output_data};xe.prototype={_getResampleOptions:function(t){var n={};if(n.scale=t.scale,n.width=t.width,!Ne(n.width)&&(typeof n.width!="number"||n.width<=0))throw new RangeError("WaveformData.resample(): width should be a positive integer value");if(!Ne(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 St(t);!n.next(););return new xe(n.getOutputData())},concat:function(){var t=this,n=Array.prototype.slice.call(arguments);n.forEach(function(a){if(t.channels!==a.channels||t.sample_rate!==a.sample_rate||t.bits!==a.bits||t.scale!==a.scale)throw new Error("WaveformData.concat(): Waveforms are incompatible")});var r=this._concatBuffers.apply(this,n);return xe.create(r)},_concatBuffers:function(){for(var t=Array.prototype.slice.call(arguments),n=this._offset,r=n,a=0,s=[this].concat(t).map(function(h){return h._data.buffer}),o=0;o<s.length;o++){var l=s[o],c=new DataView(l).getInt32(16,!0);r+=l.byteLength-n,a+=c}for(var u=new ArrayBuffer(r),d=new DataView(s[0]),b=new DataView(u),g=0;g<n;g++)b.setUint8(g,d.getUint8(g));b.setInt32(16,a,!0);for(var f=0,v=new Uint8Array(u,n),y=0;y<s.length;y++){var m=s[y];v.set(new Uint8Array(m,n),f),f+=m.byteLength-n}return u},slice:function(t){var n=0,r=0;if(!Ne(t.startIndex)&&!Ne(t.endIndex)?(n=t.startIndex,r=t.endIndex):!Ne(t.startTime)&&!Ne(t.endTime)&&(n=this.at_time(t.startTime),r=this.at_time(t.endTime)),n<0)throw new RangeError("startIndex or startTime must not be negative");if(r<0)throw new RangeError("endIndex or endTime must not be negative");n>this.length&&(n=this.length),r>this.length&&(r=this.length),n>r&&(n=r);var a=r-n,s=24,o=this.bits===8?1:2,l=s+a*2*this.channels*o,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,a,!0),u.setInt32(20,this.channels,!0);for(var d=0;d<a*this.channels*2;d++){var b=this._at(n*this.channels*2+d);this.bits===8?u.setInt8(s+d,b):u.setInt16(s+d*2,b,!0)}return new xe(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 r=0;r<this.channels;r++)t.data.push(this.channel(r).min_sample(n)),t.data.push(this.channel(r).max_sample(n));return t},toArrayBuffer:function(){return this._data.buffer}};async function an(e){const t=await fetch(e);if(!t.ok)throw new Error(`Failed to fetch waveform data: ${t.statusText}`);if(e.endsWith(".dat")){const r=await t.arrayBuffer();return xe.create(r)}else{const r=await t.json();return xe.create(r)}}function kr(e,t=0){const n=e.channel(t),r=e.bits,a=n.min_array(),s=n.max_array(),o=a.length,l=r===8?new Int8Array(o*2):new Int16Array(o*2);for(let c=0;c<o;c++)l[c*2]=a[c],l[c*2+1]=s[c];return{data:l,bits:r,length:o,sampleRate:e.sample_rate}}async function ss(e,t=0){const n=await an(e);return kr(n,t)}async function is(e){const t=await an(e);return{sampleRate:t.sample_rate,channels:t.channels,duration:t.duration,samplesPerPixel:t.scale,length:t.length,bits:t.bits}}function ls(e,t,n=0,r,a){let s=e;if(r!==void 0&&a!==void 0){const g=e.scale,f=Math.floor(r/g),v=Math.ceil((r+a)/g);s=s.slice({startIndex:f,endIndex:v})}s.scale!==t&&(s=s.resample({scale:t}));const o=s.channel(n),l=s.bits,c=o.min_array(),u=o.max_array(),d=c.length,b=l===8?new Int8Array(d*2):new Int16Array(d*2);for(let g=0;g<d;g++)b[g*2]=c[g],b[g*2+1]=u[g];return{data:b,bits:l,length:d}}var Zn;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(Zn||(Zn={}));function _n(){}const cs=Object.freeze({x:0,y:0});var Oe;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(Oe||(Oe={}));var Vn;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(Vn||(Vn={}));var ze;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})(ze||(ze={}));ze.Space,ze.Enter,ze.Esc,ze.Space,ze.Enter,ze.Tab;var zn;(function(e){e[e.RightClick=2]="RightClick"})(zn||(zn={}));var Xn;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(Xn||(Xn={}));var Hn;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(Hn||(Hn={}));Oe.Backward+"",Oe.Forward+"",Oe.Backward+"",Oe.Forward+"";var Nt;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(Nt||(Nt={}));var Yt;(function(e){e.Optimized="optimized"})(Yt||(Yt={}));function us(e,t){return i.useMemo(()=>e.reduce((n,r)=>{let{eventName:a,handler:s}=r;return n[a]=o=>{s(o,t)},n},{}),[e,t])}Nt.WhileDragging,Yt.Optimized;const ds={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:_n,draggableNodes:new Map,over:null,measureDroppableContainers:_n},fs=i.createContext(ds),hs=i.createContext({...cs,scaleX:1,scaleY:1});var jn;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(jn||(jn={}));const ms=i.createContext(null),Pn="button",ps="Draggable";function Gn(e){let{id:t,data:n,disabled:r=!1,attributes:a}=e;const s=cr(ps),{activators:o,activatorEvent:l,active:c,activeNodeRect:u,ariaDescribedById:d,draggableNodes:b,over:g}=i.useContext(fs),{role:f=Pn,roleDescription:v="draggable",tabIndex:y=0}=a??{},m=c?.id===t,h=i.useContext(m?hs:ms),[w,C]=pt(),[p,S]=pt(),I=us(o,t),k=lr(n);Ct(()=>(b.set(t,{id:t,key:s,node:w,activatorNode:p,data:k}),()=>{const M=b.get(t);M&&M.key===s&&b.delete(t)}),[b,t]);const R=i.useMemo(()=>({role:f,tabIndex:y,"aria-disabled":r,"aria-pressed":m&&f===Pn?!0:void 0,"aria-roledescription":v,"aria-describedby":d.draggable}),[r,f,y,m,v,d.draggable]);return{active:c,activatorEvent:l,activeNodeRect:u,attributes:R,isDragging:m,listeners:r?void 0:I,node:w,over:g,setNodeRef:C,setActivatorNodeRef:S,transform:h}}function gs(e){return{id:e.id,start:parseFloat(e.begin),end:parseFloat(e.end),lines:e.lines,lang:e.language}}function bs(e){return{id:e.id,begin:e.start.toFixed(3),end:e.end.toFixed(3),lines:e.lines,language:e.lang||"en"}}A.div.attrs(e=>({style:{left:`${e.$left}px`,width:`${e.$width}px`}}))`
|
|
747
|
+
`;function Xo(e){let t=1/0,n=-1/0;for(let r=0;r<e.length;r++){const a=e[r];t>a&&(t=a),n<a&&(n=a)}return{min:t,max:n}}function Fn(e,t){const n=Math.pow(2,t-1),r=e<0?e*n:e*(n-1);return Math.max(-n,Math.min(n-1,r))}function Ar(e,t){switch(e){case 8:return new Int8Array(t);case 16:return new Int16Array(t)}}function Zn(e,t,n){const r=e.length,a=Math.ceil(r/t),s=Ar(n,a*2);for(let o=0;o<a;o++){const l=o*t,c=Math.min((o+1)*t,r),u=e.subarray(l,c),f=Xo(u),C=Fn(f.min,n),p=Fn(f.max,n);s[o*2]=C,s[o*2+1]=p}return s}function Ho(e,t){const n=e.length,r=1/n,a=e[0].length/2,s=Ar(t,a*2);for(let o=0;o<a;o++){let l=0,c=0;for(let u=0;u<n;u++)l+=r*e[u][o*2],c+=r*e[u][o*2+1];s[o*2]=l,s[o*2+1]=c}return[s]}function jo(e,t=1e3,n=!0,r=0,a,s=16){if(s!==8&&s!==16)throw new Error("Invalid number of bits specified for peaks. Must be 8 or 16.");let o=[];if("getChannelData"in e){const c=e.numberOfChannels,u=a??e.length;for(let f=0;f<c;f++){const p=e.getChannelData(f).subarray(r,u);o.push(Zn(p,t,s))}}else{const c=a??e.length,u=e.subarray(r,c);o.push(Zn(u,t,s))}return n&&o.length>1&&(o=Ho(o,s)),{length:o[0].length/2,data:o,bits:s}}function Po(e,t=1e3,n=!0,r=8,a=0,s){const o=s!==void 0?a+s:void 0;return jo(e,t,n,a,o,r)}function Pe(e,t){this._waveformData=e,this._channelIndex=t}Pe.prototype.min_sample=function(e){var t=(e*this._waveformData.channels+this._channelIndex)*2;return this._waveformData._at(t)};Pe.prototype.max_sample=function(e){var t=(e*this._waveformData.channels+this._channelIndex)*2+1;return this._waveformData._at(t)};Pe.prototype.set_min_sample=function(e,t){var n=(e*this._waveformData.channels+this._channelIndex)*2;return this._waveformData._set_at(n,t)};Pe.prototype.set_max_sample=function(e,t){var n=(e*this._waveformData.channels+this._channelIndex)*2+1;return this._waveformData._set_at(n,t)};Pe.prototype.min_array=function(){for(var e=this._waveformData.length,t=[],n=0;n<e;n++)t.push(this.min_sample(n));return t};Pe.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 Go=127,Lo=-128,No=32767,Yo=-32768;function Oo(e,t){var n=Math.floor(e/t),r=e-n*t;return r>0&&n++,n}function Ko(e){for(var t=e.scale,n=e.amplitude_scale,r=e.split_channels,a=e.length,s=e.sample_rate,o=e.channels.map(function($){return new Float32Array($)}),l=r?o.length:1,c=24,u=Oo(a,t),f=e.bits===8?1:2,C=c+u*2*f*l,p=new ArrayBuffer(C),d=new DataView(p),g=0,I=c,h=new Array(l),b=new Array(l),w=0;w<l;w++)h[w]=1/0,b[w]=-1/0;var v=e.bits===8?Lo:Yo,m=e.bits===8?Go:No;d.setInt32(0,2,!0),d.setUint32(4,e.bits===8,!0),d.setInt32(8,s,!0),d.setInt32(12,t,!0),d.setInt32(16,u,!0),d.setInt32(20,l,!0);for(var S=0;S<a;S++){var y=0;if(l===1){for(var k=0;k<o.length;++k)y+=o[k][S];y=Math.floor(m*y*n/o.length),y<h[0]&&(h[0]=y,h[0]<v&&(h[0]=v)),y>b[0]&&(b[0]=y,b[0]>m&&(b[0]=m))}else for(var R=0;R<l;++R)y=Math.floor(m*o[R][S]*n),y<h[R]&&(h[R]=y,h[R]<v&&(h[R]=v)),y>b[R]&&(b[R]=y,b[R]>m&&(b[R]=m));if(++g===t){for(var M=0;M<l;M++)e.bits===8?(d.setInt8(I++,h[M]),d.setInt8(I++,b[M])):(d.setInt16(I,h[M],!0),d.setInt16(I+2,b[M],!0),I+=4),h[M]=1/0,b[M]=-1/0;g=0}}if(g>0)for(var D=0;D<l;D++)e.bits===8?(d.setInt8(I++,h[D]),d.setInt8(I++,b[D])):(d.setInt16(I,h[D],!0),d.setInt16(I+2,b[D],!0));return p}function wt(e){"@babel/helpers - typeof";return wt=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},wt(e)}function Uo(e){return e&&wt(e)==="object"&&"sample_rate"in e&&"samples_per_pixel"in e&&"bits"in e&&"length"in e&&"data"in e}function Jo(e){var t=e&&wt(e)==="object"&&"byteLength"in e;if(t){var n=new DataView(e),r=n.getInt32(0,!0);if(r!==1&&r!==2)throw new TypeError("WaveformData.create(): This waveform data version not supported")}return t}function qo(e){var t=e.data,n=e.channels||1,r=24,a=e.bits===8?1:2,s=e.length*2*n;if(t.length!==s)throw new Error("WaveformData.create(): Length mismatch in JSON waveform data");var o=r+t.length*a,l=new ArrayBuffer(o),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=r;if(e.bits===8)for(var f=0;f<t.length;f++)c.setInt8(u++,t[f],!0);else for(var C=0;C<t.length;C++)c.setInt16(u,t[C],!0),u+=2;return l}function Ye(e){return e==null}function Qo(e,t){var n=atob(e);return n}function es(e,t,n){var r=Qo(e),a=r.indexOf(`
|
|
748
|
+
`,10)+1,s=r.substring(a)+"",o=new Blob([s],{type:"application/javascript"});return URL.createObjectURL(o)}function ts(e,t,n){var r;return function(s){return r=r||es(e),new Worker(r,s)}}var ns=ts("Lyogcm9sbHVwLXBsdWdpbi13ZWItd29ya2VyLWxvYWRlciAqLwooZnVuY3Rpb24gKCkgewogICd1c2Ugc3RyaWN0JzsKCiAgLyoqCiAgICogQXVkaW9CdWZmZXItYmFzZWQgV2F2ZWZvcm1EYXRhIGdlbmVyYXRvcgogICAqCiAgICogQWRhcHRlZCBmcm9tIEJsb2NrRmlsZTo6Q2FsY1N1bW1hcnkgaW4gQXVkYWNpdHksIHdpdGggcGVybWlzc2lvbi4KICAgKiBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2F1ZGFjaXR5L2F1ZGFjaXR5L2Jsb2IvCiAgICogICAxMTA4YzEzNzZjMDkxNjYxNjIzMzVmYWI0NzQzMDA4Y2JhNTdjNGVlL3NyYy9CbG9ja0ZpbGUuY3BwI0wxOTgKICAgKi8KCiAgdmFyIElOVDhfTUFYID0gMTI3OwogIHZhciBJTlQ4X01JTiA9IC0xMjg7CiAgdmFyIElOVDE2X01BWCA9IDMyNzY3OwogIHZhciBJTlQxNl9NSU4gPSAtMzI3Njg7CiAgZnVuY3Rpb24gY2FsY3VsYXRlV2F2ZWZvcm1EYXRhTGVuZ3RoKGF1ZGlvX3NhbXBsZV9jb3VudCwgc2NhbGUpIHsKICAgIHZhciBkYXRhX2xlbmd0aCA9IE1hdGguZmxvb3IoYXVkaW9fc2FtcGxlX2NvdW50IC8gc2NhbGUpOwogICAgdmFyIHNhbXBsZXNfcmVtYWluaW5nID0gYXVkaW9fc2FtcGxlX2NvdW50IC0gZGF0YV9sZW5ndGggKiBzY2FsZTsKICAgIGlmIChzYW1wbGVzX3JlbWFpbmluZyA+IDApIHsKICAgICAgZGF0YV9sZW5ndGgrKzsKICAgIH0KICAgIHJldHVybiBkYXRhX2xlbmd0aDsKICB9CiAgZnVuY3Rpb24gZ2VuZXJhdGVXYXZlZm9ybURhdGEob3B0aW9ucykgewogICAgdmFyIHNjYWxlID0gb3B0aW9ucy5zY2FsZTsKICAgIHZhciBhbXBsaXR1ZGVfc2NhbGUgPSBvcHRpb25zLmFtcGxpdHVkZV9zY2FsZTsKICAgIHZhciBzcGxpdF9jaGFubmVscyA9IG9wdGlvbnMuc3BsaXRfY2hhbm5lbHM7CiAgICB2YXIgbGVuZ3RoID0gb3B0aW9ucy5sZW5ndGg7CiAgICB2YXIgc2FtcGxlX3JhdGUgPSBvcHRpb25zLnNhbXBsZV9yYXRlOwogICAgdmFyIGNoYW5uZWxzID0gb3B0aW9ucy5jaGFubmVscy5tYXAoZnVuY3Rpb24gKGNoYW5uZWwpIHsKICAgICAgcmV0dXJuIG5ldyBGbG9hdDMyQXJyYXkoY2hhbm5lbCk7CiAgICB9KTsKICAgIHZhciBvdXRwdXRfY2hhbm5lbHMgPSBzcGxpdF9jaGFubmVscyA/IGNoYW5uZWxzLmxlbmd0aCA6IDE7CiAgICB2YXIgaGVhZGVyX3NpemUgPSAyNDsKICAgIHZhciBkYXRhX2xlbmd0aCA9IGNhbGN1bGF0ZVdhdmVmb3JtRGF0YUxlbmd0aChsZW5ndGgsIHNjYWxlKTsKICAgIHZhciBieXRlc19wZXJfc2FtcGxlID0gb3B0aW9ucy5iaXRzID09PSA4ID8gMSA6IDI7CiAgICB2YXIgdG90YWxfc2l6ZSA9IGhlYWRlcl9zaXplICsgZGF0YV9sZW5ndGggKiAyICogYnl0ZXNfcGVyX3NhbXBsZSAqIG91dHB1dF9jaGFubmVsczsKICAgIHZhciBidWZmZXIgPSBuZXcgQXJyYXlCdWZmZXIodG90YWxfc2l6ZSk7CiAgICB2YXIgZGF0YV92aWV3ID0gbmV3IERhdGFWaWV3KGJ1ZmZlcik7CiAgICB2YXIgc2NhbGVfY291bnRlciA9IDA7CiAgICB2YXIgb2Zmc2V0ID0gaGVhZGVyX3NpemU7CiAgICB2YXIgbWluX3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICB2YXIgbWF4X3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICBmb3IgKHZhciBjaGFubmVsID0gMDsgY2hhbm5lbCA8IG91dHB1dF9jaGFubmVsczsgY2hhbm5lbCsrKSB7CiAgICAgIG1pbl92YWx1ZVtjaGFubmVsXSA9IEluZmluaXR5OwogICAgICBtYXhfdmFsdWVbY2hhbm5lbF0gPSAtSW5maW5pdHk7CiAgICB9CiAgICB2YXIgcmFuZ2VfbWluID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NSU4gOiBJTlQxNl9NSU47CiAgICB2YXIgcmFuZ2VfbWF4ID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NQVggOiBJTlQxNl9NQVg7CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMCwgMiwgdHJ1ZSk7IC8vIFZlcnNpb24KICAgIGRhdGFfdmlldy5zZXRVaW50MzIoNCwgb3B0aW9ucy5iaXRzID09PSA4LCB0cnVlKTsgLy8gSXMgOCBiaXQ/CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoOCwgc2FtcGxlX3JhdGUsIHRydWUpOyAvLyBTYW1wbGUgcmF0ZQogICAgZGF0YV92aWV3LnNldEludDMyKDEyLCBzY2FsZSwgdHJ1ZSk7IC8vIFNjYWxlCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMTYsIGRhdGFfbGVuZ3RoLCB0cnVlKTsgLy8gTGVuZ3RoCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMjAsIG91dHB1dF9jaGFubmVscywgdHJ1ZSk7CiAgICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbmd0aDsgaSsrKSB7CiAgICAgIHZhciBzYW1wbGUgPSAwOwogICAgICBpZiAob3V0cHV0X2NoYW5uZWxzID09PSAxKSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwgPSAwOyBfY2hhbm5lbCA8IGNoYW5uZWxzLmxlbmd0aDsgKytfY2hhbm5lbCkgewogICAgICAgICAgc2FtcGxlICs9IGNoYW5uZWxzW19jaGFubmVsXVtpXTsKICAgICAgICB9CiAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBzYW1wbGUgKiBhbXBsaXR1ZGVfc2NhbGUgLyBjaGFubmVscy5sZW5ndGgpOwogICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbMF0pIHsKICAgICAgICAgIG1pbl92YWx1ZVswXSA9IHNhbXBsZTsKICAgICAgICAgIGlmIChtaW5fdmFsdWVbMF0gPCByYW5nZV9taW4pIHsKICAgICAgICAgICAgbWluX3ZhbHVlWzBdID0gcmFuZ2VfbWluOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgICBpZiAoc2FtcGxlID4gbWF4X3ZhbHVlWzBdKSB7CiAgICAgICAgICBtYXhfdmFsdWVbMF0gPSBzYW1wbGU7CiAgICAgICAgICBpZiAobWF4X3ZhbHVlWzBdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgIG1heF92YWx1ZVswXSA9IHJhbmdlX21heDsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0gZWxzZSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwyID0gMDsgX2NoYW5uZWwyIDwgb3V0cHV0X2NoYW5uZWxzOyArK19jaGFubmVsMikgewogICAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBjaGFubmVsc1tfY2hhbm5lbDJdW2ldICogYW1wbGl0dWRlX3NjYWxlKTsKICAgICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtaW5fdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1pbl92YWx1ZVtfY2hhbm5lbDJdIDwgcmFuZ2VfbWluKSB7CiAgICAgICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9taW47CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICAgIGlmIChzYW1wbGUgPiBtYXhfdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtYXhfdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1heF92YWx1ZVtfY2hhbm5lbDJdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgICAgbWF4X3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9tYXg7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgICAgaWYgKCsrc2NhbGVfY291bnRlciA9PT0gc2NhbGUpIHsKICAgICAgICBmb3IgKHZhciBfY2hhbm5lbDMgPSAwOyBfY2hhbm5lbDMgPCBvdXRwdXRfY2hhbm5lbHM7IF9jaGFubmVsMysrKSB7CiAgICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtaW5fdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50MTYob2Zmc2V0LCBtaW5fdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQxNihvZmZzZXQgKyAyLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIG9mZnNldCArPSA0OwogICAgICAgICAgfQogICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsM10gPSBJbmZpbml0eTsKICAgICAgICAgIG1heF92YWx1ZVtfY2hhbm5lbDNdID0gLUluZmluaXR5OwogICAgICAgIH0KICAgICAgICBzY2FsZV9jb3VudGVyID0gMDsKICAgICAgfQogICAgfQogICAgaWYgKHNjYWxlX2NvdW50ZXIgPiAwKSB7CiAgICAgIGZvciAodmFyIF9jaGFubmVsNCA9IDA7IF9jaGFubmVsNCA8IG91dHB1dF9jaGFubmVsczsgX2NoYW5uZWw0KyspIHsKICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50OChvZmZzZXQrKywgbWluX3ZhbHVlW19jaGFubmVsNF0pOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDgob2Zmc2V0KyssIG1heF92YWx1ZVtfY2hhbm5lbDRdKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCwgbWluX3ZhbHVlW19jaGFubmVsNF0sIHRydWUpOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCArIDIsIG1heF92YWx1ZVtfY2hhbm5lbDRdLCB0cnVlKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICAgIHJldHVybiBidWZmZXI7CiAgfQoKICBvbm1lc3NhZ2UgPSBmdW5jdGlvbiBvbm1lc3NhZ2UoZXZ0KSB7CiAgICB2YXIgYnVmZmVyID0gZ2VuZXJhdGVXYXZlZm9ybURhdGEoZXZ0LmRhdGEpOwoKICAgIC8vIFRyYW5zZmVyIGJ1ZmZlciB0byB0aGUgY2FsbGluZyB0aHJlYWQKICAgIHRoaXMucG9zdE1lc3NhZ2UoYnVmZmVyLCBbYnVmZmVyXSk7CiAgICB0aGlzLmNsb3NlKCk7CiAgfTsKCn0pKCk7Ci8vIyBzb3VyY2VNYXBwaW5nVVJMPXdhdmVmb3JtLWRhdGEtd29ya2VyLmpzLm1hcAoK");function Ie(e){if(Uo(e)&&(e=qo(e)),Jo(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 Pe(this,t)}else throw new TypeError("WaveformData.create(): Unknown data format")}var nt={scale:512,bits:8,amplitude_scale:1,split_channels:!1,disable_worker:!1};function rs(e){var t={scale:e.scale||nt.scale,bits:e.bits||nt.bits,amplitude_scale:e.amplitude_scale||nt.amplitude_scale,split_channels:e.split_channels||nt.split_channels,disable_worker:e.disable_worker||nt.disable_worker};return t}function as(e){for(var t=[],n=0;n<e.numberOfChannels;++n)t.push(e.getChannelData(n).buffer);return t}function kr(e,t,n){var r=as(e);if(t.disable_worker){var a=Ko({scale:t.scale,bits:t.bits,amplitude_scale:t.amplitude_scale,split_channels:t.split_channels,length:e.length,sample_rate:e.sampleRate,channels:r});n(void 0,new Ie(a),e)}else{var s=new ns;s.onmessage=function(o){n(void 0,new Ie(o.data),e)},s.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:r},r)}}function os(e,t,n,r){function a(o){o||(o=new DOMException("EncodingError")),r(o),r=function(){}}var s=e.decodeAudioData(t,function(o){kr(o,n,r)},a);s&&s.catch(a)}Ie.create=function(t){return new Ie(t)};Ie.createFromAudio=function(e,t){var n=rs(e);if(e.audio_context&&e.array_buffer)return os(e.audio_context,e.array_buffer,n,t);if(e.audio_buffer)return kr(e.audio_buffer,n,t);throw new TypeError("WaveformData.createFromAudio(): Pass either an AudioContext and ArrayBuffer, or an AudioBuffer object")};function $t(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),r=24,a=this._inputData.bits===8?1:2,s=r+n*2*this._inputData.channels*a;this._output_data=new ArrayBuffer(s),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 Ie(this._output_data),this._input_index=0,this._output_index=0;var o=this._inputData.channels;this._min=new Array(o),this._max=new Array(o);for(var l=0;l<o;++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}$t.prototype.sample_at_pixel=function(e){return Math.floor(e*this._output_samples_per_pixel)};$t.prototype.next=function(){for(var e=0,t=1e3,n=this._inputData.channels,r;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 a=0;a<n;++a)r=this._outputWaveformData.channel(a),r.set_min_sample(this._output_index-1,this._min[a]),r.set_max_sample(this._output_index-1,this._max[a]);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 s=0;s<n;++s)this._min[s]=this._max_value,this._max[s]=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 o=0;o<n;++o){r=this._inputData.channel(o);var l=r.min_sample(this._input_index);l<this._min[o]&&(this._min[o]=l),l=r.max_sample(this._input_index),l>this._max[o]&&(this._max[o]=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)r=this._outputWaveformData.channel(c),r.set_min_sample(this._output_index-1,this._min[c]),r.set_max_sample(this._output_index-1,this._max[c]);return!0};$t.prototype.getOutputData=function(){return this._output_data};Ie.prototype={_getResampleOptions:function(t){var n={};if(n.scale=t.scale,n.width=t.width,!Ye(n.width)&&(typeof n.width!="number"||n.width<=0))throw new RangeError("WaveformData.resample(): width should be a positive integer value");if(!Ye(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 $t(t);!n.next(););return new Ie(n.getOutputData())},concat:function(){var t=this,n=Array.prototype.slice.call(arguments);n.forEach(function(a){if(t.channels!==a.channels||t.sample_rate!==a.sample_rate||t.bits!==a.bits||t.scale!==a.scale)throw new Error("WaveformData.concat(): Waveforms are incompatible")});var r=this._concatBuffers.apply(this,n);return Ie.create(r)},_concatBuffers:function(){for(var t=Array.prototype.slice.call(arguments),n=this._offset,r=n,a=0,s=[this].concat(t).map(function(b){return b._data.buffer}),o=0;o<s.length;o++){var l=s[o],c=new DataView(l).getInt32(16,!0);r+=l.byteLength-n,a+=c}for(var u=new ArrayBuffer(r),f=new DataView(s[0]),C=new DataView(u),p=0;p<n;p++)C.setUint8(p,f.getUint8(p));C.setInt32(16,a,!0);for(var d=0,g=new Uint8Array(u,n),I=0;I<s.length;I++){var h=s[I];g.set(new Uint8Array(h,n),d),d+=h.byteLength-n}return u},slice:function(t){var n=0,r=0;if(!Ye(t.startIndex)&&!Ye(t.endIndex)?(n=t.startIndex,r=t.endIndex):!Ye(t.startTime)&&!Ye(t.endTime)&&(n=this.at_time(t.startTime),r=this.at_time(t.endTime)),n<0)throw new RangeError("startIndex or startTime must not be negative");if(r<0)throw new RangeError("endIndex or endTime must not be negative");n>this.length&&(n=this.length),r>this.length&&(r=this.length),n>r&&(n=r);var a=r-n,s=24,o=this.bits===8?1:2,l=s+a*2*this.channels*o,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,a,!0),u.setInt32(20,this.channels,!0);for(var f=0;f<a*this.channels*2;f++){var C=this._at(n*this.channels*2+f);this.bits===8?u.setInt8(s+f,C):u.setInt16(s+f*2,C,!0)}return new Ie(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 r=0;r<this.channels;r++)t.data.push(this.channel(r).min_sample(n)),t.data.push(this.channel(r).max_sample(n));return t},toArrayBuffer:function(){return this._data.buffer}};async function on(e){const t=await fetch(e);if(!t.ok)throw new Error(`Failed to fetch waveform data: ${t.statusText}`);if(e.endsWith(".dat")){const r=await t.arrayBuffer();return Ie.create(r)}else{const r=await t.json();return Ie.create(r)}}function $r(e,t=0){const n=e.channel(t),r=e.bits,a=n.min_array(),s=n.max_array(),o=a.length,l=r===8?new Int8Array(o*2):new Int16Array(o*2);for(let c=0;c<o;c++)l[c*2]=a[c],l[c*2+1]=s[c];return{data:l,bits:r,length:o,sampleRate:e.sample_rate}}async function ss(e,t=0){const n=await on(e);return $r(n,t)}async function is(e){const t=await on(e);return{sampleRate:t.sample_rate,channels:t.channels,duration:t.duration,samplesPerPixel:t.scale,length:t.length,bits:t.bits}}function ls(e,t,n=0,r,a){let s=e;if(r!==void 0&&a!==void 0){const p=e.scale,d=Math.floor(r/p),g=Math.ceil((r+a)/p);s=s.slice({startIndex:d,endIndex:g})}s.scale!==t&&(s=s.resample({scale:t}));const o=s.channel(n),l=s.bits,c=o.min_array(),u=o.max_array(),f=c.length,C=l===8?new Int8Array(f*2):new Int16Array(f*2);for(let p=0;p<f;p++)C[p*2]=c[p],C[p*2+1]=u[p];return{data:C,bits:l,length:f}}var _n;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(_n||(_n={}));function Vn(){}const cs=Object.freeze({x:0,y:0});var Ke;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(Ke||(Ke={}));var zn;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(zn||(zn={}));var Ve;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})(Ve||(Ve={}));Ve.Space,Ve.Enter,Ve.Esc,Ve.Space,Ve.Enter,Ve.Tab;var Xn;(function(e){e[e.RightClick=2]="RightClick"})(Xn||(Xn={}));var Hn;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(Hn||(Hn={}));var jn;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(jn||(jn={}));Ke.Backward+"",Ke.Forward+"",Ke.Backward+"",Ke.Forward+"";var Yt;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(Yt||(Yt={}));var Ot;(function(e){e.Optimized="optimized"})(Ot||(Ot={}));function us(e,t){return i.useMemo(()=>e.reduce((n,r)=>{let{eventName:a,handler:s}=r;return n[a]=o=>{s(o,t)},n},{}),[e,t])}Yt.WhileDragging,Ot.Optimized;const ds={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Vn,draggableNodes:new Map,over:null,measureDroppableContainers:Vn},fs=i.createContext(ds),hs=i.createContext({...cs,scaleX:1,scaleY:1});var Pn;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(Pn||(Pn={}));const ms=i.createContext(null),Gn="button",ps="Draggable";function Ln(e){let{id:t,data:n,disabled:r=!1,attributes:a}=e;const s=ur(ps),{activators:o,activatorEvent:l,active:c,activeNodeRect:u,ariaDescribedById:f,draggableNodes:C,over:p}=i.useContext(fs),{role:d=Gn,roleDescription:g="draggable",tabIndex:I=0}=a??{},h=c?.id===t,b=i.useContext(h?hs:ms),[w,v]=vt(),[m,S]=vt(),y=us(o,t),k=cr(n);yt(()=>(C.set(t,{id:t,key:s,node:w,activatorNode:m,data:k}),()=>{const M=C.get(t);M&&M.key===s&&C.delete(t)}),[C,t]);const R=i.useMemo(()=>({role:d,tabIndex:I,"aria-disabled":r,"aria-pressed":h&&d===Gn?!0:void 0,"aria-roledescription":g,"aria-describedby":f.draggable}),[r,d,I,h,g,f.draggable]);return{active:c,activatorEvent:l,activeNodeRect:u,attributes:R,isDragging:h,listeners:r?void 0:y,node:w,over:p,setNodeRef:v,setActivatorNodeRef:S,transform:b}}function gs(e){return{id:e.id,start:parseFloat(e.begin),end:parseFloat(e.end),lines:e.lines,lang:e.language}}function bs(e){return{id:e.id,begin:e.start.toFixed(3),end:e.end.toFixed(3),lines:e.lines,language:e.lang||"en"}}A.div.attrs(e=>({style:{left:`${e.$left}px`,width:`${e.$width}px`}}))`
|
|
749
749
|
position: absolute;
|
|
750
750
|
top: 0;
|
|
751
751
|
background: ${e=>e.$color};
|
|
@@ -869,7 +869,7 @@
|
|
|
869
869
|
padding: 0 6px;
|
|
870
870
|
letter-spacing: 0.3px;
|
|
871
871
|
user-select: none;
|
|
872
|
-
`,
|
|
872
|
+
`,Nn=A.div`
|
|
873
873
|
position: absolute;
|
|
874
874
|
top: 0;
|
|
875
875
|
${e=>e.$position==="left"?"left: -8px":"right: -8px"};
|
|
@@ -904,7 +904,7 @@
|
|
|
904
904
|
opacity: 1;
|
|
905
905
|
background: ${e=>e.theme?.annotationResizeHandleActiveColor||"rgba(0, 0, 0, 0.7)"};
|
|
906
906
|
}
|
|
907
|
-
`,xs=({annotationId:e,annotationIndex:t,startPosition:n,endPosition:r,label:a,color:s="#ff9800",isActive:o=!1,onClick:l,editable:c=!0})=>{const u=Math.max(0,r-n),
|
|
907
|
+
`,xs=({annotationId:e,annotationIndex:t,startPosition:n,endPosition:r,label:a,color:s="#ff9800",isActive:o=!1,onClick:l,editable:c=!0})=>{const u=Math.max(0,r-n),f=`annotation-boundary-start-${t}`,{attributes:C,listeners:p,setActivatorNodeRef:d,isDragging:g}=Ln({id:f,data:{annotationId:e,annotationIndex:t,edge:"start"},disabled:!c}),I=`annotation-boundary-end-${t}`,{attributes:h,listeners:b,setActivatorNodeRef:w,isDragging:v}=Ln({id:I,data:{annotationId:e,annotationIndex:t,edge:"end"},disabled:!c});if(u<=0)return null;const m=y=>k=>{k.stopPropagation(),y?.(k)},S=y=>{y.stopPropagation()};return x.jsxs(vs,{$left:n,$width:u,children:[x.jsx(Cs,{$color:s,$isActive:o,onClick:l,children:a&&x.jsx(ws,{children:a})}),c&&x.jsx(Nn,{ref:d,$position:"left",$isDragging:g,onClick:S,...p,onPointerDown:m(p?.onPointerDown),...C}),c&&x.jsx(Nn,{ref:w,$position:"right",$isDragging:v,onClick:S,...b,onPointerDown:m(b?.onPointerDown),...h})]})},ys=A.div.attrs(e=>({style:{height:`${e.$height}px`}}))`
|
|
908
908
|
position: relative;
|
|
909
909
|
display: flex;
|
|
910
910
|
${e=>e.$width!==void 0&&`width: ${e.$width}px;`}
|
|
@@ -922,7 +922,7 @@
|
|
|
922
922
|
position: relative;
|
|
923
923
|
flex: 1;
|
|
924
924
|
padding-left: ${e=>e.$offset||0}px;
|
|
925
|
-
`,As=({children:e,className:t,height:n=30,offset:r=0,width:a})=>{const{controls:{show:s,width:o}}=
|
|
925
|
+
`,As=({children:e,className:t,height:n=30,offset:r=0,width:a})=>{const{controls:{show:s,width:o}}=kt();return x.jsxs(ys,{className:t,$height:n,$controlWidth:s?o:0,$width:a,children:[x.jsx(Is,{$controlWidth:s?o:0}),x.jsx(Ss,{$offset:r,children:e})]})};A.div.attrs(e=>({style:{height:`${e.$height}px`}}))`
|
|
926
926
|
position: relative;
|
|
927
927
|
display: flex;
|
|
928
928
|
${e=>e.$width!==void 0&&`width: ${e.$width}px;`}
|
|
@@ -1035,9 +1035,9 @@
|
|
|
1035
1035
|
outline: 2px solid #ff9800;
|
|
1036
1036
|
background: rgba(255, 152, 0, 0.1);
|
|
1037
1037
|
}
|
|
1038
|
-
`,Fs=({annotations:e,activeAnnotationId:t,shouldScrollToActive:n=!1,editable:r=!1,controls:a=[],annotationListConfig:s,height:o,onAnnotationClick:l,onAnnotationUpdate:c})=>{const
|
|
1039
|
-
`)},c(
|
|
1040
|
-
`)})]},
|
|
1038
|
+
`,Fs=({annotations:e,activeAnnotationId:t,shouldScrollToActive:n=!1,editable:r=!1,controls:a=[],annotationListConfig:s,height:o,onAnnotationClick:l,onAnnotationUpdate:c,renderAnnotationItem:u})=>{const f=i.useRef(null),C=i.useRef(null),p=i.useRef(void 0);i.useEffect(()=>{}),i.useEffect(()=>{const w=C.current;if(!w)return;const v=()=>{};return w.addEventListener("scroll",v),()=>w.removeEventListener("scroll",v)},[]),i.useEffect(()=>{t&&f.current&&n&&f.current.scrollIntoView({behavior:"smooth",block:"nearest"}),p.current=t},[t,n]);const d=w=>{if(isNaN(w)||!isFinite(w))return"0:00.000";const v=Math.floor(w/60),m=(w%60).toFixed(3);return`${v}:${m.padStart(6,"0")}`},g=(w,v)=>{if(!r||!c)return;const m=[...e];m[w]={...m[w],lines:v.split(`
|
|
1039
|
+
`)},c(m)},I=(w,v)=>{if(!r||!c)return;const m=v.trim();if(!m)return;const S=[...e];S[w]={...S[w],id:m},c(S)},h=(w,v,m)=>{if(!c)return;const S=[...e];w.action(S[m],m,S,s||{}),c(S)},b=w=>w.replace(/\./g," ");return x.jsx(ks,{ref:C,$height:o,children:e.map((w,v)=>{const m=w.id===t,S=()=>l?.(w);return u?x.jsx("div",{ref:m?f:null,children:u({annotation:w,index:v,isActive:m,onClick:S,formatTime:d})},w.id):x.jsxs($s,{ref:m?f:null,$isActive:m,onClick:S,children:[x.jsxs(Ds,{children:[x.jsxs(Ms,{children:[x.jsx(Rs,{$isEditable:r,contentEditable:r,suppressContentEditableWarning:!0,onBlur:y=>I(v,y.currentTarget.textContent||""),children:w.id}),x.jsxs(Bs,{children:[d(w.start)," - ",d(w.end)]})]}),a.length>0&&x.jsx(Es,{onClick:y=>y.stopPropagation(),children:a.map((y,k)=>x.jsx(Ts,{title:y.title,onClick:()=>h(y,w,v),children:y.text?y.text:x.jsx("i",{className:b(y.class||"")})},k))})]}),x.jsx(Ws,{$isEditable:r,contentEditable:r,suppressContentEditableWarning:!0,onBlur:y=>g(v,y.currentTarget.textContent||""),children:w.lines.join(`
|
|
1040
|
+
`)})]},w.id)})})},Zs=i.memo(Fs),_s=({checked:e,onChange:t,disabled:n=!1,className:r})=>{const a=s=>{t(s.target.checked)};return x.jsxs(It,{className:r,children:[x.jsx(St,{type:"checkbox",id:"continuous-play",className:"continuous-play",checked:e,onChange:a,disabled:n}),x.jsx(At,{htmlFor:"continuous-play",children:"Continuous Play"})]})},Vs=({checked:e,onChange:t,disabled:n=!1,className:r})=>{const a=s=>{t(s.target.checked)};return x.jsxs(It,{className:r,children:[x.jsx(St,{type:"checkbox",id:"link-endpoints",className:"link-endpoints",checked:e,onChange:a,disabled:n}),x.jsx(At,{htmlFor:"link-endpoints",children:"Link Endpoints"})]})},zs=({checked:e,onChange:t,className:n})=>x.jsxs(It,{className:n,children:[x.jsx(St,{type:"checkbox",id:"editable-annotations",checked:e,onChange:r=>t(r.target.checked)}),x.jsx(At,{htmlFor:"editable-annotations",children:"Editable Annotations"})]}),Xs=A.button`
|
|
1041
1041
|
padding: 0.5rem 1rem;
|
|
1042
1042
|
background: ${e=>e.theme?.surfaceColor||"#f5f5f5"};
|
|
1043
1043
|
color: ${e=>e.theme?.textColor||"#333"};
|
|
@@ -1063,7 +1063,7 @@
|
|
|
1063
1063
|
opacity: 0.6;
|
|
1064
1064
|
cursor: not-allowed;
|
|
1065
1065
|
}
|
|
1066
|
-
`,Hs=({annotations:e,filename:t="annotations.json",disabled:n=!1,className:r,children:a="Download JSON"})=>{const s=()=>{if(e.length===0)return;const o=e.map(b=>bs(b)),l=JSON.stringify(o,null,2),c=new Blob([l],{type:"application/json"}),u=URL.createObjectURL(c),d=document.createElement("a");d.href=u,d.download=t,document.body.appendChild(d),d.click(),document.body.removeChild(d),URL.revokeObjectURL(u)};return x.jsx(Xs,{onClick:s,disabled:n||e.length===0,className:r,title:e.length===0?"No annotations to download":"Download the annotations as JSON",children:a})};function $r(){const[e,t]=i.useState("hh:mm:ss.uuu");return{timeFormat:e,setTimeFormat:t,formatTime:a=>Ue(a,e),parseTime:a=>wr(a,e)}}const js=[256,512,1024,2048,4096,8192];function Dr({initialSamplesPerPixel:e,zoomLevels:t=js}){const[n,r]=i.useState(()=>{const u=t.indexOf(e);return u!==-1?u:Math.floor(t.length/2)}),a=t[n],s=n>0,o=n<t.length-1,l=i.useCallback(()=>{r(u=>Math.max(0,u-1))},[]),c=i.useCallback(()=>{r(u=>Math.min(t.length-1,u+1))},[t.length]);return{samplesPerPixel:a,zoomIn:l,zoomOut:c,canZoomIn:s,canZoomOut:o}}function Mr({playoutRef:e,initialVolume:t=1,onVolumeChange:n}){const[r,a]=i.useState(t),s=i.useCallback(o=>{a(o),e.current&&e.current.setMasterGain(o),n?.(o)},[e,n]);return{masterVolume:r,setMasterVolume:s}}const Ps=(e=256)=>{const t=i.useRef(null),n=i.useCallback((r,a,s)=>{const o=new E.Analyser("fft",e);return r.connect(o),r.connect(a),t.current=o,function(){o.dispose(),t.current=null}},[e]);return{analyserRef:t,masterEffects:n}};function Ot(e){const{audioBuffer:t,startSample:n,offsetSamples:r=0,gain:a=1,name:s,color:o,fadeIn:l,fadeOut:c,waveformData:u}=e,d=t?.sampleRate??e.sampleRate??u?.sample_rate,b=t?.length??e.sourceDurationSamples??(u&&d?Math.ceil(u.duration*d):void 0);if(d===void 0)throw new Error("createClip: sampleRate is required when audioBuffer is not provided (can use waveformData.sample_rate)");if(b===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 g=e.durationSamples??b;return{id:Rr(),audioBuffer:t,startSample:n,durationSamples:g,offsetSamples:r,sampleRate:d,sourceDurationSamples:b,gain:a,name:s,color:o,fadeIn:l,fadeOut:c,waveformData:u}}function Gs(e){const{audioBuffer:t,startTime:n,offset:r=0,gain:a=1,name:s,color:o,fadeIn:l,fadeOut:c,waveformData:u}=e,d=t?.sampleRate??e.sampleRate??u?.sample_rate;if(d===void 0)throw new Error("createClipFromSeconds: sampleRate is required when audioBuffer is not provided (can use waveformData.sample_rate)");const b=t?.duration??e.sourceDuration??u?.duration;if(b===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 g=e.duration??b;return Ot({audioBuffer:t,startSample:Math.round(n*d),durationSamples:Math.round(g*d),offsetSamples:Math.round(r*d),sampleRate:d,sourceDurationSamples:Math.ceil(b*d),gain:a,name:s,color:o,fadeIn:l,fadeOut:c,waveformData:u})}function Ls(e){const{name:t,clips:n=[],muted:r=!1,soloed:a=!1,volume:s=1,pan:o=0,color:l,height:c}=e;return{id:Rr(),name:t,clips:n,muted:r,soloed:a,volume:s,pan:o,color:l,height:c}}function Rr(){return`${Date.now()}-${Math.random().toString(36).substr(2,9)}`}function Ns(e,t={}){const{progressive:n=!1}=t,[r,a]=i.useState([]),[s,o]=i.useState(!0),[l,c]=i.useState(null),[u,d]=i.useState(0),b=e.length;return i.useEffect(()=>{if(e.length===0){a([]),o(!1),d(0);return}let g=!1;const f=new Map,v=(m,h,w)=>{const C=w??m.audioBuffer;if(!C&&!m.waveformData)throw new Error(`Track ${h+1}: Must provide src, audioBuffer, or waveformData`);const p=C?.duration??m.waveformData?.duration,S=Gs({audioBuffer:C,startTime:m.startTime??0,duration:m.duration??p,offset:m.offset??0,name:m.name||`Track ${h+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 ${h+1}`);return{...Ls({name:m.name||`Track ${h+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}};return(async()=>{try{o(!0),c(null),d(0);const m=sr.getContext().rawContext,h=e.map(async(C,p)=>{if(C.audioBuffer){const M=v(C,p,C.audioBuffer);return n&&!g&&(f.set(p,M),d(D=>D+1),a(Array.from({length:e.length},(D,$)=>f.get($)).filter(D=>D!==void 0))),M}if(!C.src&&C.waveformData){const M=v(C,p);return n&&!g&&(f.set(p,M),d(D=>D+1),a(Array.from({length:e.length},(D,$)=>f.get($)).filter(D=>D!==void 0))),M}if(!C.src)throw new Error(`Track ${p+1}: Must provide src, audioBuffer, or waveformData`);const S=await fetch(C.src);if(!S.ok)throw new Error(`Failed to fetch ${C.src}: ${S.statusText}`);const I=await S.arrayBuffer(),k=await m.decodeAudioData(I);if(!k||!k.sampleRate||!k.duration)throw new Error(`Invalid audio buffer for ${C.src}`);const R=v(C,p,k);return n&&!g&&(f.set(p,R),d(M=>M+1),a(Array.from({length:e.length},(M,D)=>f.get(D)).filter(M=>M!==void 0))),R}),w=await Promise.all(h);g||(n||(a(w),d(w.length)),o(!1))}catch(m){if(!g){const h=m instanceof Error?m.message:"Unknown error loading audio";c(h),o(!1),console.error("Error loading audio tracks:",m)}}})(),()=>{g=!0}},[e,n]),{tracks:r,loading:s,error:l,loadedCount:u,totalCount:b}}function Ys({tracks:e,onTracksChange:t,samplesPerPixel:n,sampleRate:r}){const a=i.useRef(null),s=i.useCallback(u=>{const{transform:d,active:b}=u;if(!b?.data?.current)return{...d,scaleX:1,scaleY:1};const{trackIndex:g,clipIndex:f,boundary:v}=b.data.current;if(v)return{...d,scaleX:1,scaleY:1};const y=e[g];if(!y)return{...d,scaleX:1,scaleY:1};const m=y.clips[f];if(!m)return{...d,scaleX:1,scaleY:1};const h=m.startSample/r,w=m.durationSamples/r,C=d.x*n/r;let p=h+C;const S=[...y.clips].sort(($,T)=>$.startSample-T.startSample),I=S.findIndex($=>$===m);p=Math.max(0,p);const k=I>0?S[I-1]:null;if(k){const $=(k.startSample+k.durationSamples)/r;p=Math.max(p,$)}const R=I<S.length-1?S[I+1]:null;if(R){const $=p+w,T=R.startSample/r;$>T&&(p=T-w)}const D=(p-h)*r/n;return{...d,x:D,scaleX:1,scaleY:1}},[e,n,r]),o=i.useCallback(u=>{const{active:d}=u,{boundary:b}=d.data.current;if(!b){a.current=null;return}const{trackIndex:g,clipIndex:f}=d.data.current,y=e[g]?.clips[f];y&&(a.current={offsetSamples:y.offsetSamples,durationSamples:y.durationSamples,startSample:y.startSample})},[e]),l=i.useCallback(u=>{const{active:d,delta:b}=u,{boundary:g}=d.data.current;if(!g||!a.current)return;const{trackIndex:f,clipIndex:v}=d.data.current,y=b.x*n,m=Math.floor(.1*r),h=a.current,w=e.map((C,p)=>{if(p!==f)return C;const S=[...C.clips].sort((R,M)=>R.startSample-M.startSample),I=S.findIndex(R=>R===C.clips[v]),k=C.clips.map((R,M)=>{if(M!==v)return R;const D=R.sourceDurationSamples;if(g==="left"){let $=Math.floor(y);const T=-h.startSample;$<T&&($=T);const W=-h.offsetSamples;$<W&&($=W);const H=I>0?S[I-1]:null;if(H){const K=H.startSample+H.durationSamples-h.startSample;$<K&&($=K)}const P=h.durationSamples-m;$>P&&($=P);const j=h.offsetSamples+$,N=h.durationSamples-$,Y=h.startSample+$;return{...R,offsetSamples:j,durationSamples:N,startSample:Y}}else{let $=Math.floor(h.durationSamples+y);$=Math.max(m,$),h.offsetSamples+$>D&&($=D-h.offsetSamples);const T=I<S.length-1?S[I+1]:null;return T&&h.startSample+$>T.startSample&&($=T.startSample-h.startSample,$=Math.max(m,$)),{...R,durationSamples:$}}});return{...C,clips:k}});t(w)},[e,t,n,r]),c=i.useCallback(u=>{const{active:d,delta:b}=u,{trackIndex:g,clipIndex:f,boundary:v}=d.data.current,y=b.x*n;if(v){a.current=null;return}const m=e.map((h,w)=>{if(w!==g)return h;const C=[...h.clips].sort((I,k)=>I.startSample-k.startSample),p=C.findIndex(I=>I===h.clips[f]),S=h.clips.map((I,k)=>{if(k!==f)return I;let R=Math.floor(I.startSample+y);R=Math.max(0,R);const M=p>0?C[p-1]:null;if(M){const $=M.startSample+M.durationSamples;R=Math.max(R,$)}const D=p<C.length-1?C[p+1]:null;return D&&R+I.durationSamples>D.startSample&&(R=D.startSample-I.durationSamples),{...I,startSample:R}});return{...h,clips:S}});t(m)},[e,t,n,r]);return{onDragStart:o,onDragMove:l,onDragEnd:c,collisionModifier:s}}const _t=.01;function Os({annotations:e,onAnnotationsChange:t,samplesPerPixel:n,sampleRate:r,duration:a,linkEndpoints:s}){const o=i.useRef(null),l=i.useCallback(d=>{const{active:b}=d,g=b.data.current;if(!g||g.annotationIndex===void 0){o.current=null;return}const f=e[g.annotationIndex];f&&(o.current={start:f.start,end:f.end,annotationIndex:g.annotationIndex})},[e]),c=i.useCallback(d=>{const{active:b,delta:g}=d;if(!o.current)return;const f=b.data.current;if(!f)return;const{edge:v,annotationIndex:y}=f,m=o.current,h=g.x*n/r,w=v==="start"?m.start+h:m.end+h,C=Ks({annotationIndex:y,newTime:w,isDraggingStart:v==="start",annotations:e,duration:a,linkEndpoints:s});t(C)},[e,t,n,r,a,s]),u=i.useCallback(()=>{o.current=null},[]);return{onDragStart:l,onDragMove:c,onDragEnd:u}}function Ks({annotationIndex:e,newTime:t,isDraggingStart:n,annotations:r,duration:a,linkEndpoints:s}){const o=[...r],l=r[e];if(n){const c=Math.min(l.end-.1,Math.max(0,t)),u=c-l.start;if(o[e]={...l,start:c},s&&e>0){const d=o[e-1];Math.abs(d.end-l.start)<_t?o[e-1]={...d,end:Math.max(d.start+.1,d.end+u)}:c<=d.end&&(o[e]={...o[e],start:d.end})}else!s&&e>0&&c<o[e-1].end&&(o[e-1]={...o[e-1],end:c})}else{const c=Math.max(l.start+.1,Math.min(t,a)),u=c-l.end;if(o[e]={...l,end:c},s&&e<o.length-1){const d=o[e+1];if(Math.abs(d.start-l.end)<_t){const b=d.start+u;o[e+1]={...d,start:Math.min(d.end-.1,b)};let g=e+1;for(;g<o.length-1;){const f=o[g],v=o[g+1];if(Math.abs(v.start-f.end)<_t){const y=f.end-r[g].end;o[g+1]={...v,start:Math.min(v.end-.1,v.start+y)},g++}else break}}else c>=d.start&&(o[e]={...o[e],end:d.start})}else if(!s&&e<o.length-1&&c>o[e+1].start){const d=o[e+1];o[e+1]={...d,start:c};let b=e+1;for(;b<o.length-1;){const g=o[b],f=o[b+1];if(g.end>f.start)o[b+1]={...f,start:g.end},b++;else break}}}return o}function on(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function Br(e){return"nodeType"in e}function Je(e){var t,n;return e?on(e)?e:Br(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function Us(e){const{Document:t}=Je(e);return e instanceof t}function Js(e){return on(e)?!1:e instanceof Je(e).HTMLElement}function qs(e){return e instanceof Je(e).SVGElement}function At(e){return e?on(e)?e.document:Br(e)?Us(e)?e:Js(e)||qs(e)?e.ownerDocument:document:document:document}function Qs(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a<n;a++)r[a-1]=arguments[a];return r.reduce((s,o)=>{const l=Object.entries(o);for(const[c,u]of l){const d=s[c];d!=null&&(s[c]=d+e*u)}return s},{...t})}}const ei=Qs(-1);function ti(e){return"clientX"in e&&"clientY"in e}function ni(e){if(!e)return!1;const{TouchEvent:t}=Je(e.target);return t&&e instanceof t}function Nn(e){if(ni(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return ti(e)?{x:e.clientX,y:e.clientY}:null}var Yn;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(Yn||(Yn={}));function Vt(e,t){return i.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function ri(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return i.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const Kt=Object.freeze({x:0,y:0});var Ke;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(Ke||(Ke={}));class zt{constructor(t){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(n=>{var r;return(r=this.target)==null?void 0:r.removeEventListener(...n)})},this.target=t}add(t,n,r){var a;(a=this.target)==null||a.addEventListener(t,n,r),this.listeners.push([t,n,r])}}function ai(e){const{EventTarget:t}=Je(e);return e instanceof t?e:At(e)}function Xt(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return typeof t=="number"?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t?r>t.y:!1}var Te;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(Te||(Te={}));function On(e){e.preventDefault()}function oi(e){e.stopPropagation()}var We;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})(We||(We={}));We.Space,We.Enter,We.Esc,We.Space,We.Enter,We.Tab;function Kn(e){return!!(e&&"distance"in e)}function Un(e){return!!(e&&"delay"in e)}class sn{constructor(t,n,r){var a;r===void 0&&(r=ai(t.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=t,this.events=n;const{event:s}=t,{target:o}=s;this.props=t,this.events=n,this.document=At(o),this.documentListeners=new zt(this.document),this.listeners=new zt(r),this.windowListeners=new zt(Je(o)),this.initialCoordinates=(a=Nn(s))!=null?a:Kt,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:t,props:{options:{activationConstraint:n,bypassActivationConstraint:r}}}=this;if(this.listeners.add(t.move.name,this.handleMove,{passive:!1}),this.listeners.add(t.end.name,this.handleEnd),t.cancel&&this.listeners.add(t.cancel.name,this.handleCancel),this.windowListeners.add(Te.Resize,this.handleCancel),this.windowListeners.add(Te.DragStart,On),this.windowListeners.add(Te.VisibilityChange,this.handleCancel),this.windowListeners.add(Te.ContextMenu,On),this.documentListeners.add(Te.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(Un(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if(Kn(n)){this.handlePending(n);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(t,n){const{active:r,onPending:a}=this.props;a(r,t,this.initialCoordinates,n)}handleStart(){const{initialCoordinates:t}=this,{onStart:n}=this.props;t&&(this.activated=!0,this.documentListeners.add(Te.Click,oi,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(Te.SelectionChange,this.removeTextSelection),n(t))}handleMove(t){var n;const{activated:r,initialCoordinates:a,props:s}=this,{onMove:o,options:{activationConstraint:l}}=s;if(!a)return;const c=(n=Nn(t))!=null?n:Kt,u=ei(a,c);if(!r&&l){if(Kn(l)){if(l.tolerance!=null&&Xt(u,l.tolerance))return this.handleCancel();if(Xt(u,l.distance))return this.handleStart()}if(Un(l)&&Xt(u,l.tolerance))return this.handleCancel();this.handlePending(l,u);return}t.cancelable&&t.preventDefault(),o(c)}handleEnd(){const{onAbort:t,onEnd:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleCancel(){const{onAbort:t,onCancel:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleKeydown(t){t.code===We.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const si={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class Er extends sn{constructor(t){const{event:n}=t,r=At(n.target);super(t,si,r)}}Er.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r?.({event:n}),!0)}}];const ii={move:{name:"mousemove"},end:{name:"mouseup"}};var Ut;(function(e){e[e.RightClick=2]="RightClick"})(Ut||(Ut={}));class Tr extends sn{constructor(t){super(t,ii,At(t.event.target))}}Tr.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===Ut.RightClick?!1:(r?.({event:n}),!0)}}];const Ht={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class Wr extends sn{constructor(t){super(t,Ht)}static setup(){return window.addEventListener(Ht.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(Ht.move.name,t)};function t(){}}}Wr.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:a}=n;return a.length>1?!1:(r?.({event:n}),!0)}}];var Jn;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(Jn||(Jn={}));var qn;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(qn||(qn={}));Ke.Backward+"",Ke.Forward+"",Ke.Backward+"",Ke.Forward+"";var Jt;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(Jt||(Jt={}));var qt;(function(e){e.Optimized="optimized"})(qt||(qt={}));Jt.WhileDragging,qt.Optimized;({...Kt});var Qn;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(Qn||(Qn={}));function li(e={}){const{touchOptimized:t=!1,touchDelay:n=250,touchTolerance:r=5,mouseDistance:a=1}=e,s=Vt(Tr,{activationConstraint:{distance:a}}),o=Vt(Wr,{activationConstraint:t?{delay:n,tolerance:r}:{distance:a}}),l=Vt(Er,{activationConstraint:{distance:a}});return ri(...t?[s,o]:[l])}const ci=e=>{const{tracks:t,onTracksChange:n,sampleRate:r}=e,{currentTimeRef:a}=ge(),{selectedTrackId:s}=Ie(),o=i.useCallback((c,u,d)=>{const{sampleRate:b,samplesPerPixel:g}=e,f=t[c];if(!f)return!1;const v=f.clips[u];if(!v)return!1;const y=v.startSample/b,m=(v.startSample+v.durationSamples)/b;if(d<=y||d>=m)return console.warn("Split time is outside clip bounds"),!1;const h=Math.round(d*b),w=Math.floor(h/g),C=v.startSample+v.durationSamples,p=w*g,S=v.startSample,I=p-S,k=p,R=C-k,M=p-v.startSample,D=Ot({audioBuffer:v.audioBuffer,startSample:S,durationSamples:I,offsetSamples:v.offsetSamples,sampleRate:v.sampleRate,sourceDurationSamples:v.sourceDurationSamples,gain:v.gain,name:v.name?`${v.name} (1)`:void 0,color:v.color,fadeIn:v.fadeIn,waveformData:v.waveformData}),$=Ot({audioBuffer:v.audioBuffer,startSample:k,durationSamples:R,offsetSamples:v.offsetSamples+M,sampleRate:v.sampleRate,sourceDurationSamples:v.sourceDurationSamples,gain:v.gain,name:v.name?`${v.name} (2)`:void 0,color:v.color,waveformData:v.waveformData,fadeOut:v.fadeOut}),T=[...f.clips];T.splice(u,1,D,$);const W=[...t];return W[c]={...f,clips:T},n(W),!0},[t,n,e]);return{splitClipAtPlayhead:i.useCallback(()=>{if(!s)return console.log("No track selected - click a clip to select a track first"),!1;const c=t.findIndex(b=>b.id===s);if(c===-1)return console.warn("Selected track not found"),!1;const u=t[c],d=a.current??0;for(let b=0;b<u.clips.length;b++){const g=u.clips[b],f=g.startSample/r,v=(g.startSample+g.durationSamples)/r;if(d>f&&d<v)return console.log(`Splitting clip on track "${u.name}" at ${d}s`),o(c,b,d)}return console.log(`No clip found at playhead position on track "${u.name}"`),!1},[t,a,s,o,r]),splitClipAt:o}},vt=e=>{const{shortcuts:t,enabled:n=!0}=e,r=i.useCallback(a=>{if(!n)return;const s=a.target;if(s.tagName==="INPUT"||s.tagName==="TEXTAREA"||s.isContentEditable)return;const o=t.find(l=>{const c=a.key.toLowerCase()===l.key.toLowerCase()||a.key===l.key,u=l.ctrlKey===void 0||a.ctrlKey===l.ctrlKey,d=l.shiftKey===void 0||a.shiftKey===l.shiftKey,b=l.metaKey===void 0||a.metaKey===l.metaKey,g=l.altKey===void 0||a.altKey===l.altKey;return c&&u&&d&&b&&g});o&&(o.preventDefault!==!1&&a.preventDefault(),o.action())},[t,n]);i.useEffect(()=>{if(n)return window.addEventListener("keydown",r),()=>{window.removeEventListener("keydown",r)}},[r,n])},ui=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("+")},di=(e={})=>{const{enabled:t=!0,additionalShortcuts:n=[],shortcuts:r}=e,{isPlaying:a}=ge(),{setCurrentTime:s,play:o,pause:l,stop:c}=oe(),{playoutRef:u}=me(),d=i.useCallback(()=>{a?l():o()},[a,o,l]),b=i.useCallback(()=>{c()},[c]),g=i.useCallback(()=>{a&&u.current?(u.current.stop(),s(0),o(0)):s(0)},[a,u,s,o]),v=r??[...[{key:" ",action:d,description:"Play/Pause",preventDefault:!0},{key:"Escape",action:b,description:"Stop",preventDefault:!0},{key:"0",action:g,description:"Rewind to start",preventDefault:!0}],...n];return vt({shortcuts:v,enabled:t}),{rewindToStart:g,togglePlayPause:d,stopPlayback:b,shortcuts:v}},jt=.01,ft=.01;function fi({annotations:e,activeAnnotationId:t,onAnnotationsChange:n,onActiveAnnotationChange:r,duration:a,linkEndpoints:s,continuousPlay:o=!1,enabled:l=!0,scrollContainerRef:c,samplesPerPixel:u,sampleRate:d,controlsWidth:b=0,onPlay:g}){const f=i.useMemo(()=>t?e.findIndex(M=>M.id===t):-1,[e,t]),v=i.useCallback(M=>{if(!c?.current||!u||!d)return;const D=e.find(z=>z.id===M);if(!D)return;const $=c.current,T=$.clientWidth,W=D.start*d/u+b,H=D.end*d/u+b,P=(W+H)/2,j=$.scrollLeft,N=j,Y=j+T;if(W<N||H>Y){const z=Math.max(0,P-T/2);$.scrollTo({left:z,behavior:"smooth"})}},[e,c,u,d,b]);i.useEffect(()=>{t&&c?.current&&u&&d&&v(t)},[t,v,c,u,d]);const y=i.useCallback(M=>{if(f<0)return;const D=e[f],$=Math.max(0,Math.min(D.end-.1,D.start+M)),T=$-D.start,W=[...e];if(W[f]={...D,start:$},s&&f>0){const H=W[f-1];Math.abs(H.end-D.start)<jt&&(W[f-1]={...H,end:Math.max(H.start+.1,H.end+T)})}else if(!s&&f>0){const H=W[f-1];$<H.end&&(W[f-1]={...H,end:$})}n(W)},[e,f,s,n]),m=i.useCallback(M=>{if(f<0)return;const D=e[f],$=Math.max(D.start+.1,Math.min(a,D.end+M)),T=$-D.end,W=[...e];if(W[f]={...D,end:$},s&&f<e.length-1){const H=W[f+1];if(Math.abs(H.start-D.end)<jt){const P=Math.min(H.end-.1,H.start+T);W[f+1]={...H,start:P};let j=f+1;for(;j<W.length-1;){const N=W[j],Y=W[j+1];if(Math.abs(Y.start-e[j].end)<jt){const z=N.end-e[j].end;W[j+1]={...Y,start:Math.min(Y.end-.1,Y.start+z)},j++}else break}}}else if(!s&&f<e.length-1){const H=W[f+1];if($>H.start){W[f+1]={...H,start:$};let P=f+1;for(;P<W.length-1;){const j=W[P],N=W[P+1];if(j.end>N.start)W[P+1]={...N,start:j.end},P++;else break}}}n(W)},[e,f,a,s,n]),h=i.useCallback(()=>{!r||e.length===0||(f<=0?r(e[e.length-1].id):r(e[f-1].id))},[e,f,r]),w=i.useCallback(()=>{!r||e.length===0||(f<0||f>=e.length-1?r(e[0].id):r(e[f+1].id))},[e,f,r]),C=i.useCallback(()=>{!r||e.length===0||r(e[0].id)},[e,r]),p=i.useCallback(()=>{!r||e.length===0||r(e[e.length-1].id)},[e,r]),S=i.useCallback(()=>{r&&r(null)},[r]),I=i.useCallback(()=>{if(f<0||!g)return;const M=e[f],D=o?void 0:M.end-M.start;g(M.start,D)},[e,f,o,g]),k=i.useMemo(()=>[{key:"[",action:()=>y(-ft),description:"Move annotation start earlier",preventDefault:!0},{key:"]",action:()=>y(ft),description:"Move annotation start later",preventDefault:!0},{key:"{",shiftKey:!0,action:()=>m(-ft),description:"Move annotation end earlier",preventDefault:!0},{key:"}",shiftKey:!0,action:()=>m(ft),description:"Move annotation end later",preventDefault:!0},{key:"Enter",action:I,description:"Play selected annotation",preventDefault:!0}],[y,m,I]),R=i.useMemo(()=>[{key:"ArrowUp",action:h,description:"Select previous annotation",preventDefault:!0},{key:"ArrowLeft",action:h,description:"Select previous annotation",preventDefault:!0},{key:"ArrowDown",action:w,description:"Select next annotation",preventDefault:!0},{key:"ArrowRight",action:w,description:"Select next annotation",preventDefault:!0},{key:"Home",action:C,description:"Select first annotation",preventDefault:!0},{key:"End",action:p,description:"Select last annotation",preventDefault:!0},{key:"Escape",action:S,description:"Deselect annotation",preventDefault:!0}],[h,w,C,p,S]);return vt({shortcuts:k,enabled:l&&f>=0}),vt({shortcuts:R,enabled:l&&e.length>0&&!!r}),{moveStartBoundary:y,moveEndBoundary:m,selectPrevious:h,selectNext:w,selectFirst:C,selectLast:p,clearSelection:S,scrollToAnnotation:v,playActiveAnnotation:I}}function hi(e){const t=e.reduce((a,s)=>a+s.length,0),n=new Float32Array(t);let r=0;for(const a of e)n.set(a,r),r+=a.length;return n}function mi(e,t,n,r=1){const a=e.createBuffer(r,t.length,n),s=new Float32Array(t);return a.copyToChannel(s,0),a}function er(e,t,n=16){const r=Math.ceil(e.length/t),a=n===8?new Int8Array(r*2):new Int16Array(r*2),s=2**(n-1);for(let o=0;o<r;o++){const l=o*t,c=Math.min(l+t,e.length);let u=0,d=0;for(let b=l;b<c;b++){const g=e[b];g<u&&(u=g),g>d&&(d=g)}a[o*2]=Math.floor(u*s),a[o*2+1]=Math.floor(d*s)}return a}function pi(e,t,n,r,a=16){const s=2**(a-1),o=r%n;let l=0;if(o>0&&e.length>0){const d=n-o,b=Math.min(d,t.length);let g=e[e.length-2]/s,f=e[e.length-1]/s;for(let h=0;h<b;h++){const w=t[h];w<g&&(g=w),w>f&&(f=w)}const v=new(a===8?Int8Array:Int16Array)(e.length);v.set(e),v[e.length-2]=Math.floor(g*s),v[e.length-1]=Math.floor(f*s),l=b;const y=er(t.slice(l),n,a),m=new(a===8?Int8Array:Int16Array)(v.length+y.length);return m.set(v),m.set(y,v.length),m}const c=er(t.slice(l),n,a),u=new(a===8?Int8Array:Int16Array)(e.length+c.length);return u.set(e),u.set(c,e.length),u}function gi(e,t={}){const{channelCount:n=1,samplesPerPixel:r=1024}=t,[a,s]=i.useState(!1),[o,l]=i.useState(!1),[c,u]=i.useState(0),[d,b]=i.useState(new Int16Array(0)),[g,f]=i.useState(null),[v,y]=i.useState(null),[m,h]=i.useState(0),[w,C]=i.useState(0),p=16,S=i.useRef(!1),I=i.useRef(null),k=i.useRef(null),R=i.useRef([]),M=i.useRef(0),D=i.useRef(null),$=i.useRef(0),T=i.useRef(!1),W=i.useRef(!1),H=i.useCallback(async()=>{if(!S.current)try{const z=E.getContext(),K=new URL("data:text/javascript;base64,InVzZSBzdHJpY3QiOwoKLy8gc3JjL3dvcmtsZXQvcmVjb3JkaW5nLXByb2Nlc3Nvci53b3JrbGV0LnRzCnZhciBSZWNvcmRpbmdQcm9jZXNzb3IgPSBjbGFzcyBleHRlbmRzIEF1ZGlvV29ya2xldFByb2Nlc3NvciB7CiAgY29uc3RydWN0b3IoKSB7CiAgICBzdXBlcigpOwogICAgdGhpcy5idWZmZXJTaXplID0gMDsKICAgIHRoaXMuYnVmZmVycyA9IFtdOwogICAgdGhpcy5zYW1wbGVzQ29sbGVjdGVkID0gMDsKICAgIHRoaXMuaXNSZWNvcmRpbmcgPSBmYWxzZTsKICAgIHRoaXMuY2hhbm5lbENvdW50ID0gMTsKICAgIHRoaXMucG9ydC5vbm1lc3NhZ2UgPSAoZXZlbnQpID0+IHsKICAgICAgY29uc3QgeyBjb21tYW5kLCBzYW1wbGVSYXRlOiBzYW1wbGVSYXRlMiwgY2hhbm5lbENvdW50IH0gPSBldmVudC5kYXRhOwogICAgICBpZiAoY29tbWFuZCA9PT0gInN0YXJ0IikgewogICAgICAgIHRoaXMuaXNSZWNvcmRpbmcgPSB0cnVlOwogICAgICAgIHRoaXMuY2hhbm5lbENvdW50ID0gY2hhbm5lbENvdW50IHx8IDE7CiAgICAgICAgdGhpcy5idWZmZXJTaXplID0gTWF0aC5mbG9vcigoc2FtcGxlUmF0ZTIgfHwgNDhlMykgKiAwLjAxNik7CiAgICAgICAgdGhpcy5idWZmZXJzID0gW107CiAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLmNoYW5uZWxDb3VudDsgaSsrKSB7CiAgICAgICAgICB0aGlzLmJ1ZmZlcnNbaV0gPSBuZXcgRmxvYXQzMkFycmF5KHRoaXMuYnVmZmVyU2l6ZSk7CiAgICAgICAgfQogICAgICAgIHRoaXMuc2FtcGxlc0NvbGxlY3RlZCA9IDA7CiAgICAgIH0gZWxzZSBpZiAoY29tbWFuZCA9PT0gInN0b3AiKSB7CiAgICAgICAgdGhpcy5pc1JlY29yZGluZyA9IGZhbHNlOwogICAgICAgIGlmICh0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgPiAwKSB7CiAgICAgICAgICB0aGlzLmZsdXNoQnVmZmVycygpOwogICAgICAgIH0KICAgICAgfQogICAgfTsKICB9CiAgcHJvY2VzcyhpbnB1dHMsIG91dHB1dHMsIHBhcmFtZXRlcnMpIHsKICAgIGlmICghdGhpcy5pc1JlY29yZGluZykgewogICAgICByZXR1cm4gdHJ1ZTsKICAgIH0KICAgIGNvbnN0IGlucHV0ID0gaW5wdXRzWzBdOwogICAgaWYgKCFpbnB1dCB8fCBpbnB1dC5sZW5ndGggPT09IDApIHsKICAgICAgcmV0dXJuIHRydWU7CiAgICB9CiAgICBjb25zdCBmcmFtZUNvdW50ID0gaW5wdXRbMF0ubGVuZ3RoOwogICAgZm9yIChsZXQgY2hhbm5lbCA9IDA7IGNoYW5uZWwgPCBNYXRoLm1pbihpbnB1dC5sZW5ndGgsIHRoaXMuY2hhbm5lbENvdW50KTsgY2hhbm5lbCsrKSB7CiAgICAgIGNvbnN0IGlucHV0Q2hhbm5lbCA9IGlucHV0W2NoYW5uZWxdOwogICAgICBjb25zdCBidWZmZXIgPSB0aGlzLmJ1ZmZlcnNbY2hhbm5lbF07CiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgZnJhbWVDb3VudDsgaSsrKSB7CiAgICAgICAgYnVmZmVyW3RoaXMuc2FtcGxlc0NvbGxlY3RlZCArIGldID0gaW5wdXRDaGFubmVsW2ldOwogICAgICB9CiAgICB9CiAgICB0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgKz0gZnJhbWVDb3VudDsKICAgIGlmICh0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgPj0gdGhpcy5idWZmZXJTaXplKSB7CiAgICAgIHRoaXMuZmx1c2hCdWZmZXJzKCk7CiAgICB9CiAgICByZXR1cm4gdHJ1ZTsKICB9CiAgZmx1c2hCdWZmZXJzKCkgewogICAgY29uc3Qgc2FtcGxlcyA9IHRoaXMuYnVmZmVyc1swXS5zbGljZSgwLCB0aGlzLnNhbXBsZXNDb2xsZWN0ZWQpOwogICAgdGhpcy5wb3J0LnBvc3RNZXNzYWdlKHsKICAgICAgc2FtcGxlcywKICAgICAgc2FtcGxlUmF0ZSwKICAgICAgY2hhbm5lbENvdW50OiB0aGlzLmNoYW5uZWxDb3VudAogICAgfSk7CiAgICB0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgPSAwOwogIH0KfTsKcmVnaXN0ZXJQcm9jZXNzb3IoInJlY29yZGluZy1wcm9jZXNzb3IiLCBSZWNvcmRpbmdQcm9jZXNzb3IpOwovLyMgc291cmNlTWFwcGluZ1VSTD1yZWNvcmRpbmctcHJvY2Vzc29yLndvcmtsZXQuanMubWFw",typeof document>"u"?require("url").pathToFileURL(__filename).href:Tt&&Tt.tagName.toUpperCase()==="SCRIPT"&&Tt.src||new URL("index.js",document.baseURI).href).href;await z.addAudioWorkletModule(K),S.current=!0}catch(z){throw console.error("Failed to load AudioWorklet module:",z),new Error("Failed to load recording processor")}},[]),P=i.useCallback(async()=>{if(!e){y(new Error("No microphone stream available"));return}try{y(null);const z=E.getContext();z.state==="suspended"&&await z.resume(),await H();const K=z.createMediaStreamSource(e);k.current=K;const ne=z.createAudioWorkletNode("recording-processor");I.current=ne,K.connect(ne),ne.port.onmessage=U=>{const{samples:J}=U.data;R.current.push(J),M.current+=J.length,b(fe=>pi(fe,J,r,M.current-J.length,p))},ne.port.postMessage({command:"start",sampleRate:z.sampleRate,channelCount:n}),R.current=[],M.current=0,b(new Int16Array(0)),f(null),h(0),C(0),T.current=!0,W.current=!1,s(!0),l(!1),$.current=performance.now();const te=()=>{if(T.current&&!W.current){const U=(performance.now()-$.current)/1e3;u(U),D.current=requestAnimationFrame(te)}};te()}catch(z){console.error("Failed to start recording:",z),y(z instanceof Error?z:new Error("Failed to start recording"))}},[e,n,r,H,a,o]),j=i.useCallback(async()=>{if(!a)return null;try{if(I.current){if(I.current.port.postMessage({command:"stop"}),k.current)try{k.current.disconnect(I.current)}catch{}I.current.disconnect()}D.current!==null&&(cancelAnimationFrame(D.current),D.current=null);const z=hi(R.current),ne=E.getContext().rawContext,te=mi(ne,z,ne.sampleRate,n);return f(te),u(te.duration),T.current=!1,W.current=!1,s(!1),l(!1),h(0),te}catch(z){return console.error("Failed to stop recording:",z),y(z instanceof Error?z:new Error("Failed to stop recording")),null}},[a,n]),N=i.useCallback(()=>{a&&!o&&(D.current!==null&&(cancelAnimationFrame(D.current),D.current=null),W.current=!0,l(!0))},[a,o]),Y=i.useCallback(()=>{if(a&&o){W.current=!1,l(!1),$.current=performance.now()-c*1e3;const z=()=>{if(T.current&&!W.current){const K=(performance.now()-$.current)/1e3;u(K),D.current=requestAnimationFrame(z)}};z()}},[a,o,c]);return i.useEffect(()=>()=>{if(I.current){if(I.current.port.postMessage({command:"stop"}),k.current)try{k.current.disconnect(I.current)}catch{}I.current.disconnect()}D.current!==null&&cancelAnimationFrame(D.current)},[]),{isRecording:a,isPaused:o,duration:c,peaks:d,audioBuffer:g,level:m,peakLevel:w,startRecording:P,stopRecording:j,pauseRecording:N,resumeRecording:Y,error:v}}function bi(){const[e,t]=i.useState(null),[n,r]=i.useState([]),[a,s]=i.useState(!1),[o,l]=i.useState(!1),[c,u]=i.useState(null),d=i.useCallback(async()=>{try{const v=(await navigator.mediaDevices.enumerateDevices()).filter(y=>y.kind==="audioinput").map(y=>({deviceId:y.deviceId,label:y.label||`Microphone ${y.deviceId.slice(0,8)}`,groupId:y.groupId}));r(v)}catch(f){console.error("Failed to enumerate devices:",f),u(f instanceof Error?f:new Error("Failed to enumerate devices"))}},[]),b=i.useCallback(async(f,v)=>{l(!0),u(null);try{e&&e.getTracks().forEach(w=>w.stop());const m={audio:{echoCancellation:!1,noiseSuppression:!1,autoGainControl:!1,latency:0,...v,...f&&{deviceId:{exact:f}}},video:!1},h=await navigator.mediaDevices.getUserMedia(m);t(h),s(!0),await d()}catch(y){console.error("Failed to access microphone:",y),u(y instanceof Error?y:new Error("Failed to access microphone")),s(!1)}finally{l(!1)}},[e,d]),g=i.useCallback(()=>{e&&(e.getTracks().forEach(f=>f.stop()),t(null),s(!1))},[e]);return i.useEffect(()=>(d(),()=>{e&&e.getTracks().forEach(f=>f.stop())}),[]),{stream:e,devices:n,hasPermission:a,isLoading:o,requestAccess:b,stopStream:g,error:c}}function vi(e,t={}){const{updateRate:n=60,smoothingTimeConstant:r=.8}=t,[a,s]=i.useState(0),[o,l]=i.useState(0),c=i.useRef(null),u=i.useRef(null),d=i.useRef(null),b=()=>l(0);return i.useEffect(()=>{if(!e){s(0),l(0);return}let g=!0;return(async()=>{if(!g)return;const v=E.getContext();if(v.state==="suspended"&&await v.resume(),!g)return;const y=new E.Meter({smoothing:r,context:v});c.current=y;const m=v.createMediaStreamSource(e);u.current=m,E.connect(m,y);const h=1e3/n;let w=0;const C=p=>{if(!(!g||!c.current)){if(p-w>=h){w=p;const S=c.current.getValue(),I=typeof S=="number"?S:S[0],k=Math.max(0,Math.min(1,(I+100)/100));s(k),l(R=>Math.max(R,k))}d.current=requestAnimationFrame(C)}};d.current=requestAnimationFrame(C)})(),()=>{if(g=!1,d.current&&(cancelAnimationFrame(d.current),d.current=null),u.current){try{u.current.disconnect()}catch{}u.current=null}c.current&&(c.current.dispose(),c.current=null)}},[e,r,n]),{level:a,peakLevel:o,resetPeak:b}}A.button`
|
|
1066
|
+
`,Hs=({annotations:e,filename:t="annotations.json",disabled:n=!1,className:r,children:a="Download JSON"})=>{const s=()=>{if(e.length===0)return;const o=e.map(C=>bs(C)),l=JSON.stringify(o,null,2),c=new Blob([l],{type:"application/json"}),u=URL.createObjectURL(c),f=document.createElement("a");f.href=u,f.download=t,document.body.appendChild(f),f.click(),document.body.removeChild(f),URL.revokeObjectURL(u)};return x.jsx(Xs,{onClick:s,disabled:n||e.length===0,className:r,title:e.length===0?"No annotations to download":"Download the annotations as JSON",children:a})};function Dr(){const[e,t]=i.useState("hh:mm:ss.uuu");return{timeFormat:e,setTimeFormat:t,formatTime:a=>Je(a,e),parseTime:a=>xr(a,e)}}const js=[256,512,1024,2048,4096,8192];function Mr({initialSamplesPerPixel:e,zoomLevels:t=js}){const[n,r]=i.useState(()=>{const u=t.indexOf(e);return u!==-1?u:Math.floor(t.length/2)}),a=t[n],s=n>0,o=n<t.length-1,l=i.useCallback(()=>{r(u=>Math.max(0,u-1))},[]),c=i.useCallback(()=>{r(u=>Math.min(t.length-1,u+1))},[t.length]);return{samplesPerPixel:a,zoomIn:l,zoomOut:c,canZoomIn:s,canZoomOut:o}}function Rr({playoutRef:e,initialVolume:t=1,onVolumeChange:n}){const[r,a]=i.useState(t),s=i.useCallback(o=>{a(o),e.current&&e.current.setMasterGain(o),n?.(o)},[e,n]);return{masterVolume:r,setMasterVolume:s}}const Ps=(e=256)=>{const t=i.useRef(null),n=i.useCallback((r,a,s)=>{const o=new E.Analyser("fft",e);return r.connect(o),r.connect(a),t.current=o,function(){o.dispose(),t.current=null}},[e]);return{analyserRef:t,masterEffects:n}};function Kt(e){const{audioBuffer:t,startSample:n,offsetSamples:r=0,gain:a=1,name:s,color:o,fadeIn:l,fadeOut:c,waveformData:u}=e,f=t?.sampleRate??e.sampleRate??u?.sample_rate,C=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(C===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??C;return{id:Br(),audioBuffer:t,startSample:n,durationSamples:p,offsetSamples:r,sampleRate:f,sourceDurationSamples:C,gain:a,name:s,color:o,fadeIn:l,fadeOut:c,waveformData:u}}function Gs(e){const{audioBuffer:t,startTime:n,offset:r=0,gain:a=1,name:s,color:o,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 C=t?.duration??e.sourceDuration??u?.duration;if(C===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??C;return Kt({audioBuffer:t,startSample:Math.round(n*f),durationSamples:Math.round(p*f),offsetSamples:Math.round(r*f),sampleRate:f,sourceDurationSamples:Math.ceil(C*f),gain:a,name:s,color:o,fadeIn:l,fadeOut:c,waveformData:u})}function Ls(e){const{name:t,clips:n=[],muted:r=!1,soloed:a=!1,volume:s=1,pan:o=0,color:l,height:c}=e;return{id:Br(),name:t,clips:n,muted:r,soloed:a,volume:s,pan:o,color:l,height:c}}function Br(){return`${Date.now()}-${Math.random().toString(36).substr(2,9)}`}function Ns(e,t={}){const{progressive:n=!1}=t,[r,a]=i.useState([]),[s,o]=i.useState(!0),[l,c]=i.useState(null),[u,f]=i.useState(0),C=e.length;return i.useEffect(()=>{if(e.length===0){a([]),o(!1),f(0);return}let p=!1;const d=new Map,g=(h,b,w)=>{const v=w??h.audioBuffer;if(!v&&!h.waveformData)throw new Error(`Track ${b+1}: Must provide src, audioBuffer, or waveformData`);const m=v?.duration??h.waveformData?.duration,S=Gs({audioBuffer:v,startTime:h.startTime??0,duration:h.duration??m,offset:h.offset??0,name:h.name||`Track ${b+1}`,fadeIn:h.fadeIn,fadeOut:h.fadeOut,waveformData:h.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 ${b+1}`);return{...Ls({name:h.name||`Track ${b+1}`,clips:[S],muted:h.muted??!1,soloed:h.soloed??!1,volume:h.volume??1,pan:h.pan??0,color:h.color}),effects:h.effects}};return(async()=>{try{o(!0),c(null),f(0);const h=ir.getContext().rawContext,b=e.map(async(v,m)=>{if(v.audioBuffer){const M=g(v,m,v.audioBuffer);return n&&!p&&(d.set(m,M),f(D=>D+1),a(Array.from({length:e.length},(D,$)=>d.get($)).filter(D=>D!==void 0))),M}if(!v.src&&v.waveformData){const M=g(v,m);return n&&!p&&(d.set(m,M),f(D=>D+1),a(Array.from({length:e.length},(D,$)=>d.get($)).filter(D=>D!==void 0))),M}if(!v.src)throw new Error(`Track ${m+1}: Must provide src, audioBuffer, or waveformData`);const S=await fetch(v.src);if(!S.ok)throw new Error(`Failed to fetch ${v.src}: ${S.statusText}`);const y=await S.arrayBuffer(),k=await h.decodeAudioData(y);if(!k||!k.sampleRate||!k.duration)throw new Error(`Invalid audio buffer for ${v.src}`);const R=g(v,m,k);return n&&!p&&(d.set(m,R),f(M=>M+1),a(Array.from({length:e.length},(M,D)=>d.get(D)).filter(M=>M!==void 0))),R}),w=await Promise.all(b);p||(n||(a(w),f(w.length)),o(!1))}catch(h){if(!p){const b=h instanceof Error?h.message:"Unknown error loading audio";c(b),o(!1),console.error("Error loading audio tracks:",h)}}})(),()=>{p=!0}},[e,n]),{tracks:r,loading:s,error:l,loadedCount:u,totalCount:C}}function Ys({tracks:e,onTracksChange:t,samplesPerPixel:n,sampleRate:r}){const a=i.useRef(null),s=i.useCallback(u=>{const{transform:f,active:C}=u;if(!C?.data?.current)return{...f,scaleX:1,scaleY:1};const{trackIndex:p,clipIndex:d,boundary:g}=C.data.current;if(g)return{...f,scaleX:1,scaleY:1};const I=e[p];if(!I)return{...f,scaleX:1,scaleY:1};const h=I.clips[d];if(!h)return{...f,scaleX:1,scaleY:1};const b=h.startSample/r,w=h.durationSamples/r,v=f.x*n/r;let m=b+v;const S=[...I.clips].sort(($,T)=>$.startSample-T.startSample),y=S.findIndex($=>$===h);m=Math.max(0,m);const k=y>0?S[y-1]:null;if(k){const $=(k.startSample+k.durationSamples)/r;m=Math.max(m,$)}const R=y<S.length-1?S[y+1]:null;if(R){const $=m+w,T=R.startSample/r;$>T&&(m=T-w)}const D=(m-b)*r/n;return{...f,x:D,scaleX:1,scaleY:1}},[e,n,r]),o=i.useCallback(u=>{const{active:f}=u,{boundary:C}=f.data.current;if(!C){a.current=null;return}const{trackIndex:p,clipIndex:d}=f.data.current,I=e[p]?.clips[d];I&&(a.current={offsetSamples:I.offsetSamples,durationSamples:I.durationSamples,startSample:I.startSample})},[e]),l=i.useCallback(u=>{const{active:f,delta:C}=u,{boundary:p}=f.data.current;if(!p||!a.current)return;const{trackIndex:d,clipIndex:g}=f.data.current,I=C.x*n,h=Math.floor(.1*r),b=a.current,w=e.map((v,m)=>{if(m!==d)return v;const S=[...v.clips].sort((R,M)=>R.startSample-M.startSample),y=S.findIndex(R=>R===v.clips[g]),k=v.clips.map((R,M)=>{if(M!==g)return R;const D=R.sourceDurationSamples;if(p==="left"){let $=Math.floor(I);const T=-b.startSample;$<T&&($=T);const W=-b.offsetSamples;$<W&&($=W);const H=y>0?S[y-1]:null;if(H){const O=H.startSample+H.durationSamples-b.startSample;$<O&&($=O)}const P=b.durationSamples-h;$>P&&($=P);const j=b.offsetSamples+$,N=b.durationSamples-$,Y=b.startSample+$;return{...R,offsetSamples:j,durationSamples:N,startSample:Y}}else{let $=Math.floor(b.durationSamples+I);$=Math.max(h,$),b.offsetSamples+$>D&&($=D-b.offsetSamples);const T=y<S.length-1?S[y+1]:null;return T&&b.startSample+$>T.startSample&&($=T.startSample-b.startSample,$=Math.max(h,$)),{...R,durationSamples:$}}});return{...v,clips:k}});t(w)},[e,t,n,r]),c=i.useCallback(u=>{const{active:f,delta:C}=u,{trackIndex:p,clipIndex:d,boundary:g}=f.data.current,I=C.x*n;if(g){a.current=null;return}const h=e.map((b,w)=>{if(w!==p)return b;const v=[...b.clips].sort((y,k)=>y.startSample-k.startSample),m=v.findIndex(y=>y===b.clips[d]),S=b.clips.map((y,k)=>{if(k!==d)return y;let R=Math.floor(y.startSample+I);R=Math.max(0,R);const M=m>0?v[m-1]:null;if(M){const $=M.startSample+M.durationSamples;R=Math.max(R,$)}const D=m<v.length-1?v[m+1]:null;return D&&R+y.durationSamples>D.startSample&&(R=D.startSample-y.durationSamples),{...y,startSample:R}});return{...b,clips:S}});t(h)},[e,t,n,r]);return{onDragStart:o,onDragMove:l,onDragEnd:c,collisionModifier:s}}const Vt=.01;function Os({annotations:e,onAnnotationsChange:t,samplesPerPixel:n,sampleRate:r,duration:a,linkEndpoints:s}){const o=i.useRef(null),l=i.useCallback(f=>{const{active:C}=f,p=C.data.current;if(!p||p.annotationIndex===void 0){o.current=null;return}const d=e[p.annotationIndex];d&&(o.current={start:d.start,end:d.end,annotationIndex:p.annotationIndex})},[e]),c=i.useCallback(f=>{const{active:C,delta:p}=f;if(!o.current)return;const d=C.data.current;if(!d)return;const{edge:g,annotationIndex:I}=d,h=o.current,b=p.x*n/r,w=g==="start"?h.start+b:h.end+b,v=Ks({annotationIndex:I,newTime:w,isDraggingStart:g==="start",annotations:e,duration:a,linkEndpoints:s});t(v)},[e,t,n,r,a,s]),u=i.useCallback(()=>{o.current=null},[]);return{onDragStart:l,onDragMove:c,onDragEnd:u}}function Ks({annotationIndex:e,newTime:t,isDraggingStart:n,annotations:r,duration:a,linkEndpoints:s}){const o=[...r],l=r[e];if(n){const c=Math.min(l.end-.1,Math.max(0,t)),u=c-l.start;if(o[e]={...l,start:c},s&&e>0){const f=o[e-1];Math.abs(f.end-l.start)<Vt?o[e-1]={...f,end:Math.max(f.start+.1,f.end+u)}:c<=f.end&&(o[e]={...o[e],start:f.end})}else!s&&e>0&&c<o[e-1].end&&(o[e-1]={...o[e-1],end:c})}else{const c=Math.max(l.start+.1,Math.min(t,a)),u=c-l.end;if(o[e]={...l,end:c},s&&e<o.length-1){const f=o[e+1];if(Math.abs(f.start-l.end)<Vt){const C=f.start+u;o[e+1]={...f,start:Math.min(f.end-.1,C)};let p=e+1;for(;p<o.length-1;){const d=o[p],g=o[p+1];if(Math.abs(g.start-d.end)<Vt){const I=d.end-r[p].end;o[p+1]={...g,start:Math.min(g.end-.1,g.start+I)},p++}else break}}else c>=f.start&&(o[e]={...o[e],end:f.start})}else if(!s&&e<o.length-1&&c>o[e+1].start){const f=o[e+1];o[e+1]={...f,start:c};let C=e+1;for(;C<o.length-1;){const p=o[C],d=o[C+1];if(p.end>d.start)o[C+1]={...d,start:p.end},C++;else break}}}return o}function sn(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function Er(e){return"nodeType"in e}function qe(e){var t,n;return e?sn(e)?e:Er(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function Us(e){const{Document:t}=qe(e);return e instanceof t}function Js(e){return sn(e)?!1:e instanceof qe(e).HTMLElement}function qs(e){return e instanceof qe(e).SVGElement}function Dt(e){return e?sn(e)?e.document:Er(e)?Us(e)?e:Js(e)||qs(e)?e.ownerDocument:document:document:document}function Qs(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a<n;a++)r[a-1]=arguments[a];return r.reduce((s,o)=>{const l=Object.entries(o);for(const[c,u]of l){const f=s[c];f!=null&&(s[c]=f+e*u)}return s},{...t})}}const ei=Qs(-1);function ti(e){return"clientX"in e&&"clientY"in e}function ni(e){if(!e)return!1;const{TouchEvent:t}=qe(e.target);return t&&e instanceof t}function Yn(e){if(ni(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return ti(e)?{x:e.clientX,y:e.clientY}:null}var On;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(On||(On={}));function zt(e,t){return i.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function ri(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return i.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const Ut=Object.freeze({x:0,y:0});var Ue;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(Ue||(Ue={}));class Xt{constructor(t){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(n=>{var r;return(r=this.target)==null?void 0:r.removeEventListener(...n)})},this.target=t}add(t,n,r){var a;(a=this.target)==null||a.addEventListener(t,n,r),this.listeners.push([t,n,r])}}function ai(e){const{EventTarget:t}=qe(e);return e instanceof t?e:Dt(e)}function Ht(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return typeof t=="number"?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t?r>t.y:!1}var Ee;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(Ee||(Ee={}));function Kn(e){e.preventDefault()}function oi(e){e.stopPropagation()}var Te;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})(Te||(Te={}));Te.Space,Te.Enter,Te.Esc,Te.Space,Te.Enter,Te.Tab;function Un(e){return!!(e&&"distance"in e)}function Jn(e){return!!(e&&"delay"in e)}class ln{constructor(t,n,r){var a;r===void 0&&(r=ai(t.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=t,this.events=n;const{event:s}=t,{target:o}=s;this.props=t,this.events=n,this.document=Dt(o),this.documentListeners=new Xt(this.document),this.listeners=new Xt(r),this.windowListeners=new Xt(qe(o)),this.initialCoordinates=(a=Yn(s))!=null?a:Ut,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:t,props:{options:{activationConstraint:n,bypassActivationConstraint:r}}}=this;if(this.listeners.add(t.move.name,this.handleMove,{passive:!1}),this.listeners.add(t.end.name,this.handleEnd),t.cancel&&this.listeners.add(t.cancel.name,this.handleCancel),this.windowListeners.add(Ee.Resize,this.handleCancel),this.windowListeners.add(Ee.DragStart,Kn),this.windowListeners.add(Ee.VisibilityChange,this.handleCancel),this.windowListeners.add(Ee.ContextMenu,Kn),this.documentListeners.add(Ee.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(Jn(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if(Un(n)){this.handlePending(n);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(t,n){const{active:r,onPending:a}=this.props;a(r,t,this.initialCoordinates,n)}handleStart(){const{initialCoordinates:t}=this,{onStart:n}=this.props;t&&(this.activated=!0,this.documentListeners.add(Ee.Click,oi,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(Ee.SelectionChange,this.removeTextSelection),n(t))}handleMove(t){var n;const{activated:r,initialCoordinates:a,props:s}=this,{onMove:o,options:{activationConstraint:l}}=s;if(!a)return;const c=(n=Yn(t))!=null?n:Ut,u=ei(a,c);if(!r&&l){if(Un(l)){if(l.tolerance!=null&&Ht(u,l.tolerance))return this.handleCancel();if(Ht(u,l.distance))return this.handleStart()}if(Jn(l)&&Ht(u,l.tolerance))return this.handleCancel();this.handlePending(l,u);return}t.cancelable&&t.preventDefault(),o(c)}handleEnd(){const{onAbort:t,onEnd:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleCancel(){const{onAbort:t,onCancel:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleKeydown(t){t.code===Te.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const si={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class Tr extends ln{constructor(t){const{event:n}=t,r=Dt(n.target);super(t,si,r)}}Tr.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r?.({event:n}),!0)}}];const ii={move:{name:"mousemove"},end:{name:"mouseup"}};var Jt;(function(e){e[e.RightClick=2]="RightClick"})(Jt||(Jt={}));class Wr extends ln{constructor(t){super(t,ii,Dt(t.event.target))}}Wr.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===Jt.RightClick?!1:(r?.({event:n}),!0)}}];const jt={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class Fr extends ln{constructor(t){super(t,jt)}static setup(){return window.addEventListener(jt.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(jt.move.name,t)};function t(){}}}Fr.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:a}=n;return a.length>1?!1:(r?.({event:n}),!0)}}];var qn;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(qn||(qn={}));var Qn;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(Qn||(Qn={}));Ue.Backward+"",Ue.Forward+"",Ue.Backward+"",Ue.Forward+"";var qt;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(qt||(qt={}));var Qt;(function(e){e.Optimized="optimized"})(Qt||(Qt={}));qt.WhileDragging,Qt.Optimized;({...Ut});var er;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(er||(er={}));function li(e={}){const{touchOptimized:t=!1,touchDelay:n=250,touchTolerance:r=5,mouseDistance:a=1}=e,s=zt(Wr,{activationConstraint:{distance:a}}),o=zt(Fr,{activationConstraint:t?{delay:n,tolerance:r}:{distance:a}}),l=zt(Tr,{activationConstraint:{distance:a}});return ri(...t?[s,o]:[l])}const ci=e=>{const{tracks:t,onTracksChange:n,sampleRate:r}=e,{currentTimeRef:a}=ge(),{selectedTrackId:s}=Ae(),o=i.useCallback((c,u,f)=>{const{sampleRate:C,samplesPerPixel:p}=e,d=t[c];if(!d)return!1;const g=d.clips[u];if(!g)return!1;const I=g.startSample/C,h=(g.startSample+g.durationSamples)/C;if(f<=I||f>=h)return console.warn("Split time is outside clip bounds"),!1;const b=Math.round(f*C),w=Math.floor(b/p),v=g.startSample+g.durationSamples,m=w*p,S=g.startSample,y=m-S,k=m,R=v-k,M=m-g.startSample,D=Kt({audioBuffer:g.audioBuffer,startSample:S,durationSamples:y,offsetSamples:g.offsetSamples,sampleRate:g.sampleRate,sourceDurationSamples:g.sourceDurationSamples,gain:g.gain,name:g.name?`${g.name} (1)`:void 0,color:g.color,fadeIn:g.fadeIn,waveformData:g.waveformData}),$=Kt({audioBuffer:g.audioBuffer,startSample:k,durationSamples:R,offsetSamples:g.offsetSamples+M,sampleRate:g.sampleRate,sourceDurationSamples:g.sourceDurationSamples,gain:g.gain,name:g.name?`${g.name} (2)`:void 0,color:g.color,waveformData:g.waveformData,fadeOut:g.fadeOut}),T=[...d.clips];T.splice(u,1,D,$);const W=[...t];return W[c]={...d,clips:T},n(W),!0},[t,n,e]);return{splitClipAtPlayhead:i.useCallback(()=>{if(!s)return console.log("No track selected - click a clip to select a track first"),!1;const c=t.findIndex(C=>C.id===s);if(c===-1)return console.warn("Selected track not found"),!1;const u=t[c],f=a.current??0;for(let C=0;C<u.clips.length;C++){const p=u.clips[C],d=p.startSample/r,g=(p.startSample+p.durationSamples)/r;if(f>d&&f<g)return console.log(`Splitting clip on track "${u.name}" at ${f}s`),o(c,C,f)}return console.log(`No clip found at playhead position on track "${u.name}"`),!1},[t,a,s,o,r]),splitClipAt:o}},xt=e=>{const{shortcuts:t,enabled:n=!0}=e,r=i.useCallback(a=>{if(!n)return;const s=a.target;if(s.tagName==="INPUT"||s.tagName==="TEXTAREA"||s.isContentEditable)return;const o=t.find(l=>{const c=a.key.toLowerCase()===l.key.toLowerCase()||a.key===l.key,u=l.ctrlKey===void 0||a.ctrlKey===l.ctrlKey,f=l.shiftKey===void 0||a.shiftKey===l.shiftKey,C=l.metaKey===void 0||a.metaKey===l.metaKey,p=l.altKey===void 0||a.altKey===l.altKey;return c&&u&&f&&C&&p});o&&(o.preventDefault!==!1&&a.preventDefault(),o.action())},[t,n]);i.useEffect(()=>{if(n)return window.addEventListener("keydown",r),()=>{window.removeEventListener("keydown",r)}},[r,n])},ui=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("+")},di=(e={})=>{const{enabled:t=!0,additionalShortcuts:n=[],shortcuts:r}=e,{isPlaying:a}=ge(),{setCurrentTime:s,play:o,pause:l,stop:c}=oe(),{playoutRef:u}=he(),f=i.useCallback(()=>{a?l():o()},[a,o,l]),C=i.useCallback(()=>{c()},[c]),p=i.useCallback(()=>{a&&u.current?(u.current.stop(),s(0),o(0)):s(0)},[a,u,s,o]),g=r??[...[{key:" ",action:f,description:"Play/Pause",preventDefault:!0},{key:"Escape",action:C,description:"Stop",preventDefault:!0},{key:"0",action:p,description:"Rewind to start",preventDefault:!0}],...n];return xt({shortcuts:g,enabled:t}),{rewindToStart:p,togglePlayPause:f,stopPlayback:C,shortcuts:g}},Pt=.01,pt=.01;function fi({annotations:e,activeAnnotationId:t,onAnnotationsChange:n,onActiveAnnotationChange:r,duration:a,linkEndpoints:s,continuousPlay:o=!1,enabled:l=!0,scrollContainerRef:c,samplesPerPixel:u,sampleRate:f,controlsWidth:C=0,onPlay:p}){const d=i.useMemo(()=>t?e.findIndex(M=>M.id===t):-1,[e,t]),g=i.useCallback(M=>{if(!c?.current||!u||!f)return;const D=e.find(V=>V.id===M);if(!D)return;const $=c.current,T=$.clientWidth,W=D.start*f/u+C,H=D.end*f/u+C,P=(W+H)/2,j=$.scrollLeft,N=j,Y=j+T;if(W<N||H>Y){const V=Math.max(0,P-T/2);$.scrollTo({left:V,behavior:"smooth"})}},[e,c,u,f,C]);i.useEffect(()=>{t&&c?.current&&u&&f&&g(t)},[t,g,c,u,f]);const I=i.useCallback(M=>{if(d<0)return;const D=e[d],$=Math.max(0,Math.min(D.end-.1,D.start+M)),T=$-D.start,W=[...e];if(W[d]={...D,start:$},s&&d>0){const H=W[d-1];Math.abs(H.end-D.start)<Pt&&(W[d-1]={...H,end:Math.max(H.start+.1,H.end+T)})}else if(!s&&d>0){const H=W[d-1];$<H.end&&(W[d-1]={...H,end:$})}n(W)},[e,d,s,n]),h=i.useCallback(M=>{if(d<0)return;const D=e[d],$=Math.max(D.start+.1,Math.min(a,D.end+M)),T=$-D.end,W=[...e];if(W[d]={...D,end:$},s&&d<e.length-1){const H=W[d+1];if(Math.abs(H.start-D.end)<Pt){const P=Math.min(H.end-.1,H.start+T);W[d+1]={...H,start:P};let j=d+1;for(;j<W.length-1;){const N=W[j],Y=W[j+1];if(Math.abs(Y.start-e[j].end)<Pt){const V=N.end-e[j].end;W[j+1]={...Y,start:Math.min(Y.end-.1,Y.start+V)},j++}else break}}}else if(!s&&d<e.length-1){const H=W[d+1];if($>H.start){W[d+1]={...H,start:$};let P=d+1;for(;P<W.length-1;){const j=W[P],N=W[P+1];if(j.end>N.start)W[P+1]={...N,start:j.end},P++;else break}}}n(W)},[e,d,a,s,n]),b=i.useCallback(()=>{!r||e.length===0||(d<=0?r(e[e.length-1].id):r(e[d-1].id))},[e,d,r]),w=i.useCallback(()=>{!r||e.length===0||(d<0||d>=e.length-1?r(e[0].id):r(e[d+1].id))},[e,d,r]),v=i.useCallback(()=>{!r||e.length===0||r(e[0].id)},[e,r]),m=i.useCallback(()=>{!r||e.length===0||r(e[e.length-1].id)},[e,r]),S=i.useCallback(()=>{r&&r(null)},[r]),y=i.useCallback(()=>{if(d<0||!p)return;const M=e[d],D=o?void 0:M.end-M.start;p(M.start,D)},[e,d,o,p]),k=i.useMemo(()=>[{key:"[",action:()=>I(-pt),description:"Move annotation start earlier",preventDefault:!0},{key:"]",action:()=>I(pt),description:"Move annotation start later",preventDefault:!0},{key:"{",shiftKey:!0,action:()=>h(-pt),description:"Move annotation end earlier",preventDefault:!0},{key:"}",shiftKey:!0,action:()=>h(pt),description:"Move annotation end later",preventDefault:!0},{key:"Enter",action:y,description:"Play selected annotation",preventDefault:!0}],[I,h,y]),R=i.useMemo(()=>[{key:"ArrowUp",action:b,description:"Select previous annotation",preventDefault:!0},{key:"ArrowLeft",action:b,description:"Select previous annotation",preventDefault:!0},{key:"ArrowDown",action:w,description:"Select next annotation",preventDefault:!0},{key:"ArrowRight",action:w,description:"Select next annotation",preventDefault:!0},{key:"Home",action:v,description:"Select first annotation",preventDefault:!0},{key:"End",action:m,description:"Select last annotation",preventDefault:!0},{key:"Escape",action:S,description:"Deselect annotation",preventDefault:!0}],[b,w,v,m,S]);return xt({shortcuts:k,enabled:l&&d>=0}),xt({shortcuts:R,enabled:l&&e.length>0&&!!r}),{moveStartBoundary:I,moveEndBoundary:h,selectPrevious:b,selectNext:w,selectFirst:v,selectLast:m,clearSelection:S,scrollToAnnotation:g,playActiveAnnotation:y}}function hi(e){const t=e.reduce((a,s)=>a+s.length,0),n=new Float32Array(t);let r=0;for(const a of e)n.set(a,r),r+=a.length;return n}function mi(e,t,n,r=1){const a=e.createBuffer(r,t.length,n),s=new Float32Array(t);return a.copyToChannel(s,0),a}function tr(e,t,n=16){const r=Math.ceil(e.length/t),a=n===8?new Int8Array(r*2):new Int16Array(r*2),s=2**(n-1);for(let o=0;o<r;o++){const l=o*t,c=Math.min(l+t,e.length);let u=0,f=0;for(let C=l;C<c;C++){const p=e[C];p<u&&(u=p),p>f&&(f=p)}a[o*2]=Math.floor(u*s),a[o*2+1]=Math.floor(f*s)}return a}function pi(e,t,n,r,a=16){const s=2**(a-1),o=r%n;let l=0;if(o>0&&e.length>0){const f=n-o,C=Math.min(f,t.length);let p=e[e.length-2]/s,d=e[e.length-1]/s;for(let b=0;b<C;b++){const w=t[b];w<p&&(p=w),w>d&&(d=w)}const g=new(a===8?Int8Array:Int16Array)(e.length);g.set(e),g[e.length-2]=Math.floor(p*s),g[e.length-1]=Math.floor(d*s),l=C;const I=tr(t.slice(l),n,a),h=new(a===8?Int8Array:Int16Array)(g.length+I.length);return h.set(g),h.set(I,g.length),h}const c=tr(t.slice(l),n,a),u=new(a===8?Int8Array:Int16Array)(e.length+c.length);return u.set(e),u.set(c,e.length),u}function gi(e,t={}){const{channelCount:n=1,samplesPerPixel:r=1024}=t,[a,s]=i.useState(!1),[o,l]=i.useState(!1),[c,u]=i.useState(0),[f,C]=i.useState(new Int16Array(0)),[p,d]=i.useState(null),[g,I]=i.useState(null),[h,b]=i.useState(0),[w,v]=i.useState(0),m=16,S=i.useRef(!1),y=i.useRef(null),k=i.useRef(null),R=i.useRef([]),M=i.useRef(0),D=i.useRef(null),$=i.useRef(0),T=i.useRef(!1),W=i.useRef(!1),H=i.useCallback(async()=>{if(!S.current)try{const V=E.getContext(),O=new URL("data:text/javascript;base64,InVzZSBzdHJpY3QiOwoKLy8gc3JjL3dvcmtsZXQvcmVjb3JkaW5nLXByb2Nlc3Nvci53b3JrbGV0LnRzCnZhciBSZWNvcmRpbmdQcm9jZXNzb3IgPSBjbGFzcyBleHRlbmRzIEF1ZGlvV29ya2xldFByb2Nlc3NvciB7CiAgY29uc3RydWN0b3IoKSB7CiAgICBzdXBlcigpOwogICAgdGhpcy5idWZmZXJTaXplID0gMDsKICAgIHRoaXMuYnVmZmVycyA9IFtdOwogICAgdGhpcy5zYW1wbGVzQ29sbGVjdGVkID0gMDsKICAgIHRoaXMuaXNSZWNvcmRpbmcgPSBmYWxzZTsKICAgIHRoaXMuY2hhbm5lbENvdW50ID0gMTsKICAgIHRoaXMucG9ydC5vbm1lc3NhZ2UgPSAoZXZlbnQpID0+IHsKICAgICAgY29uc3QgeyBjb21tYW5kLCBzYW1wbGVSYXRlOiBzYW1wbGVSYXRlMiwgY2hhbm5lbENvdW50IH0gPSBldmVudC5kYXRhOwogICAgICBpZiAoY29tbWFuZCA9PT0gInN0YXJ0IikgewogICAgICAgIHRoaXMuaXNSZWNvcmRpbmcgPSB0cnVlOwogICAgICAgIHRoaXMuY2hhbm5lbENvdW50ID0gY2hhbm5lbENvdW50IHx8IDE7CiAgICAgICAgdGhpcy5idWZmZXJTaXplID0gTWF0aC5mbG9vcigoc2FtcGxlUmF0ZTIgfHwgNDhlMykgKiAwLjAxNik7CiAgICAgICAgdGhpcy5idWZmZXJzID0gW107CiAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLmNoYW5uZWxDb3VudDsgaSsrKSB7CiAgICAgICAgICB0aGlzLmJ1ZmZlcnNbaV0gPSBuZXcgRmxvYXQzMkFycmF5KHRoaXMuYnVmZmVyU2l6ZSk7CiAgICAgICAgfQogICAgICAgIHRoaXMuc2FtcGxlc0NvbGxlY3RlZCA9IDA7CiAgICAgIH0gZWxzZSBpZiAoY29tbWFuZCA9PT0gInN0b3AiKSB7CiAgICAgICAgdGhpcy5pc1JlY29yZGluZyA9IGZhbHNlOwogICAgICAgIGlmICh0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgPiAwKSB7CiAgICAgICAgICB0aGlzLmZsdXNoQnVmZmVycygpOwogICAgICAgIH0KICAgICAgfQogICAgfTsKICB9CiAgcHJvY2VzcyhpbnB1dHMsIG91dHB1dHMsIHBhcmFtZXRlcnMpIHsKICAgIGlmICghdGhpcy5pc1JlY29yZGluZykgewogICAgICByZXR1cm4gdHJ1ZTsKICAgIH0KICAgIGNvbnN0IGlucHV0ID0gaW5wdXRzWzBdOwogICAgaWYgKCFpbnB1dCB8fCBpbnB1dC5sZW5ndGggPT09IDApIHsKICAgICAgcmV0dXJuIHRydWU7CiAgICB9CiAgICBjb25zdCBmcmFtZUNvdW50ID0gaW5wdXRbMF0ubGVuZ3RoOwogICAgZm9yIChsZXQgY2hhbm5lbCA9IDA7IGNoYW5uZWwgPCBNYXRoLm1pbihpbnB1dC5sZW5ndGgsIHRoaXMuY2hhbm5lbENvdW50KTsgY2hhbm5lbCsrKSB7CiAgICAgIGNvbnN0IGlucHV0Q2hhbm5lbCA9IGlucHV0W2NoYW5uZWxdOwogICAgICBjb25zdCBidWZmZXIgPSB0aGlzLmJ1ZmZlcnNbY2hhbm5lbF07CiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgZnJhbWVDb3VudDsgaSsrKSB7CiAgICAgICAgYnVmZmVyW3RoaXMuc2FtcGxlc0NvbGxlY3RlZCArIGldID0gaW5wdXRDaGFubmVsW2ldOwogICAgICB9CiAgICB9CiAgICB0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgKz0gZnJhbWVDb3VudDsKICAgIGlmICh0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgPj0gdGhpcy5idWZmZXJTaXplKSB7CiAgICAgIHRoaXMuZmx1c2hCdWZmZXJzKCk7CiAgICB9CiAgICByZXR1cm4gdHJ1ZTsKICB9CiAgZmx1c2hCdWZmZXJzKCkgewogICAgY29uc3Qgc2FtcGxlcyA9IHRoaXMuYnVmZmVyc1swXS5zbGljZSgwLCB0aGlzLnNhbXBsZXNDb2xsZWN0ZWQpOwogICAgdGhpcy5wb3J0LnBvc3RNZXNzYWdlKHsKICAgICAgc2FtcGxlcywKICAgICAgc2FtcGxlUmF0ZSwKICAgICAgY2hhbm5lbENvdW50OiB0aGlzLmNoYW5uZWxDb3VudAogICAgfSk7CiAgICB0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgPSAwOwogIH0KfTsKcmVnaXN0ZXJQcm9jZXNzb3IoInJlY29yZGluZy1wcm9jZXNzb3IiLCBSZWNvcmRpbmdQcm9jZXNzb3IpOwovLyMgc291cmNlTWFwcGluZ1VSTD1yZWNvcmRpbmctcHJvY2Vzc29yLndvcmtsZXQuanMubWFw",typeof document>"u"?require("url").pathToFileURL(__filename).href:Wt&&Wt.tagName.toUpperCase()==="SCRIPT"&&Wt.src||new URL("index.js",document.baseURI).href).href;await V.addAudioWorkletModule(O),S.current=!0}catch(V){throw console.error("Failed to load AudioWorklet module:",V),new Error("Failed to load recording processor")}},[]),P=i.useCallback(async()=>{if(!e){I(new Error("No microphone stream available"));return}try{I(null);const V=E.getContext();V.state==="suspended"&&await V.resume(),await H();const O=V.createMediaStreamSource(e);k.current=O;const ne=V.createAudioWorkletNode("recording-processor");y.current=ne,O.connect(ne),ne.port.onmessage=K=>{const{samples:U}=K.data;R.current.push(U),M.current+=U.length,C(be=>pi(be,U,r,M.current-U.length,m))},ne.port.postMessage({command:"start",sampleRate:V.sampleRate,channelCount:n}),R.current=[],M.current=0,C(new Int16Array(0)),d(null),b(0),v(0),T.current=!0,W.current=!1,s(!0),l(!1),$.current=performance.now();const te=()=>{if(T.current&&!W.current){const K=(performance.now()-$.current)/1e3;u(K),D.current=requestAnimationFrame(te)}};te()}catch(V){console.error("Failed to start recording:",V),I(V instanceof Error?V:new Error("Failed to start recording"))}},[e,n,r,H,a,o]),j=i.useCallback(async()=>{if(!a)return null;try{if(y.current){if(y.current.port.postMessage({command:"stop"}),k.current)try{k.current.disconnect(y.current)}catch{}y.current.disconnect()}D.current!==null&&(cancelAnimationFrame(D.current),D.current=null);const V=hi(R.current),ne=E.getContext().rawContext,te=mi(ne,V,ne.sampleRate,n);return d(te),u(te.duration),T.current=!1,W.current=!1,s(!1),l(!1),b(0),te}catch(V){return console.error("Failed to stop recording:",V),I(V instanceof Error?V:new Error("Failed to stop recording")),null}},[a,n]),N=i.useCallback(()=>{a&&!o&&(D.current!==null&&(cancelAnimationFrame(D.current),D.current=null),W.current=!0,l(!0))},[a,o]),Y=i.useCallback(()=>{if(a&&o){W.current=!1,l(!1),$.current=performance.now()-c*1e3;const V=()=>{if(T.current&&!W.current){const O=(performance.now()-$.current)/1e3;u(O),D.current=requestAnimationFrame(V)}};V()}},[a,o,c]);return i.useEffect(()=>()=>{if(y.current){if(y.current.port.postMessage({command:"stop"}),k.current)try{k.current.disconnect(y.current)}catch{}y.current.disconnect()}D.current!==null&&cancelAnimationFrame(D.current)},[]),{isRecording:a,isPaused:o,duration:c,peaks:f,audioBuffer:p,level:h,peakLevel:w,startRecording:P,stopRecording:j,pauseRecording:N,resumeRecording:Y,error:g}}function bi(){const[e,t]=i.useState(null),[n,r]=i.useState([]),[a,s]=i.useState(!1),[o,l]=i.useState(!1),[c,u]=i.useState(null),f=i.useCallback(async()=>{try{const g=(await navigator.mediaDevices.enumerateDevices()).filter(I=>I.kind==="audioinput").map(I=>({deviceId:I.deviceId,label:I.label||`Microphone ${I.deviceId.slice(0,8)}`,groupId:I.groupId}));r(g)}catch(d){console.error("Failed to enumerate devices:",d),u(d instanceof Error?d:new Error("Failed to enumerate devices"))}},[]),C=i.useCallback(async(d,g)=>{l(!0),u(null);try{e&&e.getTracks().forEach(w=>w.stop());const h={audio:{echoCancellation:!1,noiseSuppression:!1,autoGainControl:!1,latency:0,...g,...d&&{deviceId:{exact:d}}},video:!1},b=await navigator.mediaDevices.getUserMedia(h);t(b),s(!0),await f()}catch(I){console.error("Failed to access microphone:",I),u(I instanceof Error?I:new Error("Failed to access microphone")),s(!1)}finally{l(!1)}},[e,f]),p=i.useCallback(()=>{e&&(e.getTracks().forEach(d=>d.stop()),t(null),s(!1))},[e]);return i.useEffect(()=>(f(),()=>{e&&e.getTracks().forEach(d=>d.stop())}),[]),{stream:e,devices:n,hasPermission:a,isLoading:o,requestAccess:C,stopStream:p,error:c}}function vi(e,t={}){const{updateRate:n=60,smoothingTimeConstant:r=.8}=t,[a,s]=i.useState(0),[o,l]=i.useState(0),c=i.useRef(null),u=i.useRef(null),f=i.useRef(null),C=()=>l(0);return i.useEffect(()=>{if(!e){s(0),l(0);return}let p=!0;return(async()=>{if(!p)return;const g=E.getContext();if(g.state==="suspended"&&await g.resume(),!p)return;const I=new E.Meter({smoothing:r,context:g});c.current=I;const h=g.createMediaStreamSource(e);u.current=h,E.connect(h,I);const b=1e3/n;let w=0;const v=m=>{if(!(!p||!c.current)){if(m-w>=b){w=m;const S=c.current.getValue(),y=typeof S=="number"?S:S[0],k=Math.max(0,Math.min(1,(y+100)/100));s(k),l(R=>Math.max(R,k))}f.current=requestAnimationFrame(v)}};f.current=requestAnimationFrame(v)})(),()=>{if(p=!1,f.current&&(cancelAnimationFrame(f.current),f.current=null),u.current){try{u.current.disconnect()}catch{}u.current=null}c.current&&(c.current.dispose(),c.current=null)}},[e,r,n]),{level:a,peakLevel:o,resetPeak:C}}A.button`
|
|
1067
1067
|
padding: 0.5rem 1rem;
|
|
1068
1068
|
font-size: 0.875rem;
|
|
1069
1069
|
font-weight: 500;
|
|
@@ -1111,9 +1111,9 @@
|
|
|
1111
1111
|
opacity: 0.3;
|
|
1112
1112
|
}
|
|
1113
1113
|
}
|
|
1114
|
-
`;A(
|
|
1114
|
+
`;A(nn)`
|
|
1115
1115
|
min-width: 200px;
|
|
1116
|
-
`;A(
|
|
1116
|
+
`;A(mr)`
|
|
1117
1117
|
display: flex;
|
|
1118
1118
|
flex-direction: column;
|
|
1119
1119
|
gap: 0.25rem;
|
|
@@ -1183,20 +1183,20 @@
|
|
|
1183
1183
|
width: 100%;
|
|
1184
1184
|
height: ${e=>e.$height}px;
|
|
1185
1185
|
pointer-events: none;
|
|
1186
|
-
`,
|
|
1186
|
+
`,nr=A.div`
|
|
1187
1187
|
position: absolute;
|
|
1188
1188
|
left: ${e=>e.$position}%;
|
|
1189
1189
|
top: 0;
|
|
1190
1190
|
width: 1px;
|
|
1191
1191
|
height: ${e=>e.$height}px;
|
|
1192
1192
|
background: rgba(255, 255, 255, 0.2);
|
|
1193
|
-
`,Si=({level:e,peakLevel:t,width:n=200,height:r=20,className:a})=>{const s=Math.max(0,Math.min(1,e)),o=t!==void 0?Math.max(0,Math.min(1,t)):0;return x.jsxs(Ci,{$width:n,$height:r,className:a,children:[x.jsx(xi,{$level:s,$height:r}),t!==void 0&&o>0&&x.jsx(yi,{$peakLevel:o,$height:r}),x.jsxs(Ii,{$height:r,children:[x.jsx(tr,{$position:60,$height:r}),x.jsx(tr,{$position:85,$height:r})]})]})};i.memo(Si);function Ai(e,t,n,r={}){const{currentTime:a=0,audioConstraints:s,...o}=r,[l,c]=i.useState(!1),[u,d]=i.useState(null),{stream:b,devices:g,hasPermission:f,requestAccess:v,error:y}=bi(),{level:m,peakLevel:h}=vi(b),{isRecording:w,isPaused:C,duration:p,peaks:S,startRecording:I,stopRecording:k,pauseRecording:R,resumeRecording:M,error:D}=gi(b,o),$=i.useCallback(async()=>{n&&(l||(await Wt(),c(!0)),await I())},[n,l,I]),T=i.useCallback(async()=>{const P=await k();if(P&&n){const j=e.findIndex(U=>U.id===n);if(j===-1)return;const N=e[j],Y=Math.floor(a*P.sampleRate);let z=0;if(N.clips.length>0){const U=N.clips.map(J=>J.startSample+J.durationSamples);z=Math.max(...U)}const K=Math.max(Y,z),ne={id:`clip-${Date.now()}`,audioBuffer:P,startSample:K,durationSamples:P.length,offsetSamples:0,sampleRate:P.sampleRate,sourceDurationSamples:P.length,gain:1,name:`Recording ${new Date().toLocaleTimeString()}`},te=e.map((U,J)=>J===j?{...U,clips:[...U.clips,ne]}:U);t(te)}},[n,e,t,a,k]);i.useEffect(()=>{f&&g.length>0&&u===null&&d(g[0].deviceId)},[f,g.length]);const W=i.useCallback(async()=>{await v(void 0,s),await Wt(),c(!0)},[v,s]),H=i.useCallback(async P=>{d(P),await v(P,s),await Wt(),c(!0)},[v,s]);return{isRecording:w,isPaused:C,duration:p,level:m,peakLevel:h,error:y||D,stream:b,devices:g,hasPermission:f,selectedDevice:u,startRecording:$,stopRecording:T,pauseRecording:R,resumeRecording:M,requestMicAccess:W,changeDevice:H,recordingPeaks:S}}const at=[{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}]}],ln=e=>at.find(t=>t.id===e),ki=e=>at.filter(t=>t.category===e),$i=[{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"}],Di={reverb:E.Reverb,freeverb:E.Freeverb,jcReverb:E.JCReverb,feedbackDelay:E.FeedbackDelay,pingPongDelay:E.PingPongDelay,chorus:E.Chorus,phaser:E.Phaser,tremolo:E.Tremolo,vibrato:E.Vibrato,autoPanner:E.AutoPanner,autoFilter:E.AutoFilter,autoWah:E.AutoWah,eq3:E.EQ3,distortion:E.Distortion,bitCrusher:E.BitCrusher,chebyshev:E.Chebyshev,compressor:E.Compressor,limiter:E.Limiter,gate:E.Gate,stereoWidener:E.StereoWidener};let Mi=0;const Ri=()=>`effect_${Date.now()}_${++Mi}`;function rt(e,t){const n=Di[e.id];if(!n)throw new Error(`Unknown effect type: ${e.id}`);const r={};e.parameters.forEach(o=>{const l=t?.[o.name]??o.default;r[o.name]=l});const a=new n(r),s=Ri();return{effect:a,id:e.id,instanceId:s,dispose(){try{a.disconnect(),a.dispose()}catch{}},setParameter(o,l){o==="wet"&&a.wet?a.wet.value=l:a[o]!==void 0&&(a[o]?.value!==void 0?a[o].value=l:a[o]=l)},getParameter(o){if(o==="wet"&&a.wet)return a.wet.value;if(a[o]!==void 0)return a[o]?.value!==void 0?a[o].value:a[o]},connect(o){a.connect(o)},disconnect(){try{a.disconnect()}catch{}}}}function Bi(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 Ei(e=256){const[t,n]=i.useState([]),r=i.useRef(t);r.current=t;const a=i.useRef(new Map),s=i.useRef(null),o=i.useRef(null),l=i.useCallback(m=>{const h=o.current;if(!h)return;const{masterGainNode:w,destination:C,analyserNode:p}=h;try{w.disconnect()}catch{}const S=m.map(I=>a.current.get(I.instanceId)).filter(I=>I!==void 0);if(S.length===0)w.connect(p),p.connect(C);else{let I=w;S.forEach(k=>{try{k.disconnect()}catch{}I.connect(k.effect),I=k.effect}),I.connect(p),p.connect(C)}},[]),c=i.useCallback(m=>{const h=ln(m);if(!h){console.error(`Unknown effect: ${m}`);return}const w={};h.parameters.forEach(S=>{w[S.name]=S.default});const C=rt(h,w);a.current.set(C.instanceId,C);const p={instanceId:C.instanceId,effectId:h.id,definition:h,params:w,bypassed:!1};n(S=>[...S,p])},[]),u=i.useCallback(m=>{const h=a.current.get(m);h&&(h.dispose(),a.current.delete(m)),n(w=>w.filter(C=>C.instanceId!==m))},[]),d=i.useCallback((m,h,w)=>{const C=a.current.get(m);C&&C.setParameter(h,w),n(p=>p.map(S=>S.instanceId===m?{...S,params:{...S.params,[h]:w}}:S))},[]),b=i.useCallback(m=>{const h=r.current.find(p=>p.instanceId===m);if(!h)return;const w=!h.bypassed,C=a.current.get(m);if(C){const p=h.params.wet??1;C.setParameter("wet",w?0:p)}n(p=>p.map(S=>S.instanceId===m?{...S,bypassed:w}:S))},[]),g=i.useCallback((m,h)=>{n(w=>{const C=[...w],[p]=C.splice(m,1);return C.splice(h,0,p),C})},[]),f=i.useCallback(()=>{a.current.forEach(m=>m.dispose()),a.current.clear(),n([])},[]);i.useEffect(()=>{l(t)},[t,l]);const v=i.useCallback((m,h,w)=>{const C=new E.Analyser("fft",e);s.current=C,o.current={masterGainNode:m,destination:h,analyserNode:C};const S=r.current.map(I=>a.current.get(I.instanceId)).filter(I=>I!==void 0);if(S.length===0)m.connect(C),C.connect(h);else{let I=m;S.forEach(k=>{I.connect(k.effect),I=k.effect}),I.connect(C),C.connect(h)}return function(){C.dispose(),s.current=null,o.current=null}},[e]);i.useEffect(()=>()=>{a.current.forEach(m=>m.dispose()),a.current.clear()},[]);const y=i.useCallback(()=>{const m=t.filter(h=>!h.bypassed);if(m.length!==0)return(h,w,C)=>{const p=[];for(const S of m){const I=rt(S.definition,S.params);p.push(I)}if(p.length===0)h.connect(w);else{let S=h;p.forEach(I=>{S.connect(I.effect),S=I.effect}),S.connect(w)}return function(){p.forEach(I=>I.dispose())}}},[t]);return{activeEffects:t,availableEffects:at,addEffect:c,removeEffect:u,updateParameter:d,toggleBypass:b,reorderEffects:g,clearAllEffects:f,masterEffects:v,createOfflineEffectsFunction:y,analyserRef:s}}function Ti(){const[e,t]=i.useState(new Map),n=i.useRef(new Map),r=i.useRef(new Map),a=i.useCallback((f,v)=>{const y=r.current.get(f);if(!y)return;const{graphEnd:m,masterGainNode:h}=y,w=n.current.get(f);try{m.disconnect()}catch{}const C=v.map(p=>w?.get(p.instanceId)).filter(p=>p!==void 0);if(C.length===0)m.connect(h);else{let p=m;C.forEach(S=>{try{S.disconnect()}catch{}p.connect(S.effect),p=S.effect}),p.connect(h)}},[]),s=i.useCallback((f,v)=>{const y=ln(v);if(!y){console.error(`Unknown effect: ${v}`);return}const m={};y.parameters.forEach(C=>{m[C.name]=C.default});const h=rt(y,m);n.current.has(f)||n.current.set(f,new Map),n.current.get(f).set(h.instanceId,h);const w={instanceId:h.instanceId,effectId:y.id,definition:y,params:m,bypassed:!1};t(C=>{const p=new Map(C),S=p.get(f)||[];return p.set(f,[...S,w]),p})},[]),o=i.useCallback((f,v)=>{const y=n.current.get(f),m=y?.get(v);m&&(m.dispose(),y?.delete(v)),t(h=>{const w=new Map(h),C=w.get(f)||[];return w.set(f,C.filter(p=>p.instanceId!==v)),w})},[]),l=i.useCallback((f,v,y,m)=>{const w=n.current.get(f)?.get(v);w&&w.setParameter(y,m),t(C=>{const p=new Map(C),S=p.get(f)||[];return p.set(f,S.map(I=>I.instanceId===v?{...I,params:{...I.params,[y]:m}}:I)),p})},[]),c=i.useCallback((f,v)=>{const m=(d.current.get(f)||[]).find(p=>p.instanceId===v);if(!m)return;const h=!m.bypassed,C=n.current.get(f)?.get(v);if(C){const p=m.params.wet??1;C.setParameter("wet",h?0:p)}t(p=>{const S=new Map(p),I=S.get(f)||[];return S.set(f,I.map(k=>k.instanceId===v?{...k,bypassed:h}:k)),S})},[]),u=i.useCallback(f=>{const v=n.current.get(f);v&&(v.forEach(y=>y.dispose()),v.clear()),t(y=>{const m=new Map(y);return m.set(f,[]),m})},[]),d=i.useRef(e);d.current=e;const b=i.useCallback(f=>(v,y,m)=>{r.current.set(f,{graphEnd:v,masterGainNode:y});const h=d.current.get(f)||[],w=n.current.get(f),C=h.map(p=>w?.get(p.instanceId)).filter(p=>p!==void 0);if(C.length===0)v.connect(y);else{let p=v;C.forEach(S=>{p.connect(S.effect),p=S.effect}),p.connect(y)}return function(){r.current.delete(f)}},[]);i.useEffect(()=>{e.forEach((f,v)=>{a(v,f)})},[e,a]),i.useEffect(()=>()=>{n.current.forEach(f=>{f.forEach(v=>v.dispose()),f.clear()}),n.current.clear()},[]);const g=i.useCallback(f=>{const y=(e.get(f)||[]).filter(m=>!m.bypassed);if(y.length!==0)return(m,h,w)=>{const C=[];for(const p of y){const S=rt(p.definition,p.params);C.push(S)}if(C.length===0)m.connect(h);else{let p=m;C.forEach(S=>{p.connect(S.effect),p=S.effect}),p.connect(h)}return function(){C.forEach(S=>S.dispose())}}},[e]);return{trackEffectsState:e,addEffectToTrack:s,removeEffectFromTrack:o,updateTrackEffectParameter:l,toggleBypass:c,clearTrackEffects:u,getTrackEffectsFunction:b,createOfflineTrackEffectsFunction:g,availableEffects:at}}function Wi(e,t={}){const{bitDepth:n=16}=t,r=e.numberOfChannels,a=e.sampleRate,s=e.length,o=n/8,l=r*o,c=a*l,u=s*l,d=44,b=d+u,g=new ArrayBuffer(b),f=new DataView(g);ht(f,0,"RIFF"),f.setUint32(4,b-8,!0),ht(f,8,"WAVE"),ht(f,12,"fmt "),f.setUint32(16,16,!0),f.setUint16(20,n===32?3:1,!0),f.setUint16(22,r,!0),f.setUint32(24,a,!0),f.setUint32(28,c,!0),f.setUint16(32,l,!0),f.setUint16(34,n,!0),ht(f,36,"data"),f.setUint32(40,u,!0);const v=[];for(let m=0;m<r;m++)v.push(e.getChannelData(m));let y=d;if(n===16)for(let m=0;m<s;m++)for(let h=0;h<r;h++){const w=v[h][m],C=Math.max(-1,Math.min(1,w)),p=C<0?C*32768:C*32767;f.setInt16(y,p,!0),y+=2}else for(let m=0;m<s;m++)for(let h=0;h<r;h++)f.setFloat32(y,v[h][m],!0),y+=4;return new Blob([g],{type:"audio/wav"})}function ht(e,t,n){for(let r=0;r<n.length;r++)e.setUint8(t+r,n.charCodeAt(r))}function Fi(e,t){const n=URL.createObjectURL(e),r=document.createElement("a");r.href=n,r.download=t,r.style.display="none",document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)}function Fr(){const[e,t]=i.useState(!1),[n,r]=i.useState(0),[a,s]=i.useState(null);return{exportWav:i.useCallback(async(l,c,u={})=>{const{filename:d="export",mode:b="master",trackIndex:g,autoDownload:f=!0,applyEffects:v=!0,effectsFunction:y,createOfflineTrackEffects:m,bitDepth:h=16,onProgress:w}=u;t(!0),r(0),s(null);try{if(l.length===0)throw new Error("No tracks to export");if(b==="individual"&&(g===void 0||g<0||g>=l.length))throw new Error("Invalid track index for individual export");const C=l[0].clips[0]?.sampleRate||44100;let p=0;for(const $ of l)for(const T of $.clips){const W=T.startSample+T.durationSamples;p=Math.max(p,W)}p+=Math.round(C*.1);const S=p/C,I=b==="individual"?[{track:l[g],state:c[g],index:g}]:l.map(($,T)=>({track:$,state:c[T],index:T})),k=c.some($=>$.soloed),R=!!m;let M;if((y||R)&&v)M=await Zi(I,c,k,S,C,y,m,$=>{r($),w?.($)});else{const $=new OfflineAudioContext(2,p,C);let T=0;const W=I.reduce((H,{track:P})=>H+P.clips.length,0);for(const{track:H,state:P}of I)if(!(P.muted&&!P.soloed)&&!(k&&!P.soloed))for(const j of H.clips){await Vi($,j,P,C,v),T++;const N=T/W*.5;r(N),w?.(N)}r(.5),w?.(.5),M=await $.startRendering()}r(.9),w?.(.9);const D=Wi(M,{bitDepth:h});if(r(1),w?.(1),f){const $=b==="individual"?`${d}_${l[g].name}`:d;Fi(D,`${$}.wav`)}return{audioBuffer:M,blob:D,duration:S}}catch(C){const p=C instanceof Error?C.message:"Export failed";throw s(p),C}finally{t(!1)}},[]),isExporting:e,progress:n,error:a}}async function Zi(e,t,n,r,a,s,o,l){const{Offline:c,Volume:u,Gain:d,Panner:b,Player:g,ToneAudioBuffer:f}=await import("tone");l(.1);let v;try{v=await c(async({transport:y,destination:m})=>{const h=new u(0);let w;s?w=s(h,m,!0):h.connect(m);for(const{track:C,state:p}of e){if(p.muted&&!p.soloed||n&&!p.soloed)continue;const S=new u(_i(p.volume)),I=new b(p.pan),k=new d(p.muted?0:1),R=o?.(C.id);R?R(k,h,!0):k.connect(h),I.connect(k),S.connect(I);for(const M of C.clips){const{audioBuffer:D,startSample:$,durationSamples:T,offsetSamples:W,gain:H,fadeIn:P,fadeOut:j}=M,N=$/a,Y=T/a,z=W/a,K=new f(D),ne=new g(K),te=new d(H);if(ne.connect(te),te.connect(S),P){const U=N,J=N+P.duration,fe=te.gain._param;fe.setValueAtTime(0,U),fe.linearRampToValueAtTime(H,J)}if(j){const U=N+Y-j.duration,J=N+Y,fe=te.gain._param;fe.setValueAtTime(H,U),fe.linearRampToValueAtTime(0,J)}ne.start(N,z,Y)}}y.start(0)},r,2,a)}catch(y){throw y instanceof Error?y:new Error(`Tone.Offline rendering failed: ${String(y)}`)}return l(.9),v.get()}function _i(e){return 20*Math.log10(Math.max(e,1e-4))}async function Vi(e,t,n,r,a){const{audioBuffer:s,startSample:o,durationSamples:l,offsetSamples:c,gain:u,fadeIn:d,fadeOut:b}=t;if(!s){console.warn(`Skipping clip "${t.name||t.id}" - no audioBuffer for export`);return}const g=o/r,f=l/r,v=c/r,y=e.createBufferSource();y.buffer=s;const m=e.createGain(),h=u*n.volume,w=e.createStereoPanner();if(w.pan.value=n.pan,y.connect(m),m.connect(w),w.connect(e.destination),a){if(d?m.gain.setValueAtTime(0,g):m.gain.setValueAtTime(h,g),d){const C=g,p=g+d.duration;nr(m.gain,C,p,0,h,d.type||"linear")}if(b){const C=g+f-b.duration,p=g+f;(!d||d.duration<f-b.duration)&&m.gain.setValueAtTime(h,C),nr(m.gain,C,p,h,0,b.type||"linear")}}else m.gain.setValueAtTime(h,g);y.start(g,v,f)}function nr(e,t,n,r,a,s){const o=n-t;if(!(o<=0))switch(s){case"linear":e.setValueAtTime(r,t),e.linearRampToValueAtTime(a,n);break;case"exponential":const l=Math.max(r,1e-4),c=Math.max(a,1e-4);e.setValueAtTime(l,t),e.exponentialRampToValueAtTime(c,n),a===0&&e.setValueAtTime(0,n);break;case"logarithmic":const u=rr(r,a,256,"logarithmic");e.setValueCurveAtTime(u,t,o);break;case"sCurve":const d=rr(r,a,256,"sCurve");e.setValueCurveAtTime(d,t,o);break;default:e.setValueAtTime(r,t),e.linearRampToValueAtTime(a,n)}}function rr(e,t,n,r){const a=new Float32Array(n),s=t-e;for(let o=0;o<n;o++){const l=o/(n-1);let c;r==="logarithmic"?s>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),a[o]=e+s*c}return a}const Zr=i.createContext(null),_r=i.createContext(null),Vr=i.createContext(null),zr=i.createContext(null),Xr=i.createContext(null),zi=({tracks:e,timescale:t=!1,mono:n=!1,waveHeight:r=80,samplesPerPixel:a=1024,zoomLevels:s,automaticScroll:o=!1,theme:l,controls:c={show:!1,width:0},annotationList:u,effects:d,onReady:b,onAnnotationUpdate:g,barWidth:f=1,barGap:v=0,progressBarWidth:y,children:m})=>{const h=y??f+v,[w,C]=i.useState([]),[p,S]=i.useState(null),[I,k]=i.useState(!1),[R,M]=i.useState(0),[D,$]=i.useState(0),[T,W]=i.useState([]),[H,P]=i.useState([]),[j,N]=i.useState([]),[Y,z]=i.useState(0),[K,ne]=i.useState(0),[te,U]=i.useState(null),[J,fe]=i.useState(o),[Pe,Xe]=i.useState(u?.isContinuousPlay??!1),[kt,se]=i.useState(u?.linkEndpoints??!0),[ie,ot]=i.useState(u?.editable??!1),[st,q]=i.useState(!1),[Ge,$t]=i.useState(0),[Dt,qe]=i.useState(0),F=i.useRef(null),Se=i.useRef(0),ce=i.useRef(0),re=i.useRef(null),De=i.useRef(j),Me=i.useRef(0),Ae=i.useRef(0),Fe=i.useRef(null),Ze=i.useRef(null),it=i.useRef(!1),Mt=i.useRef(u?.isContinuousPlay??!1),V=i.useRef(null),L=i.useRef(a),ee=i.useRef(!1),ue=i.useRef(0),pe=i.useRef(0),he=i.useRef(0),O=i.useRef(0),{timeFormat:Re,setTimeFormat:Be,formatTime:_e}=$r(),Ce=Dr({initialSamplesPerPixel:a,zoomLevels:s}),we=Ce.samplesPerPixel,{masterVolume:Qe,setMasterVolume:Rt}=Mr({playoutRef:F,initialVolume:1}),Hr=i.useCallback(B=>{Mt.current=B,Xe(B)},[]),Le=i.useCallback(B=>{V.current=B,S(B)},[]),jr=i.useCallback(B=>{ee.current=B,q(B)},[]),et=i.useCallback((B,_)=>{he.current=B,O.current=_,$t(B),qe(_)},[]),Pr=i.useCallback(()=>{const B=ue.current,_=pe.current;B!==_&&_>B&&et(B,_)},[et]),Gr=i.useCallback(()=>{et(0,0)},[et]);i.useEffect(()=>{it.current=J},[J]),i.useEffect(()=>{De.current=j},[j]),i.useEffect(()=>{ue.current=Y,pe.current=K},[Y,K]),i.useEffect(()=>{if(!Ze.current||!T.length)return;const B=Ze.current,_=L.current,G=we;if(_===G)return;const Q=c.show?c.width:0,Z=B.clientWidth,$e=B.scrollLeft+Z/2-Q,ae=T[0].sampleRate,be=$e*_/ae*ae/G,Ee=Math.max(0,be+Q-Z/2);B.scrollLeft=Ee,L.current=G},[we,T,c]);const lt=i.useRef(null);i.useEffect(()=>{if(e.length===0){W([]),$(0),N([]),P([]),F.current&&(F.current.dispose(),F.current=null);return}const B=I,_=ce.current;return F.current&&B&&(F.current.stop(),re.current&&(cancelAnimationFrame(re.current),re.current=null),lt.current={position:_}),(async()=>{try{const Q=[];e.forEach(ae=>{ae.clips.length>0&&ae.clips[0].audioBuffer&&Q.push(ae.clips[0].audioBuffer)});let Z=0;e.forEach(ae=>{ae.clips.forEach(de=>{const be=de.sampleRate,ct=(de.startSample+de.durationSamples)/be;Z=Math.max(Z,ct)})}),W(Q),$(Z),N(ae=>ae.length===e.length?ae.map((de,be)=>({...de,name:e[be].name})):e.map(de=>({name:de.name,muted:de.muted,soloed:de.soloed,volume:de.volume,pan:de.pan}))),F.current&&F.current.dispose();const le=new va({effects:d}),$e=De.current;e.forEach((ae,de)=>{const be=ae.clips.filter(Ee=>Ee.audioBuffer);if(be.length>0){const Ee=be[0].sampleRate,ct=Math.min(...be.map(ve=>ve.startSample/Ee)),aa=Math.max(...be.map(ve=>(ve.startSample+ve.durationSamples)/Ee)),ut=$e[de],oa={id:`track-${de}`,name:ae.name,gain:ut?.volume??ae.volume,muted:ut?.muted??ae.muted,soloed:ut?.soloed??ae.soloed,stereoPan:ut?.pan??ae.pan,startTime:ct,endTime:aa},sa=be.map(ve=>{const Et=ve.sampleRate;return{buffer:ve.audioBuffer,startTime:ve.startSample/Et-ct,duration:ve.durationSamples/Et,offset:ve.offsetSamples/Et,fadeIn:ve.fadeIn,fadeOut:ve.fadeOut,gain:ve.gain}});le.addTrack({clips:sa,track:oa,effects:ae.effects})}}),le.applyInitialSoloState(),F.current=le,b?.()}catch(Q){console.error("Error loading audio:",Q)}})(),()=>{re.current&&cancelAnimationFrame(re.current),F.current&&F.current.dispose()}},[e,b,I]),i.useEffect(()=>{if(e.length===0)return;const B=16,_=e.map(G=>G.clips.map(Z=>{if(Z.waveformData){const $e=ls(Z.waveformData,we,0,Z.offsetSamples,Z.durationSamples);return{clipId:Z.id,trackName:G.name,peaks:{length:$e.length,data:[$e.data],bits:$e.bits},startSample:Z.startSample,durationSamples:Z.durationSamples,fadeIn:Z.fadeIn,fadeOut:Z.fadeOut}}if(!Z.audioBuffer)return console.warn(`Clip "${Z.name||Z.id}" has neither waveformData nor audioBuffer - rendering empty`),{clipId:Z.id,trackName:G.name,peaks:{length:0,data:[],bits:B},startSample:Z.startSample,durationSamples:Z.durationSamples,fadeIn:Z.fadeIn,fadeOut:Z.fadeOut};const le=Po(Z.audioBuffer,we,n,B,Z.offsetSamples,Z.durationSamples);return{clipId:Z.id,trackName:G.name,peaks:le,startSample:Z.startSample,durationSamples:Z.durationSamples,fadeIn:Z.fadeIn,fadeOut:Z.fadeOut}}));P(_)},[e,we,n]),i.useEffect(()=>{if(u?.annotations){const B=u.annotations.map(_=>typeof _.start=="number"?_:gs(_));C(B)}},[u]);const He=i.useCallback(()=>{re.current&&(cancelAnimationFrame(re.current),re.current=null);const B=()=>{const _=E.getContext().currentTime-Me.current,G=Ae.current+_;if(ce.current=G,M(G),w.length>0){const Z=w.find(le=>G>=le.start&&G<le.end);if(Mt.current){if(Z&&Z.id!==V.current)Le(Z.id);else if(!Z&&V.current!==null){const le=w[w.length-1];if(G>=le.end){F.current&&F.current.stop(),k(!1),ce.current=Se.current,M(Se.current),Le(null);return}}}else if(V.current){const le=w.find($e=>$e.id===V.current);if(le&&G>=le.end){F.current&&F.current.stop(),k(!1),ce.current=Se.current,M(Se.current);return}}else Z&&Le(Z.id)}if(it.current&&Ze.current&&T.length>0){const Z=Ze.current,le=T[0].sampleRate,$e=G*le/L.current,ae=Z.clientWidth,de=c.show?c.width:0,be=$e+de,Ee=Math.max(0,be-ae/2);Z.scrollLeft=Ee}if(Fe.current!==null&&G>=Fe.current){F.current&&F.current.stop(),k(!1),ce.current=Fe.current,M(Fe.current),Fe.current=null;return}const Q=he.current!==O.current&&O.current>he.current;if(ee.current&&Q&&G>=O.current){F.current?.stop();const le=E.getContext().currentTime;Me.current=le,Ae.current=he.current,ce.current=he.current,F.current?.play(le,he.current),re.current=requestAnimationFrame(B);return}if(G>=D){F.current&&F.current.stop(),k(!1),ce.current=Se.current,M(Se.current),Le(null);return}re.current=requestAnimationFrame(B)};re.current=requestAnimationFrame(B)},[D,T,we,w,Pe]),ke=i.useCallback(()=>{re.current&&(cancelAnimationFrame(re.current),re.current=null)},[]);i.useEffect(()=>{(async()=>{if(I&&re.current&&F.current)if(Pe){const _=ce.current;F.current.stop(),ke(),await F.current.init(),F.current.setOnPlaybackComplete(()=>{});const Q=E.getContext().currentTime;Me.current=Q,Ae.current=_,F.current.play(Q,_),He()}else ke(),He()})()},[Pe,I,He,ke]),i.useEffect(()=>{(async()=>{if(lt.current&&F.current){const{position:_}=lt.current;lt.current=null,await F.current.init(),F.current.setOnPlaybackComplete(()=>{});const Q=E.getContext().currentTime;Me.current=Q,Ae.current=_,F.current.play(Q,_),k(!0),He()}})()},[e,He]);const Bt=i.useCallback(async(B,_)=>{if(!F.current||T.length===0)return;await F.current.init(),await E.start();const G=B??ce.current;Se.current=G,ce.current=G,F.current.setOnPlaybackComplete(()=>{}),F.current.stop(),ke();const Z=E.getContext().currentTime;Me.current=Z,Ae.current=G,Fe.current=_!==void 0?G+_:null,F.current.play(Z,G,_),k(!0),He()},[T.length,He,ke]),Lr=i.useCallback(()=>{if(!F.current)return;const B=E.getContext().currentTime-Me.current,_=Ae.current+B;F.current.pause(),k(!1),ke(),ce.current=_,M(_)},[ke]),Nr=i.useCallback(()=>{F.current&&(F.current.stop(),k(!1),ke(),ce.current=Se.current,M(Se.current),Le(null))},[ke]),Yr=i.useCallback(B=>{const _=Math.max(0,Math.min(B,D));ce.current=_,M(_),I&&F.current&&(F.current.stop(),ke(),Bt(_))},[D,I,Bt,ke]),Or=i.useCallback((B,_)=>{const G=[...j];if(G[B]={...G[B],muted:_},N(G),F.current){const Q=`track-${B}`;F.current.setMute(Q,_)}},[j]),Kr=i.useCallback((B,_)=>{const G=[...j];if(G[B]={...G[B],soloed:_},N(G),F.current){const Q=`track-${B}`;F.current.setSolo(Q,_)}},[j]),Ur=i.useCallback((B,_)=>{const G=[...j];if(G[B]={...G[B],volume:_},N(G),F.current){const Q=`track-${B}`,Z=F.current.getTrack(Q);Z&&Z.setVolume(_)}},[j]),Jr=i.useCallback((B,_)=>{const G=[...j];if(G[B]={...G[B],pan:_},N(G),F.current){const Q=`track-${B}`,Z=F.current.getTrack(Q);Z&&Z.setPan(_)}},[j]),qr=i.useCallback((B,_)=>{z(B),ne(_),ce.current=B,M(B),I&&F.current&&(F.current.stop(),F.current.play(E.getContext().currentTime,B))},[I]),Qr=i.useCallback(B=>{Ze.current=B},[]),ea=T[0]?.sampleRate||44100,cn=t?30:0,ta=e.length*r+cn,un={isPlaying:I,currentTime:R,currentTimeRef:ce,playbackStartTimeRef:Me,audioStartPositionRef:Ae},dn={continuousPlay:Pe,linkEndpoints:kt,annotationsEditable:ie,isAutomaticScroll:J,isLoopEnabled:st,annotations:w,activeAnnotationId:p,selectionStart:Y,selectionEnd:K,selectedTrackId:te,loopStart:Ge,loopEnd:Dt},fn={play:Bt,pause:Lr,stop:Nr,seekTo:Yr,setCurrentTime:B=>{ce.current=B,M(B)},setTrackMute:Or,setTrackSolo:Kr,setTrackVolume:Ur,setTrackPan:Jr,setSelection:qr,setSelectedTrackId:U,setTimeFormat:Be,formatTime:_e,zoomIn:Ce.zoomIn,zoomOut:Ce.zoomOut,setMasterVolume:Rt,setAutomaticScroll:B=>{fe(B)},setScrollContainer:Qr,scrollContainerRef:Ze,setContinuousPlay:Hr,setLinkEndpoints:se,setAnnotationsEditable:ot,setAnnotations:C,setActiveAnnotationId:Le,setLoopEnabled:jr,setLoopRegion:et,setLoopRegionFromSelection:Pr,clearLoopRegion:Gr},hn={duration:D,audioBuffers:T,peaksDataArray:H,trackStates:j,tracks:e,sampleRate:ea,waveHeight:r,timeScaleHeight:cn,minimumPlaylistHeight:ta,controls:c,playoutRef:F,samplesPerPixel:we,timeFormat:Re,masterVolume:Qe,canZoomIn:Ce.canZoomIn,canZoomOut:Ce.canZoomOut,barWidth:f,barGap:v,progressBarWidth:h},na={...un,...dn,...fn,...hn},ra={...Wa,...l};return x.jsx(A.ThemeProvider,{theme:ra,children:x.jsx(Zr.Provider,{value:un,children:x.jsx(_r.Provider,{value:dn,children:x.jsx(Vr.Provider,{value:fn,children:x.jsx(zr.Provider,{value:hn,children:x.jsx(Xr.Provider,{value:na,children:m})})})})})})},ge=()=>{const e=i.useContext(Zr);if(!e)throw new Error("usePlaybackAnimation must be used within WaveformPlaylistProvider");return e},Ie=()=>{const e=i.useContext(_r);if(!e)throw new Error("usePlaylistState must be used within WaveformPlaylistProvider");return e},oe=()=>{const e=i.useContext(Vr);if(!e)throw new Error("usePlaylistControls must be used within WaveformPlaylistProvider");return e},me=()=>{const e=i.useContext(zr);if(!e)throw new Error("usePlaylistData must be used within WaveformPlaylistProvider");return e},Xi=()=>{const e=i.useContext(Xr);if(!e)throw new Error("useWaveformPlaylist must be used within WaveformPlaylistProvider");return e},Hi=({className:e})=>{const{isPlaying:t,currentTimeRef:n}=ge(),{selectionStart:r,selectionEnd:a,isLoopEnabled:s}=Ie(),{play:o}=oe(),l=async()=>{if(r!==a&&a>r)if(s)await o(r);else{const u=a-r;await o(r,u)}else await o(n.current??0)};return x.jsx(ye,{onClick:l,disabled:t,className:e,children:"Play"})},ji=({className:e})=>{const{isPlaying:t}=ge(),{pause:n}=oe();return x.jsx(ye,{onClick:n,disabled:!t,className:e,children:"Pause"})},Pi=({className:e})=>{const{isPlaying:t}=ge(),{stop:n}=oe();return x.jsx(ye,{onClick:n,disabled:!t,className:e,children:"Stop"})},Gi=({className:e})=>{const{isPlaying:t}=ge(),{play:n,setCurrentTime:r}=oe(),{playoutRef:a}=me(),s=()=>{r(0),t&&a.current&&(a.current.stop(),n(0))};return x.jsx(ye,{onClick:s,className:e,children:"Rewind"})},Li=({className:e})=>{const{isPlaying:t}=ge(),{play:n,setCurrentTime:r}=oe(),{duration:a,playoutRef:s}=me(),o=()=>{r(a),t&&s.current&&(s.current.stop(),n(a))};return x.jsx(ye,{onClick:o,className:e,children:"Fast Forward"})},Ni=({skipAmount:e=5,className:t})=>{const{currentTimeRef:n,isPlaying:r}=ge(),{play:a,setCurrentTime:s}=oe(),{playoutRef:o}=me(),l=()=>{const c=Math.max(0,(n.current??0)-e);s(c),r&&o.current&&(o.current.stop(),a(c))};return x.jsx(ye,{onClick:l,className:t,children:"Skip Backward"})},Yi=({skipAmount:e=5,className:t})=>{const{currentTimeRef:n,isPlaying:r}=ge(),{play:a,setCurrentTime:s}=oe(),{duration:o,playoutRef:l}=me(),c=()=>{const u=Math.min(o,(n.current??0)+e);s(u),r&&l.current&&(l.current.stop(),a(u))};return x.jsx(ye,{onClick:c,className:t,children:"Skip Forward"})},Oi=({className:e})=>{const{isLoopEnabled:t,loopStart:n,loopEnd:r}=Ie(),{setLoopEnabled:a,setLoopRegion:s}=oe(),{duration:o}=me(),l=n!==r&&r>n,c=()=>{if(!t&&!l){const u=Math.min(10,o*.25);s(0,Math.max(1,u))}a(!t)};return x.jsx(ye,{onClick:c,className:e,title:t?"Disable loop":"Enable loop",children:t?"Loop On":"Loop Off"})},Ki=({className:e})=>{const{selectionStart:t,selectionEnd:n,loopStart:r,loopEnd:a}=Ie(),{setLoopRegionFromSelection:s,clearLoopRegion:o}=oe(),l=t!==n&&n>t,c=r!==a&&a>r,u=()=>{c?o():s()};return x.jsx(ye,{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"})},Ui=({className:e,disabled:t})=>{const{zoomIn:n}=oe(),{canZoomIn:r}=me();return x.jsx(ye,{variant:"success",onClick:n,disabled:t||!r,className:e,children:"Zoom In"})},Ji=({className:e,disabled:t})=>{const{zoomOut:n}=oe(),{canZoomOut:r}=me();return x.jsx(ye,{variant:"success",onClick:n,disabled:t||!r,className:e,children:"Zoom Out"})},qi=({className:e})=>{const{masterVolume:t}=me(),{setMasterVolume:n}=oe();return x.jsx(Qa,{volume:t,onChange:n,className:e})},Qi=({className:e})=>{const{timeFormat:t}=me(),{setTimeFormat:n}=oe();return x.jsx(Ro,{value:t,onChange:n,className:e})},el=A.span`
|
|
1193
|
+
`,Si=({level:e,peakLevel:t,width:n=200,height:r=20,className:a})=>{const s=Math.max(0,Math.min(1,e)),o=t!==void 0?Math.max(0,Math.min(1,t)):0;return x.jsxs(Ci,{$width:n,$height:r,className:a,children:[x.jsx(xi,{$level:s,$height:r}),t!==void 0&&o>0&&x.jsx(yi,{$peakLevel:o,$height:r}),x.jsxs(Ii,{$height:r,children:[x.jsx(nr,{$position:60,$height:r}),x.jsx(nr,{$position:85,$height:r})]})]})};i.memo(Si);function Ai(e,t,n,r={}){const{currentTime:a=0,audioConstraints:s,...o}=r,[l,c]=i.useState(!1),[u,f]=i.useState(null),{stream:C,devices:p,hasPermission:d,requestAccess:g,error:I}=bi(),{level:h,peakLevel:b}=vi(C),{isRecording:w,isPaused:v,duration:m,peaks:S,startRecording:y,stopRecording:k,pauseRecording:R,resumeRecording:M,error:D}=gi(C,o),$=i.useCallback(async()=>{n&&(l||(await Ft(),c(!0)),await y())},[n,l,y]),T=i.useCallback(async()=>{const P=await k();if(P&&n){const j=e.findIndex(K=>K.id===n);if(j===-1)return;const N=e[j],Y=Math.floor(a*P.sampleRate);let V=0;if(N.clips.length>0){const K=N.clips.map(U=>U.startSample+U.durationSamples);V=Math.max(...K)}const O=Math.max(Y,V),ne={id:`clip-${Date.now()}`,audioBuffer:P,startSample:O,durationSamples:P.length,offsetSamples:0,sampleRate:P.sampleRate,sourceDurationSamples:P.length,gain:1,name:`Recording ${new Date().toLocaleTimeString()}`},te=e.map((K,U)=>U===j?{...K,clips:[...K.clips,ne]}:K);t(te)}},[n,e,t,a,k]);i.useEffect(()=>{d&&p.length>0&&u===null&&f(p[0].deviceId)},[d,p.length]);const W=i.useCallback(async()=>{await g(void 0,s),await Ft(),c(!0)},[g,s]),H=i.useCallback(async P=>{f(P),await g(P,s),await Ft(),c(!0)},[g,s]);return{isRecording:w,isPaused:v,duration:m,level:h,peakLevel:b,error:I||D,stream:C,devices:p,hasPermission:d,selectedDevice:u,startRecording:$,stopRecording:T,pauseRecording:R,resumeRecording:M,requestMicAccess:W,changeDevice:H,recordingPeaks:S}}const at=[{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}]}],cn=e=>at.find(t=>t.id===e),ki=e=>at.filter(t=>t.category===e),$i=[{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"}],Di={reverb:E.Reverb,freeverb:E.Freeverb,jcReverb:E.JCReverb,feedbackDelay:E.FeedbackDelay,pingPongDelay:E.PingPongDelay,chorus:E.Chorus,phaser:E.Phaser,tremolo:E.Tremolo,vibrato:E.Vibrato,autoPanner:E.AutoPanner,autoFilter:E.AutoFilter,autoWah:E.AutoWah,eq3:E.EQ3,distortion:E.Distortion,bitCrusher:E.BitCrusher,chebyshev:E.Chebyshev,compressor:E.Compressor,limiter:E.Limiter,gate:E.Gate,stereoWidener:E.StereoWidener};let Mi=0;const Ri=()=>`effect_${Date.now()}_${++Mi}`;function rt(e,t){const n=Di[e.id];if(!n)throw new Error(`Unknown effect type: ${e.id}`);const r={};e.parameters.forEach(o=>{const l=t?.[o.name]??o.default;r[o.name]=l});const a=new n(r),s=Ri();return{effect:a,id:e.id,instanceId:s,dispose(){try{a.disconnect(),a.dispose()}catch{}},setParameter(o,l){o==="wet"&&a.wet?a.wet.value=l:a[o]!==void 0&&(a[o]?.value!==void 0?a[o].value=l:a[o]=l)},getParameter(o){if(o==="wet"&&a.wet)return a.wet.value;if(a[o]!==void 0)return a[o]?.value!==void 0?a[o].value:a[o]},connect(o){a.connect(o)},disconnect(){try{a.disconnect()}catch{}}}}function Bi(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 Ei(e=256){const[t,n]=i.useState([]),r=i.useRef(t);r.current=t;const a=i.useRef(new Map),s=i.useRef(null),o=i.useRef(null),l=i.useCallback(h=>{const b=o.current;if(!b)return;const{masterGainNode:w,destination:v,analyserNode:m}=b;try{w.disconnect()}catch{}const S=h.map(y=>a.current.get(y.instanceId)).filter(y=>y!==void 0);if(S.length===0)w.connect(m),m.connect(v);else{let y=w;S.forEach(k=>{try{k.disconnect()}catch{}y.connect(k.effect),y=k.effect}),y.connect(m),m.connect(v)}},[]),c=i.useCallback(h=>{const b=cn(h);if(!b){console.error(`Unknown effect: ${h}`);return}const w={};b.parameters.forEach(S=>{w[S.name]=S.default});const v=rt(b,w);a.current.set(v.instanceId,v);const m={instanceId:v.instanceId,effectId:b.id,definition:b,params:w,bypassed:!1};n(S=>[...S,m])},[]),u=i.useCallback(h=>{const b=a.current.get(h);b&&(b.dispose(),a.current.delete(h)),n(w=>w.filter(v=>v.instanceId!==h))},[]),f=i.useCallback((h,b,w)=>{const v=a.current.get(h);v&&v.setParameter(b,w),n(m=>m.map(S=>S.instanceId===h?{...S,params:{...S.params,[b]:w}}:S))},[]),C=i.useCallback(h=>{const b=r.current.find(m=>m.instanceId===h);if(!b)return;const w=!b.bypassed,v=a.current.get(h);if(v){const m=b.params.wet??1;v.setParameter("wet",w?0:m)}n(m=>m.map(S=>S.instanceId===h?{...S,bypassed:w}:S))},[]),p=i.useCallback((h,b)=>{n(w=>{const v=[...w],[m]=v.splice(h,1);return v.splice(b,0,m),v})},[]),d=i.useCallback(()=>{a.current.forEach(h=>h.dispose()),a.current.clear(),n([])},[]);i.useEffect(()=>{l(t)},[t,l]);const g=i.useCallback((h,b,w)=>{const v=new E.Analyser("fft",e);s.current=v,o.current={masterGainNode:h,destination:b,analyserNode:v};const S=r.current.map(y=>a.current.get(y.instanceId)).filter(y=>y!==void 0);if(S.length===0)h.connect(v),v.connect(b);else{let y=h;S.forEach(k=>{y.connect(k.effect),y=k.effect}),y.connect(v),v.connect(b)}return function(){v.dispose(),s.current=null,o.current=null}},[e]);i.useEffect(()=>()=>{a.current.forEach(h=>h.dispose()),a.current.clear()},[]);const I=i.useCallback(()=>{const h=t.filter(b=>!b.bypassed);if(h.length!==0)return(b,w,v)=>{const m=[];for(const S of h){const y=rt(S.definition,S.params);m.push(y)}if(m.length===0)b.connect(w);else{let S=b;m.forEach(y=>{S.connect(y.effect),S=y.effect}),S.connect(w)}return function(){m.forEach(y=>y.dispose())}}},[t]);return{activeEffects:t,availableEffects:at,addEffect:c,removeEffect:u,updateParameter:f,toggleBypass:C,reorderEffects:p,clearAllEffects:d,masterEffects:g,createOfflineEffectsFunction:I,analyserRef:s}}function Ti(){const[e,t]=i.useState(new Map),n=i.useRef(new Map),r=i.useRef(new Map),a=i.useCallback((d,g)=>{const I=r.current.get(d);if(!I)return;const{graphEnd:h,masterGainNode:b}=I,w=n.current.get(d);try{h.disconnect()}catch{}const v=g.map(m=>w?.get(m.instanceId)).filter(m=>m!==void 0);if(v.length===0)h.connect(b);else{let m=h;v.forEach(S=>{try{S.disconnect()}catch{}m.connect(S.effect),m=S.effect}),m.connect(b)}},[]),s=i.useCallback((d,g)=>{const I=cn(g);if(!I){console.error(`Unknown effect: ${g}`);return}const h={};I.parameters.forEach(v=>{h[v.name]=v.default});const b=rt(I,h);n.current.has(d)||n.current.set(d,new Map),n.current.get(d).set(b.instanceId,b);const w={instanceId:b.instanceId,effectId:I.id,definition:I,params:h,bypassed:!1};t(v=>{const m=new Map(v),S=m.get(d)||[];return m.set(d,[...S,w]),m})},[]),o=i.useCallback((d,g)=>{const I=n.current.get(d),h=I?.get(g);h&&(h.dispose(),I?.delete(g)),t(b=>{const w=new Map(b),v=w.get(d)||[];return w.set(d,v.filter(m=>m.instanceId!==g)),w})},[]),l=i.useCallback((d,g,I,h)=>{const w=n.current.get(d)?.get(g);w&&w.setParameter(I,h),t(v=>{const m=new Map(v),S=m.get(d)||[];return m.set(d,S.map(y=>y.instanceId===g?{...y,params:{...y.params,[I]:h}}:y)),m})},[]),c=i.useCallback((d,g)=>{const h=(f.current.get(d)||[]).find(m=>m.instanceId===g);if(!h)return;const b=!h.bypassed,v=n.current.get(d)?.get(g);if(v){const m=h.params.wet??1;v.setParameter("wet",b?0:m)}t(m=>{const S=new Map(m),y=S.get(d)||[];return S.set(d,y.map(k=>k.instanceId===g?{...k,bypassed:b}:k)),S})},[]),u=i.useCallback(d=>{const g=n.current.get(d);g&&(g.forEach(I=>I.dispose()),g.clear()),t(I=>{const h=new Map(I);return h.set(d,[]),h})},[]),f=i.useRef(e);f.current=e;const C=i.useCallback(d=>(g,I,h)=>{r.current.set(d,{graphEnd:g,masterGainNode:I});const b=f.current.get(d)||[],w=n.current.get(d),v=b.map(m=>w?.get(m.instanceId)).filter(m=>m!==void 0);if(v.length===0)g.connect(I);else{let m=g;v.forEach(S=>{m.connect(S.effect),m=S.effect}),m.connect(I)}return function(){r.current.delete(d)}},[]);i.useEffect(()=>{e.forEach((d,g)=>{a(g,d)})},[e,a]),i.useEffect(()=>()=>{n.current.forEach(d=>{d.forEach(g=>g.dispose()),d.clear()}),n.current.clear()},[]);const p=i.useCallback(d=>{const I=(e.get(d)||[]).filter(h=>!h.bypassed);if(I.length!==0)return(h,b,w)=>{const v=[];for(const m of I){const S=rt(m.definition,m.params);v.push(S)}if(v.length===0)h.connect(b);else{let m=h;v.forEach(S=>{m.connect(S.effect),m=S.effect}),m.connect(b)}return function(){v.forEach(S=>S.dispose())}}},[e]);return{trackEffectsState:e,addEffectToTrack:s,removeEffectFromTrack:o,updateTrackEffectParameter:l,toggleBypass:c,clearTrackEffects:u,getTrackEffectsFunction:C,createOfflineTrackEffectsFunction:p,availableEffects:at}}function Wi(e,t={}){const{bitDepth:n=16}=t,r=e.numberOfChannels,a=e.sampleRate,s=e.length,o=n/8,l=r*o,c=a*l,u=s*l,f=44,C=f+u,p=new ArrayBuffer(C),d=new DataView(p);gt(d,0,"RIFF"),d.setUint32(4,C-8,!0),gt(d,8,"WAVE"),gt(d,12,"fmt "),d.setUint32(16,16,!0),d.setUint16(20,n===32?3:1,!0),d.setUint16(22,r,!0),d.setUint32(24,a,!0),d.setUint32(28,c,!0),d.setUint16(32,l,!0),d.setUint16(34,n,!0),gt(d,36,"data"),d.setUint32(40,u,!0);const g=[];for(let h=0;h<r;h++)g.push(e.getChannelData(h));let I=f;if(n===16)for(let h=0;h<s;h++)for(let b=0;b<r;b++){const w=g[b][h],v=Math.max(-1,Math.min(1,w)),m=v<0?v*32768:v*32767;d.setInt16(I,m,!0),I+=2}else for(let h=0;h<s;h++)for(let b=0;b<r;b++)d.setFloat32(I,g[b][h],!0),I+=4;return new Blob([p],{type:"audio/wav"})}function gt(e,t,n){for(let r=0;r<n.length;r++)e.setUint8(t+r,n.charCodeAt(r))}function Fi(e,t){const n=URL.createObjectURL(e),r=document.createElement("a");r.href=n,r.download=t,r.style.display="none",document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)}function Zr(){const[e,t]=i.useState(!1),[n,r]=i.useState(0),[a,s]=i.useState(null);return{exportWav:i.useCallback(async(l,c,u={})=>{const{filename:f="export",mode:C="master",trackIndex:p,autoDownload:d=!0,applyEffects:g=!0,effectsFunction:I,createOfflineTrackEffects:h,bitDepth:b=16,onProgress:w}=u;t(!0),r(0),s(null);try{if(l.length===0)throw new Error("No tracks to export");if(C==="individual"&&(p===void 0||p<0||p>=l.length))throw new Error("Invalid track index for individual export");const v=l[0].clips[0]?.sampleRate||44100;let m=0;for(const $ of l)for(const T of $.clips){const W=T.startSample+T.durationSamples;m=Math.max(m,W)}m+=Math.round(v*.1);const S=m/v,y=C==="individual"?[{track:l[p],state:c[p],index:p}]:l.map(($,T)=>({track:$,state:c[T],index:T})),k=c.some($=>$.soloed),R=!!h;let M;if((I||R)&&g)M=await Zi(y,c,k,S,v,I,h,$=>{r($),w?.($)});else{const $=new OfflineAudioContext(2,m,v);let T=0;const W=y.reduce((H,{track:P})=>H+P.clips.length,0);for(const{track:H,state:P}of y)if(!(P.muted&&!P.soloed)&&!(k&&!P.soloed))for(const j of H.clips){await Vi($,j,P,v,g),T++;const N=T/W*.5;r(N),w?.(N)}r(.5),w?.(.5),M=await $.startRendering()}r(.9),w?.(.9);const D=Wi(M,{bitDepth:b});if(r(1),w?.(1),d){const $=C==="individual"?`${f}_${l[p].name}`:f;Fi(D,`${$}.wav`)}return{audioBuffer:M,blob:D,duration:S}}catch(v){const m=v instanceof Error?v.message:"Export failed";throw s(m),v}finally{t(!1)}},[]),isExporting:e,progress:n,error:a}}async function Zi(e,t,n,r,a,s,o,l){const{Offline:c,Volume:u,Gain:f,Panner:C,Player:p,ToneAudioBuffer:d}=await import("tone");l(.1);let g;try{g=await c(async({transport:I,destination:h})=>{const b=new u(0);let w;s?w=s(b,h,!0):b.connect(h);for(const{track:v,state:m}of e){if(m.muted&&!m.soloed||n&&!m.soloed)continue;const S=new u(_i(m.volume)),y=new C(m.pan),k=new f(m.muted?0:1),R=o?.(v.id);R?R(k,b,!0):k.connect(b),y.connect(k),S.connect(y);for(const M of v.clips){const{audioBuffer:D,startSample:$,durationSamples:T,offsetSamples:W,gain:H,fadeIn:P,fadeOut:j}=M,N=$/a,Y=T/a,V=W/a,O=new d(D),ne=new p(O),te=new f(H);if(ne.connect(te),te.connect(S),P){const K=N,U=N+P.duration,be=te.gain._param;be.setValueAtTime(0,K),be.linearRampToValueAtTime(H,U)}if(j){const K=N+Y-j.duration,U=N+Y,be=te.gain._param;be.setValueAtTime(H,K),be.linearRampToValueAtTime(0,U)}ne.start(N,V,Y)}}I.start(0)},r,2,a)}catch(I){throw I instanceof Error?I:new Error(`Tone.Offline rendering failed: ${String(I)}`)}return l(.9),g.get()}function _i(e){return 20*Math.log10(Math.max(e,1e-4))}async function Vi(e,t,n,r,a){const{audioBuffer:s,startSample:o,durationSamples:l,offsetSamples:c,gain:u,fadeIn:f,fadeOut:C}=t;if(!s){console.warn(`Skipping clip "${t.name||t.id}" - no audioBuffer for export`);return}const p=o/r,d=l/r,g=c/r,I=e.createBufferSource();I.buffer=s;const h=e.createGain(),b=u*n.volume,w=e.createStereoPanner();if(w.pan.value=n.pan,I.connect(h),h.connect(w),w.connect(e.destination),a){if(f?h.gain.setValueAtTime(0,p):h.gain.setValueAtTime(b,p),f){const v=p,m=p+f.duration;rr(h.gain,v,m,0,b,f.type||"linear")}if(C){const v=p+d-C.duration,m=p+d;(!f||f.duration<d-C.duration)&&h.gain.setValueAtTime(b,v),rr(h.gain,v,m,b,0,C.type||"linear")}}else h.gain.setValueAtTime(b,p);I.start(p,g,d)}function rr(e,t,n,r,a,s){const o=n-t;if(!(o<=0))switch(s){case"linear":e.setValueAtTime(r,t),e.linearRampToValueAtTime(a,n);break;case"exponential":const l=Math.max(r,1e-4),c=Math.max(a,1e-4);e.setValueAtTime(l,t),e.exponentialRampToValueAtTime(c,n),a===0&&e.setValueAtTime(0,n);break;case"logarithmic":const u=ar(r,a,256,"logarithmic");e.setValueCurveAtTime(u,t,o);break;case"sCurve":const f=ar(r,a,256,"sCurve");e.setValueCurveAtTime(f,t,o);break;default:e.setValueAtTime(r,t),e.linearRampToValueAtTime(a,n)}}function ar(e,t,n,r){const a=new Float32Array(n),s=t-e;for(let o=0;o<n;o++){const l=o/(n-1);let c;r==="logarithmic"?s>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),a[o]=e+s*c}return a}const _r=i.createContext(null),Vr=i.createContext(null),zr=i.createContext(null),Xr=i.createContext(null),Hr=i.createContext(null),zi=({tracks:e,timescale:t=!1,mono:n=!1,waveHeight:r=80,samplesPerPixel:a=1024,zoomLevels:s,automaticScroll:o=!1,theme:l,controls:c={show:!1,width:0},annotationList:u,effects:f,onReady:C,onAnnotationUpdate:p,barWidth:d=1,barGap:g=0,progressBarWidth:I,children:h})=>{const b=I??d+g,[w,v]=i.useState([]),[m,S]=i.useState(null),[y,k]=i.useState(!1),[R,M]=i.useState(0),[D,$]=i.useState(0),[T,W]=i.useState([]),[H,P]=i.useState([]),[j,N]=i.useState([]),[Y,V]=i.useState(0),[O,ne]=i.useState(0),[te,K]=i.useState(null),[U,be]=i.useState(o),[ze,Ge]=i.useState(u?.isContinuousPlay??!1),[Mt,Xe]=i.useState(u?.linkEndpoints??!0),[Rt,se]=i.useState(u?.editable??!1),[ie,ot]=i.useState(!1),[st,J]=i.useState(0),[Le,Bt]=i.useState(0),F=i.useRef(null),ve=i.useRef(0),le=i.useRef(0),de=i.useRef(null),it=i.useRef(j),Ce=i.useRef(0),me=i.useRef(0),We=i.useRef(null),Me=i.useRef(null),lt=i.useRef(!1),ct=i.useRef(u?.isContinuousPlay??!1),He=i.useRef(null),ut=i.useRef(a),z=i.useRef(!1),L=i.useRef(0),ee=i.useRef(0),re=i.useRef(0),ue=i.useRef(0),{timeFormat:ke,setTimeFormat:q,formatTime:Re}=Dr(),we=Mr({initialSamplesPerPixel:a,zoomLevels:s}),pe=we.samplesPerPixel,{masterVolume:Fe,setMasterVolume:Ne}=Rr({playoutRef:F,initialVolume:1}),Qe=i.useCallback(B=>{ct.current=B,Ge(B)},[]),Ze=i.useCallback(B=>{He.current=B,S(B)},[]),jr=i.useCallback(B=>{z.current=B,ot(B)},[]),et=i.useCallback((B,_)=>{re.current=B,ue.current=_,J(B),Bt(_)},[]),Pr=i.useCallback(()=>{const B=L.current,_=ee.current;B!==_&&_>B&&et(B,_)},[et]),Gr=i.useCallback(()=>{et(0,0)},[et]);i.useEffect(()=>{lt.current=U},[U]),i.useEffect(()=>{it.current=j},[j]),i.useEffect(()=>{L.current=Y,ee.current=O},[Y,O]),i.useEffect(()=>{if(!Me.current||!T.length)return;const B=Me.current,_=ut.current,G=pe;if(_===G)return;const Q=c.show?c.width:0,Z=B.clientWidth,De=B.scrollLeft+Z/2-Q,ae=T[0].sampleRate,xe=De*_/ae*ae/G,Be=Math.max(0,xe+Q-Z/2);B.scrollLeft=Be,ut.current=G},[pe,T,c]);const dt=i.useRef(null);i.useEffect(()=>{if(e.length===0){W([]),$(0),N([]),P([]),F.current&&(F.current.dispose(),F.current=null);return}const B=y,_=le.current;return F.current&&B&&(F.current.stop(),de.current&&(cancelAnimationFrame(de.current),de.current=null),dt.current={position:_}),(async()=>{try{const Q=[];e.forEach(ae=>{ae.clips.length>0&&ae.clips[0].audioBuffer&&Q.push(ae.clips[0].audioBuffer)});let Z=0;e.forEach(ae=>{ae.clips.forEach(fe=>{const xe=fe.sampleRate,ft=(fe.startSample+fe.durationSamples)/xe;Z=Math.max(Z,ft)})}),W(Q),$(Z),N(ae=>ae.length===e.length?ae.map((fe,xe)=>({...fe,name:e[xe].name})):e.map(fe=>({name:fe.name,muted:fe.muted,soloed:fe.soloed,volume:fe.volume,pan:fe.pan}))),F.current&&F.current.dispose();const ce=new va({effects:f}),De=it.current;e.forEach((ae,fe)=>{const xe=ae.clips.filter(Be=>Be.audioBuffer);if(xe.length>0){const Be=xe[0].sampleRate,ft=Math.min(...xe.map(ye=>ye.startSample/Be)),aa=Math.max(...xe.map(ye=>(ye.startSample+ye.durationSamples)/Be)),ht=De[fe],oa={id:`track-${fe}`,name:ae.name,gain:ht?.volume??ae.volume,muted:ht?.muted??ae.muted,soloed:ht?.soloed??ae.soloed,stereoPan:ht?.pan??ae.pan,startTime:ft,endTime:aa},sa=xe.map(ye=>{const Tt=ye.sampleRate;return{buffer:ye.audioBuffer,startTime:ye.startSample/Tt-ft,duration:ye.durationSamples/Tt,offset:ye.offsetSamples/Tt,fadeIn:ye.fadeIn,fadeOut:ye.fadeOut,gain:ye.gain}});ce.addTrack({clips:sa,track:oa,effects:ae.effects})}}),ce.applyInitialSoloState(),F.current=ce,C?.()}catch(Q){console.error("Error loading audio:",Q)}})(),()=>{de.current&&cancelAnimationFrame(de.current),F.current&&F.current.dispose()}},[e,C,y]),i.useEffect(()=>{if(e.length===0)return;const B=16,_=e.map(G=>G.clips.map(Z=>{if(Z.waveformData){const De=ls(Z.waveformData,pe,0,Z.offsetSamples,Z.durationSamples);return{clipId:Z.id,trackName:G.name,peaks:{length:De.length,data:[De.data],bits:De.bits},startSample:Z.startSample,durationSamples:Z.durationSamples,fadeIn:Z.fadeIn,fadeOut:Z.fadeOut}}if(!Z.audioBuffer)return console.warn(`Clip "${Z.name||Z.id}" has neither waveformData nor audioBuffer - rendering empty`),{clipId:Z.id,trackName:G.name,peaks:{length:0,data:[],bits:B},startSample:Z.startSample,durationSamples:Z.durationSamples,fadeIn:Z.fadeIn,fadeOut:Z.fadeOut};const ce=Po(Z.audioBuffer,pe,n,B,Z.offsetSamples,Z.durationSamples);return{clipId:Z.id,trackName:G.name,peaks:ce,startSample:Z.startSample,durationSamples:Z.durationSamples,fadeIn:Z.fadeIn,fadeOut:Z.fadeOut}}));P(_)},[e,pe,n]),i.useEffect(()=>{if(u?.annotations){const B=u.annotations.map(_=>typeof _.start=="number"?_:gs(_));v(B)}},[u]);const je=i.useCallback(()=>{de.current&&(cancelAnimationFrame(de.current),de.current=null);const B=()=>{const _=E.getContext().currentTime-Ce.current,G=me.current+_;if(le.current=G,M(G),w.length>0){const Z=w.find(ce=>G>=ce.start&&G<ce.end);if(ct.current){if(Z&&Z.id!==He.current)Ze(Z.id);else if(!Z&&He.current!==null){const ce=w[w.length-1];if(G>=ce.end){F.current&&F.current.stop(),k(!1),le.current=ve.current,M(ve.current),Ze(null);return}}}else if(He.current){const ce=w.find(De=>De.id===He.current);if(ce&&G>=ce.end){F.current&&F.current.stop(),k(!1),le.current=ve.current,M(ve.current);return}}else Z&&Ze(Z.id)}if(lt.current&&Me.current&&T.length>0){const Z=Me.current,ce=T[0].sampleRate,De=G*ce/ut.current,ae=Z.clientWidth,fe=c.show?c.width:0,xe=De+fe,Be=Math.max(0,xe-ae/2);Z.scrollLeft=Be}if(We.current!==null&&G>=We.current){F.current&&F.current.stop(),k(!1),le.current=We.current,M(We.current),We.current=null;return}const Q=re.current!==ue.current&&ue.current>re.current;if(z.current&&Q&&G>=ue.current){F.current?.stop();const ce=E.getContext().currentTime;Ce.current=ce,me.current=re.current,le.current=re.current,F.current?.play(ce,re.current),de.current=requestAnimationFrame(B);return}if(G>=D){F.current&&F.current.stop(),k(!1),le.current=ve.current,M(ve.current),Ze(null);return}de.current=requestAnimationFrame(B)};de.current=requestAnimationFrame(B)},[D,T,pe,w,ze]),$e=i.useCallback(()=>{de.current&&(cancelAnimationFrame(de.current),de.current=null)},[]);i.useEffect(()=>{(async()=>{if(y&&de.current&&F.current)if(ze){const _=le.current;F.current.stop(),$e(),await F.current.init(),F.current.setOnPlaybackComplete(()=>{});const Q=E.getContext().currentTime;Ce.current=Q,me.current=_,F.current.play(Q,_),je()}else $e(),je()})()},[ze,y,je,$e]),i.useEffect(()=>{(async()=>{if(dt.current&&F.current){const{position:_}=dt.current;dt.current=null,await F.current.init(),F.current.setOnPlaybackComplete(()=>{});const Q=E.getContext().currentTime;Ce.current=Q,me.current=_,F.current.play(Q,_),k(!0),je()}})()},[e,je]);const Et=i.useCallback(async(B,_)=>{if(!F.current||T.length===0)return;await F.current.init(),await E.start();const G=B??le.current;ve.current=G,le.current=G,F.current.setOnPlaybackComplete(()=>{}),F.current.stop(),$e();const Z=E.getContext().currentTime;Ce.current=Z,me.current=G,We.current=_!==void 0?G+_:null,F.current.play(Z,G,_),k(!0),je()},[T.length,je,$e]),Lr=i.useCallback(()=>{if(!F.current)return;const B=E.getContext().currentTime-Ce.current,_=me.current+B;F.current.pause(),k(!1),$e(),le.current=_,M(_)},[$e]),Nr=i.useCallback(()=>{F.current&&(F.current.stop(),k(!1),$e(),le.current=ve.current,M(ve.current),Ze(null))},[$e]),Yr=i.useCallback(B=>{const _=Math.max(0,Math.min(B,D));le.current=_,M(_),y&&F.current&&(F.current.stop(),$e(),Et(_))},[D,y,Et,$e]),Or=i.useCallback((B,_)=>{const G=[...j];if(G[B]={...G[B],muted:_},N(G),F.current){const Q=`track-${B}`;F.current.setMute(Q,_)}},[j]),Kr=i.useCallback((B,_)=>{const G=[...j];if(G[B]={...G[B],soloed:_},N(G),F.current){const Q=`track-${B}`;F.current.setSolo(Q,_)}},[j]),Ur=i.useCallback((B,_)=>{const G=[...j];if(G[B]={...G[B],volume:_},N(G),F.current){const Q=`track-${B}`,Z=F.current.getTrack(Q);Z&&Z.setVolume(_)}},[j]),Jr=i.useCallback((B,_)=>{const G=[...j];if(G[B]={...G[B],pan:_},N(G),F.current){const Q=`track-${B}`,Z=F.current.getTrack(Q);Z&&Z.setPan(_)}},[j]),qr=i.useCallback((B,_)=>{V(B),ne(_),le.current=B,M(B),y&&F.current&&(F.current.stop(),F.current.play(E.getContext().currentTime,B))},[y]),Qr=i.useCallback(B=>{Me.current=B},[]),ea=T[0]?.sampleRate||44100,un=t?30:0,ta=e.length*r+un,dn={isPlaying:y,currentTime:R,currentTimeRef:le,playbackStartTimeRef:Ce,audioStartPositionRef:me},fn={continuousPlay:ze,linkEndpoints:Mt,annotationsEditable:Rt,isAutomaticScroll:U,isLoopEnabled:ie,annotations:w,activeAnnotationId:m,selectionStart:Y,selectionEnd:O,selectedTrackId:te,loopStart:st,loopEnd:Le},hn={play:Et,pause:Lr,stop:Nr,seekTo:Yr,setCurrentTime:B=>{le.current=B,M(B)},setTrackMute:Or,setTrackSolo:Kr,setTrackVolume:Ur,setTrackPan:Jr,setSelection:qr,setSelectedTrackId:K,setTimeFormat:q,formatTime:Re,zoomIn:we.zoomIn,zoomOut:we.zoomOut,setMasterVolume:Ne,setAutomaticScroll:B=>{be(B)},setScrollContainer:Qr,scrollContainerRef:Me,setContinuousPlay:Qe,setLinkEndpoints:Xe,setAnnotationsEditable:se,setAnnotations:v,setActiveAnnotationId:Ze,setLoopEnabled:jr,setLoopRegion:et,setLoopRegionFromSelection:Pr,clearLoopRegion:Gr},mn={duration:D,audioBuffers:T,peaksDataArray:H,trackStates:j,tracks:e,sampleRate:ea,waveHeight:r,timeScaleHeight:un,minimumPlaylistHeight:ta,controls:c,playoutRef:F,samplesPerPixel:pe,timeFormat:ke,masterVolume:Fe,canZoomIn:we.canZoomIn,canZoomOut:we.canZoomOut,barWidth:d,barGap:g,progressBarWidth:b},na={...dn,...fn,...hn,...mn},ra={...Wa,...l};return x.jsx(A.ThemeProvider,{theme:ra,children:x.jsx(_r.Provider,{value:dn,children:x.jsx(Vr.Provider,{value:fn,children:x.jsx(zr.Provider,{value:hn,children:x.jsx(Xr.Provider,{value:mn,children:x.jsx(Hr.Provider,{value:na,children:h})})})})})})},ge=()=>{const e=i.useContext(_r);if(!e)throw new Error("usePlaybackAnimation must be used within WaveformPlaylistProvider");return e},Ae=()=>{const e=i.useContext(Vr);if(!e)throw new Error("usePlaylistState must be used within WaveformPlaylistProvider");return e},oe=()=>{const e=i.useContext(zr);if(!e)throw new Error("usePlaylistControls must be used within WaveformPlaylistProvider");return e},he=()=>{const e=i.useContext(Xr);if(!e)throw new Error("usePlaylistData must be used within WaveformPlaylistProvider");return e},Xi=()=>{const e=i.useContext(Hr);if(!e)throw new Error("useWaveformPlaylist must be used within WaveformPlaylistProvider");return e},Hi=({className:e})=>{const{isPlaying:t,currentTimeRef:n}=ge(),{selectionStart:r,selectionEnd:a,isLoopEnabled:s}=Ae(),{play:o}=oe(),l=async()=>{if(r!==a&&a>r)if(s)await o(r);else{const u=a-r;await o(r,u)}else await o(n.current??0)};return x.jsx(Se,{onClick:l,disabled:t,className:e,children:"Play"})},ji=({className:e})=>{const{isPlaying:t}=ge(),{pause:n}=oe();return x.jsx(Se,{onClick:n,disabled:!t,className:e,children:"Pause"})},Pi=({className:e})=>{const{isPlaying:t}=ge(),{stop:n}=oe();return x.jsx(Se,{onClick:n,disabled:!t,className:e,children:"Stop"})},Gi=({className:e})=>{const{isPlaying:t}=ge(),{play:n,setCurrentTime:r}=oe(),{playoutRef:a}=he(),s=()=>{r(0),t&&a.current&&(a.current.stop(),n(0))};return x.jsx(Se,{onClick:s,className:e,children:"Rewind"})},Li=({className:e})=>{const{isPlaying:t}=ge(),{play:n,setCurrentTime:r}=oe(),{duration:a,playoutRef:s}=he(),o=()=>{r(a),t&&s.current&&(s.current.stop(),n(a))};return x.jsx(Se,{onClick:o,className:e,children:"Fast Forward"})},Ni=({skipAmount:e=5,className:t})=>{const{currentTimeRef:n,isPlaying:r}=ge(),{play:a,setCurrentTime:s}=oe(),{playoutRef:o}=he(),l=()=>{const c=Math.max(0,(n.current??0)-e);s(c),r&&o.current&&(o.current.stop(),a(c))};return x.jsx(Se,{onClick:l,className:t,children:"Skip Backward"})},Yi=({skipAmount:e=5,className:t})=>{const{currentTimeRef:n,isPlaying:r}=ge(),{play:a,setCurrentTime:s}=oe(),{duration:o,playoutRef:l}=he(),c=()=>{const u=Math.min(o,(n.current??0)+e);s(u),r&&l.current&&(l.current.stop(),a(u))};return x.jsx(Se,{onClick:c,className:t,children:"Skip Forward"})},Oi=({className:e})=>{const{isLoopEnabled:t,loopStart:n,loopEnd:r}=Ae(),{setLoopEnabled:a,setLoopRegion:s}=oe(),{duration:o}=he(),l=n!==r&&r>n,c=()=>{if(!t&&!l){const u=Math.min(10,o*.25);s(0,Math.max(1,u))}a(!t)};return x.jsx(Se,{onClick:c,className:e,title:t?"Disable loop":"Enable loop",children:t?"Loop On":"Loop Off"})},Ki=({className:e})=>{const{selectionStart:t,selectionEnd:n,loopStart:r,loopEnd:a}=Ae(),{setLoopRegionFromSelection:s,clearLoopRegion:o}=oe(),l=t!==n&&n>t,c=r!==a&&a>r,u=()=>{c?o():s()};return x.jsx(Se,{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"})},Ui=({className:e,disabled:t})=>{const{zoomIn:n}=oe(),{canZoomIn:r}=he();return x.jsx(Se,{variant:"success",onClick:n,disabled:t||!r,className:e,children:"Zoom In"})},Ji=({className:e,disabled:t})=>{const{zoomOut:n}=oe(),{canZoomOut:r}=he();return x.jsx(Se,{variant:"success",onClick:n,disabled:t||!r,className:e,children:"Zoom Out"})},qi=({className:e})=>{const{masterVolume:t}=he(),{setMasterVolume:n}=oe();return x.jsx(Qa,{volume:t,onChange:n,className:e})},Qi=({className:e})=>{const{timeFormat:t}=he(),{setTimeFormat:n}=oe();return x.jsx(Ro,{value:t,onChange:n,className:e})},el=A.span`
|
|
1194
1194
|
font-family: 'Courier New', Monaco, monospace;
|
|
1195
1195
|
font-size: 1rem;
|
|
1196
1196
|
font-weight: 600;
|
|
1197
1197
|
color: ${e=>e.theme?.textColor||"#333"};
|
|
1198
1198
|
user-select: none;
|
|
1199
|
-
`,tl=({className:e})=>{const t=i.useRef(null),n=i.useRef(null),{isPlaying:r,currentTimeRef:a,playbackStartTimeRef:s,audioStartPositionRef:o}=ge(),{timeFormat:l}=
|
|
1199
|
+
`,tl=({className:e})=>{const t=i.useRef(null),n=i.useRef(null),{isPlaying:r,currentTimeRef:a,playbackStartTimeRef:s,audioStartPositionRef:o}=ge(),{timeFormat:l}=he(),c=l;return i.useEffect(()=>{const u=()=>{if(t.current){let f;if(r){const C=E.getContext().currentTime-(s.current??0);f=(o.current??0)+C}else f=a.current??0;t.current.textContent=Je(f,c)}r&&(n.current=requestAnimationFrame(u))};return r?n.current=requestAnimationFrame(u):u(),()=>{n.current&&(cancelAnimationFrame(n.current),n.current=null)}},[r,c,a,s,o]),i.useEffect(()=>{!r&&t.current&&(t.current.textContent=Je(a.current??0,c))}),x.jsx(el,{ref:t,className:e,"aria-label":"Audio position",children:Je(a.current??0,c)})},nl=({className:e})=>{const{selectionStart:t,selectionEnd:n}=Ae(),{setSelection:r}=oe();return x.jsx(fo,{selectionStart:t,selectionEnd:n,onSelectionChange:r,className:e})},rl=({className:e})=>{const{isAutomaticScroll:t}=Ae(),{setAutomaticScroll:n}=oe();return x.jsx(Ta,{checked:t,onChange:n,className:e})},al=({className:e})=>{const{continuousPlay:t}=Ae(),{setContinuousPlay:n}=oe();return x.jsx(_s,{checked:t,onChange:n,className:e})},ol=({className:e})=>{const{linkEndpoints:t}=Ae(),{setLinkEndpoints:n}=oe();return x.jsx(Vs,{checked:t,onChange:n,className:e})},sl=({className:e})=>{const{annotationsEditable:t}=Ae(),{setAnnotationsEditable:n}=oe();return x.jsx(zs,{checked:t,onChange:n,className:e})},il=({filename:e,className:t})=>{const{annotations:n}=Ae();return x.jsx(Hs,{annotations:n,filename:e,className:t})},ll=({label:e="Export WAV",filename:t="export",mode:n="master",trackIndex:r,bitDepth:a=16,applyEffects:s=!0,effectsFunction:o,createOfflineTrackEffects:l,className:c,onExportComplete:u,onExportError:f})=>{const{tracks:C,trackStates:p}=he(),{exportWav:d,isExporting:g,progress:I}=Zr(),h=async()=>{try{const w=await d(C,p,{filename:t,mode:n,trackIndex:r,bitDepth:a,applyEffects:s,effectsFunction:o,createOfflineTrackEffects:l,autoDownload:!0});u?.(w.blob)}catch(w){f?.(w instanceof Error?w:new Error("Export failed"))}},b=g?`Exporting ${Math.round(I*100)}%`:e;return x.jsx(Se,{onClick:h,disabled:g||C.length===0,className:c,children:b})},cl=A.div`
|
|
1200
1200
|
position: absolute;
|
|
1201
1201
|
top: 0;
|
|
1202
1202
|
left: 0;
|
|
@@ -1206,7 +1206,7 @@
|
|
|
1206
1206
|
z-index: 100; /* Below sticky controls (z-index: 101) so playhead is hidden when scrolled behind controls */
|
|
1207
1207
|
pointer-events: none;
|
|
1208
1208
|
will-change: transform;
|
|
1209
|
-
`,ul=({color:e="#ff0000",controlsOffset:t=0})=>{const n=i.useRef(null),r=i.useRef(null),{isPlaying:a,currentTimeRef:s,playbackStartTimeRef:o,audioStartPositionRef:l}=ge(),{samplesPerPixel:c,sampleRate:u,progressBarWidth:
|
|
1209
|
+
`,ul=({color:e="#ff0000",controlsOffset:t=0})=>{const n=i.useRef(null),r=i.useRef(null),{isPlaying:a,currentTimeRef:s,playbackStartTimeRef:o,audioStartPositionRef:l}=ge(),{samplesPerPixel:c,sampleRate:u,progressBarWidth:f}=he();return i.useEffect(()=>{const C=()=>{if(n.current){let p;if(a){const g=E.getContext().currentTime-(o.current??0);p=(l.current??0)+g}else p=s.current??0;const d=p*u/c+t;n.current.style.transform=`translate3d(${d}px, 0, 0)`}a&&(r.current=requestAnimationFrame(C))};return a?r.current=requestAnimationFrame(C):C(),()=>{r.current&&(cancelAnimationFrame(r.current),r.current=null)}},[a,u,c,t,s,o,l]),i.useEffect(()=>{if(!a&&n.current){const p=(s.current??0)*u/c+t;n.current.style.transform=`translate3d(${p}px, 0, 0)`}}),x.jsx(cl,{ref:n,$color:e,$width:f,"data-playhead":!0})},dl=A.div`
|
|
1210
1210
|
position: relative;
|
|
1211
1211
|
`,fl=A.div`
|
|
1212
1212
|
position: absolute;
|
|
@@ -1232,5 +1232,5 @@
|
|
|
1232
1232
|
`,ml=A.div`
|
|
1233
1233
|
position: relative;
|
|
1234
1234
|
z-index: 2;
|
|
1235
|
-
`,
|
|
1235
|
+
`,or=({clipStartSample:e,clipDurationSamples:t,...n})=>{const r=i.useRef(null),a=i.useRef(null),s=an(),{waveHeight:o}=kt(),{isPlaying:l,currentTimeRef:c,playbackStartTimeRef:u,audioStartPositionRef:f}=ge(),{samplesPerPixel:C,sampleRate:p}=he(),d=s?.waveProgressColor||"rgba(0, 0, 0, 0.1)";i.useEffect(()=>{const b=()=>{if(r.current){let w;if(l){const y=E.getContext().currentTime-(u.current??0);w=(f.current??0)+y}else w=c.current??0;const v=w*p,m=e+t;let S=0;if(v<=e)S=0;else if(v>=m)S=n.length;else{const y=v-e;S=Math.floor(y/C)}r.current.style.width=`${S}px`}l&&(a.current=requestAnimationFrame(b))};return l?a.current=requestAnimationFrame(b):b(),()=>{a.current&&(cancelAnimationFrame(a.current),a.current=null)}},[l,p,C,e,t,n.length,c,u,f]),i.useEffect(()=>{if(!l&&r.current){const w=(c.current??0)*p,v=e+t;let m=0;if(w<=e)m=0;else if(w>=v)m=n.length;else{const S=w-e;m=Math.floor(S/C)}r.current.style.width=`${m}px`}});const g=s?.waveformDrawMode||"inverted";let I;g==="inverted"?I=n.isSelected&&s?s.selectedWaveFillColor:s?.waveFillColor||"white":I=n.isSelected&&s?s.selectedWaveOutlineColor:s?.waveOutlineColor||"grey";const h=Ct(I);return x.jsxs(dl,{children:[x.jsx(fl,{$color:h,$height:o,$top:n.index*o,$width:n.length}),x.jsx(hl,{ref:r,$color:d,$height:o,$top:n.index*o}),x.jsx(ml,{children:x.jsx(wo,{...n,transparentBackground:!0})})]})},pl=60,gl=({renderTrackControls:e,renderTimestamp:t,renderPlayhead:n,annotationControls:r,annotationListConfig:a,annotationTextHeight:s,renderAnnotationItem:o,getAnnotationBoxLabel:l,className:c,showClipHeaders:u=!1,interactiveClips:f=!1,showFades:C=!1,touchOptimized:p=!1,recordingState:d})=>{const g=an(),{isPlaying:I,currentTimeRef:h,playbackStartTimeRef:b,audioStartPositionRef:w}=ge(),{selectionStart:v,selectionEnd:m,annotations:S,activeAnnotationId:y,annotationsEditable:k,linkEndpoints:R,continuousPlay:M,selectedTrackId:D,loopStart:$,loopEnd:T,isLoopEnabled:W}=Ae(),{setAnnotations:H,setActiveAnnotationId:P,setTrackMute:j,setTrackSolo:N,setTrackVolume:Y,setTrackPan:V,setSelection:O,play:ne,setScrollContainer:te,setSelectedTrackId:K,setCurrentTime:U,setLoopRegion:be}=oe(),{audioBuffers:ze,peaksDataArray:Ge,trackStates:Mt,tracks:Xe,duration:Rt,samplesPerPixel:se,sampleRate:ie,waveHeight:ot,timeScaleHeight:st,controls:J,playoutRef:Le,barWidth:Bt,barGap:F}=he(),[ve,le]=i.useState(!1),de=i.useRef(null),it=i.useCallback(z=>{de.current=z,te(z)},[te]);let Ce=ze.length>0?Rt:pl;if(d?.isRecording){const L=(d.startSample+d.durationSamples)/ie;Ce=Math.max(Ce,L+10)}const me=Math.floor(Ce*ie/se),We=async z=>{console.log("Annotation clicked:",z.id),P(z.id);const L=M?void 0:z.end-z.start;await ne(z.start,L)},Me=i.useCallback(z=>{if(z>=0&&z<Xe.length){const L=Xe[z];K(L.id)}},[Xe,K]),lt=z=>{const L=z.currentTarget.getBoundingClientRect(),ee=J.show?J.width:0,ue=(z.clientX-L.left-ee)*se/ie,q=z.clientY-L.top;let Re=0,we=-1;for(let pe=0;pe<Ge.length;pe++){const Fe=Ge[pe],Qe=(Fe.length>0?Math.max(...Fe.map(Ze=>Ze.peaks.data.length)):1)*ot+(u?22:0);if(q>=Re&&q<Re+Qe){we=pe;break}Re+=Qe}we!==-1&&Me(we),le(!0),U(ue),O(ue,ue)},ct=z=>{if(!ve)return;const L=z.currentTarget.getBoundingClientRect(),ee=J.show?J.width:0,ue=(z.clientX-L.left-ee)*se/ie,ke=Math.min(v,ue),q=Math.max(v,ue);O(ke,q)},He=z=>{if(!ve)return;le(!1);const L=z.currentTarget.getBoundingClientRect(),ee=J.show?J.width:0,ue=(z.clientX-L.left-ee)*se/ie,ke=Math.min(v,ue),q=Math.max(v,ue);Math.abs(q-ke)<.1?(U(ke),I&&Le.current?(Le.current.stop(),ne(ke)):Le.current&&Le.current.stop()):O(ke,q)};return Xe.some(z=>z.clips.length>0)&&(ze.length===0||Ge.length===0)?x.jsx("div",{className:c,children:"Loading waveform..."}):x.jsx(ho,{children:x.jsxs(rn.Provider,{value:{samplesPerPixel:se,sampleRate:ie,zoomLevels:[se],waveHeight:ot,timeScaleHeight:st,duration:Ce,controls:J,barWidth:Bt,barGap:F},children:[x.jsx(wr,{theme:g,backgroundColor:Ct(g.waveOutlineColor),timescaleBackgroundColor:g.timescaleBackgroundColor,scrollContainerWidth:me+(J.show?J.width:0),timescaleWidth:me,tracksWidth:me,controlsWidth:J.show?J.width:0,onTracksMouseDown:lt,onTracksMouseMove:ct,onTracksMouseUp:He,scrollContainerRef:it,isSelecting:ve,timescale:st>0?x.jsxs(x.Fragment,{children:[x.jsx($o,{duration:Ce*1e3,marker:1e4,bigStep:5e3,secondStep:1e3,renderTimestamp:t}),W&&x.jsx(uo,{startPosition:Math.min($,T)*ie/se,endPosition:Math.max($,T)*ie/se,markerColor:g.loopMarkerColor,regionColor:g.loopRegionColor,minPosition:0,maxPosition:me,controlsOffset:J.show?J.width:0,onLoopRegionChange:(z,L)=>{const ee=z*se/ie,re=L*se/ie;be(ee,re)}})]}):void 0,children:x.jsxs(x.Fragment,{children:[Ge.map((z,L)=>{const ee=Xe[L];if(!ee)return null;const re=Mt[L]||{name:`Track ${L+1}`,muted:!1,soloed:!1,volume:1,pan:0},ue=e?e(L):x.jsxs(Zo,{onClick:()=>Me(L),children:[x.jsx(_o,{style:{justifyContent:"center"},children:re.name||`Track ${L+1}`}),x.jsxs(Fo,{children:[x.jsx(En,{$variant:re.muted?"danger":"outline",onClick:()=>j(L,!re.muted),children:"Mute"}),x.jsx(En,{$variant:re.soloed?"info":"outline",onClick:()=>N(L,!re.soloed),children:"Solo"})]}),x.jsxs(Wn,{children:[x.jsx(Vo,{}),x.jsx(Tn,{min:"0",max:"1",step:"0.01",value:re.volume,onChange:q=>Y(L,parseFloat(q.target.value))}),x.jsx(zo,{})]}),x.jsxs(Wn,{children:[x.jsx("span",{children:"L"}),x.jsx(Tn,{min:"-1",max:"1",step:"0.01",value:re.pan,onChange:q=>V(L,parseFloat(q.target.value))}),x.jsx("span",{children:"R"})]})]}),ke=z.length>0?Math.max(...z.map(q=>q.peaks.data.length)):1;return x.jsx(Sr.Provider,{value:ue,children:x.jsxs(Wo,{numChannels:ke,backgroundColor:Ct(g.waveOutlineColor),offset:0,width:me,hasClipHeaders:u,trackId:ee.id,isSelected:ee.id===D,children:[z.map((q,Re)=>{const we=q.peaks,pe=we.length;return x.jsx(Mn,{clipId:q.clipId,trackIndex:L,clipIndex:Re,trackName:q.trackName,startSample:q.startSample,durationSamples:q.durationSamples,samplesPerPixel:se,showHeader:u,disableHeaderDrag:!f,isSelected:ee.id===D,trackId:ee.id,fadeIn:q.fadeIn,fadeOut:q.fadeOut,sampleRate:ie,showFades:C,touchOptimized:p,onMouseDown:Fe=>{Fe.target.closest('[role="button"][aria-roledescription="draggable"]')||Me(L)},children:we.data.map((Fe,Ne)=>x.jsx(or,{index:Ne,data:Fe,bits:we.bits,length:pe,isSelected:ee.id===D,clipStartSample:q.startSample,clipDurationSamples:q.durationSamples},`${L}-${Re}-${Ne}`))},`${L}-${Re}`)}),d?.isRecording&&d.trackId===ee.id&&d.peaks.length>0&&x.jsx(Mn,{clipId:"recording-preview",trackIndex:L,clipIndex:z.length,trackName:"Recording...",startSample:d.startSample,durationSamples:d.durationSamples,samplesPerPixel:se,showHeader:u,disableHeaderDrag:!0,isSelected:ee.id===D,trackId:ee.id,children:x.jsx(or,{index:0,data:d.peaks,bits:16,length:Math.floor(d.peaks.length/2),isSelected:ee.id===D,clipStartSample:d.startSample,clipDurationSamples:d.durationSamples},`${L}-recording-0`)},`${L}-recording`)]})},ee.id)}),S.length>0&&x.jsx(As,{height:30,width:me,children:S.map((z,L)=>{const ee=z.start*ie/se,re=z.end*ie/se,ue=l?l(z):z.id;return x.jsx(xs,{annotationId:z.id,annotationIndex:L,startPosition:ee,endPosition:re,label:ue,color:"#ff9800",isActive:z.id===y,onClick:()=>We(z),editable:k},z.id)})}),v!==m&&x.jsx(so,{startPosition:Math.min(v,m)*ie/se+(J.show?J.width:0),endPosition:Math.max(v,m)*ie/se+(J.show?J.width:0),color:g.selectionColor}),(I||v===m)&&(n?n({position:(h.current??0)*ie/se+(J.show?J.width:0),color:g.playheadColor,isPlaying:I,currentTimeRef:h,playbackStartTimeRef:b,audioStartPositionRef:w,samplesPerPixel:se,sampleRate:ie,controlsOffset:J.show?J.width:0,getAudioContextTime:()=>E.getContext().currentTime}):x.jsx(ul,{color:g.playheadColor,controlsOffset:J.show?J.width:0}))]})}),S.length>0&&x.jsx(Zs,{annotations:S,activeAnnotationId:y??void 0,shouldScrollToActive:!0,editable:k,controls:k?r:void 0,annotationListConfig:{linkEndpoints:R,continuousPlay:M},height:s,renderAnnotationItem:o,onAnnotationUpdate:z=>{H(z)}})]})})};exports.Tone=ir;exports.AudioPosition=tl;exports.AutomaticScrollCheckbox=rl;exports.ContinuousPlayCheckbox=al;exports.DownloadAnnotationsButton=il;exports.EditableCheckbox=sl;exports.ExportWavButton=ll;exports.FastForwardButton=Li;exports.LinkEndpointsCheckbox=ol;exports.LoopButton=Oi;exports.MasterVolumeControl=qi;exports.PauseButton=ji;exports.PlayButton=Hi;exports.RewindButton=Gi;exports.SelectionTimeInputs=nl;exports.SetLoopRegionButton=Ki;exports.SkipBackwardButton=Ni;exports.SkipForwardButton=Yi;exports.StopButton=Pi;exports.TimeFormatSelect=Qi;exports.Waveform=gl;exports.WaveformPlaylistProvider=zi;exports.ZoomInButton=Ui;exports.ZoomOutButton=Ji;exports.createEffectChain=Bi;exports.createEffectInstance=rt;exports.effectCategories=$i;exports.effectDefinitions=at;exports.getEffectDefinition=cn;exports.getEffectsByCategory=ki;exports.getShortcutLabel=ui;exports.getWaveformDataMetadata=is;exports.loadPeaksFromWaveformData=ss;exports.loadWaveformData=on;exports.useAnnotationDragHandlers=Os;exports.useAnnotationKeyboardControls=fi;exports.useAudioTracks=Ns;exports.useClipDragHandlers=Ys;exports.useClipSplitting=ci;exports.useDragSensors=li;exports.useDynamicEffects=Ei;exports.useExportWav=Zr;exports.useIntegratedRecording=Ai;exports.useKeyboardShortcuts=xt;exports.useMasterAnalyser=Ps;exports.useMasterVolume=Rr;exports.usePlaybackAnimation=ge;exports.usePlaybackShortcuts=di;exports.usePlaylistControls=oe;exports.usePlaylistData=he;exports.usePlaylistState=Ae;exports.useTimeFormat=Dr;exports.useTrackDynamicEffects=Ti;exports.useWaveformPlaylist=Xi;exports.useZoomControls=Mr;exports.waveformDataToPeaks=$r;
|
|
1236
1236
|
//# sourceMappingURL=index.js.map
|