@waveform-playlist/browser 5.0.0-alpha.14 → 5.0.0-alpha.15
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 +12 -0
- package/dist/index.js +115 -115
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2735 -3418
- package/dist/index.mjs.map +1 -1
- package/package.json +11 -12
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";var Aa=Object.create;var wn=Object.defineProperty;var $a=Object.getOwnPropertyDescriptor;var Ma=Object.getOwnPropertyNames;var Da=Object.getPrototypeOf,Ra=Object.prototype.hasOwnProperty;var Ea=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Ma(t))!Ra.call(e,a)&&a!==n&&wn(e,a,{get:()=>t[a],enumerable:!(r=$a(t,a))||r.enumerable});return e};var Ta=(e,t,n)=>(n=e!=null?Aa(Da(e)):{},Ea(t||!e||!e.__esModule?wn(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("tone"),w=require("react/jsx-runtime"),i=require("react"),S=require("styled-components");require("react-dom");var Pt=typeof document<"u"?document.currentScript:null;function ur(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 dr=ur(W),N=ur(i);function xn(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 Ba(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 Wa(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 Fa(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 fr(e,t,n){switch(e){case"linear":return xn(t,n);case"exponential":return Ba(t,n);case"sCurve":return Wa(t,n);case"logarithmic":return Fa(t,n);default:return xn(t,n)}}function yn(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=fr(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 kn(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=fr(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 _a=class{constructor(e){this.activePlayers=0,this.track=e.track,this.volumeNode=new W.Volume(this.gainToDb(e.track.gain)),this.panNode=new W.Panner(e.track.stereoPan),this.muteGain=new W.Gain(e.track.muted?0:1);const t=e.destination||W.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 W.Player({url:r.buffer,loop:!1,onstop:()=>{this.activePlayers--,this.activePlayers===0&&this.onStopCallback&&this.onStopCallback()}}),s=new W.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)yn(s,t,l,r.fadeIn.type||"linear",0,r.gain);else{const c=l-o,u=o/l,f=r.gain*u;yn(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;kn(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,x=u/r.fadeOut.duration,v=r.gain*(1-x);kn(s,t,f,r.fadeOut.type||"linear",v,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 W.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??W.now();if(r.playStartTime=u,o>=l){const f=o-l+s.offset,x=s.duration-(o-l),v=n?Math.min(n,x):x;r.pausedPosition=f,this.scheduleFades(r,u,f),a.start(u,f,v)}else{const f=l-o,x=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,x)):this.activePlayers--}}})}pause(){this.clips.forEach(e=>{if(e.player.state==="started"){const t=(W.now()-e.playStartTime)*e.player.playbackRate;e.pausedPosition=e.pausedPosition+t}e.player.stop()}),this.activePlayers=0}stop(e){const t=e??W.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}},Za=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 W.Volume(this.gainToDb(e.masterGain??1)),e.effects){const t=e.effects(this.masterVolume,W.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 W.start(),this.isInitialized=!0)}addTrack(e){const t={...e,destination:this.masterVolume},n=new _a(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??W.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?W.getTransport().start(r,t):W.getTransport().start(r)}pause(){W.getTransport().pause(),this.tracks.forEach(e=>{e.pause()})}stop(){W.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 W.getTransport().seconds}seekTo(e){W.getTransport().seconds=e}dispose(){this.tracks.forEach(e=>{e.dispose()}),this.tracks.clear(),this.effectsCleanup&&this.effectsCleanup(),this.masterVolume.dispose()}get context(){return W.getContext()}get sampleRate(){return W.getContext().sampleRate}setOnPlaybackComplete(e){this.onPlaybackCompleteCallback=e}},wt=null;function Pa(){return wt||(wt=new W.Context,W.setContext(wt)),wt}async function Vt(){const e=Pa();e.state!=="running"&&await e.resume()}const Va=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",$t=Va?i.useLayoutEffect:i.useEffect;function za(e){const t=i.useRef(e);return $t(()=>{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 hr(e,t){t===void 0&&(t=[e]);const n=i.useRef(e);return $t(()=>{n.current!==e&&(n.current=e)},t),n}function It(e){const t=za(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 mr(e,t){return i.useMemo(()=>{const n=zt[e]==null?0:zt[e]+1;return zt[e]=n,e+"-"+n},[e,t])}const Yt=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[Yt.Translate.toString(e),Yt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}});var In;(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"})(In||(In={}));function Sn(){}const ja=Object.freeze({x:0,y:0});var et;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(et||(et={}));var An;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(An||(An={}));var He;(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"})(He||(He={}));He.Space,He.Enter,He.Esc,He.Space,He.Enter,He.Tab;var $n;(function(e){e[e.RightClick=2]="RightClick"})($n||($n={}));var Mn;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(Mn||(Mn={}));var Dn;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(Dn||(Dn={}));et.Backward+"",et.Forward+"",et.Backward+"",et.Forward+"";var Kt;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(Kt||(Kt={}));var Ut;(function(e){e.Optimized="optimized"})(Ut||(Ut={}));function Xa(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])}Kt.WhileDragging,Ut.Optimized;const Ha={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Sn,draggableNodes:new Map,over:null,measureDroppableContainers:Sn},La=i.createContext(Ha),Na=i.createContext({...ja,scaleX:1,scaleY:1});var Rn;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(Rn||(Rn={}));const Ga=i.createContext(null),En="button",Oa="Draggable";function jt(e){let{id:t,data:n,disabled:r=!1,attributes:a}=e;const s=mr(Oa),{activators:o,activatorEvent:l,active:c,activeNodeRect:u,ariaDescribedById:f,draggableNodes:x,over:v}=i.useContext(La),{role:d=En,roleDescription:C="draggable",tabIndex:y=0}=a??{},h=c?.id===t,b=i.useContext(h?Na:Ga),[g,m]=It(),[p,I]=It(),k=Xa(o,t),A=hr(n);$t(()=>(x.set(t,{id:t,key:s,node:g,activatorNode:p,data:A}),()=>{const D=x.get(t);D&&D.key===s&&x.delete(t)}),[x,t]);const R=i.useMemo(()=>({role:d,tabIndex:y,"aria-disabled":r,"aria-pressed":h&&d===En?!0:void 0,"aria-roledescription":C,"aria-describedby":f.draggable}),[r,d,y,h,C,f.draggable]);return{active:c,activatorEvent:l,activeNodeRect:u,attributes:R,isDragging:h,listeners:r?void 0:k,node:g,over:v,setNodeRef:m,setActivatorNodeRef:I,transform:b}}const Ya=new Map([["bold",N.createElement(N.Fragment,null,N.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",N.createElement(N.Fragment,null,N.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),N.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",N.createElement(N.Fragment,null,N.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",N.createElement(N.Fragment,null,N.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",N.createElement(N.Fragment,null,N.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",N.createElement(N.Fragment,null,N.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"}))]]),Ka=new Map([["bold",N.createElement(N.Fragment,null,N.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",N.createElement(N.Fragment,null,N.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),N.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",N.createElement(N.Fragment,null,N.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",N.createElement(N.Fragment,null,N.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",N.createElement(N.Fragment,null,N.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",N.createElement(N.Fragment,null,N.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"}))]]),Ua=i.createContext({color:"currentColor",size:"1em",weight:"regular",mirrored:!1}),on=N.forwardRef((e,t)=>{const{alt:n,color:r,size:a,weight:s,mirrored:o,children:l,weights:c,...u}=e,{color:f="currentColor",size:x,weight:v="regular",mirrored:d=!1,...C}=N.useContext(Ua);return N.createElement("svg",{ref:t,xmlns:"http://www.w3.org/2000/svg",width:a??x,height:a??x,fill:r??f,viewBox:"0 0 256 256",transform:o||d?"scale(-1, 1)":void 0,...C,...u},!!n&&N.createElement("title",null,n),l,c.get(s??v))});on.displayName="IconBase";const pr=N.forwardRef((e,t)=>N.createElement(on,{ref:t,...e,weights:Ya}));pr.displayName="SpeakerHighIcon";const gr=N.forwardRef((e,t)=>N.createElement(on,{ref:t,...e,weights:Ka}));gr.displayName="SpeakerLowIcon";S.span`
|
|
1
|
+
"use strict";var Ia=Object.create;var Yt=Object.defineProperty;var Aa=Object.getOwnPropertyDescriptor;var Sa=Object.getOwnPropertyNames;var $a=Object.getPrototypeOf,Ma=Object.prototype.hasOwnProperty;var Ra=(e,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Sa(t))!Ma.call(e,r)&&r!==n&&Yt(e,r,{get:()=>t[r],enumerable:!(a=Aa(t,r))||a.enumerable});return e};var Ea=(e,t,n)=>(n=e!=null?Ia($a(e)):{},Ra(t||!e||!e.__esModule?Yt(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("tone"),v=require("react/jsx-runtime"),i=require("react"),A=require("styled-components"),Re=require("@dnd-kit/core"),Da=require("@dnd-kit/modifiers");var Mt=typeof document<"u"?document.currentScript:null;function mn(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const hn=mn(W),G=mn(i);function Ot(e,t){const n=new Float32Array(e),a=e-1;for(let r=0;r<e;r++){const s=r/a;n[r]=t?s:1-s}return n}function Ba(e,t){const n=new Float32Array(e),a=e-1;for(let r=0;r<e;r++){const s=r/a,o=t?r:e-1-r;n[o]=Math.exp(2*s-1)/Math.E}return n}function Ta(e,t){const n=new Float32Array(e),a=t?Math.PI/2:-Math.PI/2;for(let r=0;r<e;r++)n[r]=Math.sin(Math.PI*r/e-a)/2+.5;return n}function Wa(e,t,n=10){const a=new Float32Array(e);for(let r=0;r<e;r++){const s=t?r:e-1-r,o=r/e;a[s]=Math.log(1+n*o)/Math.log(1+n)}return a}function pn(e,t,n){switch(e){case"linear":return Ot(t,n);case"exponential":return Ba(t,n);case"sCurve":return Ta(t,n);case"logarithmic":return Wa(t,n);default:return Ot(t,n)}}function Kt(e,t,n,a="linear",r=0,s=1){if(!(n<=0))if(a==="linear")e.setValueAtTime(r,t),e.linearRampToValueAtTime(s,t+n);else if(a==="exponential")e.setValueAtTime(Math.max(r,.001),t),e.exponentialRampToValueAtTime(Math.max(s,.001),t+n);else{const o=pn(a,1e4,!0),l=new Float32Array(o.length),c=s-r;for(let u=0;u<o.length;u++)l[u]=r+o[u]*c;e.setValueCurveAtTime(l,t,n)}}function Ut(e,t,n,a="linear",r=1,s=0){if(!(n<=0))if(a==="linear")e.setValueAtTime(r,t),e.linearRampToValueAtTime(s,t+n);else if(a==="exponential")e.setValueAtTime(Math.max(r,.001),t),e.exponentialRampToValueAtTime(Math.max(s,.001),t+n);else{const o=pn(a,1e4,!1),l=new Float32Array(o.length),c=r-s;for(let u=0;u<o.length;u++)l[u]=s+o[u]*c;e.setValueCurveAtTime(l,t,n)}}var _a=class{constructor(e){this.activePlayers=0,this.track=e.track,this.volumeNode=new W.Volume(this.gainToDb(e.track.gain)),this.panNode=new W.Panner(e.track.stereoPan),this.muteGain=new W.Gain(e.track.muted?0:1);const t=e.destination||W.getDestination();if(e.effects){const a=e.effects(this.muteGain,t,!1);a&&(this.effectsCleanup=a)}else this.muteGain.connect(t);const n=e.clips||(e.buffer?[{buffer:e.buffer,startTime:0,duration:e.buffer.duration,offset:0,fadeIn:e.track.fadeIn,fadeOut:e.track.fadeOut,gain:1}]:[]);this.clips=n.map(a=>{const r=new W.Player({url:a.buffer,loop:!1,onstop:()=>{this.activePlayers--,this.activePlayers===0&&this.onStopCallback&&this.onStopCallback()}}),s=new W.Gain(a.gain);return r.connect(s),s.chain(this.volumeNode,this.panNode,this.muteGain),{player:r,clipInfo:a,fadeGain:s,pausedPosition:0,playStartTime:0}})}scheduleFades(e,t,n=0){const{clipInfo:a,fadeGain:r}=e,s=r.gain._param;s.cancelScheduledValues(0);const o=n-a.offset;if(a.fadeIn&&o<a.fadeIn.duration){const l=a.fadeIn.duration;if(o<=0)Kt(s,t,l,a.fadeIn.type||"linear",0,a.gain);else{const c=l-o,u=o/l,f=a.gain*u;Kt(s,t,c,a.fadeIn.type||"linear",f,a.gain)}}else s.setValueAtTime(a.gain,t);if(a.fadeOut){const c=a.duration-a.fadeOut.duration-o;if(c>0){const u=t+c;Ut(s,u,a.fadeOut.duration,a.fadeOut.type||"linear",a.gain,0)}else if(c>-a.fadeOut.duration){const u=-c,f=a.fadeOut.duration-u,w=u/a.fadeOut.duration,g=a.gain*(1-w);Ut(s,t,f,a.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(a=>{a.player.stop(),a.player.disconnect(),a.player.dispose();const r=new W.Player({url:a.clipInfo.buffer,loop:!1,onstop:()=>{this.activePlayers--,this.activePlayers===0&&this.onStopCallback&&this.onStopCallback()}});r.connect(a.fadeGain),a.player=r,a.pausedPosition=0}),this.activePlayers=0,this.clips.forEach(a=>{const{player:r,clipInfo:s}=a,o=t,l=s.startTime,c=s.startTime+s.duration;if(o<c){this.activePlayers++;const u=e??W.now();if(a.playStartTime=u,o>=l){const f=o-l+s.offset,w=s.duration-(o-l),g=n?Math.min(n,w):w;a.pausedPosition=f,this.scheduleFades(a,u,f),r.start(u,f,g)}else{const f=l-o,w=n?Math.min(n-f,s.duration):s.duration;f<(n??1/0)?(a.pausedPosition=s.offset,this.scheduleFades(a,u+f,s.offset),r.start(u+f,s.offset,w)):this.activePlayers--}}})}pause(){this.clips.forEach(e=>{if(e.player.state==="started"){const t=(W.now()-e.playStartTime)*e.player.playbackRate;e.pausedPosition=e.pausedPosition+t}e.player.stop()}),this.activePlayers=0}stop(e){const t=e??W.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}},Fa=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 W.Volume(this.gainToDb(e.masterGain??1)),e.effects){const t=e.effects(this.masterVolume,W.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 W.start(),this.isInitialized=!0)}addTrack(e){const t={...e,destination:this.masterVolume},n=new _a(t);return this.tracks.set(n.id,n),this.manualMuteState.set(n.id,e.track.muted??!1),e.track.soloed&&this.soloedTracks.add(n.id),n}applyInitialSoloState(){this.updateSoloMuting()}removeTrack(e){const t=this.tracks.get(e);t&&(t.dispose(),this.tracks.delete(e),this.manualMuteState.delete(e),this.soloedTracks.delete(e))}getTrack(e){return this.tracks.get(e)}play(e,t,n){if(!this.isInitialized){console.warn("TonePlayout not initialized. Call init() first.");return}const a=e??W.now(),r=t??0;this.playbackSessionId++;const s=this.playbackSessionId;this.activeTracks.clear(),this.tracks.forEach(o=>{const l=o.startTime;if(r>=l){const c=r-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(a,c,n)}else{const c=l-r;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(a+c,0,n)}}),t!==void 0?W.getTransport().start(a,t):W.getTransport().start(a)}pause(){W.getTransport().pause(),this.tracks.forEach(e=>{e.pause()})}stop(){W.getTransport().stop(),this.tracks.forEach(e=>{e.stop()})}setMasterGain(e){this.masterVolume.volume.value=this.gainToDb(e)}setSolo(e,t){const n=this.tracks.get(e);n&&(n.setSolo(t),t?this.soloedTracks.add(e):this.soloedTracks.delete(e),this.updateSoloMuting())}updateSoloMuting(){const e=this.soloedTracks.size>0;this.tracks.forEach((t,n)=>{if(e)if(!this.soloedTracks.has(n))t.setMute(!0);else{const a=this.manualMuteState.get(n)??!1;t.setMute(a)}else{const a=this.manualMuteState.get(n)??!1;t.setMute(a)}})}setMute(e,t){const n=this.tracks.get(e);n&&(this.manualMuteState.set(e,t),n.setMute(t))}getCurrentTime(){return W.getTransport().seconds}seekTo(e){W.getTransport().seconds=e}dispose(){this.tracks.forEach(e=>{e.dispose()}),this.tracks.clear(),this.effectsCleanup&&this.effectsCleanup(),this.masterVolume.dispose()}get context(){return W.getContext()}get sampleRate(){return W.getContext().sampleRate}setOnPlaybackComplete(e){this.onPlaybackCompleteCallback=e}},mt=null;function Za(){return mt||(mt=new W.Context,W.setContext(mt)),mt}async function Rt(){const e=Za();e.state!=="running"&&await e.resume()}const Bt=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[Bt.Translate.toString(e),Bt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:a}=e;return t+" "+n+"ms "+a}}}),Va=new Map([["bold",G.createElement(G.Fragment,null,G.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",G.createElement(G.Fragment,null,G.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),G.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",G.createElement(G.Fragment,null,G.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",G.createElement(G.Fragment,null,G.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",G.createElement(G.Fragment,null,G.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",G.createElement(G.Fragment,null,G.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"}))]]),Pa=new Map([["bold",G.createElement(G.Fragment,null,G.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",G.createElement(G.Fragment,null,G.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),G.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",G.createElement(G.Fragment,null,G.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",G.createElement(G.Fragment,null,G.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",G.createElement(G.Fragment,null,G.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",G.createElement(G.Fragment,null,G.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"}))]]),za=i.createContext({color:"currentColor",size:"1em",weight:"regular",mirrored:!1}),_t=G.forwardRef((e,t)=>{const{alt:n,color:a,size:r,weight:s,mirrored:o,children:l,weights:c,...u}=e,{color:f="currentColor",size:w,weight:g="regular",mirrored:d=!1,...x}=G.useContext(za);return G.createElement("svg",{ref:t,xmlns:"http://www.w3.org/2000/svg",width:r??w,height:r??w,fill:a??f,viewBox:"0 0 256 256",transform:o||d?"scale(-1, 1)":void 0,...x,...u},!!n&&G.createElement("title",null,n),l,c.get(s??g))});_t.displayName="IconBase";const gn=G.forwardRef((e,t)=>G.createElement(_t,{ref:t,...e,weights:Va}));gn.displayName="SpeakerHighIcon";const bn=G.forwardRef((e,t)=>G.createElement(_t,{ref:t,...e,weights:Pa}));bn.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 Ft=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
|
-
`;
|
|
36
|
+
`;A(Ft)`
|
|
37
37
|
padding: 0.25rem 0.5rem;
|
|
38
38
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
39
|
-
`;
|
|
39
|
+
`;A(Ft)`
|
|
40
40
|
padding: 0.5rem;
|
|
41
41
|
min-width: 2.25rem;
|
|
42
42
|
min-height: 2.25rem;
|
|
43
|
-
`;
|
|
43
|
+
`;A(Ft)`
|
|
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 Ct=A.div`
|
|
49
49
|
display: inline-flex;
|
|
50
50
|
align-items: center;
|
|
51
51
|
gap: 0.5rem;
|
|
52
|
-
`,
|
|
52
|
+
`,xt=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
|
+
`,wt=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
|
+
`,Be=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
|
+
`,vn=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,17 +113,17 @@
|
|
|
113
113
|
opacity: 0.6;
|
|
114
114
|
cursor: not-allowed;
|
|
115
115
|
}
|
|
116
|
-
`;
|
|
116
|
+
`;A(vn)`
|
|
117
117
|
padding: 0.25rem 0.5rem;
|
|
118
118
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
119
|
-
`;var
|
|
119
|
+
`;var Cn=A.label`
|
|
120
120
|
font-family: ${e=>e.theme.fontFamily};
|
|
121
121
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
122
122
|
font-weight: 500;
|
|
123
123
|
color: ${e=>e.theme.textColorMuted};
|
|
124
124
|
margin-bottom: 0.25rem;
|
|
125
125
|
display: block;
|
|
126
|
-
`;
|
|
126
|
+
`;A.label`
|
|
127
127
|
font-family: ${e=>e.theme.fontFamily};
|
|
128
128
|
font-size: ${e=>e.theme.fontSize};
|
|
129
129
|
color: ${e=>e.theme.textColor};
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
align-items: center;
|
|
132
132
|
gap: 0.5rem;
|
|
133
133
|
cursor: pointer;
|
|
134
|
-
`;var
|
|
134
|
+
`;var ja=A.span`
|
|
135
135
|
position: absolute;
|
|
136
136
|
width: 1px;
|
|
137
137
|
height: 1px;
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
clip: rect(0, 0, 0, 0);
|
|
142
142
|
white-space: nowrap;
|
|
143
143
|
border: 0;
|
|
144
|
-
`,
|
|
144
|
+
`,Zt=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
|
-
`;
|
|
175
|
+
`;A(Zt)`
|
|
176
176
|
padding: 0.25rem 1.75rem 0.25rem 0.5rem;
|
|
177
177
|
font-size: ${e=>e.theme.fontSizeSmall};
|
|
178
|
-
`;var
|
|
178
|
+
`;var xn=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
|
-
`,
|
|
254
|
+
`,Ha=({checked:e,onChange:t,disabled:n=!1,className:a})=>{const r=s=>{t(s.target.checked)};return v.jsxs(Ct,{className:a,children:[v.jsx(xt,{type:"checkbox",id:"automatic-scroll",className:"automatic-scroll",checked:e,onChange:r,disabled:n}),v.jsx(wt,{htmlFor:"automatic-scroll",children:"Automatic Scroll"})]})};function wn(e){return typeof e=="object"&&e!==null&&"type"in e}function Ye(e){if(!wn(e))return e;const t=e.direction==="vertical"?"to bottom":"to right",n=e.stops.map(a=>`${a.color} ${a.offset*100}%`).join(", ");return`linear-gradient(${t}, ${n})`}var yn={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"},Xa=1e3;function Ga(e,t,n,a){if(!wn(t))return t;let r;t.direction==="vertical"?r=e.createLinearGradient(0,0,0,a):r=e.createLinearGradient(0,0,n,0);for(const s of t.stops)r.addColorStop(s.offset,s.color);return r}var Na=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 */
|
|
@@ -259,15 +259,15 @@
|
|
|
259
259
|
/* Disable image rendering interpolation */
|
|
260
260
|
image-rendering: pixelated;
|
|
261
261
|
image-rendering: crisp-edges;
|
|
262
|
-
`,
|
|
262
|
+
`,La=A.div.attrs(e=>({style:{top:`${e.$waveHeight*e.$index}px`,width:`${e.$cssWidth}px`,height:`${e.$waveHeight}px`}}))`
|
|
263
263
|
position: absolute;
|
|
264
264
|
background: ${e=>e.$waveFillColor};
|
|
265
265
|
/* Force GPU compositing layer to reduce scroll flickering */
|
|
266
266
|
transform: translateZ(0);
|
|
267
267
|
backface-visibility: hidden;
|
|
268
|
-
`,
|
|
268
|
+
`,Ya=e=>{const{data:t,bits:n,length:a,index:r,className:s,devicePixelRatio:o=1,waveHeight:l=80,waveOutlineColor:c="#E0EFF1",waveFillColor:u="grey",barWidth:f=1,barGap:w=0,transparentBackground:g=!1,drawMode:d="inverted"}=e,x=i.useRef([]),I=i.useCallback(k=>{if(k!==null){const y=parseInt(k.dataset.index,10);x.current[y]=k}},[]);i.useLayoutEffect(()=>{const k=x.current,y=f+w;let S=0;for(let R=0;R<k.length;R++){const E=k[R],$=E.getContext("2d"),M=Math.floor(l/2),D=2**(n-1);if($){$.resetTransform(),$.clearRect(0,0,E.width,E.height),$.imageSmoothingEnabled=!1,$.scale(o,o);const _=E.width/o;let Z;d==="normal"?Z=u:Z=c,$.fillStyle=Ga($,Z,_,l);const T=S,P=S+_,j=Math.floor((T-f+y)/y)*y;for(let U=Math.max(0,j);U<P;U+=y){const V=U-T;if(V+f<=0)continue;const L=U;if(L*2+1<t.length){const re=t[L*2]/D,te=t[L*2+1]/D,Q=Math.abs(re*M),q=Math.abs(te*M);d==="normal"?$.fillRect(V,M-q,f,q+Q):($.fillRect(V,0,f,M-q),$.fillRect(V,M+Q,f,M-Q))}}}S+=E.width/o}},[t,n,l,c,u,o,a,f,w,d]);let m=a,b=0;const p=[];for(;m>0;){const k=Math.min(m,Xa),y=v.jsx(Na,{$cssWidth:k,width:k*o,height:l*o,$waveHeight:l,"data-index":b,ref:I},`${a}-${b}`);p.push(y),m-=k,b+=1}const h=g?"transparent":Ye(u);return v.jsx(La,{$index:r,$cssWidth:a,className:s,$waveHeight:l,$waveFillColor:h,children:p})},kn=22,In=A.div`
|
|
269
269
|
position: relative;
|
|
270
|
-
height: ${
|
|
270
|
+
height: ${kn}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
|
+
`,An=A.span`
|
|
293
293
|
font-size: 11px;
|
|
294
294
|
font-weight: 600;
|
|
295
295
|
font-family: ${e=>e.theme.clipHeaderFontFamily};
|
|
@@ -297,12 +297,12 @@
|
|
|
297
297
|
white-space: nowrap;
|
|
298
298
|
overflow: hidden;
|
|
299
299
|
text-overflow: ellipsis;
|
|
300
|
-
`,
|
|
300
|
+
`,Oa=({trackName:e,isSelected:t=!1})=>v.jsx(In,{$isDragging:!1,$interactive:!1,$isSelected:t,children:v.jsx(An,{children:e})}),Ka=({clipId:e,trackIndex:t,clipIndex:n,trackName:a,isSelected:r=!1,disableDrag:s=!1,dragHandleProps:o})=>{if(s||!o)return v.jsx(Oa,{trackName:a,isSelected:r});const{attributes:l,listeners:c,setActivatorNodeRef:u}=o;return v.jsx(In,{ref:u,"data-clip-id":e,$interactive:!0,$isSelected:r,...c,...l,children:v.jsx(An,{children:a})})},Ua=8,Ja=24,qa=A.div`
|
|
301
301
|
position: absolute;
|
|
302
302
|
${e=>e.$edge==="left"?"left: 0;":"right: 0;"}
|
|
303
303
|
top: 0;
|
|
304
304
|
bottom: 0;
|
|
305
|
-
width: ${e=>e.$touchOptimized?
|
|
305
|
+
width: ${e=>e.$touchOptimized?Ja:Ua}px;
|
|
306
306
|
cursor: col-resize;
|
|
307
307
|
user-select: none;
|
|
308
308
|
z-index: 105; /* Above waveform, below header */
|
|
@@ -325,19 +325,19 @@
|
|
|
325
325
|
background: rgba(255, 255, 255, 0.4);
|
|
326
326
|
${e=>e.$edge==="left"?"border-left: 2px solid rgba(255, 255, 255, 0.8);":"border-right: 2px solid rgba(255, 255, 255, 0.8);"}
|
|
327
327
|
}
|
|
328
|
-
`,
|
|
328
|
+
`,Jt=({clipId:e,trackIndex:t,clipIndex:n,edge:a,dragHandleProps:r,touchOptimized:s=!1})=>{const[o,l]=i.useState(!1);if(!r)return null;const{attributes:c,listeners:u,setActivatorNodeRef:f,isDragging:w}=r;return v.jsx(qa,{ref:f,"data-clip-id":e,"data-boundary-edge":a,$edge:a,$isDragging:w,$isHovered:o,$touchOptimized:s,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),...u,...c})},Qa=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;
|
|
332
332
|
pointer-events: none;
|
|
333
333
|
z-index: 50;
|
|
334
|
-
`,
|
|
334
|
+
`,er=A.svg`
|
|
335
335
|
width: 100%;
|
|
336
336
|
height: 100%;
|
|
337
337
|
display: block;
|
|
338
338
|
/* Flip horizontally for fadeOut - makes it mirror of fadeIn */
|
|
339
339
|
transform: ${e=>e.$type==="fadeOut"?"scaleX(-1)":"none"};
|
|
340
|
-
`;function
|
|
340
|
+
`;function tr(e,t,n="logarithmic"){const a=[],r=Math.max(20,Math.min(e,100));for(let s=0;s<=r;s++){const o=s/r*e,l=s/r;let c;switch(n){case"linear":c=l;break;case"exponential":c=l*l;break;case"sCurve":c=(1-Math.cos(l*Math.PI))/2;break;case"logarithmic":default:c=Math.log10(1+l*9)/Math.log10(10);break}const u=(1-c)*t;a.push(`${o},${u}`)}return`M 0,${t} L ${a.join(" L ")} L ${e},0 L 0,0 Z`}var qt=({left:e,width:t,type:n,curveType:a="logarithmic",color:r})=>{const s=A.useTheme();if(t<1)return null;const o=r||s?.fadeOverlayColor||"rgba(0, 0, 0, 0.4)";return v.jsx(Qa,{$left:e,$width:t,$type:n,children:v.jsx(er,{$type:n,viewBox:`0 0 ${t} 100`,preserveAspectRatio:"none",children:v.jsx("path",{d:tr(t,100,a),fill:o})})})},nr=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%"};
|
|
@@ -351,20 +351,20 @@
|
|
|
351
351
|
&:hover {
|
|
352
352
|
background: rgba(255, 255, 255, 0.08);
|
|
353
353
|
}
|
|
354
|
-
`,
|
|
354
|
+
`,ar=A.div`
|
|
355
355
|
flex: 1;
|
|
356
356
|
position: relative;
|
|
357
357
|
overflow: ${e=>e.$isOverlay?"visible":"hidden"};
|
|
358
|
-
`,
|
|
358
|
+
`,Tt=({children:e,className:t,clipId:n,trackIndex:a,clipIndex:r,trackName:s,startSample:o,durationSamples:l,samplesPerPixel:c,showHeader:u=!1,disableHeaderDrag:f=!1,isOverlay:w=!1,isSelected:g=!1,onMouseDown:d,trackId:x,fadeIn:I,fadeOut:m,sampleRate:b=44100,showFades:p=!1,touchOptimized:C=!1})=>{const h=Math.floor(o/c),y=Math.floor((o+l)/c)-h,S=u&&!f&&!w,R=`clip-${a}-${r}`,{attributes:E,listeners:$,setNodeRef:M,setActivatorNodeRef:D,transform:_,isDragging:Z}=Re.useDraggable({id:R,data:{clipId:n,trackIndex:a,clipIndex:r},disabled:!S}),T=`clip-boundary-left-${a}-${r}`,{attributes:P,listeners:j,setActivatorNodeRef:U,isDragging:V}=Re.useDraggable({id:T,data:{clipId:n,trackIndex:a,clipIndex:r,boundary:"left"},disabled:!S}),L=`clip-boundary-right-${a}-${r}`,{attributes:re,listeners:te,setActivatorNodeRef:Q,isDragging:q}=Re.useDraggable({id:L,data:{clipId:n,trackIndex:a,clipIndex:r,boundary:"right"},disabled:!S}),be=_?{transform:Bt.Translate.toString(_),zIndex:Z?100:void 0}:void 0;return v.jsxs(nr,{ref:M,style:be,className:t,$left:h,$width:y,$isOverlay:w,"data-clip-container":"true","data-track-id":x,onMouseDown:d,children:[u&&v.jsx(Ka,{clipId:n,trackIndex:a,clipIndex:r,trackName:s,isSelected:g,disableDrag:f,dragHandleProps:S?{attributes:E,listeners:$,setActivatorNodeRef:D}:void 0}),v.jsxs(ar,{$isOverlay:w,children:[e,p&&I&&I.duration>0&&v.jsx(qt,{left:0,width:Math.floor(I.duration*b/c),type:"fadeIn",curveType:I.type}),p&&m&&m.duration>0&&v.jsx(qt,{left:y-Math.floor(m.duration*b/c),width:Math.floor(m.duration*b/c),type:"fadeOut",curveType:m.type})]}),u&&!f&&!w&&v.jsxs(v.Fragment,{children:[v.jsx(Jt,{clipId:n,trackIndex:a,clipIndex:r,edge:"left",touchOptimized:C,dragHandleProps:{attributes:P,listeners:j,setActivatorNodeRef:U,isDragging:V}}),v.jsx(Jt,{clipId:n,trackIndex:a,clipIndex:r,edge:"right",touchOptimized:C,dragHandleProps:{attributes:re,listeners:te,setActivatorNodeRef:Q,isDragging:q}})]})]})},rr=A.div`
|
|
359
359
|
display: inline-flex;
|
|
360
360
|
align-items: center;
|
|
361
361
|
gap: 0.5rem;
|
|
362
|
-
`,
|
|
362
|
+
`,or=A(Cn)`
|
|
363
363
|
margin: 0;
|
|
364
364
|
white-space: nowrap;
|
|
365
|
-
`,
|
|
365
|
+
`,sr=A(xn)`
|
|
366
366
|
width: 120px;
|
|
367
|
-
`,
|
|
367
|
+
`,ir=({volume:e,onChange:t,disabled:n=!1,className:a})=>{const r=s=>{t(parseFloat(s.target.value)/100)};return v.jsxs(rr,{className:a,children:[v.jsx(or,{htmlFor:"master-gain",children:"Master Volume"}),v.jsx(sr,{min:"0",max:"100",value:e*100,onChange:r,disabled:n,id:"master-gain"})]})};A.div.attrs(e=>({style:{transform:`translate3d(${e.$position}px, 0, 0)`}}))`
|
|
368
368
|
position: absolute;
|
|
369
369
|
top: 0;
|
|
370
370
|
left: 0;
|
|
@@ -374,7 +374,7 @@
|
|
|
374
374
|
z-index: 100; /* Below sticky controls (z-index: 101) so playhead is hidden when scrolled behind controls */
|
|
375
375
|
pointer-events: none;
|
|
376
376
|
will-change: transform;
|
|
377
|
-
`;
|
|
377
|
+
`;A.div`
|
|
378
378
|
position: absolute;
|
|
379
379
|
top: 0;
|
|
380
380
|
left: 0;
|
|
@@ -382,7 +382,7 @@
|
|
|
382
382
|
z-index: 100; /* Below sticky controls (z-index: 101) so playhead is hidden when scrolled behind controls */
|
|
383
383
|
pointer-events: none;
|
|
384
384
|
will-change: transform;
|
|
385
|
-
`;
|
|
385
|
+
`;A.div`
|
|
386
386
|
position: absolute;
|
|
387
387
|
top: -10px;
|
|
388
388
|
left: -6px;
|
|
@@ -391,30 +391,30 @@
|
|
|
391
391
|
border-left: 7px solid transparent;
|
|
392
392
|
border-right: 7px solid transparent;
|
|
393
393
|
border-top: 10px solid ${e=>e.$color};
|
|
394
|
-
`;
|
|
394
|
+
`;A.div`
|
|
395
395
|
position: absolute;
|
|
396
396
|
top: 0;
|
|
397
397
|
left: 0;
|
|
398
398
|
width: 2px;
|
|
399
399
|
height: 100%;
|
|
400
400
|
background: ${e=>e.$color};
|
|
401
|
-
`;var
|
|
401
|
+
`;var lr=A.div`
|
|
402
402
|
overflow-y: hidden;
|
|
403
403
|
overflow-x: auto;
|
|
404
404
|
position: relative;
|
|
405
|
-
`,
|
|
405
|
+
`,cr=A.div.attrs(e=>({style:e.$width!==void 0?{width:`${e.$width}px`}:{}}))`
|
|
406
406
|
position: relative;
|
|
407
407
|
background: ${e=>e.$backgroundColor||"transparent"};
|
|
408
|
-
`,
|
|
408
|
+
`,ur=A.div.attrs(e=>({style:e.$width?{minWidth:`${e.$width}px`}:{}}))`
|
|
409
409
|
background: ${e=>e.$backgroundColor||"white"};
|
|
410
410
|
width: 100%;
|
|
411
411
|
position: relative;
|
|
412
412
|
overflow: hidden; /* Constrain loop region to timescale area */
|
|
413
|
-
`,
|
|
413
|
+
`,dr=A.div.attrs(e=>({style:e.$width!==void 0?{minWidth:`${e.$width}px`}:{}}))`
|
|
414
414
|
position: relative;
|
|
415
415
|
background: ${e=>e.$backgroundColor||"transparent"};
|
|
416
416
|
width: 100%;
|
|
417
|
-
`,
|
|
417
|
+
`,fr=A.div`
|
|
418
418
|
position: absolute;
|
|
419
419
|
top: 0;
|
|
420
420
|
left: 0;
|
|
@@ -423,7 +423,7 @@
|
|
|
423
423
|
cursor: crosshair;
|
|
424
424
|
/* When selecting, raise z-index above clip boundaries (z-index: 105) to prevent interference */
|
|
425
425
|
z-index: ${e=>e.$isSelecting?110:1};
|
|
426
|
-
`,
|
|
426
|
+
`,Vt=({children:e,backgroundColor:t,timescaleBackgroundColor:n,timescale:a,timescaleWidth:r,tracksWidth:s,scrollContainerWidth:o,controlsWidth:l,onTracksClick:c,onTracksMouseDown:u,onTracksMouseMove:f,onTracksMouseUp:w,scrollContainerRef:g,isSelecting:d})=>v.jsx(lr,{"data-scroll-container":"true",ref:g,children:v.jsxs(cr,{$backgroundColor:t,$width:o,children:[a&&v.jsx(ur,{$width:r,$backgroundColor:n,children:a}),v.jsxs(dr,{$width:s,$backgroundColor:t,children:[e,(c||u)&&v.jsx(fr,{$controlsWidth:l,$isSelecting:d,onClick:c,onMouseDown:u,onMouseMove:f,onMouseUp:w})]})]})});A.withTheme(Vt);var mr=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};
|
|
@@ -431,14 +431,14 @@
|
|
|
431
431
|
z-index: 60; /* Above clips (z-index: 10) and fades (z-index: 50), below playhead (z-index: 100) */
|
|
432
432
|
pointer-events: none;
|
|
433
433
|
opacity: 0.3;
|
|
434
|
-
`,
|
|
434
|
+
`,Sn=({startPosition:e,endPosition:t,color:n="#00ff00"})=>{const a=Math.max(0,t-e);return a<=0?null:v.jsx(mr,{$left:e,$width:a,$color:n,"data-selection":!0})};A.div.attrs(e=>({style:{left:`${e.$left}px`,width:`${e.$width}px`}}))`
|
|
435
435
|
position: absolute;
|
|
436
436
|
top: 0;
|
|
437
437
|
background: ${e=>e.$color};
|
|
438
438
|
height: 100%;
|
|
439
439
|
z-index: 55; /* Between clips (z-index: 50) and selection (z-index: 60) */
|
|
440
440
|
pointer-events: none;
|
|
441
|
-
`;
|
|
441
|
+
`;A.div.attrs(e=>({style:{left:`${e.$left}px`}}))`
|
|
442
442
|
position: absolute;
|
|
443
443
|
top: 0;
|
|
444
444
|
width: 2px;
|
|
@@ -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 Qt=A.div.attrs(e=>({style:{left:`${e.$left}px`}}))`
|
|
462
462
|
position: absolute;
|
|
463
463
|
top: 0;
|
|
464
464
|
width: 12px;
|
|
@@ -495,7 +495,7 @@
|
|
|
495
495
|
&:hover::before {
|
|
496
496
|
opacity: 1;
|
|
497
497
|
}
|
|
498
|
-
`,
|
|
498
|
+
`,hr=A.div.attrs(e=>({style:{left:`${e.$left}px`,width:`${e.$width}px`}}))`
|
|
499
499
|
position: absolute;
|
|
500
500
|
top: 0;
|
|
501
501
|
height: 100%;
|
|
@@ -506,41 +506,41 @@
|
|
|
506
506
|
&:active {
|
|
507
507
|
cursor: grabbing;
|
|
508
508
|
}
|
|
509
|
-
`,
|
|
509
|
+
`,pr=({startPosition:e,endPosition:t,markerColor:n="#3b82f6",regionColor:a="rgba(59, 130, 246, 0.3)",onLoopStartChange:r,onLoopEndChange:s,onLoopRegionMove:o,minPosition:l=0,maxPosition:c=1/0})=>{const[u,f]=i.useState(null),w=i.useRef(0),g=i.useRef(0),d=i.useRef(0),x=Math.max(0,t-e),I=i.useCallback((b,p)=>{b.preventDefault(),b.stopPropagation(),f(p),w.current=b.clientX,g.current=p==="start"?e:t;const C=k=>{const y=k.clientX-w.current,S=g.current+y;if(p==="start"){const R=Math.max(l,Math.min(t-10,S));r?.(R)}else{const R=Math.max(e+10,Math.min(c,S));s?.(R)}},h=()=>{f(null),document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",h)};document.addEventListener("mousemove",C),document.addEventListener("mouseup",h)},[e,t,l,c,r,s]),m=i.useCallback(b=>{b.preventDefault(),b.stopPropagation(),f("region"),w.current=b.clientX,g.current=e,d.current=t;const p=t-e,C=k=>{const y=k.clientX-w.current;let S=g.current+y,R=d.current+y;S<l&&(S=l,R=l+p),R>c&&(R=c,S=c-p),o?.(S,R)},h=()=>{f(null),document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",h)};document.addEventListener("mousemove",C),document.addEventListener("mouseup",h)},[e,t,l,c,o]);return x<=0?null:v.jsxs(v.Fragment,{children:[v.jsx(hr,{$left:e,$width:x,$color:a,$isDragging:u==="region",onMouseDown:m,"data-loop-region-timescale":!0}),v.jsx(Qt,{$left:e,$color:n,$isStart:!0,$isDragging:u==="start",onMouseDown:b=>I(b,"start"),"data-loop-marker-handle":"start"}),v.jsx(Qt,{$left:t,$color:n,$isStart:!1,$isDragging:u==="end",onMouseDown:b=>I(b,"end"),"data-loop-marker-handle":"end"})]})},gr=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
|
-
`,
|
|
516
|
+
`,br=({startPosition:e,endPosition:t,markerColor:n="#3b82f6",regionColor:a="rgba(59, 130, 246, 0.3)",onLoopRegionChange:r,minPosition:s=0,maxPosition:o=1/0,controlsOffset:l=0})=>{const[c,u]=i.useState(!1),f=i.useRef(0),w=i.useRef(null),g=t>e,d=i.useCallback(x=>{const I=x.target;if(I.closest("[data-loop-marker-handle]")||I.closest("[data-loop-region-timescale]"))return;x.preventDefault(),u(!0);const m=w.current?.getBoundingClientRect();if(!m)return;const b=x.clientX-m.left,p=Math.max(s,Math.min(o,b));f.current=p,r?.(p,p);const C=k=>{const y=k.clientX-m.left,S=Math.max(s,Math.min(o,y)),R=Math.min(f.current,S),E=Math.max(f.current,S);r?.(R,E)},h=()=>{u(!1),document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",h)};document.addEventListener("mousemove",C),document.addEventListener("mouseup",h)},[s,o,r]);return v.jsx(gr,{ref:w,$leftOffset:l,onMouseDown:d,"data-timescale-loop-creator":!0,children:g&&v.jsx(pr,{startPosition:e,endPosition:t,markerColor:n,regionColor:a,minPosition:s,maxPosition:o,onLoopStartChange:x=>r?.(x,t),onLoopEndChange:x=>r?.(e,x),onLoopRegionMove:(x,I)=>r?.(x,I)})})};function et(e,t){const n=Math.floor(e/3600)%24,a=Math.floor(e/60)%60,r=(e%60).toFixed(t);return String(n).padStart(2,"0")+":"+String(a).padStart(2,"0")+":"+r.padStart(t+3,"0")}function Je(e,t){switch(t){case"seconds":return e.toFixed(0);case"thousandths":return e.toFixed(3);case"hh:mm:ss":return et(e,0);case"hh:mm:ss.u":return et(e,1);case"hh:mm:ss.uu":return et(e,2);case"hh:mm:ss.uuu":return et(e,3);default:return et(e,3)}}function $n(e,t){if(!e)return 0;switch(t){case"seconds":case"thousandths":return parseFloat(e)||0;case"hh:mm:ss":case"hh:mm:ss.u":case"hh:mm:ss.uu":case"hh:mm:ss.uuu":{const n=e.split(":");if(n.length!==3)return 0;const a=parseInt(n[0],10)||0,r=parseInt(n[1],10)||0,s=parseFloat(n[2])||0;return a*3600+r*60+s}default:return 0}}var en=({id:e,label:t,value:n,format:a,className:r,onChange:s,readOnly:o=!1})=>{const[l,c]=i.useState("");i.useEffect(()=>{const g=Je(n,a);c(g)},[n,a,e]);const u=g=>{const d=g.target.value;c(d)},f=()=>{if(s){const g=$n(l,a);s(g)}c(Je(n,a))},w=g=>{g.key==="Enter"&&g.currentTarget.blur()};return v.jsxs(v.Fragment,{children:[v.jsx(ja,{as:"label",htmlFor:e,children:t}),v.jsx(vn,{type:"text",className:r,id:e,value:l,onChange:u,onBlur:f,onKeyDown:w,readOnly:o})]})},vr=({selectionStart:e,selectionEnd:t,onSelectionChange:n,className:a})=>{const[r,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 v.jsxs(v.Fragment,{children:[v.jsx(en,{id:"audio_start",label:"Start of audio selection",value:e,format:r,className:"audio-start form-control mr-sm-2",onChange:o}),v.jsx(en,{id:"audio_end",label:"End of audio selection",value:t,format:r,className:"audio-end form-control mr-sm-2",onChange:l})]})};function gt(){return window.devicePixelRatio}var Mn=i.createContext(gt()),Rn=({children:e})=>{const[t,n]=i.useState(gt());return matchMedia(`(resolution: ${gt()}dppx)`).addEventListener("change",()=>{n(gt())},{once:!0}),v.jsx(Mn.Provider,{value:Math.ceil(t),children:e})},En=()=>i.useContext(Mn),yt=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}),at=()=>i.useContext(yt),rt=()=>i.useContext(A.ThemeContext),Pt=i.createContext(v.jsx(i.Fragment,{})),Cr=()=>i.useContext(Pt),xr=0,wr=!1,yr=0,kr=0,Ir={progress:xr,isPlaying:wr,selectionStart:yr,selectionEnd:kr};i.createContext(Ir);i.createContext({setIsPlaying:()=>{},setProgress:()=>{},setSelection:()=>{}});var Dn=({isSelected:e,transparentBackground:t,...n})=>{const a=rt(),{waveHeight:r,barWidth:s,barGap:o}=at(),l=En(),c=e&&a?a.selectedWaveOutlineColor:a?.waveOutlineColor,u=e&&a?a.selectedWaveFillColor:a?.waveFillColor,f=a?.waveformDrawMode||"inverted";return v.jsx(Ya,{...n,...a,waveOutlineColor:c,waveFillColor:u,waveHeight:r,devicePixelRatio:l,barWidth:s,barGap:o,transparentBackground:t,drawMode:f})};function Ar(e,t,n){return Math.ceil(e*n/t)}function Sr(e){const t=Math.floor(e/1e3),n=t%60;return`${(t-n)/60}:${String(n).padStart(2,"0")}`}var $r=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};
|
|
520
520
|
box-sizing: border-box;
|
|
521
|
-
`,
|
|
521
|
+
`,Mr=A.canvas.attrs(e=>({style:{width:`${e.$cssWidth}px`,height:`${e.$timeScaleHeight}px`}}))`
|
|
522
522
|
position: absolute;
|
|
523
523
|
left: 0;
|
|
524
524
|
right: 0;
|
|
525
525
|
bottom: 0;
|
|
526
|
-
`,
|
|
526
|
+
`,Rr=A.div.attrs(e=>({style:{left:`${e.$left+4}px`}}))`
|
|
527
527
|
position: absolute;
|
|
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
|
-
`,
|
|
531
|
+
`,Er=e=>{const{theme:{timeColor:t},duration:n,marker:a,bigStep:r,secondStep:s,renderTimestamp:o}=e,l=new Map,c=[],u=i.useRef(null),{sampleRate:f,samplesPerPixel:w,timeScaleHeight:g,controls:{show:d,width:x}}=i.useContext(yt),I=En();i.useEffect(()=>{if(u.current!==null){const C=u.current,h=C.getContext("2d");if(h){h.resetTransform(),h.clearRect(0,0,C.width,C.height),h.imageSmoothingEnabled=!1,h.fillStyle=t,h.scale(I,I);for(const[k,y]of l.entries()){const S=g-y;h.fillRect(k,S,1,y)}}}},[n,I,t,g,r,s,a,l]);const m=Ar(n/1e3,w,f),b=f/w;let p=0;for(let C=0;C<m;C+=b*s/1e3){const h=Math.floor(C);if(p%a===0){const k=p,y=Sr(k),S=o?v.jsx(i.Fragment,{children:o(k,h)},`timestamp-${p}`):v.jsx(Rr,{$left:h,children:y},y);c.push(S),l.set(h,g)}else p%r===0?l.set(h,Math.floor(g/2)):p%s===0&&l.set(h,Math.floor(g/5));p+=s}return v.jsxs($r,{$cssWidth:m,$controlWidth:d?x:0,$timeScaleHeight:g,children:[c,v.jsx(Mr,{$cssWidth:m,$timeScaleHeight:g,width:m*I,height:g*I,ref:u})]})},Bn=A.withTheme(Er),Dr=A.div`
|
|
532
532
|
display: inline-flex;
|
|
533
533
|
align-items: center;
|
|
534
534
|
gap: 0.5rem;
|
|
535
|
-
`,
|
|
535
|
+
`,Br=[{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"}],Tr=({value:e,onChange:t,disabled:n=!1,className:a})=>{const r=s=>{t(s.target.value)};return v.jsx(Dr,{className:a,children:v.jsx(Zt,{className:"time-format",value:e,onChange:r,disabled:n,"aria-label":"Time format selection",children:Br.map(s=>v.jsx("option",{value:s.value,children:s.label},s.value))})})},Wr=A.div.attrs(e=>({style:{height:`${e.$waveHeight*e.$numChannels+(e.$hasClipHeaders?kn:0)}px`}}))`
|
|
536
536
|
position: relative;
|
|
537
537
|
display: flex;
|
|
538
538
|
${e=>e.$width!==void 0&&`width: ${e.$width}px;`}
|
|
539
|
-
`,
|
|
539
|
+
`,_r=A.div.attrs(e=>({style:{paddingLeft:`${e.$offset||0}px`}}))`
|
|
540
540
|
position: relative;
|
|
541
541
|
background: ${e=>e.$backgroundColor||"transparent"};
|
|
542
542
|
flex: 1;
|
|
543
|
-
`,
|
|
543
|
+
`,Fr=A.div.attrs(e=>({style:{width:`${e.$controlWidth}px`}}))`
|
|
544
544
|
position: sticky;
|
|
545
545
|
z-index: 101; /* Above waveform content, below Docusaurus navbar (z-index: 200) */
|
|
546
546
|
left: 0;
|
|
@@ -554,7 +554,7 @@
|
|
|
554
554
|
${e=>e.$isSelected&&`
|
|
555
555
|
background: ${e.theme.selectedTrackControlsBackground};
|
|
556
556
|
`}
|
|
557
|
-
`,
|
|
557
|
+
`,Tn=({numChannels:e,children:t,className:n,backgroundColor:a,offset:r=0,width:s,hasClipHeaders:o=!1,onClick:l,trackId:c,isSelected:u=!1})=>{const{waveHeight:f,controls:{show:w,width:g}}=at(),d=Cr();return v.jsxs(Wr,{$numChannels:e,className:n,$waveHeight:f,$controlWidth:w?g:0,$width:s,$hasClipHeaders:o,$isSelected:u,children:[v.jsx(Fr,{$controlWidth:w?g:0,$isSelected:u,children:d}),v.jsx(_r,{$controlWidth:w?g:0,$backgroundColor:a,$offset:r,onClick:l,"data-track-id":c,children:t})]})},tn=A.button.attrs({type:"button"})`
|
|
558
558
|
display: inline-block;
|
|
559
559
|
font-family: ${e=>e.theme.fontFamily};
|
|
560
560
|
font-weight: 500;
|
|
@@ -613,7 +613,7 @@
|
|
|
613
613
|
box-shadow: 0 0 0 0.2rem ${e.theme.inputFocusBorder}33;
|
|
614
614
|
}
|
|
615
615
|
`}
|
|
616
|
-
`,
|
|
616
|
+
`,Zr=A.div`
|
|
617
617
|
margin-bottom: 0.3rem;
|
|
618
618
|
|
|
619
619
|
button:not(:first-child) {
|
|
@@ -625,7 +625,7 @@
|
|
|
625
625
|
border-top-right-radius: 0;
|
|
626
626
|
border-bottom-right-radius: 0;
|
|
627
627
|
}
|
|
628
|
-
`,
|
|
628
|
+
`,Vr=A.div`
|
|
629
629
|
background: transparent;
|
|
630
630
|
width: 100%;
|
|
631
631
|
height: 100%;
|
|
@@ -638,7 +638,7 @@
|
|
|
638
638
|
text-align: center;
|
|
639
639
|
border: 1px solid ${e=>e.theme.borderColor};
|
|
640
640
|
border-radius: ${e=>e.theme.borderRadius};
|
|
641
|
-
`,
|
|
641
|
+
`,Pr=A.header`
|
|
642
642
|
overflow: hidden;
|
|
643
643
|
height: 26px;
|
|
644
644
|
width: 100%;
|
|
@@ -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
|
-
`,
|
|
652
|
+
`,zr=e=>v.jsx(bn,{weight:"light",...e}),jr=e=>v.jsx(gn,{weight:"light",...e}),nn=A(xn)`
|
|
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
|
+
`,an=A.label`
|
|
702
702
|
width: 100%;
|
|
703
703
|
display: flex;
|
|
704
704
|
justify-content: space-between;
|
|
@@ -706,12 +706,12 @@
|
|
|
706
706
|
padding: 0 1rem;
|
|
707
707
|
margin-bottom: 0.2rem;
|
|
708
708
|
font-size: 14px;
|
|
709
|
-
`;
|
|
709
|
+
`;A.div`
|
|
710
710
|
display: flex;
|
|
711
711
|
align-items: center;
|
|
712
712
|
gap: 0.25rem;
|
|
713
713
|
padding: 0.5rem 0.5rem 0.25rem 0.5rem;
|
|
714
|
-
`;
|
|
714
|
+
`;A.span`
|
|
715
715
|
flex: 1;
|
|
716
716
|
font-weight: 600;
|
|
717
717
|
font-size: 0.875rem;
|
|
@@ -719,7 +719,7 @@
|
|
|
719
719
|
text-overflow: ellipsis;
|
|
720
720
|
white-space: nowrap;
|
|
721
721
|
margin: 0 0.25rem;
|
|
722
|
-
`;
|
|
722
|
+
`;A.button`
|
|
723
723
|
display: flex;
|
|
724
724
|
align-items: center;
|
|
725
725
|
justify-content: center;
|
|
@@ -744,8 +744,8 @@
|
|
|
744
744
|
&:active {
|
|
745
745
|
transform: scale(0.9);
|
|
746
746
|
}
|
|
747
|
-
`;function
|
|
748
|
-
`,10)+1,s=r.substring(a)+"",o=new Blob([s],{type:"application/javascript"});return URL.createObjectURL(o)}function ms(e,t,n){var r;return function(s){return r=r||hs(e),new Worker(r,s)}}var ps=ms("Lyogcm9sbHVwLXBsdWdpbi13ZWItd29ya2VyLWxvYWRlciAqLwooZnVuY3Rpb24gKCkgewogICd1c2Ugc3RyaWN0JzsKCiAgLyoqCiAgICogQXVkaW9CdWZmZXItYmFzZWQgV2F2ZWZvcm1EYXRhIGdlbmVyYXRvcgogICAqCiAgICogQWRhcHRlZCBmcm9tIEJsb2NrRmlsZTo6Q2FsY1N1bW1hcnkgaW4gQXVkYWNpdHksIHdpdGggcGVybWlzc2lvbi4KICAgKiBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2F1ZGFjaXR5L2F1ZGFjaXR5L2Jsb2IvCiAgICogICAxMTA4YzEzNzZjMDkxNjYxNjIzMzVmYWI0NzQzMDA4Y2JhNTdjNGVlL3NyYy9CbG9ja0ZpbGUuY3BwI0wxOTgKICAgKi8KCiAgdmFyIElOVDhfTUFYID0gMTI3OwogIHZhciBJTlQ4X01JTiA9IC0xMjg7CiAgdmFyIElOVDE2X01BWCA9IDMyNzY3OwogIHZhciBJTlQxNl9NSU4gPSAtMzI3Njg7CiAgZnVuY3Rpb24gY2FsY3VsYXRlV2F2ZWZvcm1EYXRhTGVuZ3RoKGF1ZGlvX3NhbXBsZV9jb3VudCwgc2NhbGUpIHsKICAgIHZhciBkYXRhX2xlbmd0aCA9IE1hdGguZmxvb3IoYXVkaW9fc2FtcGxlX2NvdW50IC8gc2NhbGUpOwogICAgdmFyIHNhbXBsZXNfcmVtYWluaW5nID0gYXVkaW9fc2FtcGxlX2NvdW50IC0gZGF0YV9sZW5ndGggKiBzY2FsZTsKICAgIGlmIChzYW1wbGVzX3JlbWFpbmluZyA+IDApIHsKICAgICAgZGF0YV9sZW5ndGgrKzsKICAgIH0KICAgIHJldHVybiBkYXRhX2xlbmd0aDsKICB9CiAgZnVuY3Rpb24gZ2VuZXJhdGVXYXZlZm9ybURhdGEob3B0aW9ucykgewogICAgdmFyIHNjYWxlID0gb3B0aW9ucy5zY2FsZTsKICAgIHZhciBhbXBsaXR1ZGVfc2NhbGUgPSBvcHRpb25zLmFtcGxpdHVkZV9zY2FsZTsKICAgIHZhciBzcGxpdF9jaGFubmVscyA9IG9wdGlvbnMuc3BsaXRfY2hhbm5lbHM7CiAgICB2YXIgbGVuZ3RoID0gb3B0aW9ucy5sZW5ndGg7CiAgICB2YXIgc2FtcGxlX3JhdGUgPSBvcHRpb25zLnNhbXBsZV9yYXRlOwogICAgdmFyIGNoYW5uZWxzID0gb3B0aW9ucy5jaGFubmVscy5tYXAoZnVuY3Rpb24gKGNoYW5uZWwpIHsKICAgICAgcmV0dXJuIG5ldyBGbG9hdDMyQXJyYXkoY2hhbm5lbCk7CiAgICB9KTsKICAgIHZhciBvdXRwdXRfY2hhbm5lbHMgPSBzcGxpdF9jaGFubmVscyA/IGNoYW5uZWxzLmxlbmd0aCA6IDE7CiAgICB2YXIgaGVhZGVyX3NpemUgPSAyNDsKICAgIHZhciBkYXRhX2xlbmd0aCA9IGNhbGN1bGF0ZVdhdmVmb3JtRGF0YUxlbmd0aChsZW5ndGgsIHNjYWxlKTsKICAgIHZhciBieXRlc19wZXJfc2FtcGxlID0gb3B0aW9ucy5iaXRzID09PSA4ID8gMSA6IDI7CiAgICB2YXIgdG90YWxfc2l6ZSA9IGhlYWRlcl9zaXplICsgZGF0YV9sZW5ndGggKiAyICogYnl0ZXNfcGVyX3NhbXBsZSAqIG91dHB1dF9jaGFubmVsczsKICAgIHZhciBidWZmZXIgPSBuZXcgQXJyYXlCdWZmZXIodG90YWxfc2l6ZSk7CiAgICB2YXIgZGF0YV92aWV3ID0gbmV3IERhdGFWaWV3KGJ1ZmZlcik7CiAgICB2YXIgc2NhbGVfY291bnRlciA9IDA7CiAgICB2YXIgb2Zmc2V0ID0gaGVhZGVyX3NpemU7CiAgICB2YXIgbWluX3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICB2YXIgbWF4X3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICBmb3IgKHZhciBjaGFubmVsID0gMDsgY2hhbm5lbCA8IG91dHB1dF9jaGFubmVsczsgY2hhbm5lbCsrKSB7CiAgICAgIG1pbl92YWx1ZVtjaGFubmVsXSA9IEluZmluaXR5OwogICAgICBtYXhfdmFsdWVbY2hhbm5lbF0gPSAtSW5maW5pdHk7CiAgICB9CiAgICB2YXIgcmFuZ2VfbWluID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NSU4gOiBJTlQxNl9NSU47CiAgICB2YXIgcmFuZ2VfbWF4ID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NQVggOiBJTlQxNl9NQVg7CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMCwgMiwgdHJ1ZSk7IC8vIFZlcnNpb24KICAgIGRhdGFfdmlldy5zZXRVaW50MzIoNCwgb3B0aW9ucy5iaXRzID09PSA4LCB0cnVlKTsgLy8gSXMgOCBiaXQ/CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoOCwgc2FtcGxlX3JhdGUsIHRydWUpOyAvLyBTYW1wbGUgcmF0ZQogICAgZGF0YV92aWV3LnNldEludDMyKDEyLCBzY2FsZSwgdHJ1ZSk7IC8vIFNjYWxlCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMTYsIGRhdGFfbGVuZ3RoLCB0cnVlKTsgLy8gTGVuZ3RoCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMjAsIG91dHB1dF9jaGFubmVscywgdHJ1ZSk7CiAgICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbmd0aDsgaSsrKSB7CiAgICAgIHZhciBzYW1wbGUgPSAwOwogICAgICBpZiAob3V0cHV0X2NoYW5uZWxzID09PSAxKSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwgPSAwOyBfY2hhbm5lbCA8IGNoYW5uZWxzLmxlbmd0aDsgKytfY2hhbm5lbCkgewogICAgICAgICAgc2FtcGxlICs9IGNoYW5uZWxzW19jaGFubmVsXVtpXTsKICAgICAgICB9CiAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBzYW1wbGUgKiBhbXBsaXR1ZGVfc2NhbGUgLyBjaGFubmVscy5sZW5ndGgpOwogICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbMF0pIHsKICAgICAgICAgIG1pbl92YWx1ZVswXSA9IHNhbXBsZTsKICAgICAgICAgIGlmIChtaW5fdmFsdWVbMF0gPCByYW5nZV9taW4pIHsKICAgICAgICAgICAgbWluX3ZhbHVlWzBdID0gcmFuZ2VfbWluOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgICBpZiAoc2FtcGxlID4gbWF4X3ZhbHVlWzBdKSB7CiAgICAgICAgICBtYXhfdmFsdWVbMF0gPSBzYW1wbGU7CiAgICAgICAgICBpZiAobWF4X3ZhbHVlWzBdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgIG1heF92YWx1ZVswXSA9IHJhbmdlX21heDsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0gZWxzZSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwyID0gMDsgX2NoYW5uZWwyIDwgb3V0cHV0X2NoYW5uZWxzOyArK19jaGFubmVsMikgewogICAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBjaGFubmVsc1tfY2hhbm5lbDJdW2ldICogYW1wbGl0dWRlX3NjYWxlKTsKICAgICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtaW5fdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1pbl92YWx1ZVtfY2hhbm5lbDJdIDwgcmFuZ2VfbWluKSB7CiAgICAgICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9taW47CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICAgIGlmIChzYW1wbGUgPiBtYXhfdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtYXhfdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1heF92YWx1ZVtfY2hhbm5lbDJdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgICAgbWF4X3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9tYXg7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgICAgaWYgKCsrc2NhbGVfY291bnRlciA9PT0gc2NhbGUpIHsKICAgICAgICBmb3IgKHZhciBfY2hhbm5lbDMgPSAwOyBfY2hhbm5lbDMgPCBvdXRwdXRfY2hhbm5lbHM7IF9jaGFubmVsMysrKSB7CiAgICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtaW5fdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50MTYob2Zmc2V0LCBtaW5fdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQxNihvZmZzZXQgKyAyLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIG9mZnNldCArPSA0OwogICAgICAgICAgfQogICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsM10gPSBJbmZpbml0eTsKICAgICAgICAgIG1heF92YWx1ZVtfY2hhbm5lbDNdID0gLUluZmluaXR5OwogICAgICAgIH0KICAgICAgICBzY2FsZV9jb3VudGVyID0gMDsKICAgICAgfQogICAgfQogICAgaWYgKHNjYWxlX2NvdW50ZXIgPiAwKSB7CiAgICAgIGZvciAodmFyIF9jaGFubmVsNCA9IDA7IF9jaGFubmVsNCA8IG91dHB1dF9jaGFubmVsczsgX2NoYW5uZWw0KyspIHsKICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50OChvZmZzZXQrKywgbWluX3ZhbHVlW19jaGFubmVsNF0pOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDgob2Zmc2V0KyssIG1heF92YWx1ZVtfY2hhbm5lbDRdKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCwgbWluX3ZhbHVlW19jaGFubmVsNF0sIHRydWUpOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCArIDIsIG1heF92YWx1ZVtfY2hhbm5lbDRdLCB0cnVlKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICAgIHJldHVybiBidWZmZXI7CiAgfQoKICBvbm1lc3NhZ2UgPSBmdW5jdGlvbiBvbm1lc3NhZ2UoZXZ0KSB7CiAgICB2YXIgYnVmZmVyID0gZ2VuZXJhdGVXYXZlZm9ybURhdGEoZXZ0LmRhdGEpOwoKICAgIC8vIFRyYW5zZmVyIGJ1ZmZlciB0byB0aGUgY2FsbGluZyB0aHJlYWQKICAgIHRoaXMucG9zdE1lc3NhZ2UoYnVmZmVyLCBbYnVmZmVyXSk7CiAgICB0aGlzLmNsb3NlKCk7CiAgfTsKCn0pKCk7Ci8vIyBzb3VyY2VNYXBwaW5nVVJMPXdhdmVmb3JtLWRhdGEtd29ya2VyLmpzLm1hcAoK");function Ae(e){if(cs(e)&&(e=ds(e)),us(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 Ye(this,t)}else throw new TypeError("WaveformData.create(): Unknown data format")}var lt={scale:512,bits:8,amplitude_scale:1,split_channels:!1,disable_worker:!1};function gs(e){var t={scale:e.scale||lt.scale,bits:e.bits||lt.bits,amplitude_scale:e.amplitude_scale||lt.amplitude_scale,split_channels:e.split_channels||lt.split_channels,disable_worker:e.disable_worker||lt.disable_worker};return t}function bs(e){for(var t=[],n=0;n<e.numberOfChannels;++n)t.push(e.getChannelData(n).buffer);return t}function Wr(e,t,n){var r=bs(e);if(t.disable_worker){var a=ls({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 Ae(a),e)}else{var s=new ps;s.onmessage=function(o){n(void 0,new Ae(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 vs(e,t,n,r){function a(o){o||(o=new DOMException("EncodingError")),r(o),r=function(){}}var s=e.decodeAudioData(t,function(o){Wr(o,n,r)},a);s&&s.catch(a)}Ae.create=function(t){return new Ae(t)};Ae.createFromAudio=function(e,t){var n=gs(e);if(e.audio_context&&e.array_buffer)return vs(e.audio_context,e.array_buffer,n,t);if(e.audio_buffer)return Wr(e.audio_buffer,n,t);throw new TypeError("WaveformData.createFromAudio(): Pass either an AudioContext and ArrayBuffer, or an AudioBuffer object")};function Tt(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 Ae(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}Tt.prototype.sample_at_pixel=function(e){return Math.floor(e*this._output_samples_per_pixel)};Tt.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};Tt.prototype.getOutputData=function(){return this._output_data};Ae.prototype={_getResampleOptions:function(t){var n={};if(n.scale=t.scale,n.width=t.width,!Qe(n.width)&&(typeof n.width!="number"||n.width<=0))throw new RangeError("WaveformData.resample(): width should be a positive integer value");if(!Qe(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 Tt(t);!n.next(););return new Ae(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 Ae.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]),x=new DataView(u),v=0;v<n;v++)x.setUint8(v,f.getUint8(v));x.setInt32(16,a,!0);for(var d=0,C=new Uint8Array(u,n),y=0;y<s.length;y++){var h=s[y];C.set(new Uint8Array(h,n),d),d+=h.byteLength-n}return u},slice:function(t){var n=0,r=0;if(!Qe(t.startIndex)&&!Qe(t.endIndex)?(n=t.startIndex,r=t.endIndex):!Qe(t.startTime)&&!Qe(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 x=this._at(n*this.channels*2+f);this.bits===8?u.setInt8(s+f,x):u.setInt16(s+f*2,x,!0)}return new Ae(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 dn(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 Ae.create(r)}else{const r=await t.json();return Ae.create(r)}}function Fr(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 Cs(e,t=0){const n=await dn(e);return Fr(n,t)}async function ws(e){const t=await dn(e);return{sampleRate:t.sample_rate,channels:t.channels,duration:t.duration,samplesPerPixel:t.scale,length:t.length,bits:t.bits}}function _r(e,t,n=0,r,a){let s=e;if(r!==void 0&&a!==void 0){const v=e.scale,d=Math.floor(r/v),C=Math.ceil((r+a)/v);s=s.slice({startIndex:d,endIndex:C})}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,x=l===8?new Int8Array(f*2):new Int16Array(f*2);for(let v=0;v<f;v++)x[v*2]=c[v],x[v*2+1]=u[v];return{data:x,bits:l,length:f}}var jn;(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"})(jn||(jn={}));function Xn(){}const xs=Object.freeze({x:0,y:0});var tt;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(tt||(tt={}));var Hn;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(Hn||(Hn={}));var Le;(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"})(Le||(Le={}));Le.Space,Le.Enter,Le.Esc,Le.Space,Le.Enter,Le.Tab;var Ln;(function(e){e[e.RightClick=2]="RightClick"})(Ln||(Ln={}));var Nn;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(Nn||(Nn={}));var Gn;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(Gn||(Gn={}));tt.Backward+"",tt.Forward+"",tt.Backward+"",tt.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={}));function ys(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])}qt.WhileDragging,Qt.Optimized;const ks={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Xn,draggableNodes:new Map,over:null,measureDroppableContainers:Xn},Is=i.createContext(ks),Ss=i.createContext({...xs,scaleX:1,scaleY:1});var On;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(On||(On={}));const As=i.createContext(null),Yn="button",$s="Draggable";function Kn(e){let{id:t,data:n,disabled:r=!1,attributes:a}=e;const s=mr($s),{activators:o,activatorEvent:l,active:c,activeNodeRect:u,ariaDescribedById:f,draggableNodes:x,over:v}=i.useContext(Is),{role:d=Yn,roleDescription:C="draggable",tabIndex:y=0}=a??{},h=c?.id===t,b=i.useContext(h?Ss:As),[g,m]=It(),[p,I]=It(),k=ys(o,t),A=hr(n);$t(()=>(x.set(t,{id:t,key:s,node:g,activatorNode:p,data:A}),()=>{const D=x.get(t);D&&D.key===s&&x.delete(t)}),[x,t]);const R=i.useMemo(()=>({role:d,tabIndex:y,"aria-disabled":r,"aria-pressed":h&&d===Yn?!0:void 0,"aria-roledescription":C,"aria-describedby":f.draggable}),[r,d,y,h,C,f.draggable]);return{active:c,activatorEvent:l,activeNodeRect:u,attributes:R,isDragging:h,listeners:r?void 0:k,node:g,over:v,setNodeRef:m,setActivatorNodeRef:I,transform:b}}function Zr(e){return{id:e.id,start:parseFloat(e.begin),end:parseFloat(e.end),lines:e.lines,lang:e.language}}function Ms(e){return{id:e.id,begin:e.start.toFixed(3),end:e.end.toFixed(3),lines:e.lines,language:e.lang||"en"}}S.div.attrs(e=>({style:{left:`${e.$left}px`,width:`${e.$width}px`}}))`
|
|
747
|
+
`;function Hr(e){let t=1/0,n=-1/0;for(let a=0;a<e.length;a++){const r=e[a];t>r&&(t=r),n<r&&(n=r)}return{min:t,max:n}}function rn(e,t){const n=Math.pow(2,t-1),a=e<0?e*n:e*(n-1);return Math.max(-n,Math.min(n-1,a))}function Wn(e,t){switch(e){case 8:return new Int8Array(t);case 16:return new Int16Array(t)}}function on(e,t,n){const a=e.length,r=Math.ceil(a/t),s=Wn(n,r*2);for(let o=0;o<r;o++){const l=o*t,c=Math.min((o+1)*t,a),u=e.subarray(l,c),f=Hr(u),w=rn(f.min,n),g=rn(f.max,n);s[o*2]=w,s[o*2+1]=g}return s}function Xr(e,t){const n=e.length,a=1/n,r=e[0].length/2,s=Wn(t,r*2);for(let o=0;o<r;o++){let l=0,c=0;for(let u=0;u<n;u++)l+=a*e[u][o*2],c+=a*e[u][o*2+1];s[o*2]=l,s[o*2+1]=c}return[s]}function Gr(e,t=1e3,n=!0,a=0,r,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=r??e.length;for(let f=0;f<c;f++){const g=e.getChannelData(f).subarray(a,u);o.push(on(g,t,s))}}else{const c=r??e.length,u=e.subarray(a,c);o.push(on(u,t,s))}return n&&o.length>1&&(o=Xr(o,s)),{length:o[0].length/2,data:o,bits:s}}function Nr(e,t=1e3,n=!0,a=8,r=0,s){const o=s!==void 0?r+s:void 0;return Gr(e,t,n,r,o,a)}function Oe(e,t){this._waveformData=e,this._channelIndex=t}Oe.prototype.min_sample=function(e){var t=(e*this._waveformData.channels+this._channelIndex)*2;return this._waveformData._at(t)};Oe.prototype.max_sample=function(e){var t=(e*this._waveformData.channels+this._channelIndex)*2+1;return this._waveformData._at(t)};Oe.prototype.set_min_sample=function(e,t){var n=(e*this._waveformData.channels+this._channelIndex)*2;return this._waveformData._set_at(n,t)};Oe.prototype.set_max_sample=function(e,t){var n=(e*this._waveformData.channels+this._channelIndex)*2+1;return this._waveformData._set_at(n,t)};Oe.prototype.min_array=function(){for(var e=this._waveformData.length,t=[],n=0;n<e;n++)t.push(this.min_sample(n));return t};Oe.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 Lr=127,Yr=-128,Or=32767,Kr=-32768;function Ur(e,t){var n=Math.floor(e/t),a=e-n*t;return a>0&&n++,n}function Jr(e){for(var t=e.scale,n=e.amplitude_scale,a=e.split_channels,r=e.length,s=e.sample_rate,o=e.channels.map(function(M){return new Float32Array(M)}),l=a?o.length:1,c=24,u=Ur(r,t),f=e.bits===8?1:2,w=c+u*2*f*l,g=new ArrayBuffer(w),d=new DataView(g),x=0,I=c,m=new Array(l),b=new Array(l),p=0;p<l;p++)m[p]=1/0,b[p]=-1/0;var C=e.bits===8?Yr:Kr,h=e.bits===8?Lr:Or;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 k=0;k<r;k++){var y=0;if(l===1){for(var S=0;S<o.length;++S)y+=o[S][k];y=Math.floor(h*y*n/o.length),y<m[0]&&(m[0]=y,m[0]<C&&(m[0]=C)),y>b[0]&&(b[0]=y,b[0]>h&&(b[0]=h))}else for(var R=0;R<l;++R)y=Math.floor(h*o[R][k]*n),y<m[R]&&(m[R]=y,m[R]<C&&(m[R]=C)),y>b[R]&&(b[R]=y,b[R]>h&&(b[R]=h));if(++x===t){for(var E=0;E<l;E++)e.bits===8?(d.setInt8(I++,m[E]),d.setInt8(I++,b[E])):(d.setInt16(I,m[E],!0),d.setInt16(I+2,b[E],!0),I+=4),m[E]=1/0,b[E]=-1/0;x=0}}if(x>0)for(var $=0;$<l;$++)e.bits===8?(d.setInt8(I++,m[$]),d.setInt8(I++,b[$])):(d.setInt16(I,m[$],!0),d.setInt16(I+2,b[$],!0));return g}function bt(e){"@babel/helpers - typeof";return bt=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},bt(e)}function qr(e){return e&&bt(e)==="object"&&"sample_rate"in e&&"samples_per_pixel"in e&&"bits"in e&&"length"in e&&"data"in e}function Qr(e){var t=e&&bt(e)==="object"&&"byteLength"in e;if(t){var n=new DataView(e),a=n.getInt32(0,!0);if(a!==1&&a!==2)throw new TypeError("WaveformData.create(): This waveform data version not supported")}return t}function eo(e){var t=e.data,n=e.channels||1,a=24,r=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=a+t.length*r,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=a;if(e.bits===8)for(var f=0;f<t.length;f++)c.setInt8(u++,t[f],!0);else for(var w=0;w<t.length;w++)c.setInt16(u,t[w],!0),u+=2;return l}function Ue(e){return e==null}function to(e,t){var n=atob(e);return n}function no(e,t,n){var a=to(e),r=a.indexOf(`
|
|
748
|
+
`,10)+1,s=a.substring(r)+"",o=new Blob([s],{type:"application/javascript"});return URL.createObjectURL(o)}function ao(e,t,n){var a;return function(s){return a=a||no(e),new Worker(a,s)}}var ro=ao("Lyogcm9sbHVwLXBsdWdpbi13ZWItd29ya2VyLWxvYWRlciAqLwooZnVuY3Rpb24gKCkgewogICd1c2Ugc3RyaWN0JzsKCiAgLyoqCiAgICogQXVkaW9CdWZmZXItYmFzZWQgV2F2ZWZvcm1EYXRhIGdlbmVyYXRvcgogICAqCiAgICogQWRhcHRlZCBmcm9tIEJsb2NrRmlsZTo6Q2FsY1N1bW1hcnkgaW4gQXVkYWNpdHksIHdpdGggcGVybWlzc2lvbi4KICAgKiBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2F1ZGFjaXR5L2F1ZGFjaXR5L2Jsb2IvCiAgICogICAxMTA4YzEzNzZjMDkxNjYxNjIzMzVmYWI0NzQzMDA4Y2JhNTdjNGVlL3NyYy9CbG9ja0ZpbGUuY3BwI0wxOTgKICAgKi8KCiAgdmFyIElOVDhfTUFYID0gMTI3OwogIHZhciBJTlQ4X01JTiA9IC0xMjg7CiAgdmFyIElOVDE2X01BWCA9IDMyNzY3OwogIHZhciBJTlQxNl9NSU4gPSAtMzI3Njg7CiAgZnVuY3Rpb24gY2FsY3VsYXRlV2F2ZWZvcm1EYXRhTGVuZ3RoKGF1ZGlvX3NhbXBsZV9jb3VudCwgc2NhbGUpIHsKICAgIHZhciBkYXRhX2xlbmd0aCA9IE1hdGguZmxvb3IoYXVkaW9fc2FtcGxlX2NvdW50IC8gc2NhbGUpOwogICAgdmFyIHNhbXBsZXNfcmVtYWluaW5nID0gYXVkaW9fc2FtcGxlX2NvdW50IC0gZGF0YV9sZW5ndGggKiBzY2FsZTsKICAgIGlmIChzYW1wbGVzX3JlbWFpbmluZyA+IDApIHsKICAgICAgZGF0YV9sZW5ndGgrKzsKICAgIH0KICAgIHJldHVybiBkYXRhX2xlbmd0aDsKICB9CiAgZnVuY3Rpb24gZ2VuZXJhdGVXYXZlZm9ybURhdGEob3B0aW9ucykgewogICAgdmFyIHNjYWxlID0gb3B0aW9ucy5zY2FsZTsKICAgIHZhciBhbXBsaXR1ZGVfc2NhbGUgPSBvcHRpb25zLmFtcGxpdHVkZV9zY2FsZTsKICAgIHZhciBzcGxpdF9jaGFubmVscyA9IG9wdGlvbnMuc3BsaXRfY2hhbm5lbHM7CiAgICB2YXIgbGVuZ3RoID0gb3B0aW9ucy5sZW5ndGg7CiAgICB2YXIgc2FtcGxlX3JhdGUgPSBvcHRpb25zLnNhbXBsZV9yYXRlOwogICAgdmFyIGNoYW5uZWxzID0gb3B0aW9ucy5jaGFubmVscy5tYXAoZnVuY3Rpb24gKGNoYW5uZWwpIHsKICAgICAgcmV0dXJuIG5ldyBGbG9hdDMyQXJyYXkoY2hhbm5lbCk7CiAgICB9KTsKICAgIHZhciBvdXRwdXRfY2hhbm5lbHMgPSBzcGxpdF9jaGFubmVscyA/IGNoYW5uZWxzLmxlbmd0aCA6IDE7CiAgICB2YXIgaGVhZGVyX3NpemUgPSAyNDsKICAgIHZhciBkYXRhX2xlbmd0aCA9IGNhbGN1bGF0ZVdhdmVmb3JtRGF0YUxlbmd0aChsZW5ndGgsIHNjYWxlKTsKICAgIHZhciBieXRlc19wZXJfc2FtcGxlID0gb3B0aW9ucy5iaXRzID09PSA4ID8gMSA6IDI7CiAgICB2YXIgdG90YWxfc2l6ZSA9IGhlYWRlcl9zaXplICsgZGF0YV9sZW5ndGggKiAyICogYnl0ZXNfcGVyX3NhbXBsZSAqIG91dHB1dF9jaGFubmVsczsKICAgIHZhciBidWZmZXIgPSBuZXcgQXJyYXlCdWZmZXIodG90YWxfc2l6ZSk7CiAgICB2YXIgZGF0YV92aWV3ID0gbmV3IERhdGFWaWV3KGJ1ZmZlcik7CiAgICB2YXIgc2NhbGVfY291bnRlciA9IDA7CiAgICB2YXIgb2Zmc2V0ID0gaGVhZGVyX3NpemU7CiAgICB2YXIgbWluX3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICB2YXIgbWF4X3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICBmb3IgKHZhciBjaGFubmVsID0gMDsgY2hhbm5lbCA8IG91dHB1dF9jaGFubmVsczsgY2hhbm5lbCsrKSB7CiAgICAgIG1pbl92YWx1ZVtjaGFubmVsXSA9IEluZmluaXR5OwogICAgICBtYXhfdmFsdWVbY2hhbm5lbF0gPSAtSW5maW5pdHk7CiAgICB9CiAgICB2YXIgcmFuZ2VfbWluID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NSU4gOiBJTlQxNl9NSU47CiAgICB2YXIgcmFuZ2VfbWF4ID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NQVggOiBJTlQxNl9NQVg7CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMCwgMiwgdHJ1ZSk7IC8vIFZlcnNpb24KICAgIGRhdGFfdmlldy5zZXRVaW50MzIoNCwgb3B0aW9ucy5iaXRzID09PSA4LCB0cnVlKTsgLy8gSXMgOCBiaXQ/CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoOCwgc2FtcGxlX3JhdGUsIHRydWUpOyAvLyBTYW1wbGUgcmF0ZQogICAgZGF0YV92aWV3LnNldEludDMyKDEyLCBzY2FsZSwgdHJ1ZSk7IC8vIFNjYWxlCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMTYsIGRhdGFfbGVuZ3RoLCB0cnVlKTsgLy8gTGVuZ3RoCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMjAsIG91dHB1dF9jaGFubmVscywgdHJ1ZSk7CiAgICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbmd0aDsgaSsrKSB7CiAgICAgIHZhciBzYW1wbGUgPSAwOwogICAgICBpZiAob3V0cHV0X2NoYW5uZWxzID09PSAxKSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwgPSAwOyBfY2hhbm5lbCA8IGNoYW5uZWxzLmxlbmd0aDsgKytfY2hhbm5lbCkgewogICAgICAgICAgc2FtcGxlICs9IGNoYW5uZWxzW19jaGFubmVsXVtpXTsKICAgICAgICB9CiAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBzYW1wbGUgKiBhbXBsaXR1ZGVfc2NhbGUgLyBjaGFubmVscy5sZW5ndGgpOwogICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbMF0pIHsKICAgICAgICAgIG1pbl92YWx1ZVswXSA9IHNhbXBsZTsKICAgICAgICAgIGlmIChtaW5fdmFsdWVbMF0gPCByYW5nZV9taW4pIHsKICAgICAgICAgICAgbWluX3ZhbHVlWzBdID0gcmFuZ2VfbWluOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgICBpZiAoc2FtcGxlID4gbWF4X3ZhbHVlWzBdKSB7CiAgICAgICAgICBtYXhfdmFsdWVbMF0gPSBzYW1wbGU7CiAgICAgICAgICBpZiAobWF4X3ZhbHVlWzBdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgIG1heF92YWx1ZVswXSA9IHJhbmdlX21heDsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0gZWxzZSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwyID0gMDsgX2NoYW5uZWwyIDwgb3V0cHV0X2NoYW5uZWxzOyArK19jaGFubmVsMikgewogICAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBjaGFubmVsc1tfY2hhbm5lbDJdW2ldICogYW1wbGl0dWRlX3NjYWxlKTsKICAgICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtaW5fdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1pbl92YWx1ZVtfY2hhbm5lbDJdIDwgcmFuZ2VfbWluKSB7CiAgICAgICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9taW47CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICAgIGlmIChzYW1wbGUgPiBtYXhfdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtYXhfdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1heF92YWx1ZVtfY2hhbm5lbDJdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgICAgbWF4X3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9tYXg7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgICAgaWYgKCsrc2NhbGVfY291bnRlciA9PT0gc2NhbGUpIHsKICAgICAgICBmb3IgKHZhciBfY2hhbm5lbDMgPSAwOyBfY2hhbm5lbDMgPCBvdXRwdXRfY2hhbm5lbHM7IF9jaGFubmVsMysrKSB7CiAgICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtaW5fdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50MTYob2Zmc2V0LCBtaW5fdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQxNihvZmZzZXQgKyAyLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIG9mZnNldCArPSA0OwogICAgICAgICAgfQogICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsM10gPSBJbmZpbml0eTsKICAgICAgICAgIG1heF92YWx1ZVtfY2hhbm5lbDNdID0gLUluZmluaXR5OwogICAgICAgIH0KICAgICAgICBzY2FsZV9jb3VudGVyID0gMDsKICAgICAgfQogICAgfQogICAgaWYgKHNjYWxlX2NvdW50ZXIgPiAwKSB7CiAgICAgIGZvciAodmFyIF9jaGFubmVsNCA9IDA7IF9jaGFubmVsNCA8IG91dHB1dF9jaGFubmVsczsgX2NoYW5uZWw0KyspIHsKICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50OChvZmZzZXQrKywgbWluX3ZhbHVlW19jaGFubmVsNF0pOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDgob2Zmc2V0KyssIG1heF92YWx1ZVtfY2hhbm5lbDRdKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCwgbWluX3ZhbHVlW19jaGFubmVsNF0sIHRydWUpOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCArIDIsIG1heF92YWx1ZVtfY2hhbm5lbDRdLCB0cnVlKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICAgIHJldHVybiBidWZmZXI7CiAgfQoKICBvbm1lc3NhZ2UgPSBmdW5jdGlvbiBvbm1lc3NhZ2UoZXZ0KSB7CiAgICB2YXIgYnVmZmVyID0gZ2VuZXJhdGVXYXZlZm9ybURhdGEoZXZ0LmRhdGEpOwoKICAgIC8vIFRyYW5zZmVyIGJ1ZmZlciB0byB0aGUgY2FsbGluZyB0aHJlYWQKICAgIHRoaXMucG9zdE1lc3NhZ2UoYnVmZmVyLCBbYnVmZmVyXSk7CiAgICB0aGlzLmNsb3NlKCk7CiAgfTsKCn0pKCk7Ci8vIyBzb3VyY2VNYXBwaW5nVVJMPXdhdmVmb3JtLWRhdGEtd29ya2VyLmpzLm1hcAoK");function De(e){if(qr(e)&&(e=eo(e)),Qr(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 Oe(this,t)}else throw new TypeError("WaveformData.create(): Unknown data format")}var tt={scale:512,bits:8,amplitude_scale:1,split_channels:!1,disable_worker:!1};function oo(e){var t={scale:e.scale||tt.scale,bits:e.bits||tt.bits,amplitude_scale:e.amplitude_scale||tt.amplitude_scale,split_channels:e.split_channels||tt.split_channels,disable_worker:e.disable_worker||tt.disable_worker};return t}function so(e){for(var t=[],n=0;n<e.numberOfChannels;++n)t.push(e.getChannelData(n).buffer);return t}function _n(e,t,n){var a=so(e);if(t.disable_worker){var r=Jr({scale:t.scale,bits:t.bits,amplitude_scale:t.amplitude_scale,split_channels:t.split_channels,length:e.length,sample_rate:e.sampleRate,channels:a});n(void 0,new De(r),e)}else{var s=new ro;s.onmessage=function(o){n(void 0,new De(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:a},a)}}function io(e,t,n,a){function r(o){o||(o=new DOMException("EncodingError")),a(o),a=function(){}}var s=e.decodeAudioData(t,function(o){_n(o,n,a)},r);s&&s.catch(r)}De.create=function(t){return new De(t)};De.createFromAudio=function(e,t){var n=oo(e);if(e.audio_context&&e.array_buffer)return io(e.audio_context,e.array_buffer,n,t);if(e.audio_buffer)return _n(e.audio_buffer,n,t);throw new TypeError("WaveformData.createFromAudio(): Pass either an AudioContext and ArrayBuffer, or an AudioBuffer object")};function kt(e){this._inputData=e.waveformData,this._output_samples_per_pixel=e.scale,this._scale=this._inputData.scale,this._input_buffer_size=this._inputData.length;var t=this._input_buffer_size*this._inputData.scale,n=Math.ceil(t/this._output_samples_per_pixel),a=24,r=this._inputData.bits===8?1:2,s=a+n*2*this._inputData.channels*r;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 De(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}kt.prototype.sample_at_pixel=function(e){return Math.floor(e*this._output_samples_per_pixel)};kt.prototype.next=function(){for(var e=0,t=1e3,n=this._inputData.channels,a;this._input_index<this._input_buffer_size&&e<t;){for(;Math.floor(this.sample_at_pixel(this._output_index)/this._scale)===this._input_index;){if(this._output_index>0)for(var r=0;r<n;++r)a=this._outputWaveformData.channel(r),a.set_min_sample(this._output_index-1,this._min[r]),a.set_max_sample(this._output_index-1,this._max[r]);if(this._last_input_index=this._input_index,this._output_index++,this._where=this.sample_at_pixel(this._output_index),this._prev_where=this.sample_at_pixel(this._output_index-1),this._where!==this._prev_where)for(var 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){a=this._inputData.channel(o);var l=a.min_sample(this._input_index);l<this._min[o]&&(this._min[o]=l),l=a.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)a=this._outputWaveformData.channel(c),a.set_min_sample(this._output_index-1,this._min[c]),a.set_max_sample(this._output_index-1,this._max[c]);return!0};kt.prototype.getOutputData=function(){return this._output_data};De.prototype={_getResampleOptions:function(t){var n={};if(n.scale=t.scale,n.width=t.width,!Ue(n.width)&&(typeof n.width!="number"||n.width<=0))throw new RangeError("WaveformData.resample(): width should be a positive integer value");if(!Ue(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 kt(t);!n.next(););return new De(n.getOutputData())},concat:function(){var t=this,n=Array.prototype.slice.call(arguments);n.forEach(function(r){if(t.channels!==r.channels||t.sample_rate!==r.sample_rate||t.bits!==r.bits||t.scale!==r.scale)throw new Error("WaveformData.concat(): Waveforms are incompatible")});var a=this._concatBuffers.apply(this,n);return De.create(a)},_concatBuffers:function(){for(var t=Array.prototype.slice.call(arguments),n=this._offset,a=n,r=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);a+=l.byteLength-n,r+=c}for(var u=new ArrayBuffer(a),f=new DataView(s[0]),w=new DataView(u),g=0;g<n;g++)w.setUint8(g,f.getUint8(g));w.setInt32(16,r,!0);for(var d=0,x=new Uint8Array(u,n),I=0;I<s.length;I++){var m=s[I];x.set(new Uint8Array(m,n),d),d+=m.byteLength-n}return u},slice:function(t){var n=0,a=0;if(!Ue(t.startIndex)&&!Ue(t.endIndex)?(n=t.startIndex,a=t.endIndex):!Ue(t.startTime)&&!Ue(t.endTime)&&(n=this.at_time(t.startTime),a=this.at_time(t.endTime)),n<0)throw new RangeError("startIndex or startTime must not be negative");if(a<0)throw new RangeError("endIndex or endTime must not be negative");n>this.length&&(n=this.length),a>this.length&&(a=this.length),n>a&&(n=a);var r=a-n,s=24,o=this.bits===8?1:2,l=s+r*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,r,!0),u.setInt32(20,this.channels,!0);for(var f=0;f<r*this.channels*2;f++){var w=this._at(n*this.channels*2+f);this.bits===8?u.setInt8(s+f,w):u.setInt16(s+f*2,w,!0)}return new De(c)},_version:function(){return this._data.getInt32(0,!0)},get length(){return this._data.getUint32(16,!0)},get bits(){var e=!!this._data.getUint32(4,!0);return e?8:16},get duration(){return this.length*this.scale/this.sample_rate},get pixels_per_second(){return this.sample_rate/this.scale},get seconds_per_pixel(){return this.scale/this.sample_rate},get channels(){return this._version()===2?this._data.getInt32(20,!0):1},channel:function(t){if(t>=0&&t<this._channels.length)return this._channels[t];throw new RangeError("Invalid channel: "+t)},get sample_rate(){return this._data.getInt32(8,!0)},get scale(){return this._data.getInt32(12,!0)},_at:function(t){return this.bits===8?this._data.getInt8(this._offset+t):this._data.getInt16(this._offset+t*2,!0)},_set_at:function(t,n){return this.bits===8?this._data.setInt8(this._offset+t,n):this._data.setInt16(this._offset+t*2,n,!0)},at_time:function(t){return Math.floor(t*this.sample_rate/this.scale)},time:function(t){return t*this.scale/this.sample_rate},toJSON:function(){for(var t={version:2,channels:this.channels,sample_rate:this.sample_rate,samples_per_pixel:this.scale,bits:this.bits,length:this.length,data:[]},n=0;n<this.length;n++)for(var a=0;a<this.channels;a++)t.data.push(this.channel(a).min_sample(n)),t.data.push(this.channel(a).max_sample(n));return t},toArrayBuffer:function(){return this._data.buffer}};async function zt(e){const t=await fetch(e);if(!t.ok)throw new Error(`Failed to fetch waveform data: ${t.statusText}`);if(e.endsWith(".dat")){const a=await t.arrayBuffer();return De.create(a)}else{const a=await t.json();return De.create(a)}}function Fn(e,t=0){const n=e.channel(t),a=e.bits,r=n.min_array(),s=n.max_array(),o=r.length,l=a===8?new Int8Array(o*2):new Int16Array(o*2);for(let c=0;c<o;c++)l[c*2]=r[c],l[c*2+1]=s[c];return{data:l,bits:a,length:o,sampleRate:e.sample_rate}}async function lo(e,t=0){const n=await zt(e);return Fn(n,t)}async function co(e){const t=await zt(e);return{sampleRate:t.sample_rate,channels:t.channels,duration:t.duration,samplesPerPixel:t.scale,length:t.length,bits:t.bits}}function Zn(e,t,n=0,a,r){let s=e;if(a!==void 0&&r!==void 0){const g=e.scale,d=Math.floor(a/g),x=Math.ceil((a+r)/g);s=s.slice({startIndex:d,endIndex:x})}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,w=l===8?new Int8Array(f*2):new Int16Array(f*2);for(let g=0;g<f;g++)w[g*2]=c[g],w[g*2+1]=u[g];return{data:w,bits:l,length:f}}function Vn(e){return{id:e.id,start:parseFloat(e.begin),end:parseFloat(e.end),lines:e.lines,lang:e.language}}function uo(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};
|
|
@@ -761,7 +761,7 @@
|
|
|
761
761
|
opacity: 0.5;
|
|
762
762
|
border-color: ${e=>e.$color};
|
|
763
763
|
}
|
|
764
|
-
`;
|
|
764
|
+
`;A.div`
|
|
765
765
|
position: absolute;
|
|
766
766
|
bottom: 0;
|
|
767
767
|
left: 0;
|
|
@@ -777,7 +777,7 @@
|
|
|
777
777
|
pointer-events: none;
|
|
778
778
|
white-space: pre-wrap;
|
|
779
779
|
word-break: break-word;
|
|
780
|
-
`;
|
|
780
|
+
`;A.textarea`
|
|
781
781
|
position: absolute;
|
|
782
782
|
bottom: 0;
|
|
783
783
|
left: 0;
|
|
@@ -797,7 +797,7 @@
|
|
|
797
797
|
outline: none;
|
|
798
798
|
border-color: #4CAF50;
|
|
799
799
|
}
|
|
800
|
-
`;
|
|
800
|
+
`;A.div`
|
|
801
801
|
position: absolute;
|
|
802
802
|
top: 0;
|
|
803
803
|
left: 0;
|
|
@@ -808,7 +808,7 @@
|
|
|
808
808
|
padding: 4px;
|
|
809
809
|
justify-content: flex-start;
|
|
810
810
|
align-items: center;
|
|
811
|
-
`;
|
|
811
|
+
`;A.button`
|
|
812
812
|
background: transparent;
|
|
813
813
|
border: 1px solid rgba(255, 255, 255, 0.5);
|
|
814
814
|
color: white;
|
|
@@ -830,12 +830,12 @@
|
|
|
830
830
|
&:active {
|
|
831
831
|
background: rgba(255, 255, 255, 0.3);
|
|
832
832
|
}
|
|
833
|
-
`;var
|
|
833
|
+
`;var fo=A.div.attrs(e=>({style:{left:`${e.$left}px`,width:`${e.$width}px`}}))`
|
|
834
834
|
position: absolute;
|
|
835
835
|
top: 0;
|
|
836
836
|
height: 100%;
|
|
837
837
|
pointer-events: none; /* Let events pass through to children */
|
|
838
|
-
`,
|
|
838
|
+
`,mo=A.div`
|
|
839
839
|
position: absolute;
|
|
840
840
|
top: 0;
|
|
841
841
|
left: 0;
|
|
@@ -859,7 +859,7 @@
|
|
|
859
859
|
border-width: 3px;
|
|
860
860
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
|
|
861
861
|
}
|
|
862
|
-
`,
|
|
862
|
+
`,ho=A.span`
|
|
863
863
|
font-size: 12px;
|
|
864
864
|
font-weight: 600;
|
|
865
865
|
color: ${e=>e.theme?.annotationLabelColor||"#2a2a2a"};
|
|
@@ -869,7 +869,7 @@
|
|
|
869
869
|
padding: 0 6px;
|
|
870
870
|
letter-spacing: 0.3px;
|
|
871
871
|
user-select: none;
|
|
872
|
-
`,
|
|
872
|
+
`,sn=A.div`
|
|
873
873
|
position: absolute;
|
|
874
874
|
top: 0;
|
|
875
875
|
${e=>e.$position==="left"?"left: -8px":"right: -8px"};
|
|
@@ -904,13 +904,13 @@
|
|
|
904
904
|
opacity: 1;
|
|
905
905
|
background: ${e=>e.theme?.annotationResizeHandleActiveColor||"rgba(0, 0, 0, 0.7)"};
|
|
906
906
|
}
|
|
907
|
-
`,
|
|
907
|
+
`,Pn=({annotationId:e,annotationIndex:t,startPosition:n,endPosition:a,label:r,color:s="#ff9800",isActive:o=!1,onClick:l,editable:c=!0})=>{const u=Math.max(0,a-n),f=`annotation-boundary-start-${t}`,{attributes:w,listeners:g,setActivatorNodeRef:d,isDragging:x}=Re.useDraggable({id:f,data:{annotationId:e,annotationIndex:t,edge:"start"},disabled:!c}),I=`annotation-boundary-end-${t}`,{attributes:m,listeners:b,setActivatorNodeRef:p,isDragging:C}=Re.useDraggable({id:I,data:{annotationId:e,annotationIndex:t,edge:"end"},disabled:!c});if(u<=0)return null;const h=y=>S=>{S.stopPropagation(),y?.(S)},k=y=>{y.stopPropagation()};return v.jsxs(fo,{$left:n,$width:u,children:[v.jsx(mo,{$color:s,$isActive:o,onClick:l,children:r&&v.jsx(ho,{children:r})}),c&&v.jsx(sn,{ref:d,$position:"left",$isDragging:x,onClick:k,...g,onPointerDown:h(g?.onPointerDown),...w}),c&&v.jsx(sn,{ref:p,$position:"right",$isDragging:C,onClick:k,...b,onPointerDown:h(b?.onPointerDown),...m})]})},po=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;`}
|
|
911
911
|
background: transparent;
|
|
912
912
|
z-index: 110;
|
|
913
|
-
`,
|
|
913
|
+
`,go=A.div`
|
|
914
914
|
position: sticky;
|
|
915
915
|
z-index: 200;
|
|
916
916
|
left: 0;
|
|
@@ -918,16 +918,16 @@
|
|
|
918
918
|
width: ${e=>e.$controlWidth}px;
|
|
919
919
|
flex-shrink: 0;
|
|
920
920
|
background: transparent;
|
|
921
|
-
`,
|
|
921
|
+
`,bo=A.div`
|
|
922
922
|
position: relative;
|
|
923
923
|
flex: 1;
|
|
924
924
|
padding-left: ${e=>e.$offset||0}px;
|
|
925
|
-
`,
|
|
925
|
+
`,zn=({children:e,className:t,height:n=30,offset:a=0,width:r})=>{const{controls:{show:s,width:o}}=at();return v.jsxs(po,{className:t,$height:n,$controlWidth:s?o:0,$width:r,children:[v.jsx(go,{$controlWidth:s?o:0}),v.jsx(bo,{$offset:a,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;`}
|
|
929
929
|
background: transparent;
|
|
930
|
-
`;
|
|
930
|
+
`;A.div`
|
|
931
931
|
position: sticky;
|
|
932
932
|
z-index: 200;
|
|
933
933
|
left: 0;
|
|
@@ -941,16 +941,16 @@
|
|
|
941
941
|
font-size: 12px;
|
|
942
942
|
color: ${e=>e.theme?.textColorMuted||"#666"};
|
|
943
943
|
font-weight: bold;
|
|
944
|
-
`;
|
|
944
|
+
`;A.div`
|
|
945
945
|
position: relative;
|
|
946
946
|
flex: 1;
|
|
947
947
|
padding-left: ${e=>e.$offset||0}px;
|
|
948
|
-
`;var
|
|
948
|
+
`;var vo=A.div`
|
|
949
949
|
background: ${e=>e.theme?.backgroundColor||"#fff"};
|
|
950
950
|
${e=>e.$height?`height: ${e.$height}px;`:"max-height: 200px;"}
|
|
951
951
|
overflow-y: auto;
|
|
952
952
|
padding: 8px;
|
|
953
|
-
`,
|
|
953
|
+
`,Co=A.div`
|
|
954
954
|
padding: 12px;
|
|
955
955
|
margin-bottom: 6px;
|
|
956
956
|
border-left: 4px solid ${e=>e.$isActive?"#ff9800":"transparent"};
|
|
@@ -969,16 +969,16 @@
|
|
|
969
969
|
outline: 2px solid #ff9800;
|
|
970
970
|
outline-offset: 2px;
|
|
971
971
|
}
|
|
972
|
-
`,
|
|
972
|
+
`,xo=A.div`
|
|
973
973
|
display: flex;
|
|
974
974
|
justify-content: space-between;
|
|
975
975
|
align-items: center;
|
|
976
976
|
margin-bottom: 6px;
|
|
977
|
-
`,
|
|
977
|
+
`,wo=A.div`
|
|
978
978
|
display: flex;
|
|
979
979
|
align-items: center;
|
|
980
980
|
gap: 8px;
|
|
981
|
-
`,
|
|
981
|
+
`,yo=A.span`
|
|
982
982
|
font-size: 11px;
|
|
983
983
|
font-weight: 600;
|
|
984
984
|
color: ${e=>e.theme?.textColorMuted||"#666"};
|
|
@@ -992,16 +992,16 @@
|
|
|
992
992
|
outline: 2px solid #ff9800;
|
|
993
993
|
background: rgba(255, 152, 0, 0.1);
|
|
994
994
|
}
|
|
995
|
-
`,
|
|
995
|
+
`,ko=A.span`
|
|
996
996
|
font-size: 12px;
|
|
997
997
|
font-weight: 500;
|
|
998
998
|
color: ${e=>e.theme?.textColorMuted||"#555"};
|
|
999
999
|
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
|
|
1000
1000
|
letter-spacing: 0.5px;
|
|
1001
|
-
`,
|
|
1001
|
+
`,Io=A.div`
|
|
1002
1002
|
display: flex;
|
|
1003
1003
|
gap: 6px;
|
|
1004
|
-
`,
|
|
1004
|
+
`,Ao=A.button`
|
|
1005
1005
|
background: ${e=>e.theme?.surfaceColor||"#f5f5f5"};
|
|
1006
1006
|
border: 1px solid ${e=>e.theme?.borderColor||"#ccc"};
|
|
1007
1007
|
color: ${e=>e.theme?.textColor||"#333"};
|
|
@@ -1020,7 +1020,7 @@
|
|
|
1020
1020
|
&:active {
|
|
1021
1021
|
transform: scale(0.95);
|
|
1022
1022
|
}
|
|
1023
|
-
`,
|
|
1023
|
+
`,So=A.div`
|
|
1024
1024
|
font-size: 14px;
|
|
1025
1025
|
line-height: 1.6;
|
|
1026
1026
|
color: ${e=>e.theme?.textColor||"#2a2a2a"};
|
|
@@ -1035,9 +1035,9 @@
|
|
|
1035
1035
|
outline: 2px solid #ff9800;
|
|
1036
1036
|
background: rgba(255, 152, 0, 0.1);
|
|
1037
1037
|
}
|
|
1038
|
-
|
|
1039
|
-
`)},c(
|
|
1040
|
-
`)})]},
|
|
1038
|
+
`,$o=({annotations:e,activeAnnotationId:t,shouldScrollToActive:n=!1,editable:a=!1,controls:r=[],annotationListConfig:s,height:o,onAnnotationClick:l,onAnnotationUpdate:c,renderAnnotationItem:u})=>{const f=i.useRef(null),w=i.useRef(null),g=i.useRef(void 0);i.useEffect(()=>{}),i.useEffect(()=>{const p=w.current;if(!p)return;const C=()=>{};return p.addEventListener("scroll",C),()=>p.removeEventListener("scroll",C)},[]),i.useEffect(()=>{t&&f.current&&n&&f.current.scrollIntoView({behavior:"smooth",block:"nearest"}),g.current=t},[t,n]);const d=p=>{if(isNaN(p)||!isFinite(p))return"0:00.000";const C=Math.floor(p/60),h=(p%60).toFixed(3);return`${C}:${h.padStart(6,"0")}`},x=(p,C)=>{if(!a||!c)return;const h=[...e];h[p]={...h[p],lines:C.split(`
|
|
1039
|
+
`)},c(h)},I=(p,C)=>{if(!a||!c)return;const h=C.trim();if(!h)return;const k=[...e];k[p]={...k[p],id:h},c(k)},m=(p,C,h)=>{if(!c)return;const k=[...e];p.action(k[h],h,k,s||{}),c(k)},b=p=>p.replace(/\./g," ");return v.jsx(vo,{ref:w,$height:o,children:e.map((p,C)=>{const h=p.id===t,k=()=>l?.(p);return u?v.jsx("div",{ref:h?f:null,children:u({annotation:p,index:C,isActive:h,onClick:k,formatTime:d})},p.id):v.jsxs(Co,{ref:h?f:null,$isActive:h,onClick:k,children:[v.jsxs(xo,{children:[v.jsxs(wo,{children:[v.jsx(yo,{$isEditable:a,contentEditable:a,suppressContentEditableWarning:!0,onBlur:y=>I(C,y.currentTarget.textContent||""),children:p.id}),v.jsxs(ko,{children:[d(p.start)," - ",d(p.end)]})]}),r.length>0&&v.jsx(Io,{onClick:y=>y.stopPropagation(),children:r.map((y,S)=>v.jsx(Ao,{title:y.title,onClick:()=>m(y,p,C),children:y.text?y.text:v.jsx("i",{className:b(y.class||"")})},S))})]}),v.jsx(So,{$isEditable:a,contentEditable:a,suppressContentEditableWarning:!0,onBlur:y=>x(C,y.currentTarget.textContent||""),children:p.lines.join(`
|
|
1040
|
+
`)})]},p.id)})})},jn=i.memo($o),Mo=({checked:e,onChange:t,disabled:n=!1,className:a})=>{const r=s=>{t(s.target.checked)};return v.jsxs(Ct,{className:a,children:[v.jsx(xt,{type:"checkbox",id:"continuous-play",className:"continuous-play",checked:e,onChange:r,disabled:n}),v.jsx(wt,{htmlFor:"continuous-play",children:"Continuous Play"})]})},Ro=({checked:e,onChange:t,disabled:n=!1,className:a})=>{const r=s=>{t(s.target.checked)};return v.jsxs(Ct,{className:a,children:[v.jsx(xt,{type:"checkbox",id:"link-endpoints",className:"link-endpoints",checked:e,onChange:r,disabled:n}),v.jsx(wt,{htmlFor:"link-endpoints",children:"Link Endpoints"})]})},Eo=({checked:e,onChange:t,className:n})=>v.jsxs(Ct,{className:n,children:[v.jsx(xt,{type:"checkbox",id:"editable-annotations",checked:e,onChange:a=>t(a.target.checked)}),v.jsx(wt,{htmlFor:"editable-annotations",children:"Editable Annotations"})]}),Do=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
|
-
`,Ks=({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(x=>Ms(x)),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 w.jsx(Ys,{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 jr(){const[e,t]=i.useState("hh:mm:ss.uuu");return{timeFormat:e,setTimeFormat:t,formatTime:a=>rt(a,e),parseTime:a=>Ar(a,e)}}const Us=[256,512,1024,2048,4096,8192];function Xr({initialSamplesPerPixel:e,zoomLevels:t=Us}){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 Hr({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 Js=(e=256)=>{const t=i.useRef(null),n=i.useCallback((r,a,s)=>{const o=new W.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 en(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,x=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(x===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 v=e.durationSamples??x;return{id:Lr(),audioBuffer:t,startSample:n,durationSamples:v,offsetSamples:r,sampleRate:f,sourceDurationSamples:x,gain:a,name:s,color:o,fadeIn:l,fadeOut:c,waveformData:u}}function qs(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 x=t?.duration??e.sourceDuration??u?.duration;if(x===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 v=e.duration??x;return en({audioBuffer:t,startSample:Math.round(n*f),durationSamples:Math.round(v*f),offsetSamples:Math.round(r*f),sampleRate:f,sourceDurationSamples:Math.ceil(x*f),gain:a,name:s,color:o,fadeIn:l,fadeOut:c,waveformData:u})}function Qs(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:Lr(),name:t,clips:n,muted:r,soloed:a,volume:s,pan:o,color:l,height:c}}function Lr(){return`${Date.now()}-${Math.random().toString(36).substr(2,9)}`}function ei(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),x=e.length;return i.useEffect(()=>{if(e.length===0){a([]),o(!1),f(0);return}let v=!1;const d=new Map,C=(h,b,g)=>{const m=g??h.audioBuffer;if(!m&&!h.waveformData)throw new Error(`Track ${b+1}: Must provide src, audioBuffer, or waveformData`);const p=m?.duration??h.waveformData?.duration,I=qs({audioBuffer:m,startTime:h.startTime??0,duration:h.duration??p,offset:h.offset??0,name:h.name||`Track ${b+1}`,fadeIn:h.fadeIn,fadeOut:h.fadeOut,waveformData:h.waveformData});if(isNaN(I.startSample)||isNaN(I.durationSamples)||isNaN(I.offsetSamples))throw console.error("Invalid clip values:",I),new Error(`Invalid clip values for track ${b+1}`);return{...Qs({name:h.name||`Track ${b+1}`,clips:[I],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=dr.getContext().rawContext,b=e.map(async(m,p)=>{if(m.audioBuffer){const D=C(m,p,m.audioBuffer);return n&&!v&&(d.set(p,D),f(M=>M+1),a(Array.from({length:e.length},(M,$)=>d.get($)).filter(M=>M!==void 0))),D}if(!m.src&&m.waveformData){const D=C(m,p);return n&&!v&&(d.set(p,D),f(M=>M+1),a(Array.from({length:e.length},(M,$)=>d.get($)).filter(M=>M!==void 0))),D}if(!m.src)throw new Error(`Track ${p+1}: Must provide src, audioBuffer, or waveformData`);const I=await fetch(m.src);if(!I.ok)throw new Error(`Failed to fetch ${m.src}: ${I.statusText}`);const k=await I.arrayBuffer(),A=await h.decodeAudioData(k);if(!A||!A.sampleRate||!A.duration)throw new Error(`Invalid audio buffer for ${m.src}`);const R=C(m,p,A);return n&&!v&&(d.set(p,R),f(D=>D+1),a(Array.from({length:e.length},(D,M)=>d.get(M)).filter(D=>D!==void 0))),R}),g=await Promise.all(b);v||(n||(a(g),f(g.length)),o(!1))}catch(h){if(!v){const b=h instanceof Error?h.message:"Unknown error loading audio";c(b),o(!1),console.error("Error loading audio tracks:",h)}}})(),()=>{v=!0}},[e,n]),{tracks:r,loading:s,error:l,loadedCount:u,totalCount:x}}function ti({tracks:e,onTracksChange:t,samplesPerPixel:n,sampleRate:r}){const a=i.useRef(null),s=i.useCallback(u=>{const{transform:f,active:x}=u;if(!x?.data?.current)return{...f,scaleX:1,scaleY:1};const{trackIndex:v,clipIndex:d,boundary:C}=x.data.current;if(C)return{...f,scaleX:1,scaleY:1};const y=e[v];if(!y)return{...f,scaleX:1,scaleY:1};const h=y.clips[d];if(!h)return{...f,scaleX:1,scaleY:1};const b=h.startSample/r,g=h.durationSamples/r,m=f.x*n/r;let p=b+m;const I=[...y.clips].sort(($,E)=>$.startSample-E.startSample),k=I.findIndex($=>$===h);p=Math.max(0,p);const A=k>0?I[k-1]:null;if(A){const $=(A.startSample+A.durationSamples)/r;p=Math.max(p,$)}const R=k<I.length-1?I[k+1]:null;if(R){const $=p+g,E=R.startSample/r;$>E&&(p=E-g)}const M=(p-b)*r/n;return{...f,x:M,scaleX:1,scaleY:1}},[e,n,r]),o=i.useCallback(u=>{const{active:f}=u,{boundary:x}=f.data.current;if(!x){a.current=null;return}const{trackIndex:v,clipIndex:d}=f.data.current,y=e[v]?.clips[d];y&&(a.current={offsetSamples:y.offsetSamples,durationSamples:y.durationSamples,startSample:y.startSample})},[e]),l=i.useCallback(u=>{const{active:f,delta:x}=u,{boundary:v}=f.data.current;if(!v||!a.current)return;const{trackIndex:d,clipIndex:C}=f.data.current,y=x.x*n,h=Math.floor(.1*r),b=a.current,g=e.map((m,p)=>{if(p!==d)return m;const I=[...m.clips].sort((R,D)=>R.startSample-D.startSample),k=I.findIndex(R=>R===m.clips[C]),A=m.clips.map((R,D)=>{if(D!==C)return R;const M=R.sourceDurationSamples;if(v==="left"){let $=Math.floor(y);const E=-b.startSample;$<E&&($=E);const Z=-b.offsetSamples;$<Z&&($=Z);const P=k>0?I[k-1]:null;if(P){const B=P.startSample+P.durationSamples-b.startSample;$<B&&($=B)}const F=b.durationSamples-h;$>F&&($=F);const V=b.offsetSamples+$,H=b.durationSamples-$,q=b.startSample+$;return{...R,offsetSamples:V,durationSamples:H,startSample:q}}else{let $=Math.floor(b.durationSamples+y);$=Math.max(h,$),b.offsetSamples+$>M&&($=M-b.offsetSamples);const E=k<I.length-1?I[k+1]:null;return E&&b.startSample+$>E.startSample&&($=E.startSample-b.startSample,$=Math.max(h,$)),{...R,durationSamples:$}}});return{...m,clips:A}});t(g)},[e,t,n,r]),c=i.useCallback(u=>{const{active:f,delta:x}=u,{trackIndex:v,clipIndex:d,boundary:C}=f.data.current,y=x.x*n;if(C){a.current=null;return}const h=e.map((b,g)=>{if(g!==v)return b;const m=[...b.clips].sort((k,A)=>k.startSample-A.startSample),p=m.findIndex(k=>k===b.clips[d]),I=b.clips.map((k,A)=>{if(A!==d)return k;let R=Math.floor(k.startSample+y);R=Math.max(0,R);const D=p>0?m[p-1]:null;if(D){const $=D.startSample+D.durationSamples;R=Math.max(R,$)}const M=p<m.length-1?m[p+1]:null;return M&&R+k.durationSamples>M.startSample&&(R=M.startSample-k.durationSamples),{...k,startSample:R}});return{...b,clips:I}});t(h)},[e,t,n,r]);return{onDragStart:o,onDragMove:l,onDragEnd:c,collisionModifier:s}}const Xt=.01;function ni({annotations:e,onAnnotationsChange:t,samplesPerPixel:n,sampleRate:r,duration:a,linkEndpoints:s}){const o=i.useRef(null),l=i.useCallback(f=>{const{active:x}=f,v=x.data.current;if(!v||v.annotationIndex===void 0){o.current=null;return}const d=e[v.annotationIndex];d&&(o.current={start:d.start,end:d.end,annotationIndex:v.annotationIndex})},[e]),c=i.useCallback(f=>{const{active:x,delta:v}=f;if(!o.current)return;const d=x.data.current;if(!d)return;const{edge:C,annotationIndex:y}=d,h=o.current,b=v.x*n/r,g=C==="start"?h.start+b:h.end+b,m=ri({annotationIndex:y,newTime:g,isDraggingStart:C==="start",annotations:e,duration:a,linkEndpoints:s});t(m)},[e,t,n,r,a,s]),u=i.useCallback(()=>{o.current=null},[]);return{onDragStart:l,onDragMove:c,onDragEnd:u}}function ri({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)<Xt?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)<Xt){const x=f.start+u;o[e+1]={...f,start:Math.min(f.end-.1,x)};let v=e+1;for(;v<o.length-1;){const d=o[v],C=o[v+1];if(Math.abs(C.start-d.end)<Xt){const y=d.end-r[v].end;o[v+1]={...C,start:Math.min(C.end-.1,C.start+y)},v++}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 x=e+1;for(;x<o.length-1;){const v=o[x],d=o[x+1];if(v.end>d.start)o[x+1]={...d,start:v.end},x++;else break}}}return o}function fn(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function Nr(e){return"nodeType"in e}function at(e){var t,n;return e?fn(e)?e:Nr(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function ai(e){const{Document:t}=at(e);return e instanceof t}function oi(e){return fn(e)?!1:e instanceof at(e).HTMLElement}function si(e){return e instanceof at(e).SVGElement}function Bt(e){return e?fn(e)?e.document:Nr(e)?ai(e)?e:oi(e)||si(e)?e.ownerDocument:document:document:document}function ii(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 li=ii(-1);function ci(e){return"clientX"in e&&"clientY"in e}function ui(e){if(!e)return!1;const{TouchEvent:t}=at(e.target);return t&&e instanceof t}function Jn(e){if(ui(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 ci(e)?{x:e.clientX,y:e.clientY}:null}var qn;(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"})(qn||(qn={}));function Ht(e,t){return i.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function di(){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 tn=Object.freeze({x:0,y:0});var nt;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(nt||(nt={}));class Lt{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 fi(e){const{EventTarget:t}=at(e);return e instanceof t?e:Bt(e)}function Nt(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 Pe;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(Pe||(Pe={}));function Qn(e){e.preventDefault()}function hi(e){e.stopPropagation()}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;function er(e){return!!(e&&"distance"in e)}function tr(e){return!!(e&&"delay"in e)}class hn{constructor(t,n,r){var a;r===void 0&&(r=fi(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=Bt(o),this.documentListeners=new Lt(this.document),this.listeners=new Lt(r),this.windowListeners=new Lt(at(o)),this.initialCoordinates=(a=Jn(s))!=null?a:tn,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(Pe.Resize,this.handleCancel),this.windowListeners.add(Pe.DragStart,Qn),this.windowListeners.add(Pe.VisibilityChange,this.handleCancel),this.windowListeners.add(Pe.ContextMenu,Qn),this.documentListeners.add(Pe.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(tr(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if(er(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(Pe.Click,hi,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(Pe.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=Jn(t))!=null?n:tn,u=li(a,c);if(!r&&l){if(er(l)){if(l.tolerance!=null&&Nt(u,l.tolerance))return this.handleCancel();if(Nt(u,l.distance))return this.handleStart()}if(tr(l)&&Nt(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===Ve.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const mi={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class Gr extends hn{constructor(t){const{event:n}=t,r=Bt(n.target);super(t,mi,r)}}Gr.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 pi={move:{name:"mousemove"},end:{name:"mouseup"}};var nn;(function(e){e[e.RightClick=2]="RightClick"})(nn||(nn={}));class Or extends hn{constructor(t){super(t,pi,Bt(t.event.target))}}Or.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===nn.RightClick?!1:(r?.({event:n}),!0)}}];const Gt={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class Yr extends hn{constructor(t){super(t,Gt)}static setup(){return window.addEventListener(Gt.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(Gt.move.name,t)};function t(){}}}Yr.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 nr;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(nr||(nr={}));var rr;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(rr||(rr={}));nt.Backward+"",nt.Forward+"",nt.Backward+"",nt.Forward+"";var rn;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(rn||(rn={}));var an;(function(e){e.Optimized="optimized"})(an||(an={}));rn.WhileDragging,an.Optimized;({...tn});var ar;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(ar||(ar={}));function gi(e={}){const{touchOptimized:t=!1,touchDelay:n=250,touchTolerance:r=5,mouseDistance:a=1}=e,s=Ht(Or,{activationConstraint:{distance:a}}),o=Ht(Yr,{activationConstraint:t?{delay:n,tolerance:r}:{distance:a}}),l=Ht(Gr,{activationConstraint:{distance:a}});return di(...t?[s,o]:[l])}const bi=e=>{const{tracks:t,onTracksChange:n,sampleRate:r}=e,{currentTimeRef:a}=xe(),{selectedTrackId:s}=Me(),o=i.useCallback((c,u,f)=>{const{sampleRate:x,samplesPerPixel:v}=e,d=t[c];if(!d)return!1;const C=d.clips[u];if(!C)return!1;const y=C.startSample/x,h=(C.startSample+C.durationSamples)/x;if(f<=y||f>=h)return console.warn("Split time is outside clip bounds"),!1;const b=Math.round(f*x),g=Math.floor(b/v),m=C.startSample+C.durationSamples,p=g*v,I=C.startSample,k=p-I,A=p,R=m-A,D=p-C.startSample,M=en({audioBuffer:C.audioBuffer,startSample:I,durationSamples:k,offsetSamples:C.offsetSamples,sampleRate:C.sampleRate,sourceDurationSamples:C.sourceDurationSamples,gain:C.gain,name:C.name?`${C.name} (1)`:void 0,color:C.color,fadeIn:C.fadeIn,waveformData:C.waveformData}),$=en({audioBuffer:C.audioBuffer,startSample:A,durationSamples:R,offsetSamples:C.offsetSamples+D,sampleRate:C.sampleRate,sourceDurationSamples:C.sourceDurationSamples,gain:C.gain,name:C.name?`${C.name} (2)`:void 0,color:C.color,waveformData:C.waveformData,fadeOut:C.fadeOut}),E=[...d.clips];E.splice(u,1,M,$);const Z=[...t];return Z[c]={...d,clips:E},n(Z),!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(x=>x.id===s);if(c===-1)return console.warn("Selected track not found"),!1;const u=t[c],f=a.current??0;for(let x=0;x<u.clips.length;x++){const v=u.clips[x],d=v.startSample/r,C=(v.startSample+v.durationSamples)/r;if(f>d&&f<C)return console.log(`Splitting clip on track "${u.name}" at ${f}s`),o(c,x,f)}return console.log(`No clip found at playhead position on track "${u.name}"`),!1},[t,a,s,o,r]),splitClipAt:o}},At=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,x=l.metaKey===void 0||a.metaKey===l.metaKey,v=l.altKey===void 0||a.altKey===l.altKey;return c&&u&&f&&x&&v});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])},vi=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("+")},Ci=(e={})=>{const{enabled:t=!0,additionalShortcuts:n=[],shortcuts:r}=e,{isPlaying:a}=xe(),{setCurrentTime:s,play:o,pause:l,stop:c}=fe(),{playoutRef:u}=be(),f=i.useCallback(()=>{a?l():o()},[a,o,l]),x=i.useCallback(()=>{c()},[c]),v=i.useCallback(()=>{a&&u.current?(u.current.stop(),s(0),o(0)):s(0)},[a,u,s,o]),C=r??[...[{key:" ",action:f,description:"Play/Pause",preventDefault:!0},{key:"Escape",action:x,description:"Stop",preventDefault:!0},{key:"0",action:v,description:"Rewind to start",preventDefault:!0}],...n];return At({shortcuts:C,enabled:t}),{rewindToStart:v,togglePlayPause:f,stopPlayback:x,shortcuts:C}},Ot=.01,xt=.01;function wi({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:x=0,onPlay:v}){const d=i.useMemo(()=>t?e.findIndex(D=>D.id===t):-1,[e,t]),C=i.useCallback(D=>{if(!c?.current||!u||!f)return;const M=e.find(z=>z.id===D);if(!M)return;const $=c.current,E=$.clientWidth,Z=M.start*f/u+x,P=M.end*f/u+x,F=(Z+P)/2,V=$.scrollLeft,H=V,q=V+E;if(Z<H||P>q){const z=Math.max(0,F-E/2);$.scrollTo({left:z,behavior:"smooth"})}},[e,c,u,f,x]);i.useEffect(()=>{t&&c?.current&&u&&f&&C(t)},[t,C,c,u,f]);const y=i.useCallback(D=>{if(d<0)return;const M=e[d],$=Math.max(0,Math.min(M.end-.1,M.start+D)),E=$-M.start,Z=[...e];if(Z[d]={...M,start:$},s&&d>0){const P=Z[d-1];Math.abs(P.end-M.start)<Ot&&(Z[d-1]={...P,end:Math.max(P.start+.1,P.end+E)})}else if(!s&&d>0){const P=Z[d-1];$<P.end&&(Z[d-1]={...P,end:$})}n(Z)},[e,d,s,n]),h=i.useCallback(D=>{if(d<0)return;const M=e[d],$=Math.max(M.start+.1,Math.min(a,M.end+D)),E=$-M.end,Z=[...e];if(Z[d]={...M,end:$},s&&d<e.length-1){const P=Z[d+1];if(Math.abs(P.start-M.end)<Ot){const F=Math.min(P.end-.1,P.start+E);Z[d+1]={...P,start:F};let V=d+1;for(;V<Z.length-1;){const H=Z[V],q=Z[V+1];if(Math.abs(q.start-e[V].end)<Ot){const z=H.end-e[V].end;Z[V+1]={...q,start:Math.min(q.end-.1,q.start+z)},V++}else break}}}else if(!s&&d<e.length-1){const P=Z[d+1];if($>P.start){Z[d+1]={...P,start:$};let F=d+1;for(;F<Z.length-1;){const V=Z[F],H=Z[F+1];if(V.end>H.start)Z[F+1]={...H,start:V.end},F++;else break}}}n(Z)},[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]),g=i.useCallback(()=>{!r||e.length===0||(d<0||d>=e.length-1?r(e[0].id):r(e[d+1].id))},[e,d,r]),m=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]),I=i.useCallback(()=>{r&&r(null)},[r]),k=i.useCallback(()=>{if(d<0||!v)return;const D=e[d],M=o?void 0:D.end-D.start;v(D.start,M)},[e,d,o,v]),A=i.useMemo(()=>[{key:"[",action:()=>y(-xt),description:"Move annotation start earlier",preventDefault:!0},{key:"]",action:()=>y(xt),description:"Move annotation start later",preventDefault:!0},{key:"{",shiftKey:!0,action:()=>h(-xt),description:"Move annotation end earlier",preventDefault:!0},{key:"}",shiftKey:!0,action:()=>h(xt),description:"Move annotation end later",preventDefault:!0},{key:"Enter",action:k,description:"Play selected annotation",preventDefault:!0}],[y,h,k]),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:g,description:"Select next annotation",preventDefault:!0},{key:"ArrowRight",action:g,description:"Select next annotation",preventDefault:!0},{key:"Home",action:m,description:"Select first annotation",preventDefault:!0},{key:"End",action:p,description:"Select last annotation",preventDefault:!0},{key:"Escape",action:I,description:"Deselect annotation",preventDefault:!0}],[b,g,m,p,I]);return At({shortcuts:A,enabled:l&&d>=0}),At({shortcuts:R,enabled:l&&e.length>0&&!!r}),{moveStartBoundary:y,moveEndBoundary:h,selectPrevious:b,selectNext:g,selectFirst:m,selectLast:p,clearSelection:I,scrollToAnnotation:C,playActiveAnnotation:k}}function xi(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 yi(e,t,n,r=1){const a=e.createBuffer(r,t.length,n),s=new Float32Array(t);return a.copyToChannel(s,0),a}function or(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 x=l;x<c;x++){const v=e[x];v<u&&(u=v),v>f&&(f=v)}a[o*2]=Math.floor(u*s),a[o*2+1]=Math.floor(f*s)}return a}function ki(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,x=Math.min(f,t.length);let v=e[e.length-2]/s,d=e[e.length-1]/s;for(let b=0;b<x;b++){const g=t[b];g<v&&(v=g),g>d&&(d=g)}const C=new(a===8?Int8Array:Int16Array)(e.length);C.set(e),C[e.length-2]=Math.floor(v*s),C[e.length-1]=Math.floor(d*s),l=x;const y=or(t.slice(l),n,a),h=new(a===8?Int8Array:Int16Array)(C.length+y.length);return h.set(C),h.set(y,C.length),h}const c=or(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 Ii(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,x]=i.useState(new Int16Array(0)),[v,d]=i.useState(null),[C,y]=i.useState(null),[h,b]=i.useState(0),[g,m]=i.useState(0),p=16,I=i.useRef(!1),k=i.useRef(null),A=i.useRef(null),R=i.useRef([]),D=i.useRef(0),M=i.useRef(null),$=i.useRef(0),E=i.useRef(!1),Z=i.useRef(!1),P=i.useCallback(async()=>{if(!I.current)try{const z=W.getContext(),B=new URL("data:text/javascript;base64,InVzZSBzdHJpY3QiOwoKLy8gc3JjL3dvcmtsZXQvcmVjb3JkaW5nLXByb2Nlc3Nvci53b3JrbGV0LnRzCnZhciBSZWNvcmRpbmdQcm9jZXNzb3IgPSBjbGFzcyBleHRlbmRzIEF1ZGlvV29ya2xldFByb2Nlc3NvciB7CiAgY29uc3RydWN0b3IoKSB7CiAgICBzdXBlcigpOwogICAgdGhpcy5idWZmZXJTaXplID0gMDsKICAgIHRoaXMuYnVmZmVycyA9IFtdOwogICAgdGhpcy5zYW1wbGVzQ29sbGVjdGVkID0gMDsKICAgIHRoaXMuaXNSZWNvcmRpbmcgPSBmYWxzZTsKICAgIHRoaXMuY2hhbm5lbENvdW50ID0gMTsKICAgIHRoaXMucG9ydC5vbm1lc3NhZ2UgPSAoZXZlbnQpID0+IHsKICAgICAgY29uc3QgeyBjb21tYW5kLCBzYW1wbGVSYXRlOiBzYW1wbGVSYXRlMiwgY2hhbm5lbENvdW50IH0gPSBldmVudC5kYXRhOwogICAgICBpZiAoY29tbWFuZCA9PT0gInN0YXJ0IikgewogICAgICAgIHRoaXMuaXNSZWNvcmRpbmcgPSB0cnVlOwogICAgICAgIHRoaXMuY2hhbm5lbENvdW50ID0gY2hhbm5lbENvdW50IHx8IDE7CiAgICAgICAgdGhpcy5idWZmZXJTaXplID0gTWF0aC5mbG9vcigoc2FtcGxlUmF0ZTIgfHwgNDhlMykgKiAwLjAxNik7CiAgICAgICAgdGhpcy5idWZmZXJzID0gW107CiAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLmNoYW5uZWxDb3VudDsgaSsrKSB7CiAgICAgICAgICB0aGlzLmJ1ZmZlcnNbaV0gPSBuZXcgRmxvYXQzMkFycmF5KHRoaXMuYnVmZmVyU2l6ZSk7CiAgICAgICAgfQogICAgICAgIHRoaXMuc2FtcGxlc0NvbGxlY3RlZCA9IDA7CiAgICAgIH0gZWxzZSBpZiAoY29tbWFuZCA9PT0gInN0b3AiKSB7CiAgICAgICAgdGhpcy5pc1JlY29yZGluZyA9IGZhbHNlOwogICAgICAgIGlmICh0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgPiAwKSB7CiAgICAgICAgICB0aGlzLmZsdXNoQnVmZmVycygpOwogICAgICAgIH0KICAgICAgfQogICAgfTsKICB9CiAgcHJvY2VzcyhpbnB1dHMsIG91dHB1dHMsIHBhcmFtZXRlcnMpIHsKICAgIGlmICghdGhpcy5pc1JlY29yZGluZykgewogICAgICByZXR1cm4gdHJ1ZTsKICAgIH0KICAgIGNvbnN0IGlucHV0ID0gaW5wdXRzWzBdOwogICAgaWYgKCFpbnB1dCB8fCBpbnB1dC5sZW5ndGggPT09IDApIHsKICAgICAgcmV0dXJuIHRydWU7CiAgICB9CiAgICBjb25zdCBmcmFtZUNvdW50ID0gaW5wdXRbMF0ubGVuZ3RoOwogICAgZm9yIChsZXQgY2hhbm5lbCA9IDA7IGNoYW5uZWwgPCBNYXRoLm1pbihpbnB1dC5sZW5ndGgsIHRoaXMuY2hhbm5lbENvdW50KTsgY2hhbm5lbCsrKSB7CiAgICAgIGNvbnN0IGlucHV0Q2hhbm5lbCA9IGlucHV0W2NoYW5uZWxdOwogICAgICBjb25zdCBidWZmZXIgPSB0aGlzLmJ1ZmZlcnNbY2hhbm5lbF07CiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgZnJhbWVDb3VudDsgaSsrKSB7CiAgICAgICAgYnVmZmVyW3RoaXMuc2FtcGxlc0NvbGxlY3RlZCArIGldID0gaW5wdXRDaGFubmVsW2ldOwogICAgICB9CiAgICB9CiAgICB0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgKz0gZnJhbWVDb3VudDsKICAgIGlmICh0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgPj0gdGhpcy5idWZmZXJTaXplKSB7CiAgICAgIHRoaXMuZmx1c2hCdWZmZXJzKCk7CiAgICB9CiAgICByZXR1cm4gdHJ1ZTsKICB9CiAgZmx1c2hCdWZmZXJzKCkgewogICAgY29uc3Qgc2FtcGxlcyA9IHRoaXMuYnVmZmVyc1swXS5zbGljZSgwLCB0aGlzLnNhbXBsZXNDb2xsZWN0ZWQpOwogICAgdGhpcy5wb3J0LnBvc3RNZXNzYWdlKHsKICAgICAgc2FtcGxlcywKICAgICAgc2FtcGxlUmF0ZSwKICAgICAgY2hhbm5lbENvdW50OiB0aGlzLmNoYW5uZWxDb3VudAogICAgfSk7CiAgICB0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgPSAwOwogIH0KfTsKcmVnaXN0ZXJQcm9jZXNzb3IoInJlY29yZGluZy1wcm9jZXNzb3IiLCBSZWNvcmRpbmdQcm9jZXNzb3IpOwovLyMgc291cmNlTWFwcGluZ1VSTD1yZWNvcmRpbmctcHJvY2Vzc29yLndvcmtsZXQuanMubWFw",typeof document>"u"?require("url").pathToFileURL(__filename).href:Pt&&Pt.tagName.toUpperCase()==="SCRIPT"&&Pt.src||new URL("index.js",document.baseURI).href).href;await z.addAudioWorkletModule(B),I.current=!0}catch(z){throw console.error("Failed to load AudioWorklet module:",z),new Error("Failed to load recording processor")}},[]),F=i.useCallback(async()=>{if(!e){y(new Error("No microphone stream available"));return}try{y(null);const z=W.getContext();z.state==="suspended"&&await z.resume(),await P();const B=z.createMediaStreamSource(e);A.current=B;const K=z.createAudioWorkletNode("recording-processor");k.current=K,B.connect(K),K.port.onmessage=G=>{const{samples:O}=G.data;R.current.push(O),D.current+=O.length,x(te=>ki(te,O,r,D.current-O.length,p))},K.port.postMessage({command:"start",sampleRate:z.sampleRate,channelCount:n}),R.current=[],D.current=0,x(new Int16Array(0)),d(null),b(0),m(0),E.current=!0,Z.current=!1,s(!0),l(!1),$.current=performance.now();const U=()=>{if(E.current&&!Z.current){const G=(performance.now()-$.current)/1e3;u(G),M.current=requestAnimationFrame(U)}};U()}catch(z){console.error("Failed to start recording:",z),y(z instanceof Error?z:new Error("Failed to start recording"))}},[e,n,r,P,a,o]),V=i.useCallback(async()=>{if(!a)return null;try{if(k.current){if(k.current.port.postMessage({command:"stop"}),A.current)try{A.current.disconnect(k.current)}catch{}k.current.disconnect()}M.current!==null&&(cancelAnimationFrame(M.current),M.current=null);const z=xi(R.current),K=W.getContext().rawContext,U=yi(K,z,K.sampleRate,n);return d(U),u(U.duration),E.current=!1,Z.current=!1,s(!1),l(!1),b(0),U}catch(z){return console.error("Failed to stop recording:",z),y(z instanceof Error?z:new Error("Failed to stop recording")),null}},[a,n]),H=i.useCallback(()=>{a&&!o&&(M.current!==null&&(cancelAnimationFrame(M.current),M.current=null),Z.current=!0,l(!0))},[a,o]),q=i.useCallback(()=>{if(a&&o){Z.current=!1,l(!1),$.current=performance.now()-c*1e3;const z=()=>{if(E.current&&!Z.current){const B=(performance.now()-$.current)/1e3;u(B),M.current=requestAnimationFrame(z)}};z()}},[a,o,c]);return i.useEffect(()=>()=>{if(k.current){if(k.current.port.postMessage({command:"stop"}),A.current)try{A.current.disconnect(k.current)}catch{}k.current.disconnect()}M.current!==null&&cancelAnimationFrame(M.current)},[]),{isRecording:a,isPaused:o,duration:c,peaks:f,audioBuffer:v,level:h,peakLevel:g,startRecording:F,stopRecording:V,pauseRecording:H,resumeRecording:q,error:C}}function Si(){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 C=(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(C)}catch(d){console.error("Failed to enumerate devices:",d),u(d instanceof Error?d:new Error("Failed to enumerate devices"))}},[]),x=i.useCallback(async(d,C)=>{l(!0),u(null);try{e&&e.getTracks().forEach(g=>g.stop());const h={audio:{echoCancellation:!1,noiseSuppression:!1,autoGainControl:!1,latency:0,...C,...d&&{deviceId:{exact:d}}},video:!1},b=await navigator.mediaDevices.getUserMedia(h);t(b),s(!0),await f()}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,f]),v=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:x,stopStream:v,error:c}}function Ai(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),x=()=>l(0);return i.useEffect(()=>{if(!e){s(0),l(0);return}let v=!0;return(async()=>{if(!v)return;const C=W.getContext();if(C.state==="suspended"&&await C.resume(),!v)return;const y=new W.Meter({smoothing:r,context:C});c.current=y;const h=C.createMediaStreamSource(e);u.current=h,W.connect(h,y);const b=1e3/n;let g=0;const m=p=>{if(!(!v||!c.current)){if(p-g>=b){g=p;const I=c.current.getValue(),k=typeof I=="number"?I:I[0],A=Math.max(0,Math.min(1,(k+100)/100));s(A),l(R=>Math.max(R,A))}f.current=requestAnimationFrame(m)}};f.current=requestAnimationFrame(m)})(),()=>{if(v=!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:x}}S.button`
|
|
1066
|
+
`,Bo=({annotations:e,filename:t="annotations.json",disabled:n=!1,className:a,children:r="Download JSON"})=>{const s=()=>{if(e.length===0)return;const o=e.map(w=>uo(w)),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 v.jsx(Do,{onClick:s,disabled:n||e.length===0,className:a,title:e.length===0?"No annotations to download":"Download the annotations as JSON",children:r})};function Hn(){const[e,t]=i.useState("hh:mm:ss.uuu");return{timeFormat:e,setTimeFormat:t,formatTime:r=>Je(r,e),parseTime:r=>$n(r,e)}}const To=[256,512,1024,2048,4096,8192];function Xn({initialSamplesPerPixel:e,zoomLevels:t=To}){const[n,a]=i.useState(()=>{const u=t.indexOf(e);return u!==-1?u:Math.floor(t.length/2)}),r=t[n],s=n>0,o=n<t.length-1,l=i.useCallback(()=>{a(u=>Math.max(0,u-1))},[]),c=i.useCallback(()=>{a(u=>Math.min(t.length-1,u+1))},[t.length]);return{samplesPerPixel:r,zoomIn:l,zoomOut:c,canZoomIn:s,canZoomOut:o}}function Gn({playoutRef:e,initialVolume:t=1,onVolumeChange:n}){const[a,r]=i.useState(t),s=i.useCallback(o=>{r(o),e.current&&e.current.setMasterGain(o),n?.(o)},[e,n]);return{masterVolume:a,setMasterVolume:s}}const Wo=(e=256)=>{const t=i.useRef(null),n=i.useCallback((a,r,s)=>{const o=new W.Analyser("fft",e);return a.connect(o),a.connect(r),t.current=o,function(){o.dispose(),t.current=null}},[e]);return{analyserRef:t,masterEffects:n}};function Wt(e){const{audioBuffer:t,startSample:n,offsetSamples:a=0,gain:r=1,name:s,color:o,fadeIn:l,fadeOut:c,waveformData:u}=e,f=t?.sampleRate??e.sampleRate??u?.sample_rate,w=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(w===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??w;return{id:Nn(),audioBuffer:t,startSample:n,durationSamples:g,offsetSamples:a,sampleRate:f,sourceDurationSamples:w,gain:r,name:s,color:o,fadeIn:l,fadeOut:c,waveformData:u}}function _o(e){const{audioBuffer:t,startTime:n,offset:a=0,gain:r=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 w=t?.duration??e.sourceDuration??u?.duration;if(w===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??w;return Wt({audioBuffer:t,startSample:Math.round(n*f),durationSamples:Math.round(g*f),offsetSamples:Math.round(a*f),sampleRate:f,sourceDurationSamples:Math.ceil(w*f),gain:r,name:s,color:o,fadeIn:l,fadeOut:c,waveformData:u})}function Fo(e){const{name:t,clips:n=[],muted:a=!1,soloed:r=!1,volume:s=1,pan:o=0,color:l,height:c}=e;return{id:Nn(),name:t,clips:n,muted:a,soloed:r,volume:s,pan:o,color:l,height:c}}function Nn(){return`${Date.now()}-${Math.random().toString(36).substr(2,9)}`}function Zo(e,t={}){const{progressive:n=!1}=t,[a,r]=i.useState([]),[s,o]=i.useState(!0),[l,c]=i.useState(null),[u,f]=i.useState(0),w=e.length;return i.useEffect(()=>{if(e.length===0){r([]),o(!1),f(0);return}let g=!1;const d=new Map,x=(m,b,p)=>{const C=p??m.audioBuffer;if(!C&&!m.waveformData)throw new Error(`Track ${b+1}: Must provide src, audioBuffer, or waveformData`);const h=C?.duration??m.waveformData?.duration,k=_o({audioBuffer:C,startTime:m.startTime??0,duration:m.duration??h,offset:m.offset??0,name:m.name||`Track ${b+1}`,fadeIn:m.fadeIn,fadeOut:m.fadeOut,waveformData:m.waveformData});if(isNaN(k.startSample)||isNaN(k.durationSamples)||isNaN(k.offsetSamples))throw console.error("Invalid clip values:",k),new Error(`Invalid clip values for track ${b+1}`);return{...Fo({name:m.name||`Track ${b+1}`,clips:[k],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),f(0);const m=hn.getContext().rawContext,b=e.map(async(C,h)=>{if(C.audioBuffer){const E=x(C,h,C.audioBuffer);return n&&!g&&(d.set(h,E),f($=>$+1),r(Array.from({length:e.length},($,M)=>d.get(M)).filter($=>$!==void 0))),E}if(!C.src&&C.waveformData){const E=x(C,h);return n&&!g&&(d.set(h,E),f($=>$+1),r(Array.from({length:e.length},($,M)=>d.get(M)).filter($=>$!==void 0))),E}if(!C.src)throw new Error(`Track ${h+1}: Must provide src, audioBuffer, or waveformData`);const k=await fetch(C.src);if(!k.ok)throw new Error(`Failed to fetch ${C.src}: ${k.statusText}`);const y=await k.arrayBuffer(),S=await m.decodeAudioData(y);if(!S||!S.sampleRate||!S.duration)throw new Error(`Invalid audio buffer for ${C.src}`);const R=x(C,h,S);return n&&!g&&(d.set(h,R),f(E=>E+1),r(Array.from({length:e.length},(E,$)=>d.get($)).filter(E=>E!==void 0))),R}),p=await Promise.all(b);g||(n||(r(p),f(p.length)),o(!1))}catch(m){if(!g){const b=m instanceof Error?m.message:"Unknown error loading audio";c(b),o(!1),console.error("Error loading audio tracks:",m)}}})(),()=>{g=!0}},[e,n]),{tracks:a,loading:s,error:l,loadedCount:u,totalCount:w}}function Vo({tracks:e,onTracksChange:t,samplesPerPixel:n,sampleRate:a}){const r=i.useRef(null),s=i.useCallback(u=>{const{transform:f,active:w}=u;if(!w?.data?.current)return{...f,scaleX:1,scaleY:1};const{trackIndex:g,clipIndex:d,boundary:x}=w.data.current;if(x)return{...f,scaleX:1,scaleY:1};const I=e[g];if(!I)return{...f,scaleX:1,scaleY:1};const m=I.clips[d];if(!m)return{...f,scaleX:1,scaleY:1};const b=m.startSample/a,p=m.durationSamples/a,C=f.x*n/a;let h=b+C;const k=[...I.clips].sort((M,D)=>M.startSample-D.startSample),y=k.findIndex(M=>M===m);h=Math.max(0,h);const S=y>0?k[y-1]:null;if(S){const M=(S.startSample+S.durationSamples)/a;h=Math.max(h,M)}const R=y<k.length-1?k[y+1]:null;if(R){const M=h+p,D=R.startSample/a;M>D&&(h=D-p)}const $=(h-b)*a/n;return{...f,x:$,scaleX:1,scaleY:1}},[e,n,a]),o=i.useCallback(u=>{const{active:f}=u,{boundary:w}=f.data.current;if(!w){r.current=null;return}const{trackIndex:g,clipIndex:d}=f.data.current,I=e[g]?.clips[d];I&&(r.current={offsetSamples:I.offsetSamples,durationSamples:I.durationSamples,startSample:I.startSample})},[e]),l=i.useCallback(u=>{const{active:f,delta:w}=u,{boundary:g}=f.data.current;if(!g||!r.current)return;const{trackIndex:d,clipIndex:x}=f.data.current,I=w.x*n,m=Math.floor(.1*a),b=r.current,p=e.map((C,h)=>{if(h!==d)return C;const k=[...C.clips].sort((R,E)=>R.startSample-E.startSample),y=k.findIndex(R=>R===C.clips[x]),S=C.clips.map((R,E)=>{if(E!==x)return R;const $=R.sourceDurationSamples;if(g==="left"){let M=Math.floor(I);const D=-b.startSample;M<D&&(M=D);const _=-b.offsetSamples;M<_&&(M=_);const Z=y>0?k[y-1]:null;if(Z){const L=Z.startSample+Z.durationSamples-b.startSample;M<L&&(M=L)}const T=b.durationSamples-m;M>T&&(M=T);const P=b.offsetSamples+M,j=b.durationSamples-M,U=b.startSample+M;return{...R,offsetSamples:P,durationSamples:j,startSample:U}}else{let M=Math.floor(b.durationSamples+I);M=Math.max(m,M),b.offsetSamples+M>$&&(M=$-b.offsetSamples);const D=y<k.length-1?k[y+1]:null;return D&&b.startSample+M>D.startSample&&(M=D.startSample-b.startSample,M=Math.max(m,M)),{...R,durationSamples:M}}});return{...C,clips:S}});t(p)},[e,t,n,a]),c=i.useCallback(u=>{const{active:f,delta:w}=u,{trackIndex:g,clipIndex:d,boundary:x}=f.data.current,I=w.x*n;if(x){r.current=null;return}const m=e.map((b,p)=>{if(p!==g)return b;const C=[...b.clips].sort((y,S)=>y.startSample-S.startSample),h=C.findIndex(y=>y===b.clips[d]),k=b.clips.map((y,S)=>{if(S!==d)return y;let R=Math.floor(y.startSample+I);R=Math.max(0,R);const E=h>0?C[h-1]:null;if(E){const M=E.startSample+E.durationSamples;R=Math.max(R,M)}const $=h<C.length-1?C[h+1]:null;return $&&R+y.durationSamples>$.startSample&&(R=$.startSample-y.durationSamples),{...y,startSample:R}});return{...b,clips:k}});t(m)},[e,t,n,a]);return{onDragStart:o,onDragMove:l,onDragEnd:c,collisionModifier:s}}const Et=.01;function Ln({annotations:e,onAnnotationsChange:t,samplesPerPixel:n,sampleRate:a,duration:r,linkEndpoints:s}){const o=i.useRef(null),l=i.useCallback(f=>{const{active:w}=f,g=w.data.current;if(!g||g.annotationIndex===void 0){o.current=null;return}const d=e[g.annotationIndex];d&&(o.current={start:d.start,end:d.end,annotationIndex:g.annotationIndex})},[e]),c=i.useCallback(f=>{const{active:w,delta:g}=f;if(!o.current)return;const d=w.data.current;if(!d)return;const{edge:x,annotationIndex:I}=d,m=o.current,b=g.x*n/a,p=x==="start"?m.start+b:m.end+b,C=Po({annotationIndex:I,newTime:p,isDraggingStart:x==="start",annotations:e,duration:r,linkEndpoints:s});t(C)},[e,t,n,a,r,s]),u=i.useCallback(()=>{o.current=null},[]);return{onDragStart:l,onDragMove:c,onDragEnd:u}}function Po({annotationIndex:e,newTime:t,isDraggingStart:n,annotations:a,duration:r,linkEndpoints:s}){const o=[...a],l=a[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)<Et?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,r)),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)<Et){const w=f.start+u;o[e+1]={...f,start:Math.min(f.end-.1,w)};let g=e+1;for(;g<o.length-1;){const d=o[g],x=o[g+1];if(Math.abs(x.start-d.end)<Et){const I=d.end-a[g].end;o[g+1]={...x,start:Math.min(x.end-.1,x.start+I)},g++}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 w=e+1;for(;w<o.length-1;){const g=o[w],d=o[w+1];if(g.end>d.start)o[w+1]={...d,start:g.end},w++;else break}}}return o}function zo(e={}){const{touchOptimized:t=!1,touchDelay:n=250,touchTolerance:a=5,mouseDistance:r=1}=e,s=Re.useSensor(Re.MouseSensor,{activationConstraint:{distance:r}}),o=Re.useSensor(Re.TouchSensor,{activationConstraint:t?{delay:n,tolerance:a}:{distance:r}}),l=Re.useSensor(Re.PointerSensor,{activationConstraint:{distance:r}});return Re.useSensors(...t?[s,o]:[l])}const jo=e=>{const{tracks:t,onTracksChange:n,sampleRate:a}=e,{currentTimeRef:r}=Ie(),{selectedTrackId:s}=Te(),o=i.useCallback((c,u,f)=>{const{sampleRate:w,samplesPerPixel:g}=e,d=t[c];if(!d)return!1;const x=d.clips[u];if(!x)return!1;const I=x.startSample/w,m=(x.startSample+x.durationSamples)/w;if(f<=I||f>=m)return console.warn("Split time is outside clip bounds"),!1;const b=Math.round(f*w),p=Math.floor(b/g),C=x.startSample+x.durationSamples,h=p*g,k=x.startSample,y=h-k,S=h,R=C-S,E=h-x.startSample,$=Wt({audioBuffer:x.audioBuffer,startSample:k,durationSamples:y,offsetSamples:x.offsetSamples,sampleRate:x.sampleRate,sourceDurationSamples:x.sourceDurationSamples,gain:x.gain,name:x.name?`${x.name} (1)`:void 0,color:x.color,fadeIn:x.fadeIn,waveformData:x.waveformData}),M=Wt({audioBuffer:x.audioBuffer,startSample:S,durationSamples:R,offsetSamples:x.offsetSamples+E,sampleRate:x.sampleRate,sourceDurationSamples:x.sourceDurationSamples,gain:x.gain,name:x.name?`${x.name} (2)`:void 0,color:x.color,waveformData:x.waveformData,fadeOut:x.fadeOut}),D=[...d.clips];D.splice(u,1,$,M);const _=[...t];return _[c]={...d,clips:D},n(_),!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(w=>w.id===s);if(c===-1)return console.warn("Selected track not found"),!1;const u=t[c],f=r.current??0;for(let w=0;w<u.clips.length;w++){const g=u.clips[w],d=g.startSample/a,x=(g.startSample+g.durationSamples)/a;if(f>d&&f<x)return console.log(`Splitting clip on track "${u.name}" at ${f}s`),o(c,w,f)}return console.log(`No clip found at playhead position on track "${u.name}"`),!1},[t,r,s,o,a]),splitClipAt:o}},vt=e=>{const{shortcuts:t,enabled:n=!0}=e,a=i.useCallback(r=>{if(!n)return;const s=r.target;if(s.tagName==="INPUT"||s.tagName==="TEXTAREA"||s.isContentEditable)return;const o=t.find(l=>{const c=r.key.toLowerCase()===l.key.toLowerCase()||r.key===l.key,u=l.ctrlKey===void 0||r.ctrlKey===l.ctrlKey,f=l.shiftKey===void 0||r.shiftKey===l.shiftKey,w=l.metaKey===void 0||r.metaKey===l.metaKey,g=l.altKey===void 0||r.altKey===l.altKey;return c&&u&&f&&w&&g});o&&(o.preventDefault!==!1&&r.preventDefault(),o.action())},[t,n]);i.useEffect(()=>{if(n)return window.addEventListener("keydown",a),()=>{window.removeEventListener("keydown",a)}},[a,n])},Ho=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("+")},Xo=(e={})=>{const{enabled:t=!0,additionalShortcuts:n=[],shortcuts:a}=e,{isPlaying:r}=Ie(),{setCurrentTime:s,play:o,pause:l,stop:c}=he(),{playoutRef:u}=we(),f=i.useCallback(()=>{r?l():o()},[r,o,l]),w=i.useCallback(()=>{c()},[c]),g=i.useCallback(()=>{r&&u.current?(u.current.stop(),s(0),o(0)):s(0)},[r,u,s,o]),x=a??[...[{key:" ",action:f,description:"Play/Pause",preventDefault:!0},{key:"Escape",action:w,description:"Stop",preventDefault:!0},{key:"0",action:g,description:"Rewind to start",preventDefault:!0}],...n];return vt({shortcuts:x,enabled:t}),{rewindToStart:g,togglePlayPause:f,stopPlayback:w,shortcuts:x}},Dt=.01,ht=.01;function Go({annotations:e,activeAnnotationId:t,onAnnotationsChange:n,onActiveAnnotationChange:a,duration:r,linkEndpoints:s,continuousPlay:o=!1,enabled:l=!0,scrollContainerRef:c,samplesPerPixel:u,sampleRate:f,controlsWidth:w=0,onPlay:g}){const d=i.useMemo(()=>t?e.findIndex(E=>E.id===t):-1,[e,t]),x=i.useCallback(E=>{if(!c?.current||!u||!f)return;const $=e.find(V=>V.id===E);if(!$)return;const M=c.current,D=M.clientWidth,_=$.start*f/u+w,Z=$.end*f/u+w,T=(_+Z)/2,P=M.scrollLeft,j=P,U=P+D;if(_<j||Z>U){const V=Math.max(0,T-D/2);M.scrollTo({left:V,behavior:"smooth"})}},[e,c,u,f,w]);i.useEffect(()=>{t&&c?.current&&u&&f&&x(t)},[t,x,c,u,f]);const I=i.useCallback(E=>{if(d<0)return;const $=e[d],M=Math.max(0,Math.min($.end-.1,$.start+E)),D=M-$.start,_=[...e];if(_[d]={...$,start:M},s&&d>0){const Z=_[d-1];Math.abs(Z.end-$.start)<Dt&&(_[d-1]={...Z,end:Math.max(Z.start+.1,Z.end+D)})}else if(!s&&d>0){const Z=_[d-1];M<Z.end&&(_[d-1]={...Z,end:M})}n(_)},[e,d,s,n]),m=i.useCallback(E=>{if(d<0)return;const $=e[d],M=Math.max($.start+.1,Math.min(r,$.end+E)),D=M-$.end,_=[...e];if(_[d]={...$,end:M},s&&d<e.length-1){const Z=_[d+1];if(Math.abs(Z.start-$.end)<Dt){const T=Math.min(Z.end-.1,Z.start+D);_[d+1]={...Z,start:T};let P=d+1;for(;P<_.length-1;){const j=_[P],U=_[P+1];if(Math.abs(U.start-e[P].end)<Dt){const V=j.end-e[P].end;_[P+1]={...U,start:Math.min(U.end-.1,U.start+V)},P++}else break}}}else if(!s&&d<e.length-1){const Z=_[d+1];if(M>Z.start){_[d+1]={...Z,start:M};let T=d+1;for(;T<_.length-1;){const P=_[T],j=_[T+1];if(P.end>j.start)_[T+1]={...j,start:P.end},T++;else break}}}n(_)},[e,d,r,s,n]),b=i.useCallback(()=>{!a||e.length===0||(d<=0?a(e[e.length-1].id):a(e[d-1].id))},[e,d,a]),p=i.useCallback(()=>{!a||e.length===0||(d<0||d>=e.length-1?a(e[0].id):a(e[d+1].id))},[e,d,a]),C=i.useCallback(()=>{!a||e.length===0||a(e[0].id)},[e,a]),h=i.useCallback(()=>{!a||e.length===0||a(e[e.length-1].id)},[e,a]),k=i.useCallback(()=>{a&&a(null)},[a]),y=i.useCallback(()=>{if(d<0||!g)return;const E=e[d],$=o?void 0:E.end-E.start;g(E.start,$)},[e,d,o,g]),S=i.useMemo(()=>[{key:"[",action:()=>I(-ht),description:"Move annotation start earlier",preventDefault:!0},{key:"]",action:()=>I(ht),description:"Move annotation start later",preventDefault:!0},{key:"{",shiftKey:!0,action:()=>m(-ht),description:"Move annotation end earlier",preventDefault:!0},{key:"}",shiftKey:!0,action:()=>m(ht),description:"Move annotation end later",preventDefault:!0},{key:"Enter",action:y,description:"Play selected annotation",preventDefault:!0}],[I,m,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:p,description:"Select next annotation",preventDefault:!0},{key:"ArrowRight",action:p,description:"Select next annotation",preventDefault:!0},{key:"Home",action:C,description:"Select first annotation",preventDefault:!0},{key:"End",action:h,description:"Select last annotation",preventDefault:!0},{key:"Escape",action:k,description:"Deselect annotation",preventDefault:!0}],[b,p,C,h,k]);return vt({shortcuts:S,enabled:l&&d>=0}),vt({shortcuts:R,enabled:l&&e.length>0&&!!a}),{moveStartBoundary:I,moveEndBoundary:m,selectPrevious:b,selectNext:p,selectFirst:C,selectLast:h,clearSelection:k,scrollToAnnotation:x,playActiveAnnotation:y}}function No(e){const t=e.reduce((r,s)=>r+s.length,0),n=new Float32Array(t);let a=0;for(const r of e)n.set(r,a),a+=r.length;return n}function Lo(e,t,n,a=1){const r=e.createBuffer(a,t.length,n),s=new Float32Array(t);return r.copyToChannel(s,0),r}function ln(e,t,n=16){const a=Math.ceil(e.length/t),r=n===8?new Int8Array(a*2):new Int16Array(a*2),s=2**(n-1);for(let o=0;o<a;o++){const l=o*t,c=Math.min(l+t,e.length);let u=0,f=0;for(let w=l;w<c;w++){const g=e[w];g<u&&(u=g),g>f&&(f=g)}r[o*2]=Math.floor(u*s),r[o*2+1]=Math.floor(f*s)}return r}function Yo(e,t,n,a,r=16){const s=2**(r-1),o=a%n;let l=0;if(o>0&&e.length>0){const f=n-o,w=Math.min(f,t.length);let g=e[e.length-2]/s,d=e[e.length-1]/s;for(let b=0;b<w;b++){const p=t[b];p<g&&(g=p),p>d&&(d=p)}const x=new(r===8?Int8Array:Int16Array)(e.length);x.set(e),x[e.length-2]=Math.floor(g*s),x[e.length-1]=Math.floor(d*s),l=w;const I=ln(t.slice(l),n,r),m=new(r===8?Int8Array:Int16Array)(x.length+I.length);return m.set(x),m.set(I,x.length),m}const c=ln(t.slice(l),n,r),u=new(r===8?Int8Array:Int16Array)(e.length+c.length);return u.set(e),u.set(c,e.length),u}function Oo(e,t={}){const{channelCount:n=1,samplesPerPixel:a=1024}=t,[r,s]=i.useState(!1),[o,l]=i.useState(!1),[c,u]=i.useState(0),[f,w]=i.useState(new Int16Array(0)),[g,d]=i.useState(null),[x,I]=i.useState(null),[m,b]=i.useState(0),[p,C]=i.useState(0),h=16,k=i.useRef(!1),y=i.useRef(null),S=i.useRef(null),R=i.useRef([]),E=i.useRef(0),$=i.useRef(null),M=i.useRef(0),D=i.useRef(!1),_=i.useRef(!1),Z=i.useCallback(async()=>{if(!k.current)try{const V=W.getContext(),L=new URL("data:text/javascript;base64,InVzZSBzdHJpY3QiOwoKLy8gc3JjL3dvcmtsZXQvcmVjb3JkaW5nLXByb2Nlc3Nvci53b3JrbGV0LnRzCnZhciBSZWNvcmRpbmdQcm9jZXNzb3IgPSBjbGFzcyBleHRlbmRzIEF1ZGlvV29ya2xldFByb2Nlc3NvciB7CiAgY29uc3RydWN0b3IoKSB7CiAgICBzdXBlcigpOwogICAgdGhpcy5idWZmZXJTaXplID0gMDsKICAgIHRoaXMuYnVmZmVycyA9IFtdOwogICAgdGhpcy5zYW1wbGVzQ29sbGVjdGVkID0gMDsKICAgIHRoaXMuaXNSZWNvcmRpbmcgPSBmYWxzZTsKICAgIHRoaXMuY2hhbm5lbENvdW50ID0gMTsKICAgIHRoaXMucG9ydC5vbm1lc3NhZ2UgPSAoZXZlbnQpID0+IHsKICAgICAgY29uc3QgeyBjb21tYW5kLCBzYW1wbGVSYXRlOiBzYW1wbGVSYXRlMiwgY2hhbm5lbENvdW50IH0gPSBldmVudC5kYXRhOwogICAgICBpZiAoY29tbWFuZCA9PT0gInN0YXJ0IikgewogICAgICAgIHRoaXMuaXNSZWNvcmRpbmcgPSB0cnVlOwogICAgICAgIHRoaXMuY2hhbm5lbENvdW50ID0gY2hhbm5lbENvdW50IHx8IDE7CiAgICAgICAgdGhpcy5idWZmZXJTaXplID0gTWF0aC5mbG9vcigoc2FtcGxlUmF0ZTIgfHwgNDhlMykgKiAwLjAxNik7CiAgICAgICAgdGhpcy5idWZmZXJzID0gW107CiAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLmNoYW5uZWxDb3VudDsgaSsrKSB7CiAgICAgICAgICB0aGlzLmJ1ZmZlcnNbaV0gPSBuZXcgRmxvYXQzMkFycmF5KHRoaXMuYnVmZmVyU2l6ZSk7CiAgICAgICAgfQogICAgICAgIHRoaXMuc2FtcGxlc0NvbGxlY3RlZCA9IDA7CiAgICAgIH0gZWxzZSBpZiAoY29tbWFuZCA9PT0gInN0b3AiKSB7CiAgICAgICAgdGhpcy5pc1JlY29yZGluZyA9IGZhbHNlOwogICAgICAgIGlmICh0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgPiAwKSB7CiAgICAgICAgICB0aGlzLmZsdXNoQnVmZmVycygpOwogICAgICAgIH0KICAgICAgfQogICAgfTsKICB9CiAgcHJvY2VzcyhpbnB1dHMsIG91dHB1dHMsIHBhcmFtZXRlcnMpIHsKICAgIGlmICghdGhpcy5pc1JlY29yZGluZykgewogICAgICByZXR1cm4gdHJ1ZTsKICAgIH0KICAgIGNvbnN0IGlucHV0ID0gaW5wdXRzWzBdOwogICAgaWYgKCFpbnB1dCB8fCBpbnB1dC5sZW5ndGggPT09IDApIHsKICAgICAgcmV0dXJuIHRydWU7CiAgICB9CiAgICBjb25zdCBmcmFtZUNvdW50ID0gaW5wdXRbMF0ubGVuZ3RoOwogICAgZm9yIChsZXQgY2hhbm5lbCA9IDA7IGNoYW5uZWwgPCBNYXRoLm1pbihpbnB1dC5sZW5ndGgsIHRoaXMuY2hhbm5lbENvdW50KTsgY2hhbm5lbCsrKSB7CiAgICAgIGNvbnN0IGlucHV0Q2hhbm5lbCA9IGlucHV0W2NoYW5uZWxdOwogICAgICBjb25zdCBidWZmZXIgPSB0aGlzLmJ1ZmZlcnNbY2hhbm5lbF07CiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgZnJhbWVDb3VudDsgaSsrKSB7CiAgICAgICAgYnVmZmVyW3RoaXMuc2FtcGxlc0NvbGxlY3RlZCArIGldID0gaW5wdXRDaGFubmVsW2ldOwogICAgICB9CiAgICB9CiAgICB0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgKz0gZnJhbWVDb3VudDsKICAgIGlmICh0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgPj0gdGhpcy5idWZmZXJTaXplKSB7CiAgICAgIHRoaXMuZmx1c2hCdWZmZXJzKCk7CiAgICB9CiAgICByZXR1cm4gdHJ1ZTsKICB9CiAgZmx1c2hCdWZmZXJzKCkgewogICAgY29uc3Qgc2FtcGxlcyA9IHRoaXMuYnVmZmVyc1swXS5zbGljZSgwLCB0aGlzLnNhbXBsZXNDb2xsZWN0ZWQpOwogICAgdGhpcy5wb3J0LnBvc3RNZXNzYWdlKHsKICAgICAgc2FtcGxlcywKICAgICAgc2FtcGxlUmF0ZSwKICAgICAgY2hhbm5lbENvdW50OiB0aGlzLmNoYW5uZWxDb3VudAogICAgfSk7CiAgICB0aGlzLnNhbXBsZXNDb2xsZWN0ZWQgPSAwOwogIH0KfTsKcmVnaXN0ZXJQcm9jZXNzb3IoInJlY29yZGluZy1wcm9jZXNzb3IiLCBSZWNvcmRpbmdQcm9jZXNzb3IpOwovLyMgc291cmNlTWFwcGluZ1VSTD1yZWNvcmRpbmctcHJvY2Vzc29yLndvcmtsZXQuanMubWFw",typeof document>"u"?require("url").pathToFileURL(__filename).href:Mt&&Mt.tagName.toUpperCase()==="SCRIPT"&&Mt.src||new URL("index.js",document.baseURI).href).href;await V.addAudioWorkletModule(L),k.current=!0}catch(V){throw console.error("Failed to load AudioWorklet module:",V),new Error("Failed to load recording processor")}},[]),T=i.useCallback(async()=>{if(!e){I(new Error("No microphone stream available"));return}try{I(null);const V=W.getContext();V.state==="suspended"&&await V.resume(),await Z();const L=V.createMediaStreamSource(e);S.current=L;const re=V.createAudioWorkletNode("recording-processor");y.current=re,L.connect(re),re.port.onmessage=Q=>{const{samples:q}=Q.data;R.current.push(q),E.current+=q.length,w(be=>Yo(be,q,a,E.current-q.length,h))},re.port.postMessage({command:"start",sampleRate:V.sampleRate,channelCount:n}),R.current=[],E.current=0,w(new Int16Array(0)),d(null),b(0),C(0),D.current=!0,_.current=!1,s(!0),l(!1),M.current=performance.now();const te=()=>{if(D.current&&!_.current){const Q=(performance.now()-M.current)/1e3;u(Q),$.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,a,Z,r,o]),P=i.useCallback(async()=>{if(!r)return null;try{if(y.current){if(y.current.port.postMessage({command:"stop"}),S.current)try{S.current.disconnect(y.current)}catch{}y.current.disconnect()}$.current!==null&&(cancelAnimationFrame($.current),$.current=null);const V=No(R.current),re=W.getContext().rawContext,te=Lo(re,V,re.sampleRate,n);return d(te),u(te.duration),D.current=!1,_.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}},[r,n]),j=i.useCallback(()=>{r&&!o&&($.current!==null&&(cancelAnimationFrame($.current),$.current=null),_.current=!0,l(!0))},[r,o]),U=i.useCallback(()=>{if(r&&o){_.current=!1,l(!1),M.current=performance.now()-c*1e3;const V=()=>{if(D.current&&!_.current){const L=(performance.now()-M.current)/1e3;u(L),$.current=requestAnimationFrame(V)}};V()}},[r,o,c]);return i.useEffect(()=>()=>{if(y.current){if(y.current.port.postMessage({command:"stop"}),S.current)try{S.current.disconnect(y.current)}catch{}y.current.disconnect()}$.current!==null&&cancelAnimationFrame($.current)},[]),{isRecording:r,isPaused:o,duration:c,peaks:f,audioBuffer:g,level:m,peakLevel:p,startRecording:T,stopRecording:P,pauseRecording:j,resumeRecording:U,error:x}}function Ko(){const[e,t]=i.useState(null),[n,a]=i.useState([]),[r,s]=i.useState(!1),[o,l]=i.useState(!1),[c,u]=i.useState(null),f=i.useCallback(async()=>{try{const x=(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}));a(x)}catch(d){console.error("Failed to enumerate devices:",d),u(d instanceof Error?d:new Error("Failed to enumerate devices"))}},[]),w=i.useCallback(async(d,x)=>{l(!0),u(null);try{e&&e.getTracks().forEach(p=>p.stop());const m={audio:{echoCancellation:!1,noiseSuppression:!1,autoGainControl:!1,latency:0,...x,...d&&{deviceId:{exact:d}}},video:!1},b=await navigator.mediaDevices.getUserMedia(m);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]),g=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:r,isLoading:o,requestAccess:w,stopStream:g,error:c}}function Uo(e,t={}){const{updateRate:n=60,smoothingTimeConstant:a=.8}=t,[r,s]=i.useState(0),[o,l]=i.useState(0),c=i.useRef(null),u=i.useRef(null),f=i.useRef(null),w=()=>l(0);return i.useEffect(()=>{if(!e){s(0),l(0);return}let g=!0;return(async()=>{if(!g)return;const x=W.getContext();if(x.state==="suspended"&&await x.resume(),!g)return;const I=new W.Meter({smoothing:a,context:x});c.current=I;const m=x.createMediaStreamSource(e);u.current=m,W.connect(m,I);const b=1e3/n;let p=0;const C=h=>{if(!(!g||!c.current)){if(h-p>=b){p=h;const k=c.current.getValue(),y=typeof k=="number"?k:k[0],S=Math.max(0,Math.min(1,(y+100)/100));s(S),l(R=>Math.max(R,S))}f.current=requestAnimationFrame(C)}};f.current=requestAnimationFrame(C)})(),()=>{if(g=!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,a,n]),{level:r,peakLevel:o,resetPeak:w}}A.button`
|
|
1067
1067
|
padding: 0.5rem 1rem;
|
|
1068
1068
|
font-size: 0.875rem;
|
|
1069
1069
|
font-weight: 500;
|
|
@@ -1093,7 +1093,7 @@
|
|
|
1093
1093
|
outline: none;
|
|
1094
1094
|
box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.3);
|
|
1095
1095
|
}
|
|
1096
|
-
`;
|
|
1096
|
+
`;A.span`
|
|
1097
1097
|
display: inline-block;
|
|
1098
1098
|
width: 8px;
|
|
1099
1099
|
height: 8px;
|
|
@@ -1111,13 +1111,13 @@
|
|
|
1111
1111
|
opacity: 0.3;
|
|
1112
1112
|
}
|
|
1113
1113
|
}
|
|
1114
|
-
`;
|
|
1114
|
+
`;A(Zt)`
|
|
1115
1115
|
min-width: 200px;
|
|
1116
|
-
`;
|
|
1116
|
+
`;A(Cn)`
|
|
1117
1117
|
display: flex;
|
|
1118
1118
|
flex-direction: column;
|
|
1119
1119
|
gap: 0.25rem;
|
|
1120
|
-
`;
|
|
1120
|
+
`;A.div`
|
|
1121
1121
|
display: flex;
|
|
1122
1122
|
align-items: center;
|
|
1123
1123
|
gap: 0.75rem;
|
|
@@ -1125,7 +1125,7 @@
|
|
|
1125
1125
|
background: ${e=>e.$isRecording?"#fff3cd":"transparent"};
|
|
1126
1126
|
border-radius: 0.25rem;
|
|
1127
1127
|
transition: background 0.2s ease-in-out;
|
|
1128
|
-
`;
|
|
1128
|
+
`;A.div`
|
|
1129
1129
|
width: 12px;
|
|
1130
1130
|
height: 12px;
|
|
1131
1131
|
border-radius: 50%;
|
|
@@ -1145,18 +1145,18 @@
|
|
|
1145
1145
|
}
|
|
1146
1146
|
}
|
|
1147
1147
|
`}
|
|
1148
|
-
`;
|
|
1148
|
+
`;A.span`
|
|
1149
1149
|
font-family: 'Courier New', Monaco, monospace;
|
|
1150
1150
|
font-size: 1rem;
|
|
1151
1151
|
font-weight: 600;
|
|
1152
1152
|
color: #495057;
|
|
1153
1153
|
min-width: 70px;
|
|
1154
|
-
`;
|
|
1154
|
+
`;A.span`
|
|
1155
1155
|
font-size: 0.75rem;
|
|
1156
1156
|
font-weight: 500;
|
|
1157
1157
|
color: ${e=>e.$isPaused?"#ffc107":"#dc3545"};
|
|
1158
1158
|
text-transform: uppercase;
|
|
1159
|
-
`;var
|
|
1159
|
+
`;var Jo=A.div`
|
|
1160
1160
|
position: relative;
|
|
1161
1161
|
width: ${e=>e.$width}px;
|
|
1162
1162
|
height: ${e=>e.$height}px;
|
|
@@ -1164,39 +1164,39 @@
|
|
|
1164
1164
|
border-radius: 4px;
|
|
1165
1165
|
overflow: hidden;
|
|
1166
1166
|
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
|
|
1167
|
-
`,
|
|
1167
|
+
`,qo=e=>e<.6?"linear-gradient(90deg, #27ae60, #2ecc71)":e<.85?"linear-gradient(90deg, #f39c12, #f1c40f)":"linear-gradient(90deg, #c0392b, #e74c3c)",Qo=A.div.attrs(e=>({style:{width:`${e.$level*100}%`,height:`${e.$height}px`,background:qo(e.$level),boxShadow:e.$level>.01?"0 0 8px rgba(255, 255, 255, 0.3)":"none"}}))`
|
|
1168
1168
|
position: absolute;
|
|
1169
1169
|
left: 0;
|
|
1170
1170
|
top: 0;
|
|
1171
1171
|
transition: width 0.05s ease-out, background 0.1s ease-out;
|
|
1172
|
-
`,
|
|
1172
|
+
`,es=A.div.attrs(e=>({style:{left:`${e.$peakLevel*100}%`,height:`${e.$height}px`}}))`
|
|
1173
1173
|
position: absolute;
|
|
1174
1174
|
top: 0;
|
|
1175
1175
|
width: 2px;
|
|
1176
1176
|
background: #ecf0f1;
|
|
1177
1177
|
box-shadow: 0 0 4px rgba(236, 240, 241, 0.8);
|
|
1178
1178
|
transition: left 0.1s ease-out;
|
|
1179
|
-
`,
|
|
1179
|
+
`,ts=A.div`
|
|
1180
1180
|
position: absolute;
|
|
1181
1181
|
top: 0;
|
|
1182
1182
|
left: 0;
|
|
1183
1183
|
width: 100%;
|
|
1184
1184
|
height: ${e=>e.$height}px;
|
|
1185
1185
|
pointer-events: none;
|
|
1186
|
-
`,
|
|
1186
|
+
`,cn=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
|
-
`,Ti=({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 w.jsxs($i,{$width:n,$height:r,className:a,children:[w.jsx(Di,{$level:s,$height:r}),t!==void 0&&o>0&&w.jsx(Ri,{$peakLevel:o,$height:r}),w.jsxs(Ei,{$height:r,children:[w.jsx(sr,{$position:60,$height:r}),w.jsx(sr,{$position:85,$height:r})]})]})};i.memo(Ti);function Bi(e,t,n,r={}){const{currentTime:a=0,audioConstraints:s,...o}=r,[l,c]=i.useState(!1),[u,f]=i.useState(null),{stream:x,devices:v,hasPermission:d,requestAccess:C,error:y}=Si(),{level:h,peakLevel:b}=Ai(x),{isRecording:g,isPaused:m,duration:p,peaks:I,startRecording:k,stopRecording:A,pauseRecording:R,resumeRecording:D,error:M}=Ii(x,o),$=i.useCallback(async()=>{n&&(l||(await Vt(),c(!0)),await k())},[n,l,k]),E=i.useCallback(async()=>{const F=await A();if(F&&n){const V=e.findIndex(G=>G.id===n);if(V===-1)return;const H=e[V],q=Math.floor(a*F.sampleRate);let z=0;if(H.clips.length>0){const G=H.clips.map(O=>O.startSample+O.durationSamples);z=Math.max(...G)}const B=Math.max(q,z),K={id:`clip-${Date.now()}`,audioBuffer:F,startSample:B,durationSamples:F.length,offsetSamples:0,sampleRate:F.sampleRate,sourceDurationSamples:F.length,gain:1,name:`Recording ${new Date().toLocaleTimeString()}`},U=e.map((G,O)=>O===V?{...G,clips:[...G.clips,K]}:G);t(U)}},[n,e,t,a,A]);i.useEffect(()=>{d&&v.length>0&&u===null&&f(v[0].deviceId)},[d,v.length]);const Z=i.useCallback(async()=>{await C(void 0,s),await Vt(),c(!0)},[C,s]),P=i.useCallback(async F=>{f(F),await C(F,s),await Vt(),c(!0)},[C,s]);return{isRecording:g,isPaused:m,duration:p,level:h,peakLevel:b,error:y||M,stream:x,devices:v,hasPermission:d,selectedDevice:u,startRecording:$,stopRecording:E,pauseRecording:R,resumeRecording:D,requestMicAccess:Z,changeDevice:P,recordingPeaks:I}}const ft=[{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}]}],mn=e=>ft.find(t=>t.id===e),Wi=e=>ft.filter(t=>t.category===e),Fi=[{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"}],_i={reverb:W.Reverb,freeverb:W.Freeverb,jcReverb:W.JCReverb,feedbackDelay:W.FeedbackDelay,pingPongDelay:W.PingPongDelay,chorus:W.Chorus,phaser:W.Phaser,tremolo:W.Tremolo,vibrato:W.Vibrato,autoPanner:W.AutoPanner,autoFilter:W.AutoFilter,autoWah:W.AutoWah,eq3:W.EQ3,distortion:W.Distortion,bitCrusher:W.BitCrusher,chebyshev:W.Chebyshev,compressor:W.Compressor,limiter:W.Limiter,gate:W.Gate,stereoWidener:W.StereoWidener};let Zi=0;const Pi=()=>`effect_${Date.now()}_${++Zi}`;function ct(e,t){const n=_i[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=Pi();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 Vi(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 zi(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:g,destination:m,analyserNode:p}=b;try{g.disconnect()}catch{}const I=h.map(k=>a.current.get(k.instanceId)).filter(k=>k!==void 0);if(I.length===0)g.connect(p),p.connect(m);else{let k=g;I.forEach(A=>{try{A.disconnect()}catch{}k.connect(A.effect),k=A.effect}),k.connect(p),p.connect(m)}},[]),c=i.useCallback(h=>{const b=mn(h);if(!b){console.error(`Unknown effect: ${h}`);return}const g={};b.parameters.forEach(I=>{g[I.name]=I.default});const m=ct(b,g);a.current.set(m.instanceId,m);const p={instanceId:m.instanceId,effectId:b.id,definition:b,params:g,bypassed:!1};n(I=>[...I,p])},[]),u=i.useCallback(h=>{const b=a.current.get(h);b&&(b.dispose(),a.current.delete(h)),n(g=>g.filter(m=>m.instanceId!==h))},[]),f=i.useCallback((h,b,g)=>{const m=a.current.get(h);m&&m.setParameter(b,g),n(p=>p.map(I=>I.instanceId===h?{...I,params:{...I.params,[b]:g}}:I))},[]),x=i.useCallback(h=>{const b=r.current.find(p=>p.instanceId===h);if(!b)return;const g=!b.bypassed,m=a.current.get(h);if(m){const p=b.params.wet??1;m.setParameter("wet",g?0:p)}n(p=>p.map(I=>I.instanceId===h?{...I,bypassed:g}:I))},[]),v=i.useCallback((h,b)=>{n(g=>{const m=[...g],[p]=m.splice(h,1);return m.splice(b,0,p),m})},[]),d=i.useCallback(()=>{a.current.forEach(h=>h.dispose()),a.current.clear(),n([])},[]);i.useEffect(()=>{l(t)},[t,l]);const C=i.useCallback((h,b,g)=>{const m=new W.Analyser("fft",e);s.current=m,o.current={masterGainNode:h,destination:b,analyserNode:m};const I=r.current.map(k=>a.current.get(k.instanceId)).filter(k=>k!==void 0);if(I.length===0)h.connect(m),m.connect(b);else{let k=h;I.forEach(A=>{k.connect(A.effect),k=A.effect}),k.connect(m),m.connect(b)}return function(){m.dispose(),s.current=null,o.current=null}},[e]);i.useEffect(()=>()=>{a.current.forEach(h=>h.dispose()),a.current.clear()},[]);const y=i.useCallback(()=>{const h=t.filter(b=>!b.bypassed);if(h.length!==0)return(b,g,m)=>{const p=[];for(const I of h){const k=ct(I.definition,I.params);p.push(k)}if(p.length===0)b.connect(g);else{let I=b;p.forEach(k=>{I.connect(k.effect),I=k.effect}),I.connect(g)}return function(){p.forEach(k=>k.dispose())}}},[t]);return{activeEffects:t,availableEffects:ft,addEffect:c,removeEffect:u,updateParameter:f,toggleBypass:x,reorderEffects:v,clearAllEffects:d,masterEffects:C,createOfflineEffectsFunction:y,analyserRef:s}}function ji(){const[e,t]=i.useState(new Map),n=i.useRef(new Map),r=i.useRef(new Map),a=i.useCallback((d,C)=>{const y=r.current.get(d);if(!y)return;const{graphEnd:h,masterGainNode:b}=y,g=n.current.get(d);try{h.disconnect()}catch{}const m=C.map(p=>g?.get(p.instanceId)).filter(p=>p!==void 0);if(m.length===0)h.connect(b);else{let p=h;m.forEach(I=>{try{I.disconnect()}catch{}p.connect(I.effect),p=I.effect}),p.connect(b)}},[]),s=i.useCallback((d,C)=>{const y=mn(C);if(!y){console.error(`Unknown effect: ${C}`);return}const h={};y.parameters.forEach(m=>{h[m.name]=m.default});const b=ct(y,h);n.current.has(d)||n.current.set(d,new Map),n.current.get(d).set(b.instanceId,b);const g={instanceId:b.instanceId,effectId:y.id,definition:y,params:h,bypassed:!1};t(m=>{const p=new Map(m),I=p.get(d)||[];return p.set(d,[...I,g]),p})},[]),o=i.useCallback((d,C)=>{const y=n.current.get(d),h=y?.get(C);h&&(h.dispose(),y?.delete(C)),t(b=>{const g=new Map(b),m=g.get(d)||[];return g.set(d,m.filter(p=>p.instanceId!==C)),g})},[]),l=i.useCallback((d,C,y,h)=>{const g=n.current.get(d)?.get(C);g&&g.setParameter(y,h),t(m=>{const p=new Map(m),I=p.get(d)||[];return p.set(d,I.map(k=>k.instanceId===C?{...k,params:{...k.params,[y]:h}}:k)),p})},[]),c=i.useCallback((d,C)=>{const h=(f.current.get(d)||[]).find(p=>p.instanceId===C);if(!h)return;const b=!h.bypassed,m=n.current.get(d)?.get(C);if(m){const p=h.params.wet??1;m.setParameter("wet",b?0:p)}t(p=>{const I=new Map(p),k=I.get(d)||[];return I.set(d,k.map(A=>A.instanceId===C?{...A,bypassed:b}:A)),I})},[]),u=i.useCallback(d=>{const C=n.current.get(d);C&&(C.forEach(y=>y.dispose()),C.clear()),t(y=>{const h=new Map(y);return h.set(d,[]),h})},[]),f=i.useRef(e);f.current=e;const x=i.useCallback(d=>(C,y,h)=>{r.current.set(d,{graphEnd:C,masterGainNode:y});const b=f.current.get(d)||[],g=n.current.get(d),m=b.map(p=>g?.get(p.instanceId)).filter(p=>p!==void 0);if(m.length===0)C.connect(y);else{let p=C;m.forEach(I=>{p.connect(I.effect),p=I.effect}),p.connect(y)}return function(){r.current.delete(d)}},[]);i.useEffect(()=>{e.forEach((d,C)=>{a(C,d)})},[e,a]),i.useEffect(()=>()=>{n.current.forEach(d=>{d.forEach(C=>C.dispose()),d.clear()}),n.current.clear()},[]);const v=i.useCallback(d=>{const y=(e.get(d)||[]).filter(h=>!h.bypassed);if(y.length!==0)return(h,b,g)=>{const m=[];for(const p of y){const I=ct(p.definition,p.params);m.push(I)}if(m.length===0)h.connect(b);else{let p=h;m.forEach(I=>{p.connect(I.effect),p=I.effect}),p.connect(b)}return function(){m.forEach(I=>I.dispose())}}},[e]);return{trackEffectsState:e,addEffectToTrack:s,removeEffectFromTrack:o,updateTrackEffectParameter:l,toggleBypass:c,clearTrackEffects:u,getTrackEffectsFunction:x,createOfflineTrackEffectsFunction:v,availableEffects:ft}}function Xi(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,x=f+u,v=new ArrayBuffer(x),d=new DataView(v);yt(d,0,"RIFF"),d.setUint32(4,x-8,!0),yt(d,8,"WAVE"),yt(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),yt(d,36,"data"),d.setUint32(40,u,!0);const C=[];for(let h=0;h<r;h++)C.push(e.getChannelData(h));let y=f;if(n===16)for(let h=0;h<s;h++)for(let b=0;b<r;b++){const g=C[b][h],m=Math.max(-1,Math.min(1,g)),p=m<0?m*32768:m*32767;d.setInt16(y,p,!0),y+=2}else for(let h=0;h<s;h++)for(let b=0;b<r;b++)d.setFloat32(y,C[b][h],!0),y+=4;return new Blob([v],{type:"audio/wav"})}function yt(e,t,n){for(let r=0;r<n.length;r++)e.setUint8(t+r,n.charCodeAt(r))}function Hi(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 Kr(){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:x="master",trackIndex:v,autoDownload:d=!0,applyEffects:C=!0,effectsFunction:y,createOfflineTrackEffects:h,bitDepth:b=16,onProgress:g}=u;t(!0),r(0),s(null);try{if(l.length===0)throw new Error("No tracks to export");if(x==="individual"&&(v===void 0||v<0||v>=l.length))throw new Error("Invalid track index for individual export");const m=l[0].clips[0]?.sampleRate||44100;let p=0;for(const $ of l)for(const E of $.clips){const Z=E.startSample+E.durationSamples;p=Math.max(p,Z)}p+=Math.round(m*.1);const I=p/m,k=x==="individual"?[{track:l[v],state:c[v],index:v}]:l.map(($,E)=>({track:$,state:c[E],index:E})),A=c.some($=>$.soloed),R=!!h;let D;if((y||R)&&C)D=await Li(k,c,A,I,m,y,h,$=>{r($),g?.($)});else{const $=new OfflineAudioContext(2,p,m);let E=0;const Z=k.reduce((P,{track:F})=>P+F.clips.length,0);for(const{track:P,state:F}of k)if(!(F.muted&&!F.soloed)&&!(A&&!F.soloed))for(const V of P.clips){await Gi($,V,F,m,C),E++;const H=E/Z*.5;r(H),g?.(H)}r(.5),g?.(.5),D=await $.startRendering()}r(.9),g?.(.9);const M=Xi(D,{bitDepth:b});if(r(1),g?.(1),d){const $=x==="individual"?`${f}_${l[v].name}`:f;Hi(M,`${$}.wav`)}return{audioBuffer:D,blob:M,duration:I}}catch(m){const p=m instanceof Error?m.message:"Export failed";throw s(p),m}finally{t(!1)}},[]),isExporting:e,progress:n,error:a}}async function Li(e,t,n,r,a,s,o,l){const{Offline:c,Volume:u,Gain:f,Panner:x,Player:v,ToneAudioBuffer:d}=await import("tone");l(.1);let C;try{C=await c(async({transport:y,destination:h})=>{const b=new u(0);let g;s?g=s(b,h,!0):b.connect(h);for(const{track:m,state:p}of e){if(p.muted&&!p.soloed||n&&!p.soloed)continue;const I=new u(Ni(p.volume)),k=new x(p.pan),A=new f(p.muted?0:1),R=o?.(m.id);R?R(A,b,!0):A.connect(b),k.connect(A),I.connect(k);for(const D of m.clips){const{audioBuffer:M,startSample:$,durationSamples:E,offsetSamples:Z,gain:P,fadeIn:F,fadeOut:V}=D,H=$/a,q=E/a,z=Z/a,B=new d(M),K=new v(B),U=new f(P);if(K.connect(U),U.connect(I),F){const G=H,O=H+F.duration,te=U.gain._param;te.setValueAtTime(0,G),te.linearRampToValueAtTime(P,O)}if(V){const G=H+q-V.duration,O=H+q,te=U.gain._param;te.setValueAtTime(P,G),te.linearRampToValueAtTime(0,O)}K.start(H,z,q)}}y.start(0)},r,2,a)}catch(y){throw y instanceof Error?y:new Error(`Tone.Offline rendering failed: ${String(y)}`)}return l(.9),C.get()}function Ni(e){return 20*Math.log10(Math.max(e,1e-4))}async function Gi(e,t,n,r,a){const{audioBuffer:s,startSample:o,durationSamples:l,offsetSamples:c,gain:u,fadeIn:f,fadeOut:x}=t;if(!s){console.warn(`Skipping clip "${t.name||t.id}" - no audioBuffer for export`);return}const v=o/r,d=l/r,C=c/r,y=e.createBufferSource();y.buffer=s;const h=e.createGain(),b=u*n.volume,g=e.createStereoPanner();if(g.pan.value=n.pan,y.connect(h),h.connect(g),g.connect(e.destination),a){if(f?h.gain.setValueAtTime(0,v):h.gain.setValueAtTime(b,v),f){const m=v,p=v+f.duration;ir(h.gain,m,p,0,b,f.type||"linear")}if(x){const m=v+d-x.duration,p=v+d;(!f||f.duration<d-x.duration)&&h.gain.setValueAtTime(b,m),ir(h.gain,m,p,b,0,x.type||"linear")}}else h.gain.setValueAtTime(b,v);y.start(v,C,d)}function ir(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=lr(r,a,256,"logarithmic");e.setValueCurveAtTime(u,t,o);break;case"sCurve":const f=lr(r,a,256,"sCurve");e.setValueCurveAtTime(f,t,o);break;default:e.setValueAtTime(r,t),e.linearRampToValueAtTime(a,n)}}function lr(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 Ur=i.createContext(null),Jr=i.createContext(null),qr=i.createContext(null),Qr=i.createContext(null),ea=i.createContext(null),Oi=({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:x,onAnnotationUpdate:v,barWidth:d=1,barGap:C=0,progressBarWidth:y,children:h})=>{const b=y??d+C,[g,m]=i.useState([]),[p,I]=i.useState(null),[k,A]=i.useState(!1),[R,D]=i.useState(0),[M,$]=i.useState(0),[E,Z]=i.useState([]),[P,F]=i.useState([]),[V,H]=i.useState([]),[q,z]=i.useState(0),[B,K]=i.useState(0),[U,G]=i.useState(null),[O,te]=i.useState(o),[ve,De]=i.useState(u?.isContinuousPlay??!1),[Fe,Be]=i.useState(u?.linkEndpoints??!0),[Ke,se]=i.useState(u?.editable??!1),[ie,Ue]=i.useState(!1),[Je,ne]=i.useState(0),[Q,ee]=i.useState(0),_=i.useRef(null),le=i.useRef(0),ce=i.useRef(0),pe=i.useRef(null),ht=i.useRef(V),ye=i.useRef(0),Ce=i.useRef(0),ze=i.useRef(null),We=i.useRef(null),mt=i.useRef(!1),pt=i.useRef(u?.isContinuousPlay??!1),Ne=i.useRef(null),gt=i.useRef(a),L=i.useRef(!1),J=i.useRef(0),oe=i.useRef(0),ue=i.useRef(0),me=i.useRef(0),{timeFormat:Re,setTimeFormat:re,formatTime:_e}=jr(),ke=Xr({initialSamplesPerPixel:a,zoomLevels:s}),we=ke.samplesPerPixel,{masterVolume:je,setMasterVolume:qe}=Hr({playoutRef:_,initialVolume:1}),ot=i.useCallback(T=>{pt.current=T,De(T)},[]),Xe=i.useCallback(T=>{Ne.current=T,I(T)},[]),ia=i.useCallback(T=>{L.current=T,Ue(T)},[]),st=i.useCallback((T,X)=>{ue.current=T,me.current=X,ne(T),ee(X)},[]),la=i.useCallback(()=>{const T=J.current,X=oe.current;T!==X&&X>T&&st(T,X)},[st]),ca=i.useCallback(()=>{st(0,0)},[st]);i.useEffect(()=>{mt.current=O},[O]),i.useEffect(()=>{ht.current=V},[V]),i.useEffect(()=>{J.current=q,oe.current=B},[q,B]),i.useEffect(()=>{if(!We.current||!E.length)return;const T=We.current,X=gt.current,Y=we;if(X===Y)return;const ae=c.show?c.width:0,j=T.clientWidth,Te=T.scrollLeft+j/2-ae,de=E[0].sampleRate,Ie=Te*X/de*de/Y,Ze=Math.max(0,Ie+ae-j/2);T.scrollLeft=Ze,gt.current=Y},[we,E,c]);const bt=i.useRef(null);i.useEffect(()=>{if(e.length===0){Z([]),$(0),H([]),F([]),_.current&&(_.current.dispose(),_.current=null);return}const T=k,X=ce.current;return _.current&&T&&(_.current.stop(),pe.current&&(cancelAnimationFrame(pe.current),pe.current=null),bt.current={position:X}),(async()=>{try{const ae=[];e.forEach(de=>{de.clips.length>0&&de.clips[0].audioBuffer&&ae.push(de.clips[0].audioBuffer)});let j=0;e.forEach(de=>{de.clips.forEach(ge=>{const Ie=ge.sampleRate,vt=(ge.startSample+ge.durationSamples)/Ie;j=Math.max(j,vt)})}),Z(ae),$(j),H(de=>de.length===e.length?de.map((ge,Ie)=>({...ge,name:e[Ie].name})):e.map(ge=>({name:ge.name,muted:ge.muted,soloed:ge.soloed,volume:ge.volume,pan:ge.pan}))),_.current&&_.current.dispose();const he=new Za({effects:f}),Te=ht.current;e.forEach((de,ge)=>{const Ie=de.clips.filter(Ze=>Ze.audioBuffer);if(Ie.length>0){const Ze=Ie[0].sampleRate,vt=Math.min(...Ie.map(Se=>Se.startSample/Ze)),ka=Math.max(...Ie.map(Se=>(Se.startSample+Se.durationSamples)/Ze)),Ct=Te[ge],Ia={id:`track-${ge}`,name:de.name,gain:Ct?.volume??de.volume,muted:Ct?.muted??de.muted,soloed:Ct?.soloed??de.soloed,stereoPan:Ct?.pan??de.pan,startTime:vt,endTime:ka},Sa=Ie.map(Se=>{const Zt=Se.sampleRate;return{buffer:Se.audioBuffer,startTime:Se.startSample/Zt-vt,duration:Se.durationSamples/Zt,offset:Se.offsetSamples/Zt,fadeIn:Se.fadeIn,fadeOut:Se.fadeOut,gain:Se.gain}});he.addTrack({clips:Sa,track:Ia,effects:de.effects})}}),he.applyInitialSoloState(),_.current=he,x?.()}catch(ae){console.error("Error loading audio:",ae)}})(),()=>{pe.current&&cancelAnimationFrame(pe.current),_.current&&_.current.dispose()}},[e,x,k]),i.useEffect(()=>{if(e.length===0)return;const T=16,X=e.map(Y=>Y.clips.map(j=>{if(j.waveformData){const Te=_r(j.waveformData,we,0,j.offsetSamples,j.durationSamples);return{clipId:j.id,trackName:Y.name,peaks:{length:Te.length,data:[Te.data],bits:Te.bits},startSample:j.startSample,durationSamples:j.durationSamples,fadeIn:j.fadeIn,fadeOut:j.fadeOut}}if(!j.audioBuffer)return console.warn(`Clip "${j.name||j.id}" has neither waveformData nor audioBuffer - rendering empty`),{clipId:j.id,trackName:Y.name,peaks:{length:0,data:[],bits:T},startSample:j.startSample,durationSamples:j.durationSamples,fadeIn:j.fadeIn,fadeOut:j.fadeOut};const he=ns(j.audioBuffer,we,n,T,j.offsetSamples,j.durationSamples);return{clipId:j.id,trackName:Y.name,peaks:he,startSample:j.startSample,durationSamples:j.durationSamples,fadeIn:j.fadeIn,fadeOut:j.fadeOut}}));F(X)},[e,we,n]),i.useEffect(()=>{if(u?.annotations){const T=u.annotations.map(X=>typeof X.start=="number"?X:Zr(X));m(T)}},[u]);const Ge=i.useCallback(()=>{pe.current&&(cancelAnimationFrame(pe.current),pe.current=null);const T=()=>{const X=W.getContext().currentTime-ye.current,Y=Ce.current+X;if(ce.current=Y,D(Y),g.length>0){const j=g.find(he=>Y>=he.start&&Y<he.end);if(pt.current){if(j&&j.id!==Ne.current)Xe(j.id);else if(!j&&Ne.current!==null){const he=g[g.length-1];if(Y>=he.end){_.current&&_.current.stop(),A(!1),ce.current=le.current,D(le.current),Xe(null);return}}}else if(Ne.current){const he=g.find(Te=>Te.id===Ne.current);if(he&&Y>=he.end){_.current&&_.current.stop(),A(!1),ce.current=le.current,D(le.current);return}}else j&&Xe(j.id)}if(mt.current&&We.current&&E.length>0){const j=We.current,he=E[0].sampleRate,Te=Y*he/gt.current,de=j.clientWidth,ge=c.show?c.width:0,Ie=Te+ge,Ze=Math.max(0,Ie-de/2);j.scrollLeft=Ze}if(ze.current!==null&&Y>=ze.current){_.current&&_.current.stop(),A(!1),ce.current=ze.current,D(ze.current),ze.current=null;return}const ae=ue.current!==me.current&&me.current>ue.current;if(L.current&&ae&&Y>=me.current){_.current?.stop();const he=W.getContext().currentTime;ye.current=he,Ce.current=ue.current,ce.current=ue.current,_.current?.play(he,ue.current),pe.current=requestAnimationFrame(T);return}if(Y>=M){_.current&&_.current.stop(),A(!1),ce.current=le.current,D(le.current),Xe(null);return}pe.current=requestAnimationFrame(T)};pe.current=requestAnimationFrame(T)},[M,E,we,g,ve]),Ee=i.useCallback(()=>{pe.current&&(cancelAnimationFrame(pe.current),pe.current=null)},[]);i.useEffect(()=>{(async()=>{if(k&&pe.current&&_.current)if(ve){const X=ce.current;_.current.stop(),Ee(),await _.current.init(),_.current.setOnPlaybackComplete(()=>{});const ae=W.getContext().currentTime;ye.current=ae,Ce.current=X,_.current.play(ae,X),Ge()}else Ee(),Ge()})()},[ve,k,Ge,Ee]),i.useEffect(()=>{(async()=>{if(bt.current&&_.current){const{position:X}=bt.current;bt.current=null,await _.current.init(),_.current.setOnPlaybackComplete(()=>{});const ae=W.getContext().currentTime;ye.current=ae,Ce.current=X,_.current.play(ae,X),A(!0),Ge()}})()},[e,Ge]);const _t=i.useCallback(async(T,X)=>{if(!_.current||E.length===0)return;await _.current.init(),await W.start();const Y=T??ce.current;le.current=Y,ce.current=Y,_.current.setOnPlaybackComplete(()=>{}),_.current.stop(),Ee();const j=W.getContext().currentTime;ye.current=j,Ce.current=Y,ze.current=X!==void 0?Y+X:null,_.current.play(j,Y,X),A(!0),Ge()},[E.length,Ge,Ee]),ua=i.useCallback(()=>{if(!_.current)return;const T=W.getContext().currentTime-ye.current,X=Ce.current+T;_.current.pause(),A(!1),Ee(),ce.current=X,D(X)},[Ee]),da=i.useCallback(()=>{_.current&&(_.current.stop(),A(!1),Ee(),ce.current=le.current,D(le.current),Xe(null))},[Ee]),fa=i.useCallback(T=>{const X=Math.max(0,Math.min(T,M));ce.current=X,D(X),k&&_.current&&(_.current.stop(),Ee(),_t(X))},[M,k,_t,Ee]),ha=i.useCallback((T,X)=>{const Y=[...V];if(Y[T]={...Y[T],muted:X},H(Y),_.current){const ae=`track-${T}`;_.current.setMute(ae,X)}},[V]),ma=i.useCallback((T,X)=>{const Y=[...V];if(Y[T]={...Y[T],soloed:X},H(Y),_.current){const ae=`track-${T}`;_.current.setSolo(ae,X)}},[V]),pa=i.useCallback((T,X)=>{const Y=[...V];if(Y[T]={...Y[T],volume:X},H(Y),_.current){const ae=`track-${T}`,j=_.current.getTrack(ae);j&&j.setVolume(X)}},[V]),ga=i.useCallback((T,X)=>{const Y=[...V];if(Y[T]={...Y[T],pan:X},H(Y),_.current){const ae=`track-${T}`,j=_.current.getTrack(ae);j&&j.setPan(X)}},[V]),ba=i.useCallback((T,X)=>{z(T),K(X),ce.current=T,D(T),k&&_.current&&(_.current.stop(),_.current.play(W.getContext().currentTime,T))},[k]),va=i.useCallback(T=>{We.current=T},[]),Ca=E[0]?.sampleRate||44100,pn=t?30:0,wa=e.length*r+pn,gn={isPlaying:k,currentTime:R,currentTimeRef:ce,playbackStartTimeRef:ye,audioStartPositionRef:Ce},bn={continuousPlay:ve,linkEndpoints:Fe,annotationsEditable:Ke,isAutomaticScroll:O,isLoopEnabled:ie,annotations:g,activeAnnotationId:p,selectionStart:q,selectionEnd:B,selectedTrackId:U,loopStart:Je,loopEnd:Q},vn={play:_t,pause:ua,stop:da,seekTo:fa,setCurrentTime:T=>{ce.current=T,D(T)},setTrackMute:ha,setTrackSolo:ma,setTrackVolume:pa,setTrackPan:ga,setSelection:ba,setSelectedTrackId:G,setTimeFormat:re,formatTime:_e,zoomIn:ke.zoomIn,zoomOut:ke.zoomOut,setMasterVolume:qe,setAutomaticScroll:T=>{te(T)},setScrollContainer:va,scrollContainerRef:We,setContinuousPlay:ot,setLinkEndpoints:Be,setAnnotationsEditable:se,setAnnotations:m,setActiveAnnotationId:Xe,setLoopEnabled:ia,setLoopRegion:st,setLoopRegionFromSelection:la,clearLoopRegion:ca},Cn={duration:M,audioBuffers:E,peaksDataArray:P,trackStates:V,tracks:e,sampleRate:Ca,waveHeight:r,timeScaleHeight:pn,minimumPlaylistHeight:wa,controls:c,playoutRef:_,samplesPerPixel:we,timeFormat:Re,masterVolume:je,canZoomIn:ke.canZoomIn,canZoomOut:ke.canZoomOut,barWidth:d,barGap:C,progressBarWidth:b},xa={...gn,...bn,...vn,...Cn},ya={...xr,...l};return w.jsx(S.ThemeProvider,{theme:ya,children:w.jsx(Ur.Provider,{value:gn,children:w.jsx(Jr.Provider,{value:bn,children:w.jsx(qr.Provider,{value:vn,children:w.jsx(Qr.Provider,{value:Cn,children:w.jsx(ea.Provider,{value:xa,children:h})})})})})})},xe=()=>{const e=i.useContext(Ur);if(!e)throw new Error("usePlaybackAnimation must be used within WaveformPlaylistProvider");return e},Me=()=>{const e=i.useContext(Jr);if(!e)throw new Error("usePlaylistState must be used within WaveformPlaylistProvider");return e},fe=()=>{const e=i.useContext(qr);if(!e)throw new Error("usePlaylistControls must be used within WaveformPlaylistProvider");return e},be=()=>{const e=i.useContext(Qr);if(!e)throw new Error("usePlaylistData must be used within WaveformPlaylistProvider");return e},Yi=()=>{const e=i.useContext(ea);if(!e)throw new Error("useWaveformPlaylist must be used within WaveformPlaylistProvider");return e};var Ki=class{constructor(e){this._playbackRate=1,this.handleEnded=()=>{this.onStopCallback&&this.onStopCallback()},this.handleTimeUpdate=()=>{this.onTimeUpdateCallback&&this.onTimeUpdateCallback(this.audioElement.currentTime)},this._peaks=e.peaks,this._id=e.id??`track-${Date.now()}`,this._name=e.name??"Track",this._playbackRate=e.playbackRate??1,typeof e.source=="string"?(this.audioElement=new Audio(e.source),this.ownsElement=!0):(this.audioElement=e.source,this.ownsElement=!1),this.audioElement.preload="auto",this.audioElement.volume=e.volume??1,this.audioElement.playbackRate=this._playbackRate,"preservesPitch"in this.audioElement?this.audioElement.preservesPitch=!0:"mozPreservesPitch"in this.audioElement?this.audioElement.mozPreservesPitch=!0:"webkitPreservesPitch"in this.audioElement&&(this.audioElement.webkitPreservesPitch=!0),this.audioElement.addEventListener("ended",this.handleEnded),this.audioElement.addEventListener("timeupdate",this.handleTimeUpdate)}play(e=0){this.audioElement.currentTime=e,this.audioElement.play().catch(t=>{console.warn("MediaElementTrack: play() failed:",t)})}pause(){this.audioElement.pause()}stop(){this.audioElement.pause(),this.audioElement.currentTime=0}seekTo(e){this.audioElement.currentTime=Math.max(0,Math.min(e,this.duration))}setVolume(e){this.audioElement.volume=Math.max(0,Math.min(1,e))}setPlaybackRate(e){const t=Math.max(.5,Math.min(2,e));this._playbackRate=t,this.audioElement.playbackRate=t}setMuted(e){this.audioElement.muted=e}setOnStopCallback(e){this.onStopCallback=e}setOnTimeUpdateCallback(e){this.onTimeUpdateCallback=e}dispose(){this.audioElement.removeEventListener("ended",this.handleEnded),this.audioElement.removeEventListener("timeupdate",this.handleTimeUpdate),this.audioElement.pause(),this.ownsElement&&(this.audioElement.src="",this.audioElement.load())}get id(){return this._id}get name(){return this._name}get peaks(){return this._peaks}get currentTime(){return this.audioElement.currentTime}get duration(){return this.audioElement.duration||this._peaks.duration}get isPlaying(){return!this.audioElement.paused&&!this.audioElement.ended}get volume(){return this.audioElement.volume}get playbackRate(){return this._playbackRate}get muted(){return this.audioElement.muted}get element(){return this.audioElement}},Ui=class{constructor(e={}){this.track=null,this._isPlaying=!1,this._masterVolume=e.masterVolume??1,this._playbackRate=e.playbackRate??1}async init(){}addTrack(e){return this.track&&(console.warn("MediaElementPlayout: Only one track is supported. Disposing previous track. For multi-track, use TonePlayout."),this.track.dispose()),this.track=new Ki({...e,volume:this._masterVolume*(e.volume??1),playbackRate:this._playbackRate}),this.track.setOnStopCallback(()=>{this._isPlaying=!1,this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback()}),this.track}removeTrack(e){this.track&&this.track.id===e&&(this.track.dispose(),this.track=null)}getTrack(e){if(this.track&&this.track.id===e)return this.track}play(e,t,n){if(!this.track){console.warn("MediaElementPlayout: No track to play");return}const r=t??0;if(this._isPlaying=!0,this.track.play(r),n!==void 0){const a=n/this._playbackRate;setTimeout(()=>{this._isPlaying&&(this.pause(),this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback())},a*1e3)}}pause(){this.track&&this.track.pause(),this._isPlaying=!1}stop(){this.track&&this.track.stop(),this._isPlaying=!1}seekTo(e){this.track&&this.track.seekTo(e)}getCurrentTime(){return this.track?this.track.currentTime:0}setMasterVolume(e){this._masterVolume=Math.max(0,Math.min(1,e)),this.track&&this.track.setVolume(this._masterVolume)}setPlaybackRate(e){this._playbackRate=Math.max(.5,Math.min(2,e)),this.track&&this.track.setPlaybackRate(this._playbackRate)}setMute(e,t){const n=this.getTrack(e);n&&n.setMuted(t)}setSolo(e,t){console.warn("MediaElementPlayout: Solo is not applicable for single-track playback")}setOnPlaybackComplete(e){this.onPlaybackCompleteCallback=e}dispose(){this.track&&(this.track.dispose(),this.track=null)}get isPlaying(){return this._isPlaying}get masterVolume(){return this._masterVolume}get playbackRate(){return this._playbackRate}get duration(){return this.track?.duration??0}get sampleRate(){return this.track?.peaks.sample_rate??44100}};const ta=i.createContext(null),na=i.createContext(null),ra=i.createContext(null),aa=i.createContext(null),Ji=({track:e,samplesPerPixel:t=1024,waveHeight:n=100,timescale:r=!1,playbackRate:a=1,theme:s,controls:o={show:!1,width:0},annotationList:l,barWidth:c=1,barGap:u=0,progressBarWidth:f,onReady:x,children:v})=>{const d=f??c+u,[C,y]=i.useState(!1),[h,b]=i.useState(0),[g,m]=i.useState(0),[p,I]=i.useState([]),[k,A]=i.useState(a),[R,D]=i.useState([]),[M,$]=i.useState(null),[E,Z]=i.useState(l?.isContinuousPlay??!1),[P]=i.useState(t),F=i.useRef(null),V=i.useRef(0),H=i.useRef(null),q=i.useRef(E),z=i.useRef(null);i.useEffect(()=>{q.current=E},[E]);const B=i.useCallback(Q=>{z.current=Q,$(Q)},[]),K=i.useCallback(Q=>{q.current=Q,Z(Q)},[]),U=e.waveformData.sample_rate;i.useEffect(()=>{const Q=new Ui({playbackRate:a});Q.addTrack({source:e.source,peaks:e.waveformData,name:e.name});const ee=Q.getTrack(Q.track?.id??"");return ee&&ee.setOnTimeUpdateCallback(_=>{V.current=_}),Q.setOnPlaybackComplete(()=>{y(!1)}),F.current=Q,m(e.waveformData.duration),x?.(),()=>{H.current&&cancelAnimationFrame(H.current),Q.dispose()}},[e.source,e.waveformData,e.name,a,x]),i.useEffect(()=>{const Q=_r(e.waveformData,P,0,0,Math.ceil(e.waveformData.duration*U)),ee={clipId:"media-element-clip",trackName:e.name??"Track",peaks:{length:Q.length,data:[Q.data],bits:Q.bits},startSample:0,durationSamples:Math.ceil(e.waveformData.duration*U)};I([[ee]])},[e.waveformData,e.name,P,U]),i.useEffect(()=>{if(l?.annotations){const Q=l.annotations.map(ee=>typeof ee.start=="number"?ee:Zr(ee));D(Q)}},[l]);const G=i.useCallback(()=>{H.current&&cancelAnimationFrame(H.current);const Q=()=>{const ee=F.current?.getCurrentTime()??0;if(V.current=ee,b(ee),R.length>0){const _=R.find(le=>ee>=le.start&&ee<le.end);if(q.current){if(_&&_.id!==z.current)B(_.id);else if(!_&&z.current!==null){const le=R[R.length-1];if(ee>=le.end){F.current?.stop(),y(!1),B(null);return}}}else if(z.current){const le=R.find(ce=>ce.id===z.current);if(le&&ee>=le.end){F.current?.stop(),y(!1);return}}else _&&B(_.id)}if(ee>=g){F.current?.stop(),y(!1),B(null);return}H.current=requestAnimationFrame(Q)};H.current=requestAnimationFrame(Q)},[g,R,B]),O=i.useCallback(()=>{H.current&&(cancelAnimationFrame(H.current),H.current=null)},[]),te=i.useCallback(Q=>{if(!F.current)return;const ee=Q??V.current;F.current.play(void 0,ee),y(!0),G()},[G]),ve=i.useCallback(()=>{F.current&&(F.current.pause(),y(!1),O(),b(F.current.getCurrentTime()))},[O]),De=i.useCallback(()=>{F.current&&(F.current.stop(),y(!1),O(),V.current=0,b(0),B(null))},[O,B]),Fe=i.useCallback(Q=>{const ee=Math.max(0,Math.min(Q,g));V.current=ee,b(ee),F.current&&F.current.seekTo(ee)},[g]),Be=i.useCallback(Q=>{const ee=Math.max(.5,Math.min(2,Q));A(ee),F.current&&F.current.setPlaybackRate(ee)},[]),Ke=r?30:0,se=i.useMemo(()=>({isPlaying:C,currentTime:h,currentTimeRef:V}),[C,h]),ie=i.useMemo(()=>({continuousPlay:E,annotations:R,activeAnnotationId:M,playbackRate:k}),[E,R,M,k]),Ue=i.useMemo(()=>({play:te,pause:ve,stop:De,seekTo:Fe,setPlaybackRate:Be,setContinuousPlay:K,setAnnotations:D,setActiveAnnotationId:B}),[te,ve,De,Fe,Be,K,B]),Je=i.useMemo(()=>({duration:g,peaksDataArray:p,sampleRate:U,waveHeight:n,timeScaleHeight:Ke,samplesPerPixel:P,playoutRef:F,controls:o,barWidth:c,barGap:u,progressBarWidth:d}),[g,p,U,n,Ke,P,o,c,u,d]),ne={...xr,...s};return w.jsx(S.ThemeProvider,{theme:ne,children:w.jsx(ta.Provider,{value:se,children:w.jsx(na.Provider,{value:ie,children:w.jsx(ra.Provider,{value:Ue,children:w.jsx(aa.Provider,{value:Je,children:v})})})})})},Wt=()=>{const e=i.useContext(ta);if(!e)throw new Error("useMediaElementAnimation must be used within MediaElementPlaylistProvider");return e},oa=()=>{const e=i.useContext(na);if(!e)throw new Error("useMediaElementState must be used within MediaElementPlaylistProvider");return e},sa=()=>{const e=i.useContext(ra);if(!e)throw new Error("useMediaElementControls must be used within MediaElementPlaylistProvider");return e},Ft=()=>{const e=i.useContext(aa);if(!e)throw new Error("useMediaElementData must be used within MediaElementPlaylistProvider");return e},qi=({className:e})=>{const{isPlaying:t,currentTimeRef:n}=xe(),{selectionStart:r,selectionEnd:a,isLoopEnabled:s}=Me(),{play:o}=fe(),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 w.jsx($e,{onClick:l,disabled:t,className:e,children:"Play"})},Qi=({className:e})=>{const{isPlaying:t}=xe(),{pause:n}=fe();return w.jsx($e,{onClick:n,disabled:!t,className:e,children:"Pause"})},el=({className:e})=>{const{isPlaying:t}=xe(),{stop:n}=fe();return w.jsx($e,{onClick:n,disabled:!t,className:e,children:"Stop"})},tl=({className:e})=>{const{isPlaying:t}=xe(),{play:n,setCurrentTime:r}=fe(),{playoutRef:a}=be(),s=()=>{r(0),t&&a.current&&(a.current.stop(),n(0))};return w.jsx($e,{onClick:s,className:e,children:"Rewind"})},nl=({className:e})=>{const{isPlaying:t}=xe(),{play:n,setCurrentTime:r}=fe(),{duration:a,playoutRef:s}=be(),o=()=>{r(a),t&&s.current&&(s.current.stop(),n(a))};return w.jsx($e,{onClick:o,className:e,children:"Fast Forward"})},rl=({skipAmount:e=5,className:t})=>{const{currentTimeRef:n,isPlaying:r}=xe(),{play:a,setCurrentTime:s}=fe(),{playoutRef:o}=be(),l=()=>{const c=Math.max(0,(n.current??0)-e);s(c),r&&o.current&&(o.current.stop(),a(c))};return w.jsx($e,{onClick:l,className:t,children:"Skip Backward"})},al=({skipAmount:e=5,className:t})=>{const{currentTimeRef:n,isPlaying:r}=xe(),{play:a,setCurrentTime:s}=fe(),{duration:o,playoutRef:l}=be(),c=()=>{const u=Math.min(o,(n.current??0)+e);s(u),r&&l.current&&(l.current.stop(),a(u))};return w.jsx($e,{onClick:c,className:t,children:"Skip Forward"})},ol=({className:e})=>{const{isLoopEnabled:t,loopStart:n,loopEnd:r}=Me(),{setLoopEnabled:a,setLoopRegion:s}=fe(),{duration:o}=be(),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 w.jsx($e,{onClick:c,className:e,title:t?"Disable loop":"Enable loop",children:t?"Loop On":"Loop Off"})},sl=({className:e})=>{const{selectionStart:t,selectionEnd:n,loopStart:r,loopEnd:a}=Me(),{setLoopRegionFromSelection:s,clearLoopRegion:o}=fe(),l=t!==n&&n>t,c=r!==a&&a>r,u=()=>{c?o():s()};return w.jsx($e,{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"})},il=({className:e,disabled:t})=>{const{zoomIn:n}=fe(),{canZoomIn:r}=be();return w.jsx($e,{variant:"success",onClick:n,disabled:t||!r,className:e,children:"Zoom In"})},ll=({className:e,disabled:t})=>{const{zoomOut:n}=fe(),{canZoomOut:r}=be();return w.jsx($e,{variant:"success",onClick:n,disabled:t||!r,className:e,children:"Zoom Out"})},cl=({className:e})=>{const{masterVolume:t}=be(),{setMasterVolume:n}=fe();return w.jsx(vo,{volume:t,onChange:n,className:e})},ul=({className:e})=>{const{timeFormat:t}=be(),{setTimeFormat:n}=fe();return w.jsx(Lo,{value:t,onChange:n,className:e})},dl=S.span`
|
|
1193
|
+
`,ns=({level:e,peakLevel:t,width:n=200,height:a=20,className:r})=>{const s=Math.max(0,Math.min(1,e)),o=t!==void 0?Math.max(0,Math.min(1,t)):0;return v.jsxs(Jo,{$width:n,$height:a,className:r,children:[v.jsx(Qo,{$level:s,$height:a}),t!==void 0&&o>0&&v.jsx(es,{$peakLevel:o,$height:a}),v.jsxs(ts,{$height:a,children:[v.jsx(cn,{$position:60,$height:a}),v.jsx(cn,{$position:85,$height:a})]})]})};i.memo(ns);function as(e,t,n,a={}){const{currentTime:r=0,audioConstraints:s,...o}=a,[l,c]=i.useState(!1),[u,f]=i.useState(null),{stream:w,devices:g,hasPermission:d,requestAccess:x,error:I}=Ko(),{level:m,peakLevel:b}=Uo(w),{isRecording:p,isPaused:C,duration:h,peaks:k,startRecording:y,stopRecording:S,pauseRecording:R,resumeRecording:E,error:$}=Oo(w,o),M=i.useCallback(async()=>{n&&(l||(await Rt(),c(!0)),await y())},[n,l,y]),D=i.useCallback(async()=>{const T=await S();if(T&&n){const P=e.findIndex(Q=>Q.id===n);if(P===-1)return;const j=e[P],U=Math.floor(r*T.sampleRate);let V=0;if(j.clips.length>0){const Q=j.clips.map(q=>q.startSample+q.durationSamples);V=Math.max(...Q)}const L=Math.max(U,V),re={id:`clip-${Date.now()}`,audioBuffer:T,startSample:L,durationSamples:T.length,offsetSamples:0,sampleRate:T.sampleRate,sourceDurationSamples:T.length,gain:1,name:`Recording ${new Date().toLocaleTimeString()}`},te=e.map((Q,q)=>q===P?{...Q,clips:[...Q.clips,re]}:Q);t(te)}},[n,e,t,r,S]);i.useEffect(()=>{d&&g.length>0&&u===null&&f(g[0].deviceId)},[d,g.length]);const _=i.useCallback(async()=>{await x(void 0,s),await Rt(),c(!0)},[x,s]),Z=i.useCallback(async T=>{f(T),await x(T,s),await Rt(),c(!0)},[x,s]);return{isRecording:p,isPaused:C,duration:h,level:m,peakLevel:b,error:I||$,stream:w,devices:g,hasPermission:d,selectedDevice:u,startRecording:M,stopRecording:D,pauseRecording:R,resumeRecording:E,requestMicAccess:_,changeDevice:Z,recordingPeaks:k}}const ot=[{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}]}],jt=e=>ot.find(t=>t.id===e),rs=e=>ot.filter(t=>t.category===e),os=[{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"}],ss={reverb:W.Reverb,freeverb:W.Freeverb,jcReverb:W.JCReverb,feedbackDelay:W.FeedbackDelay,pingPongDelay:W.PingPongDelay,chorus:W.Chorus,phaser:W.Phaser,tremolo:W.Tremolo,vibrato:W.Vibrato,autoPanner:W.AutoPanner,autoFilter:W.AutoFilter,autoWah:W.AutoWah,eq3:W.EQ3,distortion:W.Distortion,bitCrusher:W.BitCrusher,chebyshev:W.Chebyshev,compressor:W.Compressor,limiter:W.Limiter,gate:W.Gate,stereoWidener:W.StereoWidener};let is=0;const ls=()=>`effect_${Date.now()}_${++is}`;function nt(e,t){const n=ss[e.id];if(!n)throw new Error(`Unknown effect type: ${e.id}`);const a={};e.parameters.forEach(o=>{const l=t?.[o.name]??o.default;a[o.name]=l});const r=new n(a),s=ls();return{effect:r,id:e.id,instanceId:s,dispose(){try{r.disconnect(),r.dispose()}catch{}},setParameter(o,l){o==="wet"&&r.wet?r.wet.value=l:r[o]!==void 0&&(r[o]?.value!==void 0?r[o].value=l:r[o]=l)},getParameter(o){if(o==="wet"&&r.wet)return r.wet.value;if(r[o]!==void 0)return r[o]?.value!==void 0?r[o].value:r[o]},connect(o){r.connect(o)},disconnect(){try{r.disconnect()}catch{}}}}function cs(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 us(e=256){const[t,n]=i.useState([]),a=i.useRef(t);a.current=t;const r=i.useRef(new Map),s=i.useRef(null),o=i.useRef(null),l=i.useCallback(m=>{const b=o.current;if(!b)return;const{masterGainNode:p,destination:C,analyserNode:h}=b;try{p.disconnect()}catch{}const k=m.map(y=>r.current.get(y.instanceId)).filter(y=>y!==void 0);if(k.length===0)p.connect(h),h.connect(C);else{let y=p;k.forEach(S=>{try{S.disconnect()}catch{}y.connect(S.effect),y=S.effect}),y.connect(h),h.connect(C)}},[]),c=i.useCallback(m=>{const b=jt(m);if(!b){console.error(`Unknown effect: ${m}`);return}const p={};b.parameters.forEach(k=>{p[k.name]=k.default});const C=nt(b,p);r.current.set(C.instanceId,C);const h={instanceId:C.instanceId,effectId:b.id,definition:b,params:p,bypassed:!1};n(k=>[...k,h])},[]),u=i.useCallback(m=>{const b=r.current.get(m);b&&(b.dispose(),r.current.delete(m)),n(p=>p.filter(C=>C.instanceId!==m))},[]),f=i.useCallback((m,b,p)=>{const C=r.current.get(m);C&&C.setParameter(b,p),n(h=>h.map(k=>k.instanceId===m?{...k,params:{...k.params,[b]:p}}:k))},[]),w=i.useCallback(m=>{const b=a.current.find(h=>h.instanceId===m);if(!b)return;const p=!b.bypassed,C=r.current.get(m);if(C){const h=b.params.wet??1;C.setParameter("wet",p?0:h)}n(h=>h.map(k=>k.instanceId===m?{...k,bypassed:p}:k))},[]),g=i.useCallback((m,b)=>{n(p=>{const C=[...p],[h]=C.splice(m,1);return C.splice(b,0,h),C})},[]),d=i.useCallback(()=>{r.current.forEach(m=>m.dispose()),r.current.clear(),n([])},[]);i.useEffect(()=>{l(t)},[t,l]);const x=i.useCallback((m,b,p)=>{const C=new W.Analyser("fft",e);s.current=C,o.current={masterGainNode:m,destination:b,analyserNode:C};const k=a.current.map(y=>r.current.get(y.instanceId)).filter(y=>y!==void 0);if(k.length===0)m.connect(C),C.connect(b);else{let y=m;k.forEach(S=>{y.connect(S.effect),y=S.effect}),y.connect(C),C.connect(b)}return function(){C.dispose(),s.current=null,o.current=null}},[e]);i.useEffect(()=>()=>{r.current.forEach(m=>m.dispose()),r.current.clear()},[]);const I=i.useCallback(()=>{const m=t.filter(b=>!b.bypassed);if(m.length!==0)return(b,p,C)=>{const h=[];for(const k of m){const y=nt(k.definition,k.params);h.push(y)}if(h.length===0)b.connect(p);else{let k=b;h.forEach(y=>{k.connect(y.effect),k=y.effect}),k.connect(p)}return function(){h.forEach(y=>y.dispose())}}},[t]);return{activeEffects:t,availableEffects:ot,addEffect:c,removeEffect:u,updateParameter:f,toggleBypass:w,reorderEffects:g,clearAllEffects:d,masterEffects:x,createOfflineEffectsFunction:I,analyserRef:s}}function ds(){const[e,t]=i.useState(new Map),n=i.useRef(new Map),a=i.useRef(new Map),r=i.useCallback((d,x)=>{const I=a.current.get(d);if(!I)return;const{graphEnd:m,masterGainNode:b}=I,p=n.current.get(d);try{m.disconnect()}catch{}const C=x.map(h=>p?.get(h.instanceId)).filter(h=>h!==void 0);if(C.length===0)m.connect(b);else{let h=m;C.forEach(k=>{try{k.disconnect()}catch{}h.connect(k.effect),h=k.effect}),h.connect(b)}},[]),s=i.useCallback((d,x)=>{const I=jt(x);if(!I){console.error(`Unknown effect: ${x}`);return}const m={};I.parameters.forEach(C=>{m[C.name]=C.default});const b=nt(I,m);n.current.has(d)||n.current.set(d,new Map),n.current.get(d).set(b.instanceId,b);const p={instanceId:b.instanceId,effectId:I.id,definition:I,params:m,bypassed:!1};t(C=>{const h=new Map(C),k=h.get(d)||[];return h.set(d,[...k,p]),h})},[]),o=i.useCallback((d,x)=>{const I=n.current.get(d),m=I?.get(x);m&&(m.dispose(),I?.delete(x)),t(b=>{const p=new Map(b),C=p.get(d)||[];return p.set(d,C.filter(h=>h.instanceId!==x)),p})},[]),l=i.useCallback((d,x,I,m)=>{const p=n.current.get(d)?.get(x);p&&p.setParameter(I,m),t(C=>{const h=new Map(C),k=h.get(d)||[];return h.set(d,k.map(y=>y.instanceId===x?{...y,params:{...y.params,[I]:m}}:y)),h})},[]),c=i.useCallback((d,x)=>{const m=(f.current.get(d)||[]).find(h=>h.instanceId===x);if(!m)return;const b=!m.bypassed,C=n.current.get(d)?.get(x);if(C){const h=m.params.wet??1;C.setParameter("wet",b?0:h)}t(h=>{const k=new Map(h),y=k.get(d)||[];return k.set(d,y.map(S=>S.instanceId===x?{...S,bypassed:b}:S)),k})},[]),u=i.useCallback(d=>{const x=n.current.get(d);x&&(x.forEach(I=>I.dispose()),x.clear()),t(I=>{const m=new Map(I);return m.set(d,[]),m})},[]),f=i.useRef(e);f.current=e;const w=i.useCallback(d=>(x,I,m)=>{a.current.set(d,{graphEnd:x,masterGainNode:I});const b=f.current.get(d)||[],p=n.current.get(d),C=b.map(h=>p?.get(h.instanceId)).filter(h=>h!==void 0);if(C.length===0)x.connect(I);else{let h=x;C.forEach(k=>{h.connect(k.effect),h=k.effect}),h.connect(I)}return function(){a.current.delete(d)}},[]);i.useEffect(()=>{e.forEach((d,x)=>{r(x,d)})},[e,r]),i.useEffect(()=>()=>{n.current.forEach(d=>{d.forEach(x=>x.dispose()),d.clear()}),n.current.clear()},[]);const g=i.useCallback(d=>{const I=(e.get(d)||[]).filter(m=>!m.bypassed);if(I.length!==0)return(m,b,p)=>{const C=[];for(const h of I){const k=nt(h.definition,h.params);C.push(k)}if(C.length===0)m.connect(b);else{let h=m;C.forEach(k=>{h.connect(k.effect),h=k.effect}),h.connect(b)}return function(){C.forEach(k=>k.dispose())}}},[e]);return{trackEffectsState:e,addEffectToTrack:s,removeEffectFromTrack:o,updateTrackEffectParameter:l,toggleBypass:c,clearTrackEffects:u,getTrackEffectsFunction:w,createOfflineTrackEffectsFunction:g,availableEffects:ot}}function fs(e,t={}){const{bitDepth:n=16}=t,a=e.numberOfChannels,r=e.sampleRate,s=e.length,o=n/8,l=a*o,c=r*l,u=s*l,f=44,w=f+u,g=new ArrayBuffer(w),d=new DataView(g);pt(d,0,"RIFF"),d.setUint32(4,w-8,!0),pt(d,8,"WAVE"),pt(d,12,"fmt "),d.setUint32(16,16,!0),d.setUint16(20,n===32?3:1,!0),d.setUint16(22,a,!0),d.setUint32(24,r,!0),d.setUint32(28,c,!0),d.setUint16(32,l,!0),d.setUint16(34,n,!0),pt(d,36,"data"),d.setUint32(40,u,!0);const x=[];for(let m=0;m<a;m++)x.push(e.getChannelData(m));let I=f;if(n===16)for(let m=0;m<s;m++)for(let b=0;b<a;b++){const p=x[b][m],C=Math.max(-1,Math.min(1,p)),h=C<0?C*32768:C*32767;d.setInt16(I,h,!0),I+=2}else for(let m=0;m<s;m++)for(let b=0;b<a;b++)d.setFloat32(I,x[b][m],!0),I+=4;return new Blob([g],{type:"audio/wav"})}function pt(e,t,n){for(let a=0;a<n.length;a++)e.setUint8(t+a,n.charCodeAt(a))}function ms(e,t){const n=URL.createObjectURL(e),a=document.createElement("a");a.href=n,a.download=t,a.style.display="none",document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(n)}function Yn(){const[e,t]=i.useState(!1),[n,a]=i.useState(0),[r,s]=i.useState(null);return{exportWav:i.useCallback(async(l,c,u={})=>{const{filename:f="export",mode:w="master",trackIndex:g,autoDownload:d=!0,applyEffects:x=!0,effectsFunction:I,createOfflineTrackEffects:m,bitDepth:b=16,onProgress:p}=u;t(!0),a(0),s(null);try{if(l.length===0)throw new Error("No tracks to export");if(w==="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 h=0;for(const M of l)for(const D of M.clips){const _=D.startSample+D.durationSamples;h=Math.max(h,_)}h+=Math.round(C*.1);const k=h/C,y=w==="individual"?[{track:l[g],state:c[g],index:g}]:l.map((M,D)=>({track:M,state:c[D],index:D})),S=c.some(M=>M.soloed),R=!!m;let E;if((I||R)&&x)E=await hs(y,c,S,k,C,I,m,M=>{a(M),p?.(M)});else{const M=new OfflineAudioContext(2,h,C);let D=0;const _=y.reduce((Z,{track:T})=>Z+T.clips.length,0);for(const{track:Z,state:T}of y)if(!(T.muted&&!T.soloed)&&!(S&&!T.soloed))for(const P of Z.clips){await gs(M,P,T,C,x),D++;const j=D/_*.5;a(j),p?.(j)}a(.5),p?.(.5),E=await M.startRendering()}a(.9),p?.(.9);const $=fs(E,{bitDepth:b});if(a(1),p?.(1),d){const M=w==="individual"?`${f}_${l[g].name}`:f;ms($,`${M}.wav`)}return{audioBuffer:E,blob:$,duration:k}}catch(C){const h=C instanceof Error?C.message:"Export failed";throw s(h),C}finally{t(!1)}},[]),isExporting:e,progress:n,error:r}}async function hs(e,t,n,a,r,s,o,l){const{Offline:c,Volume:u,Gain:f,Panner:w,Player:g,ToneAudioBuffer:d}=await import("tone");l(.1);let x;try{x=await c(async({transport:I,destination:m})=>{const b=new u(0);let p;s?p=s(b,m,!0):b.connect(m);for(const{track:C,state:h}of e){if(h.muted&&!h.soloed||n&&!h.soloed)continue;const k=new u(ps(h.volume)),y=new w(h.pan),S=new f(h.muted?0:1),R=o?.(C.id);R?R(S,b,!0):S.connect(b),y.connect(S),k.connect(y);for(const E of C.clips){const{audioBuffer:$,startSample:M,durationSamples:D,offsetSamples:_,gain:Z,fadeIn:T,fadeOut:P}=E,j=M/r,U=D/r,V=_/r,L=new d($),re=new g(L),te=new f(Z);if(re.connect(te),te.connect(k),T){const Q=j,q=j+T.duration,be=te.gain._param;be.setValueAtTime(0,Q),be.linearRampToValueAtTime(Z,q)}if(P){const Q=j+U-P.duration,q=j+U,be=te.gain._param;be.setValueAtTime(Z,Q),be.linearRampToValueAtTime(0,q)}re.start(j,V,U)}}I.start(0)},a,2,r)}catch(I){throw I instanceof Error?I:new Error(`Tone.Offline rendering failed: ${String(I)}`)}return l(.9),x.get()}function ps(e){return 20*Math.log10(Math.max(e,1e-4))}async function gs(e,t,n,a,r){const{audioBuffer:s,startSample:o,durationSamples:l,offsetSamples:c,gain:u,fadeIn:f,fadeOut:w}=t;if(!s){console.warn(`Skipping clip "${t.name||t.id}" - no audioBuffer for export`);return}const g=o/a,d=l/a,x=c/a,I=e.createBufferSource();I.buffer=s;const m=e.createGain(),b=u*n.volume,p=e.createStereoPanner();if(p.pan.value=n.pan,I.connect(m),m.connect(p),p.connect(e.destination),r){if(f?m.gain.setValueAtTime(0,g):m.gain.setValueAtTime(b,g),f){const C=g,h=g+f.duration;un(m.gain,C,h,0,b,f.type||"linear")}if(w){const C=g+d-w.duration,h=g+d;(!f||f.duration<d-w.duration)&&m.gain.setValueAtTime(b,C),un(m.gain,C,h,b,0,w.type||"linear")}}else m.gain.setValueAtTime(b,g);I.start(g,x,d)}function un(e,t,n,a,r,s){const o=n-t;if(!(o<=0))switch(s){case"linear":e.setValueAtTime(a,t),e.linearRampToValueAtTime(r,n);break;case"exponential":const l=Math.max(a,1e-4),c=Math.max(r,1e-4);e.setValueAtTime(l,t),e.exponentialRampToValueAtTime(c,n),r===0&&e.setValueAtTime(0,n);break;case"logarithmic":const u=dn(a,r,256,"logarithmic");e.setValueCurveAtTime(u,t,o);break;case"sCurve":const f=dn(a,r,256,"sCurve");e.setValueCurveAtTime(f,t,o);break;default:e.setValueAtTime(a,t),e.linearRampToValueAtTime(r,n)}}function dn(e,t,n,a){const r=new Float32Array(n),s=t-e;for(let o=0;o<n;o++){const l=o/(n-1);let c;a==="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),r[o]=e+s*c}return r}const On=i.createContext(null),Kn=i.createContext(null),Un=i.createContext(null),Jn=i.createContext(null),qn=i.createContext(null),bs=({tracks:e,timescale:t=!1,mono:n=!1,waveHeight:a=80,samplesPerPixel:r=1024,zoomLevels:s,automaticScroll:o=!1,theme:l,controls:c={show:!1,width:0},annotationList:u,effects:f,onReady:w,onAnnotationUpdate:g,barWidth:d=1,barGap:x=0,progressBarWidth:I,children:m})=>{const b=I??d+x,[p,C]=i.useState([]),[h,k]=i.useState(null),[y,S]=i.useState(!1),[R,E]=i.useState(0),[$,M]=i.useState(0),[D,_]=i.useState([]),[Z,T]=i.useState([]),[P,j]=i.useState([]),[U,V]=i.useState(0),[L,re]=i.useState(0),[te,Q]=i.useState(null),[q,be]=i.useState(o),[Ee,Y]=i.useState(u?.isContinuousPlay??!1),[le,pe]=i.useState(u?.linkEndpoints??!0),[ce,K]=i.useState(u?.editable??!1),[ee,We]=i.useState(!1),[je,ne]=i.useState(0),[J,ae]=i.useState(0),F=i.useRef(null),ue=i.useRef(0),de=i.useRef(0),Ce=i.useRef(null),st=i.useRef(P),Ae=i.useRef(0),ye=i.useRef(0),He=i.useRef(null),Ve=i.useRef(null),it=i.useRef(!1),lt=i.useRef(u?.isContinuousPlay??!1),Ne=i.useRef(null),ct=i.useRef(r),X=i.useRef(!1),O=i.useRef(0),ie=i.useRef(0),fe=i.useRef(0),ve=i.useRef(0),{timeFormat:_e,setTimeFormat:oe,formatTime:Pe}=Hn(),Se=Xn({initialSamplesPerPixel:r,zoomLevels:s}),ke=Se.samplesPerPixel,{masterVolume:Xe,setMasterVolume:Ke}=Gn({playoutRef:F,initialVolume:1}),qe=i.useCallback(B=>{lt.current=B,Y(B)},[]),Ge=i.useCallback(B=>{Ne.current=B,k(B)},[]),oa=i.useCallback(B=>{X.current=B,We(B)},[]),Qe=i.useCallback((B,H)=>{fe.current=B,ve.current=H,ne(B),ae(H)},[]),sa=i.useCallback(()=>{const B=O.current,H=ie.current;B!==H&&H>B&&Qe(B,H)},[Qe]),ia=i.useCallback(()=>{Qe(0,0)},[Qe]);i.useEffect(()=>{it.current=q},[q]),i.useEffect(()=>{st.current=P},[P]),i.useEffect(()=>{O.current=U,ie.current=L},[U,L]),i.useEffect(()=>{if(!Ve.current||!D.length)return;const B=Ve.current,H=ct.current,N=ke;if(H===N)return;const se=c.show?c.width:0,z=B.clientWidth,Ze=B.scrollLeft+z/2-se,me=D[0].sampleRate,$e=Ze*H/me*me/N,ze=Math.max(0,$e+se-z/2);B.scrollLeft=ze,ct.current=N},[ke,D,c]);const ut=i.useRef(null);i.useEffect(()=>{if(e.length===0){_([]),M(0),j([]),T([]),F.current&&(F.current.dispose(),F.current=null);return}const B=y,H=de.current;return F.current&&B&&(F.current.stop(),Ce.current&&(cancelAnimationFrame(Ce.current),Ce.current=null),ut.current={position:H}),(async()=>{try{const se=[];e.forEach(me=>{me.clips.length>0&&me.clips[0].audioBuffer&&se.push(me.clips[0].audioBuffer)});let z=0;e.forEach(me=>{me.clips.forEach(xe=>{const $e=xe.sampleRate,dt=(xe.startSample+xe.durationSamples)/$e;z=Math.max(z,dt)})}),_(se),M(z),j(me=>me.length===e.length?me.map((xe,$e)=>({...xe,name:e[$e].name})):e.map(xe=>({name:xe.name,muted:xe.muted,soloed:xe.soloed,volume:xe.volume,pan:xe.pan}))),F.current&&F.current.dispose();const ge=new Fa({effects:f}),Ze=st.current;e.forEach((me,xe)=>{const $e=me.clips.filter(ze=>ze.audioBuffer);if($e.length>0){const ze=$e[0].sampleRate,dt=Math.min(...$e.map(Me=>Me.startSample/ze)),wa=Math.max(...$e.map(Me=>(Me.startSample+Me.durationSamples)/ze)),ft=Ze[xe],ya={id:`track-${xe}`,name:me.name,gain:ft?.volume??me.volume,muted:ft?.muted??me.muted,soloed:ft?.soloed??me.soloed,stereoPan:ft?.pan??me.pan,startTime:dt,endTime:wa},ka=$e.map(Me=>{const $t=Me.sampleRate;return{buffer:Me.audioBuffer,startTime:Me.startSample/$t-dt,duration:Me.durationSamples/$t,offset:Me.offsetSamples/$t,fadeIn:Me.fadeIn,fadeOut:Me.fadeOut,gain:Me.gain}});ge.addTrack({clips:ka,track:ya,effects:me.effects})}}),ge.applyInitialSoloState(),F.current=ge,w?.()}catch(se){console.error("Error loading audio:",se)}})(),()=>{Ce.current&&cancelAnimationFrame(Ce.current),F.current&&F.current.dispose()}},[e,w,y]),i.useEffect(()=>{if(e.length===0)return;const B=16,H=e.map(N=>N.clips.map(z=>{if(z.waveformData){const Ze=Zn(z.waveformData,ke,0,z.offsetSamples,z.durationSamples);return{clipId:z.id,trackName:N.name,peaks:{length:Ze.length,data:[Ze.data],bits:Ze.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:N.name,peaks:{length:0,data:[],bits:B},startSample:z.startSample,durationSamples:z.durationSamples,fadeIn:z.fadeIn,fadeOut:z.fadeOut};const ge=Nr(z.audioBuffer,ke,n,B,z.offsetSamples,z.durationSamples);return{clipId:z.id,trackName:N.name,peaks:ge,startSample:z.startSample,durationSamples:z.durationSamples,fadeIn:z.fadeIn,fadeOut:z.fadeOut}}));T(H)},[e,ke,n]),i.useEffect(()=>{if(u?.annotations){const B=u.annotations.map(H=>typeof H.start=="number"?H:Vn(H));C(B)}},[u]);const Le=i.useCallback(()=>{Ce.current&&(cancelAnimationFrame(Ce.current),Ce.current=null);const B=()=>{const H=W.getContext().currentTime-Ae.current,N=ye.current+H;if(de.current=N,E(N),p.length>0){const z=p.find(ge=>N>=ge.start&&N<ge.end);if(lt.current){if(z&&z.id!==Ne.current)Ge(z.id);else if(!z&&Ne.current!==null){const ge=p[p.length-1];if(N>=ge.end){F.current&&F.current.stop(),S(!1),de.current=ue.current,E(ue.current),Ge(null);return}}}else if(Ne.current){const ge=p.find(Ze=>Ze.id===Ne.current);if(ge&&N>=ge.end){F.current&&F.current.stop(),S(!1),de.current=ue.current,E(ue.current);return}}else z&&Ge(z.id)}if(it.current&&Ve.current&&D.length>0){const z=Ve.current,ge=D[0].sampleRate,Ze=N*ge/ct.current,me=z.clientWidth,xe=c.show?c.width:0,$e=Ze+xe,ze=Math.max(0,$e-me/2);z.scrollLeft=ze}if(He.current!==null&&N>=He.current){F.current&&F.current.stop(),S(!1),de.current=He.current,E(He.current),He.current=null;return}const se=fe.current!==ve.current&&ve.current>fe.current;if(X.current&&se&&N>=ve.current){F.current?.stop();const ge=W.getContext().currentTime;Ae.current=ge,ye.current=fe.current,de.current=fe.current,F.current?.play(ge,fe.current),Ce.current=requestAnimationFrame(B);return}if(N>=$){F.current&&F.current.stop(),S(!1),de.current=ue.current,E(ue.current),Ge(null);return}Ce.current=requestAnimationFrame(B)};Ce.current=requestAnimationFrame(B)},[$,D,ke,p,Ee]),Fe=i.useCallback(()=>{Ce.current&&(cancelAnimationFrame(Ce.current),Ce.current=null)},[]);i.useEffect(()=>{(async()=>{if(y&&Ce.current&&F.current)if(Ee){const H=de.current;F.current.stop(),Fe(),await F.current.init(),F.current.setOnPlaybackComplete(()=>{});const se=W.getContext().currentTime;Ae.current=se,ye.current=H,F.current.play(se,H),Le()}else Fe(),Le()})()},[Ee,y,Le,Fe]),i.useEffect(()=>{(async()=>{if(ut.current&&F.current){const{position:H}=ut.current;ut.current=null,await F.current.init(),F.current.setOnPlaybackComplete(()=>{});const se=W.getContext().currentTime;Ae.current=se,ye.current=H,F.current.play(se,H),S(!0),Le()}})()},[e,Le]);const St=i.useCallback(async(B,H)=>{if(!F.current||D.length===0)return;await F.current.init(),await W.start();const N=B??de.current;ue.current=N,de.current=N,F.current.setOnPlaybackComplete(()=>{}),F.current.stop(),Fe();const z=W.getContext().currentTime;Ae.current=z,ye.current=N,He.current=H!==void 0?N+H:null,F.current.play(z,N,H),S(!0),Le()},[D.length,Le,Fe]),la=i.useCallback(()=>{if(!F.current)return;const B=W.getContext().currentTime-Ae.current,H=ye.current+B;F.current.pause(),S(!1),Fe(),de.current=H,E(H)},[Fe]),ca=i.useCallback(()=>{F.current&&(F.current.stop(),S(!1),Fe(),de.current=ue.current,E(ue.current),Ge(null))},[Fe]),ua=i.useCallback(B=>{const H=Math.max(0,Math.min(B,$));de.current=H,E(H),y&&F.current&&(F.current.stop(),Fe(),St(H))},[$,y,St,Fe]),da=i.useCallback((B,H)=>{const N=[...P];if(N[B]={...N[B],muted:H},j(N),F.current){const se=`track-${B}`;F.current.setMute(se,H)}},[P]),fa=i.useCallback((B,H)=>{const N=[...P];if(N[B]={...N[B],soloed:H},j(N),F.current){const se=`track-${B}`;F.current.setSolo(se,H)}},[P]),ma=i.useCallback((B,H)=>{const N=[...P];if(N[B]={...N[B],volume:H},j(N),F.current){const se=`track-${B}`,z=F.current.getTrack(se);z&&z.setVolume(H)}},[P]),ha=i.useCallback((B,H)=>{const N=[...P];if(N[B]={...N[B],pan:H},j(N),F.current){const se=`track-${B}`,z=F.current.getTrack(se);z&&z.setPan(H)}},[P]),pa=i.useCallback((B,H)=>{V(B),re(H),de.current=B,E(B),y&&F.current&&(F.current.stop(),F.current.play(W.getContext().currentTime,B))},[y]),ga=i.useCallback(B=>{Ve.current=B},[]),ba=D[0]?.sampleRate||44100,Ht=t?30:0,va=e.length*a+Ht,Xt={isPlaying:y,currentTime:R,currentTimeRef:de,playbackStartTimeRef:Ae,audioStartPositionRef:ye},Gt={continuousPlay:Ee,linkEndpoints:le,annotationsEditable:ce,isAutomaticScroll:q,isLoopEnabled:ee,annotations:p,activeAnnotationId:h,selectionStart:U,selectionEnd:L,selectedTrackId:te,loopStart:je,loopEnd:J},Nt={play:St,pause:la,stop:ca,seekTo:ua,setCurrentTime:B=>{de.current=B,E(B)},setTrackMute:da,setTrackSolo:fa,setTrackVolume:ma,setTrackPan:ha,setSelection:pa,setSelectedTrackId:Q,setTimeFormat:oe,formatTime:Pe,zoomIn:Se.zoomIn,zoomOut:Se.zoomOut,setMasterVolume:Ke,setAutomaticScroll:B=>{be(B)},setScrollContainer:ga,scrollContainerRef:Ve,setContinuousPlay:qe,setLinkEndpoints:pe,setAnnotationsEditable:K,setAnnotations:C,setActiveAnnotationId:Ge,setLoopEnabled:oa,setLoopRegion:Qe,setLoopRegionFromSelection:sa,clearLoopRegion:ia},Lt={duration:$,audioBuffers:D,peaksDataArray:Z,trackStates:P,tracks:e,sampleRate:ba,waveHeight:a,timeScaleHeight:Ht,minimumPlaylistHeight:va,controls:c,playoutRef:F,samplesPerPixel:ke,timeFormat:_e,masterVolume:Xe,canZoomIn:Se.canZoomIn,canZoomOut:Se.canZoomOut,barWidth:d,barGap:x,progressBarWidth:b},Ca={...Xt,...Gt,...Nt,...Lt},xa={...yn,...l};return v.jsx(A.ThemeProvider,{theme:xa,children:v.jsx(On.Provider,{value:Xt,children:v.jsx(Kn.Provider,{value:Gt,children:v.jsx(Un.Provider,{value:Nt,children:v.jsx(Jn.Provider,{value:Lt,children:v.jsx(qn.Provider,{value:Ca,children:m})})})})})})},Ie=()=>{const e=i.useContext(On);if(!e)throw new Error("usePlaybackAnimation must be used within WaveformPlaylistProvider");return e},Te=()=>{const e=i.useContext(Kn);if(!e)throw new Error("usePlaylistState must be used within WaveformPlaylistProvider");return e},he=()=>{const e=i.useContext(Un);if(!e)throw new Error("usePlaylistControls must be used within WaveformPlaylistProvider");return e},we=()=>{const e=i.useContext(Jn);if(!e)throw new Error("usePlaylistData must be used within WaveformPlaylistProvider");return e},vs=()=>{const e=i.useContext(qn);if(!e)throw new Error("useWaveformPlaylist must be used within WaveformPlaylistProvider");return e};var Cs=class{constructor(e){this._playbackRate=1,this.handleEnded=()=>{this.onStopCallback&&this.onStopCallback()},this.handleTimeUpdate=()=>{this.onTimeUpdateCallback&&this.onTimeUpdateCallback(this.audioElement.currentTime)},this._peaks=e.peaks,this._id=e.id??`track-${Date.now()}`,this._name=e.name??"Track",this._playbackRate=e.playbackRate??1,typeof e.source=="string"?(this.audioElement=new Audio(e.source),this.ownsElement=!0):(this.audioElement=e.source,this.ownsElement=!1),this.audioElement.preload="auto",this.audioElement.volume=e.volume??1,this.audioElement.playbackRate=this._playbackRate,"preservesPitch"in this.audioElement?this.audioElement.preservesPitch=!0:"mozPreservesPitch"in this.audioElement?this.audioElement.mozPreservesPitch=!0:"webkitPreservesPitch"in this.audioElement&&(this.audioElement.webkitPreservesPitch=!0),this.audioElement.addEventListener("ended",this.handleEnded),this.audioElement.addEventListener("timeupdate",this.handleTimeUpdate)}play(e=0){this.audioElement.currentTime=e,this.audioElement.play().catch(t=>{console.warn("MediaElementTrack: play() failed:",t)})}pause(){this.audioElement.pause()}stop(){this.audioElement.pause(),this.audioElement.currentTime=0}seekTo(e){this.audioElement.currentTime=Math.max(0,Math.min(e,this.duration))}setVolume(e){this.audioElement.volume=Math.max(0,Math.min(1,e))}setPlaybackRate(e){const t=Math.max(.5,Math.min(2,e));this._playbackRate=t,this.audioElement.playbackRate=t}setMuted(e){this.audioElement.muted=e}setOnStopCallback(e){this.onStopCallback=e}setOnTimeUpdateCallback(e){this.onTimeUpdateCallback=e}dispose(){this.audioElement.removeEventListener("ended",this.handleEnded),this.audioElement.removeEventListener("timeupdate",this.handleTimeUpdate),this.audioElement.pause(),this.ownsElement&&(this.audioElement.src="",this.audioElement.load())}get id(){return this._id}get name(){return this._name}get peaks(){return this._peaks}get currentTime(){return this.audioElement.currentTime}get duration(){return this.audioElement.duration||this._peaks.duration}get isPlaying(){return!this.audioElement.paused&&!this.audioElement.ended}get volume(){return this.audioElement.volume}get playbackRate(){return this._playbackRate}get muted(){return this.audioElement.muted}get element(){return this.audioElement}},xs=class{constructor(e={}){this.track=null,this._isPlaying=!1,this._masterVolume=e.masterVolume??1,this._playbackRate=e.playbackRate??1}async init(){}addTrack(e){return this.track&&(console.warn("MediaElementPlayout: Only one track is supported. Disposing previous track. For multi-track, use TonePlayout."),this.track.dispose()),this.track=new Cs({...e,volume:this._masterVolume*(e.volume??1),playbackRate:this._playbackRate}),this.track.setOnStopCallback(()=>{this._isPlaying=!1,this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback()}),this.track}removeTrack(e){this.track&&this.track.id===e&&(this.track.dispose(),this.track=null)}getTrack(e){if(this.track&&this.track.id===e)return this.track}play(e,t,n){if(!this.track){console.warn("MediaElementPlayout: No track to play");return}const a=t??0;if(this._isPlaying=!0,this.track.play(a),n!==void 0){const r=n/this._playbackRate;setTimeout(()=>{this._isPlaying&&(this.pause(),this.onPlaybackCompleteCallback&&this.onPlaybackCompleteCallback())},r*1e3)}}pause(){this.track&&this.track.pause(),this._isPlaying=!1}stop(){this.track&&this.track.stop(),this._isPlaying=!1}seekTo(e){this.track&&this.track.seekTo(e)}getCurrentTime(){return this.track?this.track.currentTime:0}setMasterVolume(e){this._masterVolume=Math.max(0,Math.min(1,e)),this.track&&this.track.setVolume(this._masterVolume)}setPlaybackRate(e){this._playbackRate=Math.max(.5,Math.min(2,e)),this.track&&this.track.setPlaybackRate(this._playbackRate)}setMute(e,t){const n=this.getTrack(e);n&&n.setMuted(t)}setSolo(e,t){console.warn("MediaElementPlayout: Solo is not applicable for single-track playback")}setOnPlaybackComplete(e){this.onPlaybackCompleteCallback=e}dispose(){this.track&&(this.track.dispose(),this.track=null)}get isPlaying(){return this._isPlaying}get masterVolume(){return this._masterVolume}get playbackRate(){return this._playbackRate}get duration(){return this.track?.duration??0}get sampleRate(){return this.track?.peaks.sample_rate??44100}};const Qn=i.createContext(null),ea=i.createContext(null),ta=i.createContext(null),na=i.createContext(null),ws=({track:e,samplesPerPixel:t=1024,waveHeight:n=100,timescale:a=!1,playbackRate:r=1,theme:s,controls:o={show:!1,width:0},annotationList:l,barWidth:c=1,barGap:u=0,progressBarWidth:f,onReady:w,children:g})=>{const d=f??c+u,[x,I]=i.useState(!1),[m,b]=i.useState(0),[p,C]=i.useState(0),[h,k]=i.useState([]),[y,S]=i.useState(r),[R,E]=i.useState([]),[$,M]=i.useState(null),[D,_]=i.useState(l?.isContinuousPlay??!1),[Z]=i.useState(t),T=i.useRef(null),P=i.useRef(0),j=i.useRef(null),U=i.useRef(D),V=i.useRef(null);i.useEffect(()=>{U.current=D},[D]);const L=i.useCallback(J=>{V.current=J,M(J)},[]),re=i.useCallback(J=>{U.current=J,_(J)},[]),te=e.waveformData.sample_rate;i.useEffect(()=>{const J=new xs({playbackRate:r});J.addTrack({source:e.source,peaks:e.waveformData,name:e.name});const ae=J.getTrack(J.track?.id??"");return ae&&ae.setOnTimeUpdateCallback(F=>{P.current=F}),J.setOnPlaybackComplete(()=>{I(!1)}),T.current=J,C(e.waveformData.duration),w?.(),()=>{j.current&&cancelAnimationFrame(j.current),J.dispose()}},[e.source,e.waveformData,e.name,r,w]),i.useEffect(()=>{const J=Zn(e.waveformData,Z,0,0,Math.ceil(e.waveformData.duration*te)),ae={clipId:"media-element-clip",trackName:e.name??"Track",peaks:{length:J.length,data:[J.data],bits:J.bits},startSample:0,durationSamples:Math.ceil(e.waveformData.duration*te)};k([[ae]])},[e.waveformData,e.name,Z,te]),i.useEffect(()=>{if(l?.annotations){const J=l.annotations.map(ae=>typeof ae.start=="number"?ae:Vn(ae));E(J)}},[l]);const Q=i.useCallback(()=>{j.current&&cancelAnimationFrame(j.current);const J=()=>{const ae=T.current?.getCurrentTime()??0;if(P.current=ae,b(ae),R.length>0){const F=R.find(ue=>ae>=ue.start&&ae<ue.end);if(U.current){if(F&&F.id!==V.current)L(F.id);else if(!F&&V.current!==null){const ue=R[R.length-1];if(ae>=ue.end){T.current?.stop(),I(!1),L(null);return}}}else if(V.current){const ue=R.find(de=>de.id===V.current);if(ue&&ae>=ue.end){T.current?.stop(),I(!1);return}}else F&&L(F.id)}if(ae>=p){T.current?.stop(),I(!1),L(null);return}j.current=requestAnimationFrame(J)};j.current=requestAnimationFrame(J)},[p,R,L]),q=i.useCallback(()=>{j.current&&(cancelAnimationFrame(j.current),j.current=null)},[]),be=i.useCallback(J=>{if(!T.current)return;const ae=J??P.current;T.current.play(void 0,ae),I(!0),Q()},[Q]),Ee=i.useCallback(()=>{T.current&&(T.current.pause(),I(!1),q(),b(T.current.getCurrentTime()))},[q]),Y=i.useCallback(()=>{T.current&&(T.current.stop(),I(!1),q(),P.current=0,b(0),L(null))},[q,L]),le=i.useCallback(J=>{const ae=Math.max(0,Math.min(J,p));P.current=ae,b(ae),T.current&&T.current.seekTo(ae)},[p]),pe=i.useCallback(J=>{const ae=Math.max(.5,Math.min(2,J));S(ae),T.current&&T.current.setPlaybackRate(ae)},[]),ce=a?30:0,K=i.useMemo(()=>({isPlaying:x,currentTime:m,currentTimeRef:P}),[x,m]),ee=i.useMemo(()=>({continuousPlay:D,annotations:R,activeAnnotationId:$,playbackRate:y}),[D,R,$,y]),We=i.useMemo(()=>({play:be,pause:Ee,stop:Y,seekTo:le,setPlaybackRate:pe,setContinuousPlay:re,setAnnotations:E,setActiveAnnotationId:L}),[be,Ee,Y,le,pe,re,L]),je=i.useMemo(()=>({duration:p,peaksDataArray:h,sampleRate:te,waveHeight:n,timeScaleHeight:ce,samplesPerPixel:Z,playoutRef:T,controls:o,barWidth:c,barGap:u,progressBarWidth:d}),[p,h,te,n,ce,Z,o,c,u,d]),ne={...yn,...s};return v.jsx(A.ThemeProvider,{theme:ne,children:v.jsx(Qn.Provider,{value:K,children:v.jsx(ea.Provider,{value:ee,children:v.jsx(ta.Provider,{value:We,children:v.jsx(na.Provider,{value:je,children:g})})})})})},It=()=>{const e=i.useContext(Qn);if(!e)throw new Error("useMediaElementAnimation must be used within MediaElementPlaylistProvider");return e},aa=()=>{const e=i.useContext(ea);if(!e)throw new Error("useMediaElementState must be used within MediaElementPlaylistProvider");return e},ra=()=>{const e=i.useContext(ta);if(!e)throw new Error("useMediaElementControls must be used within MediaElementPlaylistProvider");return e},At=()=>{const e=i.useContext(na);if(!e)throw new Error("useMediaElementData must be used within MediaElementPlaylistProvider");return e},ys=({className:e})=>{const{isPlaying:t,currentTimeRef:n}=Ie(),{selectionStart:a,selectionEnd:r,isLoopEnabled:s}=Te(),{play:o}=he(),l=async()=>{if(a!==r&&r>a)if(s)await o(a);else{const u=r-a;await o(a,u)}else await o(n.current??0)};return v.jsx(Be,{onClick:l,disabled:t,className:e,children:"Play"})},ks=({className:e})=>{const{isPlaying:t}=Ie(),{pause:n}=he();return v.jsx(Be,{onClick:n,disabled:!t,className:e,children:"Pause"})},Is=({className:e})=>{const{isPlaying:t}=Ie(),{stop:n}=he();return v.jsx(Be,{onClick:n,disabled:!t,className:e,children:"Stop"})},As=({className:e})=>{const{isPlaying:t}=Ie(),{play:n,setCurrentTime:a}=he(),{playoutRef:r}=we(),s=()=>{a(0),t&&r.current&&(r.current.stop(),n(0))};return v.jsx(Be,{onClick:s,className:e,children:"Rewind"})},Ss=({className:e})=>{const{isPlaying:t}=Ie(),{play:n,setCurrentTime:a}=he(),{duration:r,playoutRef:s}=we(),o=()=>{a(r),t&&s.current&&(s.current.stop(),n(r))};return v.jsx(Be,{onClick:o,className:e,children:"Fast Forward"})},$s=({skipAmount:e=5,className:t})=>{const{currentTimeRef:n,isPlaying:a}=Ie(),{play:r,setCurrentTime:s}=he(),{playoutRef:o}=we(),l=()=>{const c=Math.max(0,(n.current??0)-e);s(c),a&&o.current&&(o.current.stop(),r(c))};return v.jsx(Be,{onClick:l,className:t,children:"Skip Backward"})},Ms=({skipAmount:e=5,className:t})=>{const{currentTimeRef:n,isPlaying:a}=Ie(),{play:r,setCurrentTime:s}=he(),{duration:o,playoutRef:l}=we(),c=()=>{const u=Math.min(o,(n.current??0)+e);s(u),a&&l.current&&(l.current.stop(),r(u))};return v.jsx(Be,{onClick:c,className:t,children:"Skip Forward"})},Rs=({className:e})=>{const{isLoopEnabled:t,loopStart:n,loopEnd:a}=Te(),{setLoopEnabled:r,setLoopRegion:s}=he(),{duration:o}=we(),l=n!==a&&a>n,c=()=>{if(!t&&!l){const u=Math.min(10,o*.25);s(0,Math.max(1,u))}r(!t)};return v.jsx(Be,{onClick:c,className:e,title:t?"Disable loop":"Enable loop",children:t?"Loop On":"Loop Off"})},Es=({className:e})=>{const{selectionStart:t,selectionEnd:n,loopStart:a,loopEnd:r}=Te(),{setLoopRegionFromSelection:s,clearLoopRegion:o}=he(),l=t!==n&&n>t,c=a!==r&&r>a,u=()=>{c?o():s()};return v.jsx(Be,{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"})},Ds=({className:e,disabled:t})=>{const{zoomIn:n}=he(),{canZoomIn:a}=we();return v.jsx(Be,{variant:"success",onClick:n,disabled:t||!a,className:e,children:"Zoom In"})},Bs=({className:e,disabled:t})=>{const{zoomOut:n}=he(),{canZoomOut:a}=we();return v.jsx(Be,{variant:"success",onClick:n,disabled:t||!a,className:e,children:"Zoom Out"})},Ts=({className:e})=>{const{masterVolume:t}=we(),{setMasterVolume:n}=he();return v.jsx(ir,{volume:t,onChange:n,className:e})},Ws=({className:e})=>{const{timeFormat:t}=we(),{setTimeFormat:n}=he();return v.jsx(Tr,{value:t,onChange:n,className:e})},_s=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
|
-
`,
|
|
1199
|
+
`,Fs=({className:e})=>{const t=i.useRef(null),n=i.useRef(null),{isPlaying:a,currentTimeRef:r,playbackStartTimeRef:s,audioStartPositionRef:o}=Ie(),{timeFormat:l}=we(),c=l;return i.useEffect(()=>{const u=()=>{if(t.current){let f;if(a){const w=W.getContext().currentTime-(s.current??0);f=(o.current??0)+w}else f=r.current??0;t.current.textContent=Je(f,c)}a&&(n.current=requestAnimationFrame(u))};return a?n.current=requestAnimationFrame(u):u(),()=>{n.current&&(cancelAnimationFrame(n.current),n.current=null)}},[a,c,r,s,o]),i.useEffect(()=>{!a&&t.current&&(t.current.textContent=Je(r.current??0,c))}),v.jsx(_s,{ref:t,className:e,"aria-label":"Audio position",children:Je(r.current??0,c)})},Zs=({className:e})=>{const{selectionStart:t,selectionEnd:n}=Te(),{setSelection:a}=he();return v.jsx(vr,{selectionStart:t,selectionEnd:n,onSelectionChange:a,className:e})},Vs=({className:e})=>{const{isAutomaticScroll:t}=Te(),{setAutomaticScroll:n}=he();return v.jsx(Ha,{checked:t,onChange:n,className:e})},Ps=({className:e})=>{const{continuousPlay:t}=Te(),{setContinuousPlay:n}=he();return v.jsx(Mo,{checked:t,onChange:n,className:e})},zs=({className:e})=>{const{linkEndpoints:t}=Te(),{setLinkEndpoints:n}=he();return v.jsx(Ro,{checked:t,onChange:n,className:e})},js=({className:e})=>{const{annotationsEditable:t}=Te(),{setAnnotationsEditable:n}=he();return v.jsx(Eo,{checked:t,onChange:n,className:e})},Hs=({filename:e,className:t})=>{const{annotations:n}=Te();return v.jsx(Bo,{annotations:n,filename:e,className:t})},Xs=({label:e="Export WAV",filename:t="export",mode:n="master",trackIndex:a,bitDepth:r=16,applyEffects:s=!0,effectsFunction:o,createOfflineTrackEffects:l,className:c,onExportComplete:u,onExportError:f})=>{const{tracks:w,trackStates:g}=we(),{exportWav:d,isExporting:x,progress:I}=Yn(),m=async()=>{try{const p=await d(w,g,{filename:t,mode:n,trackIndex:a,bitDepth:r,applyEffects:s,effectsFunction:o,createOfflineTrackEffects:l,autoDownload:!0});u?.(p.blob)}catch(p){f?.(p instanceof Error?p:new Error("Export failed"))}},b=x?`Exporting ${Math.round(I*100)}%`:e;return v.jsx(Be,{onClick:m,disabled:x||w.length===0,className:c,children:b})},Gs=A.div`
|
|
1200
1200
|
position: absolute;
|
|
1201
1201
|
top: 0;
|
|
1202
1202
|
left: 0;
|
|
@@ -1206,9 +1206,9 @@
|
|
|
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
|
-
`,
|
|
1209
|
+
`,Ns=({color:e="#ff0000",controlsOffset:t=0})=>{const n=i.useRef(null),a=i.useRef(null),{isPlaying:r,currentTimeRef:s,playbackStartTimeRef:o,audioStartPositionRef:l}=Ie(),{samplesPerPixel:c,sampleRate:u,progressBarWidth:f}=we();return i.useEffect(()=>{const w=()=>{if(n.current){let g;if(r){const x=W.getContext().currentTime-(o.current??0);g=(l.current??0)+x}else g=s.current??0;const d=g*u/c+t;n.current.style.transform=`translate3d(${d}px, 0, 0)`}r&&(a.current=requestAnimationFrame(w))};return r?a.current=requestAnimationFrame(w):w(),()=>{a.current&&(cancelAnimationFrame(a.current),a.current=null)}},[r,u,c,t,s,o,l]),i.useEffect(()=>{if(!r&&n.current){const g=(s.current??0)*u/c+t;n.current.style.transform=`translate3d(${g}px, 0, 0)`}}),v.jsx(Gs,{ref:n,$color:e,$width:f,"data-playhead":!0})},Ls=A.div`
|
|
1210
1210
|
position: relative;
|
|
1211
|
-
`,
|
|
1211
|
+
`,Ys=A.div`
|
|
1212
1212
|
position: absolute;
|
|
1213
1213
|
top: ${e=>e.$top}px;
|
|
1214
1214
|
left: 0;
|
|
@@ -1220,7 +1220,7 @@
|
|
|
1220
1220
|
transform: translateZ(0);
|
|
1221
1221
|
backface-visibility: hidden;
|
|
1222
1222
|
will-change: transform;
|
|
1223
|
-
`,
|
|
1223
|
+
`,Os=A.div`
|
|
1224
1224
|
position: absolute;
|
|
1225
1225
|
top: ${e=>e.$top}px;
|
|
1226
1226
|
left: 0;
|
|
@@ -1229,10 +1229,10 @@
|
|
|
1229
1229
|
pointer-events: none;
|
|
1230
1230
|
z-index: 1;
|
|
1231
1231
|
will-change: width;
|
|
1232
|
-
`,
|
|
1232
|
+
`,Ks=A.div`
|
|
1233
1233
|
position: relative;
|
|
1234
1234
|
z-index: 2;
|
|
1235
|
-
`,
|
|
1235
|
+
`,fn=({clipStartSample:e,clipDurationSamples:t,...n})=>{const a=i.useRef(null),r=i.useRef(null),s=rt(),{waveHeight:o}=at(),{isPlaying:l,currentTimeRef:c,playbackStartTimeRef:u,audioStartPositionRef:f}=Ie(),{samplesPerPixel:w,sampleRate:g}=we(),d=s?.waveProgressColor||"rgba(0, 0, 0, 0.1)";i.useEffect(()=>{const b=()=>{if(a.current){let p;if(l){const y=W.getContext().currentTime-(u.current??0);p=(f.current??0)+y}else p=c.current??0;const C=p*g,h=e+t;let k=0;if(C<=e)k=0;else if(C>=h)k=n.length;else{const y=C-e;k=Math.floor(y/w)}a.current.style.width=`${k}px`}l&&(r.current=requestAnimationFrame(b))};return l?r.current=requestAnimationFrame(b):b(),()=>{r.current&&(cancelAnimationFrame(r.current),r.current=null)}},[l,g,w,e,t,n.length,c,u,f]),i.useEffect(()=>{if(!l&&a.current){const p=(c.current??0)*g,C=e+t;let h=0;if(p<=e)h=0;else if(p>=C)h=n.length;else{const k=p-e;h=Math.floor(k/w)}a.current.style.width=`${h}px`}});const x=s?.waveformDrawMode||"inverted";let I;x==="inverted"?I=n.isSelected&&s?s.selectedWaveFillColor:s?.waveFillColor||"white":I=n.isSelected&&s?s.selectedWaveOutlineColor:s?.waveOutlineColor||"grey";const m=Ye(I);return v.jsxs(Ls,{children:[v.jsx(Ys,{$color:m,$height:o,$top:n.index*o,$width:n.length}),v.jsx(Os,{ref:a,$color:d,$height:o,$top:n.index*o}),v.jsx(Ks,{children:v.jsx(Dn,{...n,transparentBackground:!0})})]})},Us=60,Js=({renderTrackControls:e,renderTimestamp:t,renderPlayhead:n,annotationControls:a,annotationListConfig:r,annotationTextHeight:s,renderAnnotationItem:o,getAnnotationBoxLabel:l,className:c,showClipHeaders:u=!1,interactiveClips:f=!1,showFades:w=!1,touchOptimized:g=!1,recordingState:d})=>{const x=rt(),{isPlaying:I,currentTimeRef:m,playbackStartTimeRef:b,audioStartPositionRef:p}=Ie(),{selectionStart:C,selectionEnd:h,annotations:k,activeAnnotationId:y,annotationsEditable:S,linkEndpoints:R,continuousPlay:E,selectedTrackId:$,loopStart:M,loopEnd:D,isLoopEnabled:_}=Te(),{setAnnotations:Z,setActiveAnnotationId:T,setTrackMute:P,setTrackSolo:j,setTrackVolume:U,setTrackPan:V,setSelection:L,play:re,setScrollContainer:te,setSelectedTrackId:Q,setCurrentTime:q,setLoopRegion:be}=he(),{audioBuffers:Ee,peaksDataArray:Y,trackStates:le,tracks:pe,duration:ce,samplesPerPixel:K,sampleRate:ee,waveHeight:We,timeScaleHeight:je,controls:ne,playoutRef:J,barWidth:ae,barGap:F}=we(),[ue,de]=i.useState(!1),Ce=i.useRef(null),st=i.useCallback(X=>{Ce.current=X,te(X)},[te]);let Ae=Ee.length>0?ce:Us;if(d?.isRecording){const O=(d.startSample+d.durationSamples)/ee;Ae=Math.max(Ae,O+10)}const ye=Math.floor(Ae*ee/K),He=async X=>{console.log("Annotation clicked:",X.id),T(X.id);const O=E?void 0:X.end-X.start;await re(X.start,O)},Ve=i.useCallback(X=>{if(X>=0&&X<pe.length){const O=pe[X];Q(O.id)}},[pe,Q]),it=X=>{const O=X.currentTarget.getBoundingClientRect(),ie=ne.show?ne.width:0,ve=(X.clientX-O.left-ie)*K/ee,oe=X.clientY-O.top;let Pe=0,Se=-1;for(let ke=0;ke<Y.length;ke++){const Xe=Y[ke],qe=(Xe.length>0?Math.max(...Xe.map(Ge=>Ge.peaks.data.length)):1)*We+(u?22:0);if(oe>=Pe&&oe<Pe+qe){Se=ke;break}Pe+=qe}Se!==-1&&Ve(Se),de(!0),q(ve),L(ve,ve)},lt=X=>{if(!ue)return;const O=X.currentTarget.getBoundingClientRect(),ie=ne.show?ne.width:0,ve=(X.clientX-O.left-ie)*K/ee,_e=Math.min(C,ve),oe=Math.max(C,ve);L(_e,oe)},Ne=X=>{if(!ue)return;de(!1);const O=X.currentTarget.getBoundingClientRect(),ie=ne.show?ne.width:0,ve=(X.clientX-O.left-ie)*K/ee,_e=Math.min(C,ve),oe=Math.max(C,ve);Math.abs(oe-_e)<.1?(q(_e),I&&J.current?(J.current.stop(),re(_e)):J.current&&J.current.stop()):L(_e,oe)};return pe.some(X=>X.clips.length>0)&&(Ee.length===0||Y.length===0)?v.jsx("div",{className:c,children:"Loading waveform..."}):v.jsx(Rn,{children:v.jsxs(yt.Provider,{value:{samplesPerPixel:K,sampleRate:ee,zoomLevels:[K],waveHeight:We,timeScaleHeight:je,duration:Ae,controls:ne,barWidth:ae,barGap:F},children:[v.jsx(Vt,{theme:x,backgroundColor:Ye(x.waveOutlineColor),timescaleBackgroundColor:x.timescaleBackgroundColor,scrollContainerWidth:ye+(ne.show?ne.width:0),timescaleWidth:ye,tracksWidth:ye,controlsWidth:ne.show?ne.width:0,onTracksMouseDown:it,onTracksMouseMove:lt,onTracksMouseUp:Ne,scrollContainerRef:st,isSelecting:ue,timescale:je>0?v.jsxs(v.Fragment,{children:[v.jsx(Bn,{duration:Ae*1e3,marker:1e4,bigStep:5e3,secondStep:1e3,renderTimestamp:t}),_&&v.jsx(br,{startPosition:Math.min(M,D)*ee/K,endPosition:Math.max(M,D)*ee/K,markerColor:x.loopMarkerColor,regionColor:x.loopRegionColor,minPosition:0,maxPosition:ye,controlsOffset:ne.show?ne.width:0,onLoopRegionChange:(X,O)=>{const ie=X*K/ee,fe=O*K/ee;be(ie,fe)}})]}):void 0,children:v.jsxs(v.Fragment,{children:[Y.map((X,O)=>{const ie=pe[O];if(!ie)return null;const fe=le[O]||{name:`Track ${O+1}`,muted:!1,soloed:!1,volume:1,pan:0},ve=e?e(O):v.jsxs(Vr,{onClick:()=>Ve(O),children:[v.jsx(Pr,{style:{justifyContent:"center"},children:fe.name||`Track ${O+1}`}),v.jsxs(Zr,{children:[v.jsx(tn,{$variant:fe.muted?"danger":"outline",onClick:()=>P(O,!fe.muted),children:"Mute"}),v.jsx(tn,{$variant:fe.soloed?"info":"outline",onClick:()=>j(O,!fe.soloed),children:"Solo"})]}),v.jsxs(an,{children:[v.jsx(zr,{}),v.jsx(nn,{min:"0",max:"1",step:"0.01",value:fe.volume,onChange:oe=>U(O,parseFloat(oe.target.value))}),v.jsx(jr,{})]}),v.jsxs(an,{children:[v.jsx("span",{children:"L"}),v.jsx(nn,{min:"-1",max:"1",step:"0.01",value:fe.pan,onChange:oe=>V(O,parseFloat(oe.target.value))}),v.jsx("span",{children:"R"})]})]}),_e=X.length>0?Math.max(...X.map(oe=>oe.peaks.data.length)):1;return v.jsx(Pt.Provider,{value:ve,children:v.jsxs(Tn,{numChannels:_e,backgroundColor:Ye(x.waveOutlineColor),offset:0,width:ye,hasClipHeaders:u,trackId:ie.id,isSelected:ie.id===$,children:[X.map((oe,Pe)=>{const Se=oe.peaks,ke=Se.length;return v.jsx(Tt,{clipId:oe.clipId,trackIndex:O,clipIndex:Pe,trackName:oe.trackName,startSample:oe.startSample,durationSamples:oe.durationSamples,samplesPerPixel:K,showHeader:u,disableHeaderDrag:!f,isSelected:ie.id===$,trackId:ie.id,fadeIn:oe.fadeIn,fadeOut:oe.fadeOut,sampleRate:ee,showFades:w,touchOptimized:g,onMouseDown:Xe=>{Xe.target.closest('[role="button"][aria-roledescription="draggable"]')||Ve(O)},children:Se.data.map((Xe,Ke)=>v.jsx(fn,{index:Ke,data:Xe,bits:Se.bits,length:ke,isSelected:ie.id===$,clipStartSample:oe.startSample,clipDurationSamples:oe.durationSamples},`${O}-${Pe}-${Ke}`))},`${O}-${Pe}`)}),d?.isRecording&&d.trackId===ie.id&&d.peaks.length>0&&v.jsx(Tt,{clipId:"recording-preview",trackIndex:O,clipIndex:X.length,trackName:"Recording...",startSample:d.startSample,durationSamples:d.durationSamples,samplesPerPixel:K,showHeader:u,disableHeaderDrag:!0,isSelected:ie.id===$,trackId:ie.id,children:v.jsx(fn,{index:0,data:d.peaks,bits:16,length:Math.floor(d.peaks.length/2),isSelected:ie.id===$,clipStartSample:d.startSample,clipDurationSamples:d.durationSamples},`${O}-recording-0`)},`${O}-recording`)]})},ie.id)}),k.length>0&&v.jsx(zn,{height:30,width:ye,children:k.map((X,O)=>{const ie=X.start*ee/K,fe=X.end*ee/K,ve=l?l(X):X.id;return v.jsx(Pn,{annotationId:X.id,annotationIndex:O,startPosition:ie,endPosition:fe,label:ve,color:"#ff9800",isActive:X.id===y,onClick:()=>He(X),editable:S},X.id)})}),C!==h&&v.jsx(Sn,{startPosition:Math.min(C,h)*ee/K+(ne.show?ne.width:0),endPosition:Math.max(C,h)*ee/K+(ne.show?ne.width:0),color:x.selectionColor}),(I||C===h)&&(n?n({position:(m.current??0)*ee/K+(ne.show?ne.width:0),color:x.playheadColor,isPlaying:I,currentTimeRef:m,playbackStartTimeRef:b,audioStartPositionRef:p,samplesPerPixel:K,sampleRate:ee,controlsOffset:ne.show?ne.width:0,getAudioContextTime:()=>W.getContext().currentTime}):v.jsx(Ns,{color:x.playheadColor,controlsOffset:ne.show?ne.width:0}))]})}),k.length>0&&v.jsx(jn,{annotations:k,activeAnnotationId:y??void 0,shouldScrollToActive:!0,editable:S,controls:S?a:void 0,annotationListConfig:{linkEndpoints:R,continuousPlay:E},height:s,renderAnnotationItem:o,onAnnotationUpdate:X=>{Z(X)}})]})})},qs=A.div`
|
|
1236
1236
|
position: absolute;
|
|
1237
1237
|
top: 0;
|
|
1238
1238
|
left: 0;
|
|
@@ -1242,9 +1242,9 @@
|
|
|
1242
1242
|
z-index: 100;
|
|
1243
1243
|
pointer-events: none;
|
|
1244
1244
|
will-change: transform;
|
|
1245
|
-
`,
|
|
1245
|
+
`,Qs=({color:e="#ff0000",controlsOffset:t=0})=>{const n=i.useRef(null),a=i.useRef(null),{isPlaying:r,currentTimeRef:s}=It(),{samplesPerPixel:o,sampleRate:l,progressBarWidth:c}=At();return i.useEffect(()=>{const u=()=>{if(n.current){const w=(s.current??0)*l/o+t;n.current.style.transform=`translate3d(${w}px, 0, 0)`}r&&(a.current=requestAnimationFrame(u))};return r?a.current=requestAnimationFrame(u):u(),()=>{a.current&&(cancelAnimationFrame(a.current),a.current=null)}},[r,l,o,t,s]),i.useEffect(()=>{if(!r&&n.current){const f=(s.current??0)*l/o+t;n.current.style.transform=`translate3d(${f}px, 0, 0)`}}),v.jsx(qs,{ref:n,$color:e,$width:c,"data-playhead":!0})},ei=A.div`
|
|
1246
1246
|
position: relative;
|
|
1247
|
-
`,
|
|
1247
|
+
`,ti=A.div`
|
|
1248
1248
|
position: absolute;
|
|
1249
1249
|
top: ${e=>e.$top}px;
|
|
1250
1250
|
left: 0;
|
|
@@ -1255,7 +1255,7 @@
|
|
|
1255
1255
|
transform: translateZ(0);
|
|
1256
1256
|
backface-visibility: hidden;
|
|
1257
1257
|
will-change: transform;
|
|
1258
|
-
`,
|
|
1258
|
+
`,ni=A.div`
|
|
1259
1259
|
position: absolute;
|
|
1260
1260
|
top: ${e=>e.$top}px;
|
|
1261
1261
|
left: 0;
|
|
@@ -1264,8 +1264,8 @@
|
|
|
1264
1264
|
pointer-events: none;
|
|
1265
1265
|
z-index: 1;
|
|
1266
1266
|
will-change: width;
|
|
1267
|
-
`,
|
|
1267
|
+
`,ai=A.div`
|
|
1268
1268
|
position: relative;
|
|
1269
1269
|
z-index: 2;
|
|
1270
|
-
`,
|
|
1270
|
+
`,ri=({clipStartSample:e,clipDurationSamples:t,...n})=>{const a=i.useRef(null),r=i.useRef(null),s=rt(),{waveHeight:o}=at(),{isPlaying:l,currentTimeRef:c}=It(),{samplesPerPixel:u,sampleRate:f}=At(),w=s?.waveProgressColor||"rgba(0, 0, 0, 0.1)";i.useEffect(()=>{const I=()=>{if(a.current){const b=(c.current??0)*f,p=e+t;let C=0;if(b<=e)C=0;else if(b>=p)C=n.length;else{const h=b-e;C=Math.floor(h/u)}a.current.style.width=`${C}px`}l&&(r.current=requestAnimationFrame(I))};return l?r.current=requestAnimationFrame(I):I(),()=>{r.current&&(cancelAnimationFrame(r.current),r.current=null)}},[l,f,u,e,t,n.length,c]),i.useEffect(()=>{if(!l&&a.current){const m=(c.current??0)*f,b=e+t;let p=0;if(m<=e)p=0;else if(m>=b)p=n.length;else{const C=m-e;p=Math.floor(C/u)}a.current.style.width=`${p}px`}});const g=s?.waveformDrawMode||"inverted";let d;g==="inverted"?d=s?.selectedWaveFillColor||s?.waveFillColor||"white":d=s?.selectedWaveOutlineColor||s?.waveOutlineColor||"grey";const x=Ye(d);return v.jsxs(ei,{children:[v.jsx(ti,{$color:x,$height:o,$top:n.index*o,$width:n.length}),v.jsx(ni,{ref:a,$color:w,$height:o,$top:n.index*o}),v.jsx(ai,{children:v.jsx(Dn,{...n,isSelected:!0,transparentBackground:!0})})]})},oi=({annotationTextHeight:e,getAnnotationBoxLabel:t,renderAnnotationItem:n,editable:a=!1,onAnnotationUpdate:r,className:s})=>{const o=rt(),{isPlaying:l,currentTimeRef:c}=It(),{annotations:u,activeAnnotationId:f,continuousPlay:w}=aa(),{play:g,seekTo:d,setActiveAnnotationId:x,setAnnotations:I}=ra(),{duration:m,peaksDataArray:b,sampleRate:p,waveHeight:C,timeScaleHeight:h,samplesPerPixel:k,controls:y,playoutRef:S,barWidth:R,barGap:E}=At(),[$,M]=i.useState(0),[D,_]=i.useState(0),[Z,T]=i.useState(!1),P=i.useRef(null),j=Math.floor(m*p/k),U=i.useCallback(async Y=>{x(Y.id),g(Y.start)},[x,g]),V=i.useCallback(Y=>{I(Y),r?.(Y)},[I,r]),{onDragStart:L,onDragMove:re,onDragEnd:te}=Ln({annotations:u,onAnnotationsChange:V,samplesPerPixel:k,sampleRate:p,duration:m,linkEndpoints:!0}),Q=i.useCallback(Y=>{const le=Y.currentTarget.getBoundingClientRect(),pe=y.show?y.width:0,K=(Y.clientX-le.left-pe)*k/p;T(!0),M(K),_(K)},[y,k,p]),q=i.useCallback(Y=>{if(!Z)return;const le=Y.currentTarget.getBoundingClientRect(),pe=y.show?y.width:0,K=(Y.clientX-le.left-pe)*k/p;_(K)},[Z,y,k,p]),be=i.useCallback(Y=>{if(!Z)return;T(!1);const le=Y.currentTarget.getBoundingClientRect(),pe=y.show?y.width:0,K=(Y.clientX-le.left-pe)*k/p,ee=Math.min($,K),We=Math.max($,K);Math.abs(We-ee)<.1?(d(ee),M(ee),_(ee),l&&S.current&&(S.current.stop(),g(ee))):(M(ee),_(We))},[Z,$,k,p,y,d,l,S,g]);if(b.length===0)return v.jsx("div",{className:s,children:"Loading waveform..."});const Ee=null;return v.jsx(Rn,{children:v.jsxs(yt.Provider,{value:{samplesPerPixel:k,sampleRate:p,zoomLevels:[k],waveHeight:C,timeScaleHeight:h,duration:m,controls:y,barWidth:R,barGap:E},children:[v.jsx(Vt,{theme:o,backgroundColor:Ye(o.waveOutlineColor),timescaleBackgroundColor:o.timescaleBackgroundColor,scrollContainerWidth:j+(y.show?y.width:0),timescaleWidth:j,tracksWidth:j,controlsWidth:y.show?y.width:0,onTracksMouseDown:Q,onTracksMouseMove:q,onTracksMouseUp:be,scrollContainerRef:Y=>{P.current=Y},isSelecting:Z,timescale:h>0?v.jsx(Bn,{duration:m*1e3,marker:1e4,bigStep:5e3,secondStep:1e3}):void 0,children:v.jsxs(v.Fragment,{children:[b.map((Y,le)=>{const pe=Y.length>0?Math.max(...Y.map(ce=>ce.peaks.data.length)):1;return v.jsx(Pt.Provider,{value:Ee,children:v.jsx(Tn,{numChannels:pe,backgroundColor:Ye(o.waveOutlineColor),offset:0,width:j,hasClipHeaders:!1,trackId:`media-element-track-${le}`,isSelected:!0,children:Y.map((ce,K)=>{const ee=ce.peaks,We=ee.length;return v.jsx(Tt,{clipId:ce.clipId,trackIndex:le,clipIndex:K,trackName:ce.trackName,startSample:ce.startSample,durationSamples:ce.durationSamples,samplesPerPixel:k,showHeader:!1,disableHeaderDrag:!0,isSelected:!0,trackId:`media-element-track-${le}`,children:ee.data.map((je,ne)=>v.jsx(ri,{index:ne,data:je,bits:ee.bits,length:We,clipStartSample:ce.startSample,clipDurationSamples:ce.durationSamples},`${le}-${K}-${ne}`))},`${le}-${K}`)})})},le)}),u.length>0&&v.jsx(Re.DndContext,{onDragStart:L,onDragMove:re,onDragEnd:te,modifiers:a?[Da.restrictToHorizontalAxis]:[],children:v.jsx(zn,{height:30,width:j,children:u.map((Y,le)=>{const pe=Y.start*p/k,ce=Y.end*p/k,K=t?t(Y):Y.id;return v.jsx(Pn,{annotationId:Y.id,annotationIndex:le,startPosition:pe,endPosition:ce,label:K,color:"#ff9800",isActive:Y.id===f,onClick:()=>U(Y),editable:a},Y.id)})})}),$!==D&&v.jsx(Sn,{startPosition:Math.min($,D)*p/k+(y.show?y.width:0),endPosition:Math.max($,D)*p/k+(y.show?y.width:0),color:o.selectionColor}),v.jsx(Qs,{color:o.playheadColor,controlsOffset:y.show?y.width:0})]})}),u.length>0&&v.jsx(jn,{annotations:u,activeAnnotationId:f??void 0,shouldScrollToActive:!0,editable:a,annotationListConfig:{linkEndpoints:!0,continuousPlay:w},height:e,onAnnotationUpdate:V,renderAnnotationItem:n})]})})};exports.Tone=hn;exports.AudioPosition=Fs;exports.AutomaticScrollCheckbox=Vs;exports.ContinuousPlayCheckbox=Ps;exports.DownloadAnnotationsButton=Hs;exports.EditableCheckbox=js;exports.ExportWavButton=Xs;exports.FastForwardButton=Ss;exports.LinkEndpointsCheckbox=zs;exports.LoopButton=Rs;exports.MasterVolumeControl=Ts;exports.MediaElementPlaylistProvider=ws;exports.MediaElementWaveform=oi;exports.PauseButton=ks;exports.PlayButton=ys;exports.RewindButton=As;exports.SelectionTimeInputs=Zs;exports.SetLoopRegionButton=Es;exports.SkipBackwardButton=$s;exports.SkipForwardButton=Ms;exports.StopButton=Is;exports.TimeFormatSelect=Ws;exports.Waveform=Js;exports.WaveformPlaylistProvider=bs;exports.ZoomInButton=Ds;exports.ZoomOutButton=Bs;exports.createEffectChain=cs;exports.createEffectInstance=nt;exports.effectCategories=os;exports.effectDefinitions=ot;exports.getEffectDefinition=jt;exports.getEffectsByCategory=rs;exports.getShortcutLabel=Ho;exports.getWaveformDataMetadata=co;exports.loadPeaksFromWaveformData=lo;exports.loadWaveformData=zt;exports.useAnnotationDragHandlers=Ln;exports.useAnnotationKeyboardControls=Go;exports.useAudioTracks=Zo;exports.useClipDragHandlers=Vo;exports.useClipSplitting=jo;exports.useDragSensors=zo;exports.useDynamicEffects=us;exports.useExportWav=Yn;exports.useIntegratedRecording=as;exports.useKeyboardShortcuts=vt;exports.useMasterAnalyser=Wo;exports.useMasterVolume=Gn;exports.useMediaElementAnimation=It;exports.useMediaElementControls=ra;exports.useMediaElementData=At;exports.useMediaElementState=aa;exports.usePlaybackAnimation=Ie;exports.usePlaybackShortcuts=Xo;exports.usePlaylistControls=he;exports.usePlaylistData=we;exports.usePlaylistState=Te;exports.useTimeFormat=Hn;exports.useTrackDynamicEffects=ds;exports.useWaveformPlaylist=vs;exports.useZoomControls=Xn;exports.waveformDataToPeaks=Fn;
|
|
1271
1271
|
//# sourceMappingURL=index.js.map
|