@web-noise/core 0.0.13 → 0.0.14

package/dist/cjs/components.js

@@ -325,7 +325,7 @@ var $9cc889581bce45fb$export$b0b7b95ee465c83c,$edje1$reactjsxruntime=require("re
   height: 8rem;
 `,$c9cd418ce899f4ca$var$FileUploadMessage=$parcel$interopDefault($edje1$emotionstyled).div`
   font-size: 2rem;
-`,$c9cd418ce899f4ca$var$UploadAudio=({isOpen:e,closeMenu:t})=>{let r=$9bcd1fc54f3a4589$export$2e2bcd8739ae039();$19f35bee633995ac$export$2e2bcd8739ae039(({setGraph:e})=>e),$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.setEditorState);let o=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.addFile),a=(0,$edje1$react.useRef)(null),$=(0,$edje1$react.useCallback)(async e=>{let[r]=e||[],a=await $0c1a6d299c94cfbd$export$25df2e315be8e003(r);o({type:"audio",id:`audio-file-${+new Date}`,name:r.name,file:a}),t()},[o,t]);return e?(0,$edje1$reactjsxruntime.jsx)($714f7694528a0830$export$2e2bcd8739ae039,{onClose:t,children:(0,$edje1$reactjsxruntime.jsxs)($c9cd418ce899f4ca$var$UploadAudioWrapper,{theme:r,children:[(0,$edje1$reactjsxruntime.jsx)("input",{onChange:({target:{files:e}})=>$(e),ref:a,type:"file",className:"hidden",style:{display:"none"},accept:".wav,.mp3,.ogg"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactfiledrop.FileDrop,{className:"drop-zone-wrapper",targetClassName:"drop-zone",draggingOverTargetClassName:"drop-zone-drag-over",onTargetClick:()=>{a.current?.click()},onDrop:e=>$(e),children:(0,$edje1$reactjsxruntime.jsxs)($c9cd418ce899f4ca$var$DropZoneInner,{theme:r,children:[(0,$edje1$reactjsxruntime.jsx)($c9cd418ce899f4ca$var$FileUploadIcon,{}),(0,$edje1$reactjsxruntime.jsx)($c9cd418ce899f4ca$var$FileUploadMessage,{children:"click or drop file here"})]})})]})}):null};var $c9cd418ce899f4ca$export$2e2bcd8739ae039=$c9cd418ce899f4ca$var$UploadAudio;const $cd0ab85c52ef114c$export$d4cd258d01c03112="editor-menu",$cd0ab85c52ef114c$export$59ce2a6808e35a29=()=>{let{show:e}=(0,$edje1$reactcontexify.useContextMenu)({id:$cd0ab85c52ef114c$export$d4cd258d01c03112});return{onContextMenu:e}},$cd0ab85c52ef114c$var$EditorContextMenu=({editorContextMenu:e=[]})=>{let t=$9bcd1fc54f3a4589$export$2e2bcd8739ae039(),[r,o]=(0,$edje1$react.useState)({x:0,y:0}),[a,$]=(0,$edje1$react.useState)(!1),[c,d]=(0,$edje1$react.useState)(!1),[n,i]=(0,$edje1$react.useState)(!1),[l,s]=(0,$edje1$react.useState)(!1),f=(0,$edje1$react.useCallback)((e,t)=>{o({x:e,y:t}),$(!0)},[$]),p=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.pasteBuffer),{screenToFlowPosition:u}=(0,$edje1$reactflow.useReactFlow)(),b=(0,$edje1$react.useCallback)(e=>{let{x:t,y:r}=u(e);p(t,r)},[$,u]),h=$19f35bee633995ac$export$2e2bcd8739ae039(({clearGraph:e})=>e),x=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.getEditorState),m=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.getProject),j=(0,$edje1$react.useCallback)(()=>{h()},[h]),g=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.toggleHelp),v=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.history.back),y=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.history.forward),w=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.history.pointer),C=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.history.buffer),k=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.copySelectedItems),D=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.nodes),P=(0,$edje1$react.useMemo)(()=>D.filter(({selected:e})=>e),[D]),N=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.copyBuffer),z=(0,$edje1$reactflow.useReactFlow)(),S=(0,$edje1$react.useCallback)(()=>{let e={...x()};$parcel$interopDefault($edje1$jsfiledownload)(JSON.stringify(e,null,2),"web-noise-patch.json")},[x,z]),E=(0,$edje1$react.useCallback)(()=>{let e={...m()};$parcel$interopDefault($edje1$jsfiledownload)(JSON.stringify(e,null,2),"web-noise-project.json")},[x,z]);return(0,$edje1$react.useEffect)(()=>($parcel$interopDefault($edje1$hotkeysjs)("command+shift+a",()=>(f(200,50),!1)),$parcel$interopDefault($edje1$hotkeysjs)("shift+/",()=>(g(),!1)),$parcel$interopDefault($edje1$hotkeysjs)("command+z",()=>(v(),!1)),$parcel$interopDefault($edje1$hotkeysjs)("command+shift+z",()=>(y(),!1)),$parcel$interopDefault($edje1$hotkeysjs)("command+c",()=>(k(),!1)),$parcel$interopDefault($edje1$hotkeysjs)("command+v",()=>(b({x:200,y:50}),!1)),()=>{$parcel$interopDefault($edje1$hotkeysjs).unbind()}),[f,b]),(0,$edje1$reactjsxruntime.jsxs)($edje1$reactjsxruntime.Fragment,{children:[(0,$edje1$reactjsxruntime.jsx)($e3515b1f3d198f31$export$2e2bcd8739ae039,{isOpen:a,closeMenu:()=>$(!1),mousePosition:r}),(0,$edje1$reactjsxruntime.jsx)($7e0f4f151f03dc3d$export$2e2bcd8739ae039,{isOpen:c,closeMenu:()=>d(!1)}),(0,$edje1$reactjsxruntime.jsx)($ab2f5e2fb2253d0f$export$2e2bcd8739ae039,{isOpen:n,closeMenu:()=>i(!1)}),(0,$edje1$reactjsxruntime.jsx)($c9cd418ce899f4ca$export$2e2bcd8739ae039,{isOpen:l,closeMenu:()=>s(!1)}),(0,$edje1$reactjsxruntime.jsxs)($50d95f4d7f0f0ec0$export$98eff9c5659394e3,{id:$cd0ab85c52ef114c$export$d4cd258d01c03112,animation:!1,colors:t.colors,children:[(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:({triggerEvent:{clientX:e,clientY:t}})=>f(e,t),children:"Add Node (⌘+⇧+A)"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:j,children:"Delete All"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:S,children:"Download patch"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:()=>d(!0),children:"Upload patch"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:E,children:"Download project"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:()=>i(!0),children:"Upload project"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:()=>s(!0),children:"Upload Audio File"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{disabled:0===w,onClick:v,children:"Undo (⌘+z)"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{disabled:w===C.length,onClick:y,children:"Redo (⌘+⇧+Z)"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{disabled:!P.length,onClick:k,children:"Copy Selected (⌘+c)"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{disabled:!N.nodes.length,onClick:({triggerEvent:{clientX:e,clientY:t}})=>b({x:e,y:t}),children:"Paste (⌘+v)"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),e.map((e,t)=>(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{children:e},t)),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:g,children:"Help (⇧+?)"})]})]})};var $cd0ab85c52ef114c$export$2e2bcd8739ae039=$cd0ab85c52ef114c$var$EditorContextMenu;const $22b4690c38c8b941$export$d4cd258d01c03112="editor-node-menu",$22b4690c38c8b941$export$cbbbfb9fb15f3780=()=>{let{show:e}=(0,$edje1$reactcontexify.useContextMenu)({id:$22b4690c38c8b941$export$d4cd258d01c03112});return{onContextMenu:(0,$edje1$react.useCallback)((t,r)=>{t.stopPropagation(),e(t,{props:{node:r}})},[])}},$22b4690c38c8b941$var$NodeContextMenu=e=>{let t=$9bcd1fc54f3a4589$export$2e2bcd8739ae039(),r=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.removeNodes),o=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.addNodeToControlPanel),a=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.removeNodeFromControlPanel),$=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.copy),c=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.nodesConfiguration),d=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.controlPanel.nodes),n=(0,$edje1$react.useCallback)(({props:e})=>!!e?.node.type&&!!d.find(({id:t})=>t===e.node.id),[d]),i=(0,$edje1$react.useCallback)(({props:e})=>{if(!e?.node.type)return!1;let t=c[e.node.type];return!!t?.controlPanelNode},[c]);return(0,$edje1$reactjsxruntime.jsx)($edje1$reactjsxruntime.Fragment,{children:(0,$edje1$reactjsxruntime.jsxs)($50d95f4d7f0f0ec0$export$98eff9c5659394e3,{id:$22b4690c38c8b941$export$d4cd258d01c03112,animation:!1,colors:t.colors,children:[(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:e=>r([e.props.node]),children:"Delete Node (DEL)"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{hidden:(...e)=>!i(...e)||n(...e),onClick:e=>o(e.props.node),children:"Add To Control Panel"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{hidden:(...e)=>!i(...e)||!n(...e),onClick:e=>a(e.props.node),children:"Remove From Control Panel"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:e=>$({nodes:[e.props.node],edges:[]}),children:"Copy (⌘+c)"})]})})};var $22b4690c38c8b941$export$2e2bcd8739ae039=$22b4690c38c8b941$var$NodeContextMenu;const $e0773c90edc6ed5f$var$useAudioNode=e=>$19f35bee633995ac$export$2e2bcd8739ae039(({patch:e})=>e).audioNodes.get(e);var $e0773c90edc6ed5f$export$2e2bcd8739ae039=$e0773c90edc6ed5f$var$useAudioNode;const $cdd180257ba7e9a4$var$useNode=e=>{let t=$19f35bee633995ac$export$2e2bcd8739ae039(({updateNodeData:e})=>e);return{updateNodeValues:(0,$edje1$react.useCallback)(r=>t(e,{values:r}),[e,t]),updateNodeConfig:(0,$edje1$react.useCallback)(r=>t(e,{config:r}),[e,t]),updateNodeLabel:(0,$edje1$react.useCallback)(r=>t(e,{label:r}),[e,t])}};var $cdd180257ba7e9a4$export$2e2bcd8739ae039=$cdd180257ba7e9a4$var$useNode;const $aa49bccfd9ae8480$export$5abe11f802ebd1f2=$parcel$interopDefault($edje1$emotionstyled).input`
+`,$c9cd418ce899f4ca$var$UploadAudio=({isOpen:e,closeMenu:t})=>{let r=$9bcd1fc54f3a4589$export$2e2bcd8739ae039();$19f35bee633995ac$export$2e2bcd8739ae039(({setGraph:e})=>e),$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.setEditorState);let o=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.addFile),a=(0,$edje1$react.useRef)(null),$=(0,$edje1$react.useCallback)(async e=>{let[r]=e||[],a=await $0c1a6d299c94cfbd$export$25df2e315be8e003(r);o({type:"audio",id:`audio-file-${+new Date}`,name:r.name,file:a}),t()},[o,t]);return e?(0,$edje1$reactjsxruntime.jsx)($714f7694528a0830$export$2e2bcd8739ae039,{onClose:t,children:(0,$edje1$reactjsxruntime.jsxs)($c9cd418ce899f4ca$var$UploadAudioWrapper,{theme:r,children:[(0,$edje1$reactjsxruntime.jsx)("input",{onChange:({target:{files:e}})=>$(e),ref:a,type:"file",className:"hidden",style:{display:"none"},accept:".wav,.mp3,.ogg"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactfiledrop.FileDrop,{className:"drop-zone-wrapper",targetClassName:"drop-zone",draggingOverTargetClassName:"drop-zone-drag-over",onTargetClick:()=>{a.current?.click()},onDrop:e=>$(e),children:(0,$edje1$reactjsxruntime.jsxs)($c9cd418ce899f4ca$var$DropZoneInner,{theme:r,children:[(0,$edje1$reactjsxruntime.jsx)($c9cd418ce899f4ca$var$FileUploadIcon,{}),(0,$edje1$reactjsxruntime.jsx)($c9cd418ce899f4ca$var$FileUploadMessage,{children:"click or drop file here"})]})})]})}):null};var $c9cd418ce899f4ca$export$2e2bcd8739ae039=$c9cd418ce899f4ca$var$UploadAudio;const $cd0ab85c52ef114c$export$d4cd258d01c03112="editor-menu",$cd0ab85c52ef114c$export$59ce2a6808e35a29=()=>{let{show:e}=(0,$edje1$reactcontexify.useContextMenu)({id:$cd0ab85c52ef114c$export$d4cd258d01c03112});return{onContextMenu:e}},$cd0ab85c52ef114c$var$EditorContextMenu=({editorContextMenu:e=[]})=>{let t=$9bcd1fc54f3a4589$export$2e2bcd8739ae039(),[r,o]=(0,$edje1$react.useState)({x:0,y:0}),[a,$]=(0,$edje1$react.useState)(!1),[c,d]=(0,$edje1$react.useState)(!1),[n,i]=(0,$edje1$react.useState)(!1),[l,s]=(0,$edje1$react.useState)(!1),f=(0,$edje1$react.useCallback)((e,t)=>{o({x:e,y:t}),$(!0)},[$]),p=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.pasteBuffer),{screenToFlowPosition:u}=(0,$edje1$reactflow.useReactFlow)(),b=(0,$edje1$react.useCallback)(e=>{let{x:t,y:r}=u(e);p(t,r)},[$,u]),h=$19f35bee633995ac$export$2e2bcd8739ae039(({clearGraph:e})=>e),x=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.getEditorState),j=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.getProject),m=(0,$edje1$react.useCallback)(()=>{h()},[h]),g=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.toggleHelp),v=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.history.back),y=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.history.forward),w=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.history.pointer),C=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.history.buffer),k=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.copySelectedItems),D=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.nodes),P=(0,$edje1$react.useMemo)(()=>D.filter(({selected:e})=>e),[D]),N=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.copyBuffer),z=(0,$edje1$reactflow.useReactFlow)(),S=(0,$edje1$react.useCallback)(()=>{let e={...x()};$parcel$interopDefault($edje1$jsfiledownload)(JSON.stringify(e,null,2),"web-noise-patch.json")},[x,z]),E=(0,$edje1$react.useCallback)(()=>{let e={...j()};$parcel$interopDefault($edje1$jsfiledownload)(JSON.stringify(e,null,2),"web-noise-project.json")},[x,z]);return(0,$edje1$react.useEffect)(()=>($parcel$interopDefault($edje1$hotkeysjs)("command+shift+a",()=>(f(200,50),!1)),$parcel$interopDefault($edje1$hotkeysjs)("shift+/",()=>(g(),!1)),$parcel$interopDefault($edje1$hotkeysjs)("command+z",()=>(v(),!1)),$parcel$interopDefault($edje1$hotkeysjs)("command+shift+z",()=>(y(),!1)),$parcel$interopDefault($edje1$hotkeysjs)("command+c",()=>(k(),!1)),$parcel$interopDefault($edje1$hotkeysjs)("command+v",()=>(b({x:200,y:50}),!1)),()=>{$parcel$interopDefault($edje1$hotkeysjs).unbind()}),[f,b]),(0,$edje1$reactjsxruntime.jsxs)($edje1$reactjsxruntime.Fragment,{children:[(0,$edje1$reactjsxruntime.jsx)($e3515b1f3d198f31$export$2e2bcd8739ae039,{isOpen:a,closeMenu:()=>$(!1),mousePosition:r}),(0,$edje1$reactjsxruntime.jsx)($7e0f4f151f03dc3d$export$2e2bcd8739ae039,{isOpen:c,closeMenu:()=>d(!1)}),(0,$edje1$reactjsxruntime.jsx)($ab2f5e2fb2253d0f$export$2e2bcd8739ae039,{isOpen:n,closeMenu:()=>i(!1)}),(0,$edje1$reactjsxruntime.jsx)($c9cd418ce899f4ca$export$2e2bcd8739ae039,{isOpen:l,closeMenu:()=>s(!1)}),(0,$edje1$reactjsxruntime.jsxs)($50d95f4d7f0f0ec0$export$98eff9c5659394e3,{id:$cd0ab85c52ef114c$export$d4cd258d01c03112,animation:!1,colors:t.colors,children:[(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:({triggerEvent:{clientX:e,clientY:t}})=>f(e,t),children:"Add Node (⌘+⇧+A)"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:m,children:"Delete All"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:S,children:"Download patch"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:()=>d(!0),children:"Upload patch"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:E,children:"Download project"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:()=>i(!0),children:"Upload project"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:()=>s(!0),children:"Upload Audio File"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{disabled:0===w,onClick:v,children:"Undo (⌘+z)"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{disabled:w===C.length,onClick:y,children:"Redo (⌘+⇧+Z)"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{disabled:!P.length,onClick:k,children:"Copy Selected (⌘+c)"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{disabled:!N.nodes.length,onClick:({triggerEvent:{clientX:e,clientY:t}})=>b({x:e,y:t}),children:"Paste (⌘+v)"}),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),e.map((e,t)=>(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{children:e},t)),(0,$edje1$reactjsxruntime.jsx)($edje1$reactcontexify.Separator,{}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:g,children:"Help (⇧+?)"})]})]})};var $cd0ab85c52ef114c$export$2e2bcd8739ae039=$cd0ab85c52ef114c$var$EditorContextMenu;const $22b4690c38c8b941$export$d4cd258d01c03112="editor-node-menu",$22b4690c38c8b941$export$cbbbfb9fb15f3780=()=>{let{show:e}=(0,$edje1$reactcontexify.useContextMenu)({id:$22b4690c38c8b941$export$d4cd258d01c03112});return{onContextMenu:(0,$edje1$react.useCallback)((t,r)=>{t.stopPropagation(),e(t,{props:{node:r}})},[])}},$22b4690c38c8b941$var$NodeContextMenu=e=>{let t=$9bcd1fc54f3a4589$export$2e2bcd8739ae039(),r=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.removeNodes),o=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.addNodeToControlPanel),a=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.removeNodeFromControlPanel),$=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.copy),c=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.nodesConfiguration),d=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.controlPanel.nodes),n=(0,$edje1$react.useCallback)(({props:e})=>!!e?.node.type&&!!d.find(({id:t})=>t===e.node.id),[d]),i=(0,$edje1$react.useCallback)(({props:e})=>{if(!e?.node.type)return!1;let t=c[e.node.type];return!!t?.controlPanelNode},[c]);return(0,$edje1$reactjsxruntime.jsx)($edje1$reactjsxruntime.Fragment,{children:(0,$edje1$reactjsxruntime.jsxs)($50d95f4d7f0f0ec0$export$98eff9c5659394e3,{id:$22b4690c38c8b941$export$d4cd258d01c03112,animation:!1,colors:t.colors,children:[(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:e=>r([e.props.node]),children:"Delete Node (DEL)"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{hidden:(...e)=>!i(...e)||n(...e),onClick:e=>o(e.props.node),children:"Add To Control Panel"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{hidden:(...e)=>!i(...e)||!n(...e),onClick:e=>a(e.props.node),children:"Remove From Control Panel"}),(0,$edje1$reactjsxruntime.jsx)($50d95f4d7f0f0ec0$export$ef9839ae55b8ba40,{onClick:e=>$({nodes:[e.props.node],edges:[]}),children:"Copy (⌘+c)"})]})})};var $22b4690c38c8b941$export$2e2bcd8739ae039=$22b4690c38c8b941$var$NodeContextMenu;const $e0773c90edc6ed5f$var$useAudioNode=e=>$19f35bee633995ac$export$2e2bcd8739ae039(({patch:e})=>e).audioNodes.get(e);var $e0773c90edc6ed5f$export$2e2bcd8739ae039=$e0773c90edc6ed5f$var$useAudioNode;const $cdd180257ba7e9a4$var$useNode=e=>{let t=$19f35bee633995ac$export$2e2bcd8739ae039(({updateNodeData:e})=>e);return{updateNodeValues:(0,$edje1$react.useCallback)(r=>t(e,{values:r}),[e,t]),updateNodeConfig:(0,$edje1$react.useCallback)(r=>t(e,{config:r}),[e,t]),updateNodeLabel:(0,$edje1$react.useCallback)(r=>t(e,{label:r}),[e,t])}};var $cdd180257ba7e9a4$export$2e2bcd8739ae039=$cdd180257ba7e9a4$var$useNode;const $aa49bccfd9ae8480$export$5abe11f802ebd1f2=$parcel$interopDefault($edje1$emotionstyled).input`
   width: 100%;
   background: none;
   border: none;
@@ -444,7 +444,7 @@ var $9cc889581bce45fb$export$b0b7b95ee465c83c,$edje1$reactjsxruntime=require("re
   left: -3px;
 `),$4c34e1ef7616f43c$export$9ea0feffc20ee81=({...e})=>(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$var$StyledInputHandle,{...e,type:"target",position:$edje1$reactflow.Position.Left}),$4c34e1ef7616f43c$export$222539e2a2fac4e0=(0,$edje1$emotionreact.withTheme)($parcel$interopDefault($edje1$emotionstyled)($4c34e1ef7616f43c$var$StyledHandle)`
   right: -3px;
-`),$4c34e1ef7616f43c$export$496e5e1ee1696f64=e=>(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$export$222539e2a2fac4e0,{...e,type:"source",position:$edje1$reactflow.Position.Right}),$4c34e1ef7616f43c$export$7e0b3af1e60a3273=({className:e,...t})=>(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$export$1bdb8f2d1fe25c22,{...t,className:[e,$9cc889581bce45fb$export$956b3cf15d7c363].join(" ")}),$4c34e1ef7616f43c$var$useNodeManifest=e=>$19f35bee633995ac$export$2e2bcd8739ae039(t=>t.nodesConfiguration[e]),$4c34e1ef7616f43c$var$useConfigNode=e=>{let{configNode:t}=$4c34e1ef7616f43c$var$useNodeManifest(e);return{ConfigNode:t}},$4c34e1ef7616f43c$export$361064385d50ec44=e=>{let{id:t,children:r,selected:o,...a}=e,$=$9bcd1fc54f3a4589$export$2e2bcd8739ae039(),c=$19f35bee633995ac$export$2e2bcd8739ae039(({getNode:e})=>e),d=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.nodesConfiguration),[n,i]=(0,$edje1$react.useState)(!1),{info:l}=$4c34e1ef7616f43c$var$useNodeManifest(e.type),s=(0,$edje1$react.useMemo)(()=>d[e.type].resizable??!1,[d,e.type]),{updateNodeLabel:f,updateNodeConfig:p}=$cdd180257ba7e9a4$export$2e2bcd8739ae039(t),{data:u}=c(t)||{},b=$e0773c90edc6ed5f$export$2e2bcd8739ae039(t),{ConfigNode:h}=$4c34e1ef7616f43c$var$useConfigNode(a.type),[x,m]=(0,$edje1$react.useState)(!1);if(!b)return(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$var$NodeLoaderWrapper,{className:$9cc889581bce45fb$export$956b3cf15d7c363,children:"can't find audio node"});if(b.loading)return(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$var$NodeLoaderWrapper,{className:$9cc889581bce45fb$export$956b3cf15d7c363,children:"loading"});if(b.error)return(0,$edje1$reactjsxruntime.jsxs)($4c34e1ef7616f43c$var$NodeErrorWrapper,{className:$9cc889581bce45fb$export$956b3cf15d7c363,children:["error: ",b.error.toString()]});if(!b.node)return(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$var$NodeLoaderWrapper,{className:$9cc889581bce45fb$export$956b3cf15d7c363,children:"can't find audio node"});let j=u?.config?.size,{node:{inputs:g,outputs:v}}=b;return(0,$edje1$reactjsxruntime.jsxs)($4c34e1ef7616f43c$var$NodeWrapper,{children:[(0,$edje1$reactjsxruntime.jsxs)($4c34e1ef7616f43c$export$7e0b3af1e60a3273,{children:[l&&(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$var$InfoIconWrapper,{onClickCapture:()=>i(!0)}),(0,$edje1$reactjsxruntime.jsx)($aa49bccfd9ae8480$export$2e2bcd8739ae039,{value:u?.label??"No Name",onChange:f}),h&&(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$var$SettingsIconWrapper,{onClickCapture:()=>m(e=>!e)})]}),(0,$edje1$reactjsxruntime.jsxs)($4c34e1ef7616f43c$export$bfd3bd1fa283e3c6,{theme:$,children:[(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$export$f1afba0ff9ea1277,{children:g?Object.keys(g).map((e,t)=>(0,$edje1$reactjsxruntime.jsxs)($4c34e1ef7616f43c$export$a2d375858cc72119,{children:[(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$export$9ea0feffc20ee81,{id:e,portType:g[e].type}),(0,$edje1$reactjsxruntime.jsx)("span",{children:e})]},t)):null}),(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$export$af4f9b41fc32ed9e,{children:v?Object.keys(v).map((e,t)=>(0,$edje1$reactjsxruntime.jsxs)($4c34e1ef7616f43c$export$a2d375858cc72119,{children:[(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$export$496e5e1ee1696f64,{id:e,portType:v[e].type}),(0,$edje1$reactjsxruntime.jsx)("span",{children:e})]},t)):null})]}),h&&x&&o?(0,$edje1$reactjsxruntime.jsx)(h,{...e}):s?(0,$edje1$reactjsxruntime.jsx)($edje1$reresizable.Resizable,{size:j,minWidth:180,minHeight:30,enable:{bottom:!0,bottomRight:!0,right:!0},onResizeStop:(e,t,r,o)=>{let a=j?{width:j.width+o.width,height:j.height+o.height}:r.getBoundingClientRect();p({...u?.config,size:a})},children:r}):r,(0,$edje1$reactjsxruntime.jsx)($e3d047fcd7257c33$export$2e2bcd8739ae039,{isOpen:n,type:e.type,onClose:()=>i(!1),node:b.node})]})},$223eae4e8448cdc7$export$86de09faaa70680d=$parcel$interopDefault($edje1$emotionstyled).div`
+`),$4c34e1ef7616f43c$export$496e5e1ee1696f64=e=>(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$export$222539e2a2fac4e0,{...e,type:"source",position:$edje1$reactflow.Position.Right}),$4c34e1ef7616f43c$export$7e0b3af1e60a3273=({className:e,...t})=>(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$export$1bdb8f2d1fe25c22,{...t,className:[e,$9cc889581bce45fb$export$956b3cf15d7c363].join(" ")}),$4c34e1ef7616f43c$var$useNodeManifest=e=>$19f35bee633995ac$export$2e2bcd8739ae039(t=>t.nodesConfiguration[e]),$4c34e1ef7616f43c$var$useConfigNode=e=>{let{configNode:t}=$4c34e1ef7616f43c$var$useNodeManifest(e);return{ConfigNode:t}},$4c34e1ef7616f43c$export$361064385d50ec44=e=>{let{id:t,children:r,selected:o,...a}=e,$=$9bcd1fc54f3a4589$export$2e2bcd8739ae039(),c=$19f35bee633995ac$export$2e2bcd8739ae039(({getNode:e})=>e),d=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.nodesConfiguration),[n,i]=(0,$edje1$react.useState)(!1),{info:l}=$4c34e1ef7616f43c$var$useNodeManifest(e.type),s=(0,$edje1$react.useMemo)(()=>d[e.type].resizable??!1,[d,e.type]),{updateNodeLabel:f,updateNodeConfig:p}=$cdd180257ba7e9a4$export$2e2bcd8739ae039(t),{data:u}=c(t)||{},b=$e0773c90edc6ed5f$export$2e2bcd8739ae039(t),{ConfigNode:h}=$4c34e1ef7616f43c$var$useConfigNode(a.type),[x,j]=(0,$edje1$react.useState)(!1);if(!b)return(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$var$NodeLoaderWrapper,{className:$9cc889581bce45fb$export$956b3cf15d7c363,children:"can't find audio node"});if(b.loading)return(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$var$NodeLoaderWrapper,{className:$9cc889581bce45fb$export$956b3cf15d7c363,children:"loading"});if(b.error)return(0,$edje1$reactjsxruntime.jsxs)($4c34e1ef7616f43c$var$NodeErrorWrapper,{className:$9cc889581bce45fb$export$956b3cf15d7c363,children:["error: ",b.error.toString()]});if(!b.node)return(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$var$NodeLoaderWrapper,{className:$9cc889581bce45fb$export$956b3cf15d7c363,children:"can't find audio node"});let m=u?.config?.size,{node:{inputs:g,outputs:v}}=b;return(0,$edje1$reactjsxruntime.jsxs)($4c34e1ef7616f43c$var$NodeWrapper,{children:[(0,$edje1$reactjsxruntime.jsxs)($4c34e1ef7616f43c$export$7e0b3af1e60a3273,{children:[l&&(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$var$InfoIconWrapper,{onClickCapture:()=>i(!0)}),(0,$edje1$reactjsxruntime.jsx)($aa49bccfd9ae8480$export$2e2bcd8739ae039,{value:u?.label??"No Name",onChange:f}),h&&(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$var$SettingsIconWrapper,{onClickCapture:()=>j(e=>!e)})]}),(0,$edje1$reactjsxruntime.jsxs)($4c34e1ef7616f43c$export$bfd3bd1fa283e3c6,{theme:$,children:[(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$export$f1afba0ff9ea1277,{children:g?Object.keys(g).map((e,t)=>(0,$edje1$reactjsxruntime.jsxs)($4c34e1ef7616f43c$export$a2d375858cc72119,{children:[(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$export$9ea0feffc20ee81,{id:e,portType:g[e].type}),(0,$edje1$reactjsxruntime.jsx)("span",{children:e})]},t)):null}),(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$export$af4f9b41fc32ed9e,{children:v?Object.keys(v).map((e,t)=>(0,$edje1$reactjsxruntime.jsxs)($4c34e1ef7616f43c$export$a2d375858cc72119,{children:[(0,$edje1$reactjsxruntime.jsx)($4c34e1ef7616f43c$export$496e5e1ee1696f64,{id:e,portType:v[e].type}),(0,$edje1$reactjsxruntime.jsx)("span",{children:e})]},t)):null})]}),h&&x&&o?(0,$edje1$reactjsxruntime.jsx)(h,{...e}):s?(0,$edje1$reactjsxruntime.jsx)($edje1$reresizable.Resizable,{size:m,minWidth:180,minHeight:30,enable:{bottom:!0,bottomRight:!0,right:!0},onResizeStop:(e,t,r,o)=>{let a=m?{width:m.width+o.width,height:m.height+o.height}:r.getBoundingClientRect();p({...u?.config,size:a})},children:r}):r,(0,$edje1$reactjsxruntime.jsx)($e3d047fcd7257c33$export$2e2bcd8739ae039,{isOpen:n,type:e.type,onClose:()=>i(!1),node:b.node})]})},$223eae4e8448cdc7$export$86de09faaa70680d=$parcel$interopDefault($edje1$emotionstyled).div`
   width: 100%;
   padding: 0.4rem 0;
   white-space: nowrap;
@@ -596,7 +596,7 @@ var $9cc889581bce45fb$export$b0b7b95ee465c83c,$edje1$reactjsxruntime=require("re
 `,$761795227e3c2557$var$Icon=$parcel$interopDefault($edje1$emotionstyled)($edje1$reacticonsfa.FaVolumeOff)`
   width: 7rem;
   height: 7rem;
-`,$761795227e3c2557$var$ResumeContext=()=>{let e=$9bcd1fc54f3a4589$export$2e2bcd8739ae039(),t=$19f35bee633995ac$export$2e2bcd8739ae039(({patch:e})=>e).audioContext,[r,o]=(0,$edje1$react.useState)("running"===t.state);return r?null:(0,$edje1$reactjsxruntime.jsxs)($761795227e3c2557$var$Layout,{theme:e,onClick:()=>{t.resume(),o(!0)},children:[(0,$edje1$reactjsxruntime.jsx)($761795227e3c2557$var$Row,{children:(0,$edje1$reactjsxruntime.jsx)($761795227e3c2557$var$Message,{theme:e,children:"Click anywhere to resume audio context"})}),(0,$edje1$reactjsxruntime.jsx)($761795227e3c2557$var$Row,{children:(0,$edje1$reactjsxruntime.jsx)($761795227e3c2557$var$Icon,{})})]})};var $761795227e3c2557$export$2e2bcd8739ae039=$761795227e3c2557$var$ResumeContext;const $07d50afa1b9774c9$var$ToggleMinimap=()=>{let e=$19f35bee633995ac$export$2e2bcd8739ae039(({setConfig:e})=>e),{showMinimap:t}=$19f35bee633995ac$export$2e2bcd8739ae039(({config:e})=>e);return(0,$edje1$reactjsxruntime.jsx)($edje1$reactflow.ControlButton,{onClick:()=>e({showMinimap:!t}),children:t?(0,$edje1$reactjsxruntime.jsx)($edje1$reacticonsfa.FaMap,{}):(0,$edje1$reactjsxruntime.jsx)($edje1$reacticonsfa.FaRegMap,{})})};var $07d50afa1b9774c9$export$2e2bcd8739ae039=$07d50afa1b9774c9$var$ToggleMinimap;const $ebf0a587e54cf53c$var$Wire=({id:e,sourceX:t,sourceY:r,targetX:o,targetY:a,sourcePosition:$,targetPosition:c,style:d={},data:n,markerStart:i,markerEnd:l,source:s,target:f,sourceHandleId:p,targetHandleId:u,selected:b})=>{let h=$9bcd1fc54f3a4589$export$2e2bcd8739ae039(),x=$19f35bee633995ac$export$2e2bcd8739ae039(({getNode:e})=>e),m=x(s),j=x(f),g=m?.selected||j?.selected;(0,$edje1$react.useEffect)(()=>{if(p&&u)return console.log(`connected ${s} to ${f}`),()=>{console.log(`disconnected ${s} from ${f}`)}},[s,p,f,u]);let[v]=(0,$edje1$reactflow.getBezierPath)({targetX:o,targetY:a,targetPosition:c,sourceX:t,sourceY:r,sourcePosition:$});return(0,$edje1$reactjsxruntime.jsxs)($edje1$reactjsxruntime.Fragment,{children:[(0,$edje1$reactjsxruntime.jsx)("path",{id:e,style:{...d,stroke:b?h.colors.accent2:g?h.colors.highlight3:h.colors.highlight2},className:"react-flow__edge-path Wire",d:v,markerEnd:l}),(0,$edje1$reactjsxruntime.jsx)("path",{style:{...d,strokeWidth:8,color:"transparent",opacity:0,cursor:"pointer"},d:v,markerEnd:l})]})};var $ebf0a587e54cf53c$export$2e2bcd8739ae039=$ebf0a587e54cf53c$var$Wire;const $6e1a3b09ea6c45ed$var$onNodeDragStop=(e,t)=>console.log("drag stop",t),$6e1a3b09ea6c45ed$var$onNodeClick=(e,t)=>console.log("click",t),$6e1a3b09ea6c45ed$var$snapGrid=[20,20],$6e1a3b09ea6c45ed$export$72cb76f559fbafcf=({editorState:e,plugins:t=[],editorContextMenu:r=[],onChange:o=()=>{},...a})=>{let $=(0,$edje1$react.useMemo)(()=>({wire:$ebf0a587e54cf53c$export$2e2bcd8739ae039}),[]),{nodes:c,edges:d,controlPanel:n,onNodesChange:i,onNodesDelete:l,onEdgesChange:s,onEdgesDelete:f,onConnect:p,setPlugins:u,setViewport:b,viewport:h}=$19f35bee633995ac$export$2e2bcd8739ae039(),x=$19f35bee633995ac$export$2e2bcd8739ae039(({config:e})=>e),m=$19f35bee633995ac$export$2e2bcd8739ae039(({nodeTypes:e})=>e);(0,$edje1$react.useEffect)(()=>{u(t)},[t]);let[j,g]=(0,$edje1$react.useState)(null);(0,$edje1$react.useEffect)(()=>{j&&o({nodes:c,edges:d,controlPanel:n,viewport:h})},[c,d,n,h]);let v=(0,$edje1$react.useCallback)(e=>{j||(g(e),console.log("flow loaded:",e))},[j]),{onContextMenu:y}=$cd0ab85c52ef114c$export$59ce2a6808e35a29(),{onContextMenu:w}=$22b4690c38c8b941$export$cbbbfb9fb15f3780(),{onContextMenu:C}=$137f1cfc6118d808$export$8b2e4a15453bac1e();return(0,$edje1$react.useEffect)(()=>{h&&j?.setViewport(h)},[h,j]),(0,$edje1$reactflow.useOnViewportChange)({onEnd:b}),(0,$edje1$reactjsxruntime.jsxs)($parcel$interopDefault($edje1$reactflow),{nodes:c,edges:d,onNodesChange:i,onNodesDelete:l,onEdgesChange:s,onConnect:p,onNodeDragStop:$6e1a3b09ea6c45ed$var$onNodeDragStop,onEdgesDelete:f,onInit:v,onNodeClick:$6e1a3b09ea6c45ed$var$onNodeClick,onContextMenu:y,onNodeContextMenu:w,onEdgeContextMenu:C,nodeTypes:m,edgeTypes:$,snapGrid:$6e1a3b09ea6c45ed$var$snapGrid,defaultViewport:e?.viewport,defaultEdgeOptions:{type:"wire"},snapToGrid:!0,fitView:!0,disableKeyboardA11y:!0,children:[(0,$edje1$reactjsxruntime.jsx)($edje1$reactflow.Background,{variant:$edje1$reactflow.BackgroundVariant.Dots,gap:12}),x.showMinimap?(0,$edje1$reactjsxruntime.jsx)($edje1$reactflow.MiniMap,{}):null,(0,$edje1$reactjsxruntime.jsxs)($edje1$reactflow.Controls,{style:{right:"1rem",left:"initial",bottom:"40%",top:"initial"},showInteractive:!1,children:[(0,$edje1$reactjsxruntime.jsx)($07d50afa1b9774c9$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($eabee671d6a9ae8e$export$78bddedbcf2939ac,{})]}),(0,$edje1$reactjsxruntime.jsx)($761795227e3c2557$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($f51093a35b5dffc7$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($c6cd2caeb5a5450d$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($cd0ab85c52ef114c$export$2e2bcd8739ae039,{editorContextMenu:r}),(0,$edje1$reactjsxruntime.jsx)($22b4690c38c8b941$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($137f1cfc6118d808$export$2e2bcd8739ae039,{})]})},$6e1a3b09ea6c45ed$export$7cda8d932e2f33c0=e=>(0,$edje1$reactjsxruntime.jsx)($edje1$reactflow.ReactFlowProvider,{children:(0,$edje1$reactjsxruntime.jsx)($6e1a3b09ea6c45ed$export$72cb76f559fbafcf,{...e})});var $6e1a3b09ea6c45ed$export$2e2bcd8739ae039=$6e1a3b09ea6c45ed$export$7cda8d932e2f33c0;const $425e92a44a72d3d3$export$d31000d36961d6c2={nodes:[],edges:[],controlPanel:{nodes:[],show:!1,size:{width:200,height:100}},viewport:{x:0,y:0,zoom:1.5}},$425e92a44a72d3d3$export$6cd5d5c1dae69a36=(0,$edje1$emotionreact.withTheme)($parcel$interopDefault($edje1$emotionstyled).div`
+`,$761795227e3c2557$var$ResumeContext=()=>{let e=$9bcd1fc54f3a4589$export$2e2bcd8739ae039(),t=$19f35bee633995ac$export$2e2bcd8739ae039(({patch:e})=>e).audioContext,[r,o]=(0,$edje1$react.useState)("running"===t.state);return r?null:(0,$edje1$reactjsxruntime.jsxs)($761795227e3c2557$var$Layout,{theme:e,onClick:()=>{t.resume(),o(!0)},children:[(0,$edje1$reactjsxruntime.jsx)($761795227e3c2557$var$Row,{children:(0,$edje1$reactjsxruntime.jsx)($761795227e3c2557$var$Message,{theme:e,children:"Click anywhere to resume audio context"})}),(0,$edje1$reactjsxruntime.jsx)($761795227e3c2557$var$Row,{children:(0,$edje1$reactjsxruntime.jsx)($761795227e3c2557$var$Icon,{})})]})};var $761795227e3c2557$export$2e2bcd8739ae039=$761795227e3c2557$var$ResumeContext;const $07d50afa1b9774c9$var$ToggleMinimap=()=>{let e=$19f35bee633995ac$export$2e2bcd8739ae039(({setConfig:e})=>e),{showMinimap:t}=$19f35bee633995ac$export$2e2bcd8739ae039(({config:e})=>e);return(0,$edje1$reactjsxruntime.jsx)($edje1$reactflow.ControlButton,{onClick:()=>e({showMinimap:!t}),children:t?(0,$edje1$reactjsxruntime.jsx)($edje1$reacticonsfa.FaMap,{}):(0,$edje1$reactjsxruntime.jsx)($edje1$reacticonsfa.FaRegMap,{})})};var $07d50afa1b9774c9$export$2e2bcd8739ae039=$07d50afa1b9774c9$var$ToggleMinimap;const $ebf0a587e54cf53c$var$Wire=({id:e,sourceX:t,sourceY:r,targetX:o,targetY:a,sourcePosition:$,targetPosition:c,style:d={},data:n,markerStart:i,markerEnd:l,source:s,target:f,sourceHandleId:p,targetHandleId:u,selected:b})=>{let h=$9bcd1fc54f3a4589$export$2e2bcd8739ae039(),x=$19f35bee633995ac$export$2e2bcd8739ae039(({getNode:e})=>e),j=x(s),m=x(f),g=j?.selected||m?.selected;(0,$edje1$react.useEffect)(()=>{if(p&&u)return console.log(`connected ${s} to ${f}`),()=>{console.log(`disconnected ${s} from ${f}`)}},[s,p,f,u]);let[v]=(0,$edje1$reactflow.getBezierPath)({targetX:o,targetY:a,targetPosition:c,sourceX:t,sourceY:r,sourcePosition:$});return(0,$edje1$reactjsxruntime.jsxs)($edje1$reactjsxruntime.Fragment,{children:[(0,$edje1$reactjsxruntime.jsx)("path",{id:e,style:{...d,stroke:b?h.colors.accent2:g?h.colors.highlight3:h.colors.highlight2},className:"react-flow__edge-path Wire",d:v,markerEnd:l}),(0,$edje1$reactjsxruntime.jsx)("path",{style:{...d,strokeWidth:8,color:"transparent",opacity:0,cursor:"pointer"},d:v,markerEnd:l})]})};var $ebf0a587e54cf53c$export$2e2bcd8739ae039=$ebf0a587e54cf53c$var$Wire;const $6e1a3b09ea6c45ed$var$onNodeDragStop=(e,t)=>console.log("drag stop",t),$6e1a3b09ea6c45ed$var$onNodeClick=(e,t)=>console.log("click",t),$6e1a3b09ea6c45ed$var$snapGrid=[20,20],$6e1a3b09ea6c45ed$export$72cb76f559fbafcf=({editorState:e,plugins:t=[],editorContextMenu:r=[],onChange:o=()=>{},...a})=>{let $=(0,$edje1$react.useMemo)(()=>({wire:$ebf0a587e54cf53c$export$2e2bcd8739ae039}),[]),{nodes:c,edges:d,controlPanel:n,onNodesChange:i,onNodesDelete:l,onEdgesChange:s,onEdgesDelete:f,onConnect:p,setPlugins:u,setViewport:b,viewport:h}=$19f35bee633995ac$export$2e2bcd8739ae039(),x=$19f35bee633995ac$export$2e2bcd8739ae039(({config:e})=>e),j=$19f35bee633995ac$export$2e2bcd8739ae039(({nodeTypes:e})=>e);(0,$edje1$react.useEffect)(()=>{u(t)},[t]);let[m,g]=(0,$edje1$react.useState)(null);(0,$edje1$react.useEffect)(()=>{m&&o({nodes:c,edges:d,controlPanel:n,viewport:h})},[c,d,n,h]);let v=(0,$edje1$react.useCallback)(e=>{m||(g(e),console.log("flow loaded:",e))},[m]),{onContextMenu:y}=$cd0ab85c52ef114c$export$59ce2a6808e35a29(),{onContextMenu:w}=$22b4690c38c8b941$export$cbbbfb9fb15f3780(),{onContextMenu:C}=$137f1cfc6118d808$export$8b2e4a15453bac1e();return(0,$edje1$react.useEffect)(()=>{h&&m?.setViewport(h)},[h,m]),(0,$edje1$reactflow.useOnViewportChange)({onEnd:b}),(0,$edje1$reactjsxruntime.jsxs)($parcel$interopDefault($edje1$reactflow),{nodes:c,edges:d,onNodesChange:i,onNodesDelete:l,onEdgesChange:s,onConnect:p,onNodeDragStop:$6e1a3b09ea6c45ed$var$onNodeDragStop,onEdgesDelete:f,onInit:v,onNodeClick:$6e1a3b09ea6c45ed$var$onNodeClick,onContextMenu:y,onNodeContextMenu:w,onEdgeContextMenu:C,nodeTypes:j,edgeTypes:$,snapGrid:$6e1a3b09ea6c45ed$var$snapGrid,defaultViewport:e?.viewport,defaultEdgeOptions:{type:"wire"},snapToGrid:!0,fitView:!0,disableKeyboardA11y:!0,children:[(0,$edje1$reactjsxruntime.jsx)($edje1$reactflow.Background,{variant:$edje1$reactflow.BackgroundVariant.Dots,gap:12}),x.showMinimap?(0,$edje1$reactjsxruntime.jsx)($edje1$reactflow.MiniMap,{}):null,(0,$edje1$reactjsxruntime.jsxs)($edje1$reactflow.Controls,{style:{right:"1rem",left:"initial",bottom:"40%",top:"initial"},showInteractive:!1,children:[(0,$edje1$reactjsxruntime.jsx)($07d50afa1b9774c9$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($eabee671d6a9ae8e$export$78bddedbcf2939ac,{})]}),(0,$edje1$reactjsxruntime.jsx)($761795227e3c2557$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($f51093a35b5dffc7$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($c6cd2caeb5a5450d$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($cd0ab85c52ef114c$export$2e2bcd8739ae039,{editorContextMenu:r}),(0,$edje1$reactjsxruntime.jsx)($22b4690c38c8b941$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($137f1cfc6118d808$export$2e2bcd8739ae039,{})]})},$6e1a3b09ea6c45ed$export$7cda8d932e2f33c0=e=>(0,$edje1$reactjsxruntime.jsx)($edje1$reactflow.ReactFlowProvider,{children:(0,$edje1$reactjsxruntime.jsx)($6e1a3b09ea6c45ed$export$72cb76f559fbafcf,{...e})});var $6e1a3b09ea6c45ed$export$2e2bcd8739ae039=$6e1a3b09ea6c45ed$export$7cda8d932e2f33c0;const $425e92a44a72d3d3$export$d31000d36961d6c2={nodes:[],edges:[],controlPanel:{nodes:[],show:!1,size:{width:200,height:100}},viewport:{x:0,y:0,zoom:1.5}},$425e92a44a72d3d3$export$6cd5d5c1dae69a36=(0,$edje1$emotionreact.withTheme)($parcel$interopDefault($edje1$emotionstyled).div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -637,7 +637,7 @@ var $9cc889581bce45fb$export$b0b7b95ee465c83c,$edje1$reactjsxruntime=require("re
   align-items: center;
   justify-content: center;
   font-size: 6rem;
-`),$425e92a44a72d3d3$export$b38a2fd24b22fb35=e=>{let t=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.pullEditorChanges),r=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.currentFileIndex),[o,a]=(0,$edje1$react.useState)(!0);(0,$edje1$react.useEffect)(()=>{a(!0),setTimeout(()=>{a(!1)},1600)},[r]);let{file:$}=e;return $?"audio"===$.type?(0,$edje1$reactjsxruntime.jsx)($425e92a44a72d3d3$export$10efbd348f877f87,{children:(0,$edje1$reactjsxruntime.jsx)("audio",{src:$.file,controls:!0})}):(0,$edje1$reactjsxruntime.jsxs)($edje1$reactjsxruntime.Fragment,{children:[(0,$edje1$reactjsxruntime.jsx)($6e1a3b09ea6c45ed$export$7cda8d932e2f33c0,{...e,onChange:e=>{t()},editorState:$.file||$425e92a44a72d3d3$export$d31000d36961d6c2}),(0,$edje1$reactjsxruntime.jsx)($425e92a44a72d3d3$export$8c347812506d5ac9,{show:o,children:"Loading..."})]}):null},$425e92a44a72d3d3$export$2206531ad8592d57=(0,$edje1$emotionreact.withTheme)($parcel$interopDefault($edje1$emotionstyled).div`
+`),$425e92a44a72d3d3$export$b38a2fd24b22fb35=e=>{let t=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.pullEditorChanges),r=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.currentFileIndex),o=$19f35bee633995ac$export$2e2bcd8739ae039(e=>e.project),[a,$]=(0,$edje1$react.useState)(!0);(0,$edje1$react.useEffect)(()=>{e.onChange?.(o)},[o,e.onChange]),(0,$edje1$react.useEffect)(()=>{$(!0),setTimeout(()=>{$(!1)},1600)},[r]);let{file:c}=e;return c?"audio"===c.type?(0,$edje1$reactjsxruntime.jsx)($425e92a44a72d3d3$export$10efbd348f877f87,{children:(0,$edje1$reactjsxruntime.jsx)("audio",{src:c.file,controls:!0})}):(0,$edje1$reactjsxruntime.jsxs)($edje1$reactjsxruntime.Fragment,{children:[(0,$edje1$reactjsxruntime.jsx)($6e1a3b09ea6c45ed$export$7cda8d932e2f33c0,{...e,onChange:e=>{t()},editorState:c.file||$425e92a44a72d3d3$export$d31000d36961d6c2}),(0,$edje1$reactjsxruntime.jsx)($425e92a44a72d3d3$export$8c347812506d5ac9,{show:a,children:"Loading..."})]}):null},$425e92a44a72d3d3$export$2206531ad8592d57=(0,$edje1$emotionreact.withTheme)($parcel$interopDefault($edje1$emotionstyled).div`
   height: 2rem;
   display: flex;
   align-items: center;