@web-noise/core 0.0.11-fix → 0.0.11-fix2

package/dist/main.js

@@ -287,7 +287,7 @@ var $07dabc4e7d66bab5$export$b0b7b95ee465c83c,$fmhGi$reactjsxruntime=require("re
   height: 8rem;
 `,$b6ead6c552b5468d$var$FileUploadMessage=$parcel$interopDefault($fmhGi$emotionstyled).div`
   font-size: 2rem;
-`,$b6ead6c552b5468d$var$UploadProject=({isOpen:e,closeMenu:t})=>{let r=$9a3ae56a32a010df$export$2e2bcd8739ae039(),a=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.setProject),o=(0,$fmhGi$react.useRef)(null),$=(0,$fmhGi$react.useCallback)(e=>{let[r]=e||[];r.text().then(JSON.parse).then(e=>{a(e),t()}).catch(console.error)},[a,t]);return e?(0,$fmhGi$reactjsxruntime.jsx)($aecb885983569300$export$2e2bcd8739ae039,{onClose:t,children:(0,$fmhGi$reactjsxruntime.jsxs)($b6ead6c552b5468d$var$UploadProjectWrapper,{theme:r,children:[(0,$fmhGi$reactjsxruntime.jsx)("input",{onChange:({target:{files:e}})=>$(e),ref:o,type:"file",className:"hidden",style:{display:"none"},accept:".json"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactfiledrop.FileDrop,{className:"drop-zone-wrapper",targetClassName:"drop-zone",draggingOverTargetClassName:"drop-zone-drag-over",onTargetClick:()=>{o.current?.click()},onDrop:e=>$(e),children:(0,$fmhGi$reactjsxruntime.jsxs)($b6ead6c552b5468d$var$DropZoneInner,{theme:r,children:[(0,$fmhGi$reactjsxruntime.jsx)($b6ead6c552b5468d$var$FileUploadIcon,{}),(0,$fmhGi$reactjsxruntime.jsx)($b6ead6c552b5468d$var$FileUploadMessage,{children:"click or drop file here"})]})})]})}):null};var $b6ead6c552b5468d$export$2e2bcd8739ae039=$b6ead6c552b5468d$var$UploadProject;let $e15c51f83a85b4ad$var$useWorker=e=>{let[t,r]=(0,$fmhGi$react.useState)(null);return(0,$fmhGi$react.useEffect)(()=>{let t=new Worker(e);return r(t),()=>{t?.terminate(),r(null)}},[]),t};var $e15c51f83a85b4ad$export$2e2bcd8739ae039=$e15c51f83a85b4ad$var$useWorker;let $57c70618ccf03bcf$var$useMessageChannel=()=>{let[e,t]=(0,$fmhGi$react.useState)(null);return(0,$fmhGi$react.useEffect)(()=>{let e=new MessageChannel;return e.port2.start(),t(e),()=>{t(null),e.port2.close()}},[]),e};var $57c70618ccf03bcf$export$2e2bcd8739ae039=$57c70618ccf03bcf$var$useMessageChannel;let $81158361350173a6$export$cd440e094f060920=(e,t,r)=>{void 0!==t&&e.setValueAtTime(t,r.currentTime)},$81158361350173a6$export$25df2e315be8e003=e=>new Promise((t,r)=>{let a=new FileReader;a.readAsDataURL(e),a.onload=()=>t(a.result?.toString()||""),a.onerror=e=>r(e)}),$a6e103adb12b0598$var$UploadAudioWrapper=$parcel$interopDefault($fmhGi$emotionstyled).div`
+`,$b6ead6c552b5468d$var$UploadProject=({isOpen:e,closeMenu:t})=>{let r=$9a3ae56a32a010df$export$2e2bcd8739ae039(),a=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.setProject),o=(0,$fmhGi$react.useRef)(null),$=(0,$fmhGi$react.useCallback)(e=>{let[r]=e||[];r.text().then(JSON.parse).then(e=>{a(e),t()}).catch(console.error)},[a,t]);return e?(0,$fmhGi$reactjsxruntime.jsx)($aecb885983569300$export$2e2bcd8739ae039,{onClose:t,children:(0,$fmhGi$reactjsxruntime.jsxs)($b6ead6c552b5468d$var$UploadProjectWrapper,{theme:r,children:[(0,$fmhGi$reactjsxruntime.jsx)("input",{onChange:({target:{files:e}})=>$(e),ref:o,type:"file",className:"hidden",style:{display:"none"},accept:".json"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactfiledrop.FileDrop,{className:"drop-zone-wrapper",targetClassName:"drop-zone",draggingOverTargetClassName:"drop-zone-drag-over",onTargetClick:()=>{o.current?.click()},onDrop:e=>$(e),children:(0,$fmhGi$reactjsxruntime.jsxs)($b6ead6c552b5468d$var$DropZoneInner,{theme:r,children:[(0,$fmhGi$reactjsxruntime.jsx)($b6ead6c552b5468d$var$FileUploadIcon,{}),(0,$fmhGi$reactjsxruntime.jsx)($b6ead6c552b5468d$var$FileUploadMessage,{children:"click or drop file here"})]})})]})}):null};var $b6ead6c552b5468d$export$2e2bcd8739ae039=$b6ead6c552b5468d$var$UploadProject;let $e15c51f83a85b4ad$export$3a5757a785a34769=e=>{let[t,r]=(0,$fmhGi$react.useState)(null);return(0,$fmhGi$react.useEffect)(()=>{let t=new Worker(e);return r(t),()=>{t?.terminate(),r(null)}},[]),t};var $e15c51f83a85b4ad$export$2e2bcd8739ae039=$e15c51f83a85b4ad$export$3a5757a785a34769;let $57c70618ccf03bcf$export$1e86115ead375efc=()=>{let[e,t]=(0,$fmhGi$react.useState)(null);return(0,$fmhGi$react.useEffect)(()=>{let e=new MessageChannel;return e.port2.start(),t(e),()=>{t(null),e.port2.close()}},[]),e};var $57c70618ccf03bcf$export$2e2bcd8739ae039=$57c70618ccf03bcf$export$1e86115ead375efc;let $81158361350173a6$export$cd440e094f060920=(e,t,r)=>{void 0!==t&&e.setValueAtTime(t,r.currentTime)},$81158361350173a6$export$25df2e315be8e003=e=>new Promise((t,r)=>{let a=new FileReader;a.readAsDataURL(e),a.onload=()=>t(a.result?.toString()||""),a.onerror=e=>r(e)}),$a6e103adb12b0598$var$UploadAudioWrapper=$parcel$interopDefault($fmhGi$emotionstyled).div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -325,7 +325,7 @@ var $07dabc4e7d66bab5$export$b0b7b95ee465c83c,$fmhGi$reactjsxruntime=require("re
   height: 8rem;
 `,$a6e103adb12b0598$var$FileUploadMessage=$parcel$interopDefault($fmhGi$emotionstyled).div`
   font-size: 2rem;
-`,$a6e103adb12b0598$var$UploadAudio=({isOpen:e,closeMenu:t})=>{let r=$9a3ae56a32a010df$export$2e2bcd8739ae039();$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(({setGraph:e})=>e),$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.setEditorState);let a=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.addFile),o=(0,$fmhGi$react.useRef)(null),$=(0,$fmhGi$react.useCallback)(async e=>{let[r]=e||[],o=await $81158361350173a6$export$25df2e315be8e003(r);a({type:"audio",id:`audio-file-${+new Date}`,name:r.name,file:o}),t()},[a,t]);return e?(0,$fmhGi$reactjsxruntime.jsx)($aecb885983569300$export$2e2bcd8739ae039,{onClose:t,children:(0,$fmhGi$reactjsxruntime.jsxs)($a6e103adb12b0598$var$UploadAudioWrapper,{theme:r,children:[(0,$fmhGi$reactjsxruntime.jsx)("input",{onChange:({target:{files:e}})=>$(e),ref:o,type:"file",className:"hidden",style:{display:"none"},accept:".wav,.mp3,.ogg"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactfiledrop.FileDrop,{className:"drop-zone-wrapper",targetClassName:"drop-zone",draggingOverTargetClassName:"drop-zone-drag-over",onTargetClick:()=>{o.current?.click()},onDrop:e=>$(e),children:(0,$fmhGi$reactjsxruntime.jsxs)($a6e103adb12b0598$var$DropZoneInner,{theme:r,children:[(0,$fmhGi$reactjsxruntime.jsx)($a6e103adb12b0598$var$FileUploadIcon,{}),(0,$fmhGi$reactjsxruntime.jsx)($a6e103adb12b0598$var$FileUploadMessage,{children:"click or drop file here"})]})})]})}):null};var $a6e103adb12b0598$export$2e2bcd8739ae039=$a6e103adb12b0598$var$UploadAudio;let $1648f5ec674bd0e4$export$d4cd258d01c03112="editor-menu",$1648f5ec674bd0e4$export$59ce2a6808e35a29=()=>{let{show:e}=(0,$fmhGi$reactcontexify.useContextMenu)({id:$1648f5ec674bd0e4$export$d4cd258d01c03112});return{onContextMenu:e}},$1648f5ec674bd0e4$var$EditorContextMenu=({editorContextMenu:e=[]})=>{let t=$9a3ae56a32a010df$export$2e2bcd8739ae039(),[r,a]=(0,$fmhGi$react.useState)({x:0,y:0}),[o,$]=(0,$fmhGi$react.useState)(!1),[i,d]=(0,$fmhGi$react.useState)(!1),[c,n]=(0,$fmhGi$react.useState)(!1),[l,s]=(0,$fmhGi$react.useState)(!1),f=(0,$fmhGi$react.useCallback)((e,t)=>{a({x:e,y:t}),$(!0)},[$]),p=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.pasteBuffer),{screenToFlowPosition:h}=(0,$fmhGi$reactflow.useReactFlow)(),m=(0,$fmhGi$react.useCallback)(e=>{let{x:t,y:r}=h(e);p(t,r)},[$,h]),b=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(({clearGraph:e})=>e),u=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.getEditorState),x=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.getProject),g=(0,$fmhGi$react.useCallback)(()=>{b()},[b]),v=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.toggleHelp),G=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.history.back),j=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.history.forward),y=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.history.pointer),w=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.history.buffer),C=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.copySelectedItems),k=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.nodes),P=(0,$fmhGi$react.useMemo)(()=>k.filter(({selected:e})=>e),[k]),N=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.copyBuffer),D=(0,$fmhGi$reactflow.useReactFlow)(),z=(0,$fmhGi$react.useCallback)(()=>{let e={...u()};$parcel$interopDefault($fmhGi$jsfiledownload)(JSON.stringify(e,null,2),"web-noise-patch.json")},[u,D]),M=(0,$fmhGi$react.useCallback)(()=>{let e={...x()};$parcel$interopDefault($fmhGi$jsfiledownload)(JSON.stringify(e,null,2),"web-noise-project.json")},[u,D]);return(0,$fmhGi$react.useEffect)(()=>($parcel$interopDefault($fmhGi$hotkeysjs)("command+shift+a",()=>(f(200,50),!1)),$parcel$interopDefault($fmhGi$hotkeysjs)("shift+/",()=>(v(),!1)),$parcel$interopDefault($fmhGi$hotkeysjs)("command+z",()=>(G(),!1)),$parcel$interopDefault($fmhGi$hotkeysjs)("command+shift+z",()=>(j(),!1)),$parcel$interopDefault($fmhGi$hotkeysjs)("command+c",()=>(C(),!1)),$parcel$interopDefault($fmhGi$hotkeysjs)("command+v",()=>(m({x:200,y:50}),!1)),()=>{$parcel$interopDefault($fmhGi$hotkeysjs).unbind()}),[f,m]),(0,$fmhGi$reactjsxruntime.jsxs)($fmhGi$reactjsxruntime.Fragment,{children:[(0,$fmhGi$reactjsxruntime.jsx)($6287ff0589198af6$export$2e2bcd8739ae039,{isOpen:o,closeMenu:()=>$(!1),mousePosition:r}),(0,$fmhGi$reactjsxruntime.jsx)($0486152ce8944888$export$2e2bcd8739ae039,{isOpen:i,closeMenu:()=>d(!1)}),(0,$fmhGi$reactjsxruntime.jsx)($b6ead6c552b5468d$export$2e2bcd8739ae039,{isOpen:c,closeMenu:()=>n(!1)}),(0,$fmhGi$reactjsxruntime.jsx)($a6e103adb12b0598$export$2e2bcd8739ae039,{isOpen:l,closeMenu:()=>s(!1)}),(0,$fmhGi$reactjsxruntime.jsxs)($cf67378495ee564c$export$98eff9c5659394e3,{id:$1648f5ec674bd0e4$export$d4cd258d01c03112,animation:!1,colors:t.colors,children:[(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:({triggerEvent:{clientX:e,clientY:t}})=>f(e,t),children:"Add Node (⌘+⇧+A)"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:g,children:"Delete All"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:z,children:"Download patch"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:()=>d(!0),children:"Upload patch"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:M,children:"Download project"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:()=>n(!0),children:"Upload project"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:()=>s(!0),children:"Upload Audio File"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{disabled:0===y,onClick:G,children:"Undo (⌘+z)"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{disabled:y===w.length,onClick:j,children:"Redo (⌘+⇧+Z)"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{disabled:!P.length,onClick:C,children:"Copy Selected (⌘+c)"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{disabled:!N.nodes.length,onClick:({triggerEvent:{clientX:e,clientY:t}})=>m({x:e,y:t}),children:"Paste (⌘+v)"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),e.map((e,t)=>(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{children:e},t)),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:v,children:"Help (⇧+?)"})]})]})};var $1648f5ec674bd0e4$export$2e2bcd8739ae039=$1648f5ec674bd0e4$var$EditorContextMenu;let $8c457fe18f140d5d$export$d4cd258d01c03112="editor-node-menu",$8c457fe18f140d5d$export$cbbbfb9fb15f3780=()=>{let{show:e}=(0,$fmhGi$reactcontexify.useContextMenu)({id:$8c457fe18f140d5d$export$d4cd258d01c03112});return{onContextMenu:(0,$fmhGi$react.useCallback)((t,r)=>{t.stopPropagation(),e(t,{props:{node:r}})},[])}},$8c457fe18f140d5d$var$NodeContextMenu=e=>{let t=$9a3ae56a32a010df$export$2e2bcd8739ae039(),r=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.removeNodes),a=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.addNodeToControlPanel),o=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.removeNodeFromControlPanel),$=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.copy),i=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.nodesConfiguration),d=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.controlPanel.nodes),c=(0,$fmhGi$react.useCallback)(({props:e})=>!!e?.node.type&&!!d.find(({id:t})=>t===e.node.id),[d]),n=(0,$fmhGi$react.useCallback)(({props:e})=>{if(!e?.node.type)return!1;let t=i[e.node.type];return!!t?.controlPanelNode},[i]);return(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactjsxruntime.Fragment,{children:(0,$fmhGi$reactjsxruntime.jsxs)($cf67378495ee564c$export$98eff9c5659394e3,{id:$8c457fe18f140d5d$export$d4cd258d01c03112,animation:!1,colors:t.colors,children:[(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:e=>r([e.props.node]),children:"Delete Node (DEL)"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{hidden:(...e)=>!n(...e)||c(...e),onClick:e=>a(e.props.node),children:"Add To Control Panel"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{hidden:(...e)=>!n(...e)||!c(...e),onClick:e=>o(e.props.node),children:"Remove From Control Panel"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:e=>$({nodes:[e.props.node],edges:[]}),children:"Copy (⌘+c)"})]})})};var $8c457fe18f140d5d$export$2e2bcd8739ae039=$8c457fe18f140d5d$var$NodeContextMenu;let $4772dd2712cec46e$var$useAudioNode=e=>$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(({patch:e})=>e).audioNodes.get(e);var $4772dd2712cec46e$export$2e2bcd8739ae039=$4772dd2712cec46e$var$useAudioNode;let $9f09b57f57ee1ef4$var$useNode=e=>{let t=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(({updateNodeData:e})=>e),r=(0,$fmhGi$react.useCallback)(r=>t(e,{values:r}),[e,t]);return{updateNodeValues:r,updateNodeConfig:(0,$fmhGi$react.useCallback)(r=>t(e,{config:r}),[e,t]),updateNodeLabel:(0,$fmhGi$react.useCallback)(r=>t(e,{label:r}),[e,t])}};var $9f09b57f57ee1ef4$export$2e2bcd8739ae039=$9f09b57f57ee1ef4$var$useNode;let $35ac08ca6453b68a$export$5abe11f802ebd1f2=$parcel$interopDefault($fmhGi$emotionstyled).input`
+`,$a6e103adb12b0598$var$UploadAudio=({isOpen:e,closeMenu:t})=>{let r=$9a3ae56a32a010df$export$2e2bcd8739ae039();$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(({setGraph:e})=>e),$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.setEditorState);let a=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.addFile),o=(0,$fmhGi$react.useRef)(null),$=(0,$fmhGi$react.useCallback)(async e=>{let[r]=e||[],o=await $81158361350173a6$export$25df2e315be8e003(r);a({type:"audio",id:`audio-file-${+new Date}`,name:r.name,file:o}),t()},[a,t]);return e?(0,$fmhGi$reactjsxruntime.jsx)($aecb885983569300$export$2e2bcd8739ae039,{onClose:t,children:(0,$fmhGi$reactjsxruntime.jsxs)($a6e103adb12b0598$var$UploadAudioWrapper,{theme:r,children:[(0,$fmhGi$reactjsxruntime.jsx)("input",{onChange:({target:{files:e}})=>$(e),ref:o,type:"file",className:"hidden",style:{display:"none"},accept:".wav,.mp3,.ogg"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactfiledrop.FileDrop,{className:"drop-zone-wrapper",targetClassName:"drop-zone",draggingOverTargetClassName:"drop-zone-drag-over",onTargetClick:()=>{o.current?.click()},onDrop:e=>$(e),children:(0,$fmhGi$reactjsxruntime.jsxs)($a6e103adb12b0598$var$DropZoneInner,{theme:r,children:[(0,$fmhGi$reactjsxruntime.jsx)($a6e103adb12b0598$var$FileUploadIcon,{}),(0,$fmhGi$reactjsxruntime.jsx)($a6e103adb12b0598$var$FileUploadMessage,{children:"click or drop file here"})]})})]})}):null};var $a6e103adb12b0598$export$2e2bcd8739ae039=$a6e103adb12b0598$var$UploadAudio;let $1648f5ec674bd0e4$export$d4cd258d01c03112="editor-menu",$1648f5ec674bd0e4$export$59ce2a6808e35a29=()=>{let{show:e}=(0,$fmhGi$reactcontexify.useContextMenu)({id:$1648f5ec674bd0e4$export$d4cd258d01c03112});return{onContextMenu:e}},$1648f5ec674bd0e4$var$EditorContextMenu=({editorContextMenu:e=[]})=>{let t=$9a3ae56a32a010df$export$2e2bcd8739ae039(),[r,a]=(0,$fmhGi$react.useState)({x:0,y:0}),[o,$]=(0,$fmhGi$react.useState)(!1),[i,d]=(0,$fmhGi$react.useState)(!1),[c,n]=(0,$fmhGi$react.useState)(!1),[l,s]=(0,$fmhGi$react.useState)(!1),f=(0,$fmhGi$react.useCallback)((e,t)=>{a({x:e,y:t}),$(!0)},[$]),p=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.pasteBuffer),{screenToFlowPosition:h}=(0,$fmhGi$reactflow.useReactFlow)(),m=(0,$fmhGi$react.useCallback)(e=>{let{x:t,y:r}=h(e);p(t,r)},[$,h]),b=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(({clearGraph:e})=>e),u=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.getEditorState),x=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.getProject),g=(0,$fmhGi$react.useCallback)(()=>{b()},[b]),v=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.toggleHelp),G=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.history.back),j=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.history.forward),y=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.history.pointer),w=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.history.buffer),C=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.copySelectedItems),P=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.nodes),k=(0,$fmhGi$react.useMemo)(()=>P.filter(({selected:e})=>e),[P]),N=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.copyBuffer),D=(0,$fmhGi$reactflow.useReactFlow)(),z=(0,$fmhGi$react.useCallback)(()=>{let e={...u()};$parcel$interopDefault($fmhGi$jsfiledownload)(JSON.stringify(e,null,2),"web-noise-patch.json")},[u,D]),M=(0,$fmhGi$react.useCallback)(()=>{let e={...x()};$parcel$interopDefault($fmhGi$jsfiledownload)(JSON.stringify(e,null,2),"web-noise-project.json")},[u,D]);return(0,$fmhGi$react.useEffect)(()=>($parcel$interopDefault($fmhGi$hotkeysjs)("command+shift+a",()=>(f(200,50),!1)),$parcel$interopDefault($fmhGi$hotkeysjs)("shift+/",()=>(v(),!1)),$parcel$interopDefault($fmhGi$hotkeysjs)("command+z",()=>(G(),!1)),$parcel$interopDefault($fmhGi$hotkeysjs)("command+shift+z",()=>(j(),!1)),$parcel$interopDefault($fmhGi$hotkeysjs)("command+c",()=>(C(),!1)),$parcel$interopDefault($fmhGi$hotkeysjs)("command+v",()=>(m({x:200,y:50}),!1)),()=>{$parcel$interopDefault($fmhGi$hotkeysjs).unbind()}),[f,m]),(0,$fmhGi$reactjsxruntime.jsxs)($fmhGi$reactjsxruntime.Fragment,{children:[(0,$fmhGi$reactjsxruntime.jsx)($6287ff0589198af6$export$2e2bcd8739ae039,{isOpen:o,closeMenu:()=>$(!1),mousePosition:r}),(0,$fmhGi$reactjsxruntime.jsx)($0486152ce8944888$export$2e2bcd8739ae039,{isOpen:i,closeMenu:()=>d(!1)}),(0,$fmhGi$reactjsxruntime.jsx)($b6ead6c552b5468d$export$2e2bcd8739ae039,{isOpen:c,closeMenu:()=>n(!1)}),(0,$fmhGi$reactjsxruntime.jsx)($a6e103adb12b0598$export$2e2bcd8739ae039,{isOpen:l,closeMenu:()=>s(!1)}),(0,$fmhGi$reactjsxruntime.jsxs)($cf67378495ee564c$export$98eff9c5659394e3,{id:$1648f5ec674bd0e4$export$d4cd258d01c03112,animation:!1,colors:t.colors,children:[(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:({triggerEvent:{clientX:e,clientY:t}})=>f(e,t),children:"Add Node (⌘+⇧+A)"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:g,children:"Delete All"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:z,children:"Download patch"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:()=>d(!0),children:"Upload patch"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:M,children:"Download project"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:()=>n(!0),children:"Upload project"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:()=>s(!0),children:"Upload Audio File"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{disabled:0===y,onClick:G,children:"Undo (⌘+z)"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{disabled:y===w.length,onClick:j,children:"Redo (⌘+⇧+Z)"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{disabled:!k.length,onClick:C,children:"Copy Selected (⌘+c)"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{disabled:!N.nodes.length,onClick:({triggerEvent:{clientX:e,clientY:t}})=>m({x:e,y:t}),children:"Paste (⌘+v)"}),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),e.map((e,t)=>(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{children:e},t)),(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactcontexify.Separator,{}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:v,children:"Help (⇧+?)"})]})]})};var $1648f5ec674bd0e4$export$2e2bcd8739ae039=$1648f5ec674bd0e4$var$EditorContextMenu;let $8c457fe18f140d5d$export$d4cd258d01c03112="editor-node-menu",$8c457fe18f140d5d$export$cbbbfb9fb15f3780=()=>{let{show:e}=(0,$fmhGi$reactcontexify.useContextMenu)({id:$8c457fe18f140d5d$export$d4cd258d01c03112});return{onContextMenu:(0,$fmhGi$react.useCallback)((t,r)=>{t.stopPropagation(),e(t,{props:{node:r}})},[])}},$8c457fe18f140d5d$var$NodeContextMenu=e=>{let t=$9a3ae56a32a010df$export$2e2bcd8739ae039(),r=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.removeNodes),a=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.addNodeToControlPanel),o=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.removeNodeFromControlPanel),$=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.copy),i=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.nodesConfiguration),d=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(e=>e.controlPanel.nodes),c=(0,$fmhGi$react.useCallback)(({props:e})=>!!e?.node.type&&!!d.find(({id:t})=>t===e.node.id),[d]),n=(0,$fmhGi$react.useCallback)(({props:e})=>{if(!e?.node.type)return!1;let t=i[e.node.type];return!!t?.controlPanelNode},[i]);return(0,$fmhGi$reactjsxruntime.jsx)($fmhGi$reactjsxruntime.Fragment,{children:(0,$fmhGi$reactjsxruntime.jsxs)($cf67378495ee564c$export$98eff9c5659394e3,{id:$8c457fe18f140d5d$export$d4cd258d01c03112,animation:!1,colors:t.colors,children:[(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:e=>r([e.props.node]),children:"Delete Node (DEL)"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{hidden:(...e)=>!n(...e)||c(...e),onClick:e=>a(e.props.node),children:"Add To Control Panel"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{hidden:(...e)=>!n(...e)||!c(...e),onClick:e=>o(e.props.node),children:"Remove From Control Panel"}),(0,$fmhGi$reactjsxruntime.jsx)($cf67378495ee564c$export$ef9839ae55b8ba40,{onClick:e=>$({nodes:[e.props.node],edges:[]}),children:"Copy (⌘+c)"})]})})};var $8c457fe18f140d5d$export$2e2bcd8739ae039=$8c457fe18f140d5d$var$NodeContextMenu;let $4772dd2712cec46e$var$useAudioNode=e=>$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(({patch:e})=>e).audioNodes.get(e);var $4772dd2712cec46e$export$2e2bcd8739ae039=$4772dd2712cec46e$var$useAudioNode;let $9f09b57f57ee1ef4$var$useNode=e=>{let t=$7d1a5bdfd7b5aa4a$export$2e2bcd8739ae039(({updateNodeData:e})=>e),r=(0,$fmhGi$react.useCallback)(r=>t(e,{values:r}),[e,t]);return{updateNodeValues:r,updateNodeConfig:(0,$fmhGi$react.useCallback)(r=>t(e,{config:r}),[e,t]),updateNodeLabel:(0,$fmhGi$react.useCallback)(r=>t(e,{label:r}),[e,t])}};var $9f09b57f57ee1ef4$export$2e2bcd8739ae039=$9f09b57f57ee1ef4$var$useNode;let $35ac08ca6453b68a$export$5abe11f802ebd1f2=$parcel$interopDefault($fmhGi$emotionstyled).input`
   width: 100%;
   background: none;
   border: none;