@web-noise/core 0.0.19 → 0.0.21

package/dist/module.js

@@ -1,10 +1,10 @@
-let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{withTheme as i,ThemeProvider as l,Global as a,css as s,useTheme as d}from"@emotion/react";import c from"@emotion/styled";import{nanoid as p}from"nanoid";import{useState as h,useEffect as g,useMemo as m,useCallback as u,useRef as f}from"react";import{FaPlus as v}from"react-icons/fa6";import{MdClose as b,MdDragHandle as y,MdSettings as x,MdInfoOutline as w}from"react-icons/md";import{registerFetcher as C}from"@web-noise/fetch";import{getConnectedEdges as k,addEdge as $,applyNodeChanges as P,applyEdgeChanges as N,Controls as z,ReactFlow as j,Background as F,BackgroundVariant as E,MiniMap as D,ReactFlowProvider as T,useReactFlow as M,Position as S,Handle as A,ControlButton as _,getBezierPath as I}from"@xyflow/react";import{create as R}from"zustand";import{setAudioNodeTypes as H,createPatch as L}from"@web-noise/patch";import{reverse as W,patch as O,create as B}from"jsondiffpatch";import{injectGlobal as U}from"@emotion/css";import"@xyflow/react/dist/style.css";import{useContextMenu as G,Item as V,Menu as Y,Separator as X}from"react-contexify";import"react-contexify/dist/ReactContexify.css";import J from"hotkeys-js";import{createPortal as Z}from"react-dom";import{FileDrop as q}from"react-file-drop";import{FaFileUpload as K,FaQuestion as Q,FaVolumeOff as ee,FaMap as eo,FaRegMap as et}from"react-icons/fa";import{Resizable as en}from"re-resizable";import er from"react-grid-layout";import"react-grid-layout/css/styles.css";import{AiFillLock as ei,AiFillUnlock as el}from"react-icons/ai";import{RxDashboard as ea}from"react-icons/rx";import es from"react-modern-drawer";import"react-modern-drawer/dist/index.css";import{marked as ed}from"marked";let ec="web-noise-drag-handle",ep=`.${ec}`,eh=10;(ev=eb||(eb={})).Gate="gate",ev.Number="number",ev.Audio="audio",ev.Any="any";let eg=e=>JSON.parse(JSON.stringify(e)),em=(e,o)=>{let t=new Set(e.map(e=>e.id)),n=new Set(o.map(e=>e.id));return{added:o.filter(e=>!t.has(e.id)),removed:e.filter(e=>!n.has(e.id))}},eu=e=>!("type"in e)||"patch"===e.type,ef=e=>"audio"===e.type;var ev,eb,ey=R((e=(...e)=>{let[o,t]=e;return{...((e,o)=>({nodes:[],edges:[],onNodesChange:o=>{e(({nodes:e})=>({nodes:P(o,e).map(e=>({dragHandle:ep,...e,data:{label:"unknown",...e.data}}))}))},onEdgesChange:o=>{e(({edges:e})=>({edges:N(o,e)}))},onConnect:o=>{e(({edges:e})=>({edges:$(o,e)}))},addNode:o=>{e(({nodes:e})=>({nodes:e.concat(o)}))},setNodes:o=>{e({nodes:o})},setEdges:o=>{e({edges:o})},setNodesAndEdges:({nodes:o,edges:t})=>{e({nodes:o,edges:t})},getNodesAndEdges:()=>{let{nodes:e,edges:t}=o();return{nodes:e,edges:t}},clearElements:()=>{e({nodes:[],edges:[]})},getNode:e=>{let{nodes:t}=o();return t.find(o=>o.id===e)||null},updateNodeData:(o,t)=>{e(({nodes:e})=>({nodes:e.map(e=>e.id===o?{...e,data:{...e.data,...t}}:e)}))},nodeTypes:{},setNodeTypes:o=>e({nodeTypes:o})}))(...e),...((e,o)=>({history:{maxHistoryLength:5,buffer:[],pointer:0,skipCollect:!1,push:t=>{let{history:n}=o(),{maxHistoryLength:r,skipCollect:i}=n;i?e({history:{...n,skipCollect:!1}}):e(({history:e})=>{if(!e)return{};let{buffer:o,pointer:n}=e,i=o.slice(Math.max(n-r+1,0),n);return{history:{...e,buffer:[...i,t],pointer:Math.min(n+1,r)}}})},back:()=>{let{nodes:t,edges:n,controlPanel:r,history:i}=o(),{buffer:l,pointer:a}=i,s=l[a-1];if(!s)return;let d=W(s);d&&e({...O(eg({nodes:t,edges:n,controlPanel:r}),d),history:{...i,pointer:a-1,skipCollect:!0}})},forward:()=>{let{nodes:t,edges:n,controlPanel:r,history:i}=o(),{buffer:l,pointer:a}=i,s=l[a];s&&e({...O(eg({nodes:t,edges:n,controlPanel:r}),s),history:{...i,pointer:a+1,skipCollect:!0}})},clear:()=>{let{history:t}=o();e({history:{...t,buffer:[],pointer:0,skipCollect:!0}})}}}))(...e),...((e,o)=>({patch:L(),nodesState:{}}))(...e),...((e,o)=>({project:{files:[],currentFileIndex:0},setProject(o){e({project:o})},getProject:()=>o().project,pullEditorChanges(){let{getEditorState:e,updateFileContent:t,project:n}=o(),r=n.currentFileIndex||0,i=n.files[r];ef(i)||t(r,{...i,file:e()})},syncEditorWithCurrentFile:()=>{let{setEditorState:e,project:t}=o(),n=t.currentFileIndex||0,r=t.files[n];r?"audio"===r.type?console.log("audio file. skipping"):e(r.file):console.warn("No current file to sync with editor")},setCurrentFileIndex(t){let{project:n,getProject:r}=o();t!==(n.currentFileIndex??0)&&e({project:{...n,currentFileIndex:t}})},updateFileContent(t,n){let{project:r}=o();e({project:{...r,files:r.files.map((e,o)=>o===t?{...e,...n}:e)}})},updateFileName(t,n){let{project:r}=o();e({project:{...r,files:r.files.map((e,o)=>o===t?{...e,name:n}:e)}})},addFile(e){let{project:t,setProject:n}=o(),r=[...t.files,e];n({...t,files:r,currentFileIndex:r.length-1})},deleteFile:t=>{let{project:n}=o(),r=n.currentFileIndex??0,i=r===n.files.length-1?Math.max(0,r-1):r,l=n.files.filter((e,o)=>t!==o);e({project:{...n,files:l,currentFileIndex:i}})}}))(...e),setGraph:async({nodes:e,edges:o})=>{let{patch:n,createNodes:r,createEdges:i,setNodesAndEdges:l,nodes:a,edges:s}=t();l({nodes:[],edges:[]}),await r(e),i(o)},clearGraph:()=>{let{setGraph:e}=t();e({nodes:[],edges:[]})},createNodes:async e=>{let{createNode:o}=t();await Promise.all(e.map(e=>o(e)))},createNode:e=>{let{addNode:o,nodesConfiguration:n}=t(),{type:r,id:i,data:l}=e;if(void 0===r)throw Error(`node type is not defined for node: ${i}`);o({...e,data:{...l,config:{...n[r]?.defaultConfig,...l?.config}}})},removeNode:e=>t().removeNodes([e]),removeNodes:e=>{let{edges:n,nodes:r,onNodesDelete:i,removeEdges:l,removeNodesFromControlPanel:a}=t(),s=e.map(({id:e})=>e),d=[...e,...r.filter(({parentId:e})=>e&&s.includes(e))];a(d),l(k(d,n)),i(d);let c=d.map(({id:e})=>e);o({nodes:r.filter(({id:e})=>!c.includes(e))})},removeEdges:e=>{let{edges:n,onEdgesDelete:r}=t(),i=e.map(({id:e})=>e);r(e),o({edges:n.filter(({id:e})=>!i.includes(e))})},createEdges:e=>{let{patch:o,edges:n,setEdges:r}=t();r(e)},onConnect:async e=>{let{edges:o,createEdges:n}=t();n($(e,o))},onEdgesDelete:e=>{let{patch:o}=t()},onNodesDelete:async e=>{let{removeNodesFromControlPanel:o,patch:n}=t();o(e)},plugins:[],setPlugins:async e=>{let{setNodeTypes:n}=t();o({plugins:e});let r=e.reduce((e,o)=>({...e,...o.components.reduce((e,o)=>({...e,[o.type]:o}),{})}),{}),i=Object.keys(r).reduce((e,o)=>({...e,[o]:r[o].node}),{});H(Object.keys(r).reduce((e,o)=>({...e,[o]:r[o].audioNode}),{})),n(i),o(({nodesConfiguration:e})=>({nodesConfiguration:{...e,...r}}))},nodesConfiguration:{},config:{showMinimap:!1},setConfig:e=>{o(({config:o})=>({config:{...o,...e}}))},getEditorState:()=>{let{getNodesAndEdges:e,controlPanel:o,viewport:n}=t();return{...e(),controlPanel:o,viewport:n}},setEditorState:async({nodes:e,edges:n,controlPanel:r,viewport:i})=>{let{setGraph:l}=t();await l({nodes:e,edges:n}),await new Promise(e=>setTimeout(e,1e3)),o({controlPanel:r,viewport:i})},isHelpShown:!1,toggleHelp:()=>{let{isHelpShown:e}=t();o({isHelpShown:!e})},copyBuffer:{nodes:[],edges:[]},copy:e=>{o({copyBuffer:e})},copySelectedItems:()=>{let{nodes:e,edges:o,copy:n}=t(),r=e.filter(({selected:e})=>e),i=o.filter(({selected:e})=>e);r.length&&n({nodes:r,edges:i})},pasteBuffer:(e=0,n=0)=>{let{copyBuffer:r,createNodes:i,setEdges:l,nodes:a,edges:s}=t(),{nodes:d,edges:c}=r;if(!d.length)return;o({nodes:a.map(e=>({...e,selected:!1}))});let p=d.reduce((e,o)=>!e||o.position.x<e.position.x&&o.position.y<e.position.y?o:e),h=p.position.x-e,g=p.position.y-n,{nodes:m,mapping:u}=d.reduce((e,o)=>{let t,n=(t=+new Date+Math.floor(1e3*Math.random()),o?.type?`${o.type}-${t}`:t.toString());return{nodes:[...e.nodes,{...o,id:n,position:{x:o.position.x-h,y:o.position.y-g},selected:!0}],mapping:{...e.mapping,[o.id]:n}}},{nodes:[],mapping:{}});i(m);let f=c.map(e=>{let o=u[e.source]||e.source,t=u[e.target]||e.target;return{...e,id:e.id.replace(e.source,o).replace(e.target,t),source:o,target:t,selected:!0}});l([...s.map(e=>({...e,selected:!1})),...f])},getControlPanelNode:e=>{let{nodesConfiguration:o}=t(),{type:n}=e;if(!n)return null;let r=o[n]?.controlPanelNode;return r||(console.error(`could not find node for type ${n}`),null)},controlPanel:{show:!0,nodes:[],size:{width:200,height:100}},showControlPanel:()=>o(({controlPanel:e})=>({controlPanel:{...e,show:!0}})),hideControlPanel:()=>o(({controlPanel:e})=>({controlPanel:{...e,show:!1}})),addNodeToControlPanel:e=>{let{nodesConfiguration:n}=t(),r=e.type?n[e.type]?.defaultConfig:{},{height:i}=r?.size||{},l={id:e.id,...i?{height:i/eh}:{}};o(({controlPanel:e})=>({controlPanel:{...e,nodes:[...e.nodes,l]}}))},removeNodeFromControlPanel:e=>t().removeNodesFromControlPanel([e]),removeNodesFromControlPanel:e=>{let t=e.map(({id:e})=>e);o(({controlPanel:e})=>{let o=e.nodes.filter(({id:e})=>!t.includes(e));return{controlPanel:{...e,nodes:o}}})},setControlPanelNodes:e=>{o(({controlPanel:o})=>({controlPanel:{...o,nodes:e}}))},setControlPanelSize:e=>{o(({controlPanel:o})=>({controlPanel:{...o,size:e}}))},viewport:{x:0,y:0,zoom:1},setViewport:e=>o({viewport:e})}},o=(o,t,n)=>{let r,i,l,a=(i=B({propertyFilter:(e,o)=>!!(o.parent?.parent?.childName==="controlPanel"||["data","position","controlPanel"].includes(o.parent?.childName))||["controlPanel","size","edges","nodes","data","label","config","values","position","x","y"].includes(e)}),l=t(),(e,o)=>{e.project.currentFileIndex!==o.project.currentFileIndex&&t().history.clear(),clearTimeout(r),l||(l=o),r=setTimeout(()=>{let o=i.diff(l,e);l=null,o&&t().history.push(o)},500)});return n.subscribe(a),e((...e)=>o(...e),t,n)},(e,t,n)=>{n.subscribe(async(e,o)=>{});let r={...t(),nodes:[],edges:[]},i=Promise.resolve();return o((...o)=>{i=i.then(async()=>{let n=t(),[i]=o,l={...r,..."function"==typeof i?i({...r}):i},a=em(r.nodes,l.nodes),s=em(r.edges,l.edges);r=l;let d=a.added,c=s.added,p=s.removed,h=a.removed,{patch:g}=n;d.length&&await g.registerAudioNodes(d),c.length&&g.registerAudioConnections(c),p.length&&g.unregisterAudioConnections(p),h.length&&g.unregisterAudioNodes(h),e(...o)}).catch(e=>{console.error("audioPatch middleware error:",e)})},t,n)})),ex={colors:{elevation1:"#292d39",elevation2:"#181c20",elevation3:"#373c4b",accent1:"#0066dc",accent2:"#007bff",accent3:"#3c93ff",highlight1:"#535760",highlight2:"#8c92a4",highlight3:"#fefefe",vivid1:"#14df42",whitePrimary:"#ffffff",error:"#db5353"},zIndex:{modal:9998,controlPanel:9999,resumeContextLayout:10003}};U`
+let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{withTheme as i,ThemeProvider as l,Global as a,css as d,useTheme as s}from"@emotion/react";import c from"@emotion/styled";import{nanoid as p}from"nanoid";import{useState as h,useEffect as g,useMemo as m,useCallback as u,useRef as f}from"react";import{FaPlus as v}from"react-icons/fa6";import{MdClose as b,MdDragHandle as y,MdSettings as x,MdInfoOutline as w}from"react-icons/md";import{registerFetcher as C}from"@web-noise/fetch";import{getConnectedEdges as k,addEdge as $,applyNodeChanges as N,applyEdgeChanges as P,Controls as z,ReactFlow as j,Background as F,BackgroundVariant as E,MiniMap as S,ReactFlowProvider as T,useReactFlow as D,Position as M,Handle as A,NodeResizeControl as _,ControlButton as I,getBezierPath as L}from"@xyflow/react";import{create as H}from"zustand";import{setAudioNodeTypes as R,createPatch as W}from"@web-noise/patch";import{reverse as O,patch as B,create as U}from"jsondiffpatch";import{injectGlobal as G}from"@emotion/css";import"@xyflow/react/dist/style.css";import{useContextMenu as V,Item as Y,Menu as X,Separator as J}from"react-contexify";import"react-contexify/dist/ReactContexify.css";import Z from"hotkeys-js";import{createPortal as q}from"react-dom";import{FileDrop as K}from"react-file-drop";import{FaFileUpload as Q,FaQuestion as ee,FaVolumeOff as eo,FaMap as et,FaRegMap as en}from"react-icons/fa";import{Resizable as er}from"re-resizable";import ei from"react-grid-layout";import"react-grid-layout/css/styles.css";import{AiFillLock as el,AiFillUnlock as ea}from"react-icons/ai";import{RxDashboard as ed}from"react-icons/rx";import es from"react-modern-drawer";import"react-modern-drawer/dist/index.css";import{marked as ec}from"marked";let ep="web-noise-drag-handle",eh=`.${ep}`,eg=10;(ey=ex||(ex={})).Gate="gate",ey.Number="number",ey.Audio="audio",ey.Any="any";let em={[ex.Audio]:"#4ade80",[ex.Gate]:"#c084fc",[ex.Number]:"#38bdf8",[ex.Any]:"#ffffff"},eu=e=>JSON.parse(JSON.stringify(e)),ef=(e,o)=>{let t=new Set(e.map(e=>e.id)),n=new Set(o.map(e=>e.id));return{added:o.filter(e=>!t.has(e.id)),removed:e.filter(e=>!n.has(e.id))}},ev=e=>!("type"in e)||"patch"===e.type,eb=e=>"audio"===e.type;var ey,ex,ew=H((e=(...e)=>{let[o,t]=e;return{...((e,o)=>({nodes:[],edges:[],onNodesChange:o=>{e(({nodes:e})=>({nodes:N(o,e).map(e=>({dragHandle:eh,...e,data:{label:"unknown",...e.data}}))}))},onEdgesChange:o=>{e(({edges:e})=>({edges:P(o,e)}))},onConnect:o=>{e(({edges:e})=>({edges:$(o,e)}))},addNode:o=>{e(({nodes:e})=>({nodes:e.concat(o)}))},setNodes:o=>{e({nodes:o})},setEdges:o=>{e({edges:o})},setNodesAndEdges:({nodes:o,edges:t})=>{e({nodes:o,edges:t})},getNodesAndEdges:()=>{let{nodes:e,edges:t}=o();return{nodes:e,edges:t}},clearElements:()=>{e({nodes:[],edges:[]})},getNode:e=>{let{nodes:t}=o();return t.find(o=>o.id===e)||null},updateNodeData:(o,t)=>{e(({nodes:e})=>({nodes:e.map(e=>e.id===o?{...e,data:{...e.data,...t}}:e)}))},updateNode:(o,t)=>{e(({nodes:e})=>({nodes:e.map(e=>e.id===o?{...e,...t}:e)}))},nodeTypes:{},setNodeTypes:o=>e({nodeTypes:o})}))(...e),...((e,o)=>({history:{maxHistoryLength:5,buffer:[],pointer:0,skipCollect:!1,push:t=>{let{history:n}=o(),{maxHistoryLength:r,skipCollect:i}=n;i?e({history:{...n,skipCollect:!1}}):e(({history:e})=>{if(!e)return{};let{buffer:o,pointer:n}=e,i=o.slice(Math.max(n-r+1,0),n);return{history:{...e,buffer:[...i,t],pointer:Math.min(n+1,r)}}})},back:()=>{let{nodes:t,edges:n,controlPanel:r,history:i}=o(),{buffer:l,pointer:a}=i,d=l[a-1];if(!d)return;let s=O(d);s&&e({...B(eu({nodes:t,edges:n,controlPanel:r}),s),history:{...i,pointer:a-1,skipCollect:!0}})},forward:()=>{let{nodes:t,edges:n,controlPanel:r,history:i}=o(),{buffer:l,pointer:a}=i,d=l[a];d&&e({...B(eu({nodes:t,edges:n,controlPanel:r}),d),history:{...i,pointer:a+1,skipCollect:!0}})},clear:()=>{let{history:t}=o();e({history:{...t,buffer:[],pointer:0,skipCollect:!0}})}}}))(...e),...((e,o)=>({patch:W(),nodesState:{}}))(...e),...((e,o)=>({project:{files:[],currentFileIndex:0},setProject(o){e({project:o})},getProject:()=>o().project,pullEditorChanges(){let{getEditorState:e,updateFileContent:t,project:n}=o(),r=n.currentFileIndex||0,i=n.files[r];eb(i)||t(r,{...i,file:e()})},syncEditorWithCurrentFile:()=>{let{setEditorState:e,project:t}=o(),n=t.currentFileIndex||0,r=t.files[n];r?"audio"===r.type?console.log("audio file. skipping"):e(r.file):console.warn("No current file to sync with editor")},setCurrentFileIndex(t){let{project:n,getProject:r}=o();t!==(n.currentFileIndex??0)&&e({project:{...n,currentFileIndex:t}})},updateFileContent(t,n){let{project:r}=o();e({project:{...r,files:r.files.map((e,o)=>o===t?{...e,...n}:e)}})},updateFileName(t,n){let{project:r}=o();e({project:{...r,files:r.files.map((e,o)=>o===t?{...e,name:n}:e)}})},addFile(e){let{project:t,setProject:n}=o(),r=[...t.files,e];n({...t,files:r,currentFileIndex:r.length-1})},deleteFile:t=>{let{project:n}=o(),r=n.currentFileIndex??0,i=r===n.files.length-1?Math.max(0,r-1):r,l=n.files.filter((e,o)=>t!==o);e({project:{...n,files:l,currentFileIndex:i}})}}))(...e),setGraph:async({nodes:e,edges:o})=>{let{patch:n,createNodes:r,createEdges:i,setNodesAndEdges:l,nodes:a,edges:d}=t();l({nodes:[],edges:[]}),await r(e),i(o)},clearGraph:()=>{let{setGraph:e}=t();e({nodes:[],edges:[]})},createNodes:async e=>{let{createNode:o}=t();await Promise.all(e.map(e=>o(e)))},createNode:e=>{let{addNode:o,nodesConfiguration:n}=t(),{type:r,id:i,data:l}=e;if(void 0===r)throw Error(`node type is not defined for node: ${i}`);o({...e,data:{...l,config:{...n[r]?.defaultConfig,...l?.config}}})},removeNode:e=>t().removeNodes([e]),removeNodes:e=>{let{edges:n,nodes:r,onNodesDelete:i,removeEdges:l,removeNodesFromControlPanel:a}=t(),d=e.map(({id:e})=>e),s=[...e,...r.filter(({parentId:e})=>e&&d.includes(e))];a(s),l(k(s,n)),i(s);let c=s.map(({id:e})=>e);o({nodes:r.filter(({id:e})=>!c.includes(e))})},removeEdges:e=>{let{edges:n,onEdgesDelete:r}=t(),i=e.map(({id:e})=>e);r(e),o({edges:n.filter(({id:e})=>!i.includes(e))})},createEdges:e=>{let{patch:o,edges:n,setEdges:r}=t();r(e)},onConnect:async e=>{let{edges:o,createEdges:n}=t();n($(e,o))},onEdgesDelete:e=>{let{patch:o}=t()},onNodesDelete:async e=>{let{removeNodesFromControlPanel:o,patch:n}=t();o(e)},plugins:[],setPlugins:async e=>{let{setNodeTypes:n}=t();o({plugins:e});let r=e.reduce((e,o)=>({...e,...o.components.reduce((e,o)=>({...e,[o.type]:o}),{})}),{}),i=Object.keys(r).reduce((e,o)=>({...e,[o]:r[o].node}),{});R(Object.keys(r).reduce((e,o)=>({...e,[o]:r[o].audioNode}),{})),n(i),o(({nodesConfiguration:e})=>({nodesConfiguration:{...e,...r}}))},nodesConfiguration:{},config:{showMinimap:!1},setConfig:e=>{o(({config:o})=>({config:{...o,...e}}))},getEditorState:()=>{let{getNodesAndEdges:e,controlPanel:o,viewport:n}=t();return{...e(),controlPanel:o,viewport:n}},setEditorState:async({nodes:e,edges:n,controlPanel:r,viewport:i})=>{let{setGraph:l}=t();await l({nodes:e,edges:n}),await new Promise(e=>setTimeout(e,1e3)),o({controlPanel:r,viewport:i})},isHelpShown:!1,toggleHelp:()=>{let{isHelpShown:e}=t();o({isHelpShown:!e})},copyBuffer:{nodes:[],edges:[]},copy:e=>{o({copyBuffer:e})},copySelectedItems:()=>{let{nodes:e,edges:o,copy:n}=t(),r=e.filter(({selected:e})=>e),i=o.filter(({selected:e})=>e);r.length&&n({nodes:r,edges:i})},pasteBuffer:(e=0,n=0)=>{let{copyBuffer:r,createNodes:i,setEdges:l,nodes:a,edges:d}=t(),{nodes:s,edges:c}=r;if(!s.length)return;o({nodes:a.map(e=>({...e,selected:!1}))});let p=s.reduce((e,o)=>!e||o.position.x<e.position.x&&o.position.y<e.position.y?o:e),h=p.position.x-e,g=p.position.y-n,{nodes:m,mapping:u}=s.reduce((e,o)=>{let t,n=(t=+new Date+Math.floor(1e3*Math.random()),o?.type?`${o.type}-${t}`:t.toString());return{nodes:[...e.nodes,{...o,id:n,position:{x:o.position.x-h,y:o.position.y-g},selected:!0}],mapping:{...e.mapping,[o.id]:n}}},{nodes:[],mapping:{}});i(m);let f=c.map(e=>{let o=u[e.source]||e.source,t=u[e.target]||e.target;return{...e,id:e.id.replace(e.source,o).replace(e.target,t),source:o,target:t,selected:!0}});l([...d.map(e=>({...e,selected:!1})),...f])},getControlPanelNode:e=>{let{nodesConfiguration:o}=t(),{type:n}=e;if(!n)return null;let r=o[n]?.controlPanelNode;return r||(console.error(`could not find node for type ${n}`),null)},controlPanel:{show:!0,nodes:[],size:{width:200,height:100}},showControlPanel:()=>o(({controlPanel:e})=>({controlPanel:{...e,show:!0}})),hideControlPanel:()=>o(({controlPanel:e})=>({controlPanel:{...e,show:!1}})),addNodeToControlPanel:e=>{let{nodesConfiguration:n}=t(),r=e.type?n[e.type]?.minSize:{height:void 0},i=r?.height,l={id:e.id,...i?{height:i/eg}:{}};o(({controlPanel:e})=>({controlPanel:{...e,nodes:[...e?.nodes||[],l]}}))},removeNodeFromControlPanel:e=>t().removeNodesFromControlPanel([e]),removeNodesFromControlPanel:e=>{let t=e.map(({id:e})=>e);o(({controlPanel:e})=>{let o=e.nodes.filter(({id:e})=>!t.includes(e));return{controlPanel:{...e,nodes:o}}})},setControlPanelNodes:e=>{o(({controlPanel:o})=>({controlPanel:{...o,nodes:e}}))},setControlPanelSize:e=>{o(({controlPanel:o})=>({controlPanel:{...o,size:e}}))},viewport:{x:0,y:0,zoom:1},setViewport:e=>o({viewport:e})}},o=(o,t,n)=>{let r,i,l,a=(i=U({propertyFilter:(e,o)=>!!(o.parent?.parent?.childName==="controlPanel"||["data","position","controlPanel"].includes(o.parent?.childName))||["controlPanel","size","edges","nodes","data","label","config","values","position","x","y"].includes(e)}),l=t(),(e,o)=>{e.project.currentFileIndex!==o.project.currentFileIndex&&t().history.clear(),clearTimeout(r),l||(l=o),r=setTimeout(()=>{let o=i.diff(l,e);l=null,o&&t().history.push(o)},500)});return n.subscribe(a),e((...e)=>o(...e),t,n)},(e,t,n)=>{n.subscribe(async(e,o)=>{});let r={...t(),nodes:[],edges:[]},i=Promise.resolve();return o((...o)=>{i=i.then(async()=>{let n=t(),[i]=o,l={...r,..."function"==typeof i?i({...r}):i},a=ef(r.nodes,l.nodes),d=ef(r.edges,l.edges);r=l;let s=a.added,c=d.added,p=d.removed,h=a.removed,{patch:g}=n;s.length&&await g.registerAudioNodes(s),c.length&&g.registerAudioConnections(c),p.length&&g.unregisterAudioConnections(p),h.length&&g.unregisterAudioNodes(h),e(...o)}).catch(e=>{console.error("audioPatch middleware error:",e)})},t,n)})),eC={colors:{elevation1:"#292d39",elevation2:"#181c20",elevation3:"#373c4b",accent1:"#0066dc",accent2:"#007bff",accent3:"#3c93ff",highlight1:"#535760",highlight2:"#8c92a4",highlight3:"#fefefe",vivid1:"#14df42",whitePrimary:"#ffffff",error:"#db5353"},zIndex:{modal:9998,controlPanel:9999,resumeContextLayout:10003}};G`
   .react-flow {
     .react-flow__pane {
     /* background: rgb(106 106 106); */
     /* background: "white"; */
     // background: #292d39;
-      background: ${ex.colors.elevation3};
+      background: ${eC.colors.elevation3};
     }
 
     .react-flow__background {
@@ -26,32 +26,32 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
     }
 
     .react-flow__edge-path {
-      stroke:  ${ex.colors.accent2};
+      stroke:  ${eC.colors.accent2};
     }
 
     .react-flow__node.selected {
-      border: 1px solid ${ex.colors.accent2};
-      box-shadow: 0 0 0 0.5px #${ex.colors.accent2};
+      border: 1px solid ${eC.colors.accent2};
+      box-shadow: 0 0 0 0.5px #${eC.colors.accent2};
     }
 
     .react-flow__node-default.selected, .react-flow__node-default.selected:hover {
-      box-shadow: 0 0 0 0.5px #${ex.colors.accent2};
+      box-shadow: 0 0 0 0.5px #${eC.colors.accent2};
     }
 
     /* .react-flow__minimap-mask {
-      fill: ${ex.colors.elevation1}
+      fill: ${eC.colors.elevation1}
     }
 
     .react-flow__minimap-node {
-      fill:${ex.colors.accent2}
+      fill:${eC.colors.accent2}
     } */
   }
 
-`;var ew=()=>{let e=d();return{...ex,...e}};let eC=c(V)``,ek=i(c(eC)`
+`;var ek=()=>{let e=s();return{...eC,...e}};let e$=c(Y)``,eN=i(c(e$)`
   .react-contexify__item__content {
     color: ${({theme:e})=>e.colors.error};
   }
-`),e$=c(Y)`
+`),eP=c(X)`
   background: ${({colors:e})=>e.elevation2};
   padding: 0;
   border-radius: 0;
@@ -64,18 +64,18 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
     background-color: ${({colors:e})=>e.elevation1};
     margin: 0;
   }
-`,eP="editor-edge-menu";var eN=()=>{let e=ew(),o=ey(e=>e.removeEdges);return t(r,{children:t(e$,{id:eP,animation:!1,colors:e.colors,children:t(eC,{onClick:e=>o([e.props.edge]),children:"Delete Edge (DEL)"})})})};let ez=c.div`
+`,ez="editor-edge-menu";var ej=()=>{let e=ek(),o=ew(e=>e.removeEdges);return t(r,{children:t(eP,{id:ez,animation:!1,colors:e.colors,children:t(e$,{onClick:e=>o([e.props.edge]),children:"Delete Edge (DEL)"})})})};let eF=i(c.div`
   position: fixed;
   z-index: ${({theme:e})=>e.zIndex.modal};
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
-  background: ${({theme:e})=>e.colors.elevation3}cc;
+  background: ${({theme:e,outerBackground:o})=>o||e.colors.elevation3+"cc"};
   display: flex;
   align-items: center;
   justify-content: center;
-`,ej=c.div`
+`),eE=c.div`
   background: ${({theme:e})=>e.colors.elevation2};
   box-shadow: 1px 1px 1px 1px ${({theme:e})=>e.colors.elevation1};
   color: white;
@@ -83,19 +83,19 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   height: 80%;
   overflow-y: scroll;
   position: relative;
-`,eF=c(b)`
+`,eS=c(b)`
   position: absolute;
   top: 0.2rem;
   right: 0.2rem;
   cursor: pointer;
-`;var eE=({children:e,onClose:o,...r})=>{let i=ew();return g(()=>{let e=e=>{"Escape"===e.key&&o?.()};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[o]),Z(t(ez,{theme:i,onClick:o,children:n(ej,{...r,onClick:e=>{e.stopPropagation()},theme:i,children:[e,t(eF,{theme:i,onClick:o})]})}),document.body)};let eD=i(c.div`
+`;var eT=({children:e,onClose:o,outerBackground:r,...i})=>{let l=ek();return g(()=>{let e=e=>{"Escape"===e.key&&o?.()};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[o]),q(t(eF,{outerBackground:r,onClick:o,children:n(eE,{...i,onClick:e=>{e.stopPropagation()},theme:l,children:[e,t(eS,{theme:l,onClick:o})]})}),document.body)};let eD=i(c.div`
   width: 100%;
-`),eT=i(c.div`
+`),eM=i(c.div`
   padding: 1rem;
   display: flex;
   flex-direction: column;
   gap: 1rem;
-`),eM=i(c.ul`
+`),eA=i(c.ul`
   list-style: none;
   margin: 0;
   padding: 0;
@@ -116,18 +116,18 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
       cursor: pointer;
     }
   }
-`),eS=i(c.div`
+`),e_=i(c.div`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`),eA=i(c.div`
+`),eI=i(c.div`
   color: ${({theme:e})=>e.colors.highlight2};
   font-size: 12px;
-`),e_=i(c.div`
+`),eL=i(c.div`
   display: flex;
   gap: 0.2rem;
   flex-wrap: wrap;
-`),eI=i(c.span`
+`),eH=i(c.span`
   cursor: pointer;
   font-size: 10px;
   background: ${({theme:e,isActive:o})=>o?e.colors.highlight1:e.colors.elevation3};
@@ -138,17 +138,17 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   &:hover {
     border-color: ${({theme:e})=>e.colors.accent2};
   }
-`),eR=i(c.div``),eH=i(c.div`
+`),eR=i(c.div``),eW=i(c.div`
   font-size: 1.1rem;
   padding: 0.25rem 0;
   color: ${({theme:e})=>e.colors.highlight3};
-`),eL=i(c.div`
+`),eO=i(c.div`
   color: ${({theme:e})=>e.colors.highlight2};
   font-size: 12px;
-`);var eW=({onComponentClick:e,filters:{plugin:o,search:r="",tags:i},onTagClick:l})=>{let a=ey(({plugins:e})=>e),s=m(()=>o?a.filter(({name:e})=>e===o):a,[a,o]);return t(eD,{children:m(()=>r||i?.length?s.map(e=>({...e,components:i?.length?e.components.filter(e=>i?.every(o=>e.tags?.includes(o))):e.components})).map(e=>({...e,components:e.components.filter(({type:e,name:o})=>e.toLocaleLowerCase().includes(r.toLocaleLowerCase())||o?.toLocaleLowerCase().includes(r.toLocaleLowerCase()))})):s,[s,r,i]).map(({name:o,description:r,components:a},s)=>a.length?n(eT,{children:[n(eR,{children:[t(eH,{children:o}),t(eL,{children:r})]}),t(eM,{children:a.sort((e,o)=>e.type.toLowerCase()>o.type.toLowerCase()?1:-1).map((o,r)=>n("li",{onClick:()=>e(o),children:[t(eS,{children:o.name||o.type}),o.description&&t(eA,{children:o.description}),t(e_,{children:o.tags?.map((e,o)=>t(eI,{isActive:i?.includes(e),onClickCapture:o=>{o.stopPropagation(),l(e)},children:e},o))})]},r))})]},s):null)})};let eO=c.div`
+`);var eB=({onComponentClick:e,filters:{plugin:o,search:r="",tags:i},onTagClick:l})=>{let a=ew(({plugins:e})=>e),d=m(()=>o?a.filter(({name:e})=>e===o):a,[a,o]);return t(eD,{children:m(()=>r||i?.length?d.map(e=>({...e,components:i?.length?e.components.filter(e=>i?.every(o=>e.tags?.includes(o))):e.components})).map(e=>({...e,components:e.components.filter(({type:e,name:o})=>e.toLocaleLowerCase().includes(r.toLocaleLowerCase())||o?.toLocaleLowerCase().includes(r.toLocaleLowerCase()))})):d,[d,r,i]).map(({name:o,description:r,components:a},d)=>a.length?n(eM,{children:[n(eR,{children:[t(eW,{children:o}),t(eO,{children:r})]}),t(eA,{children:a.sort((e,o)=>e.type.toLowerCase()>o.type.toLowerCase()?1:-1).map((o,r)=>n("li",{onClick:()=>e(o),children:[t(e_,{children:o.name||o.type}),o.description&&t(eI,{children:o.description}),t(eL,{children:o.tags?.map((e,o)=>t(eH,{isActive:i?.includes(e),onClickCapture:o=>{o.stopPropagation(),l(e)},children:e},o))})]},r))})]},d):null)})};let eU=c.div`
   display: flex;
   position: relative;
-`,eB=c.input`
+`,eG=c.input`
   padding-right: 2rem;
   padding-left: 0.3rem;
   width: 100%;
@@ -179,14 +179,14 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
     -webkit-appearance: none;
     margin-right: 1rem;
   }
-`,eU=c.div`
+`,eV=c.div`
   display: flex;
   flex-direction: column;
   padding: 0.6rem;
   gap: 0.6rem;
   border-right: 1px solid ${({theme:e})=>e.colors.elevation3};
   min-width: 14rem;
-`,eG=c.label`
+`,eY=c.label`
   user-select: none;
   input {
     display: none;
@@ -198,7 +198,7 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
     color: ${({theme:e})=>e.colors.accent3};
     cursor: pointer;
   }
-`,eV=i(c(eI)`
+`,eX=i(c(eH)`
   font-size: 12px;
   padding: 0.2rem 0.4rem;
   &:hover {
@@ -207,16 +207,16 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
     content: "×";
     margin-left: 0.4rem;
   }
-`);var eY=({onChange:e,value:o})=>{let r=ew(),i=ey(({plugins:e})=>e),l=f(null);return g(()=>{l.current&&l.current.focus()},[l]),n(eU,{theme:r,children:[t(eO,{children:t(eB,{ref:l,theme:r,value:o.search||"",placeholder:"search...",onChange:t=>e({...o,search:t.target.value})})}),t(e_,{children:o.tags?.map((n,r)=>t(eV,{isActive:!0,onClick:()=>{let t=o.tags?.filter(e=>e!==n)||[];e({...o,tags:t})},children:n},r))}),i.map(({name:i,components:l},a)=>i?n(eG,{theme:r,children:[t("input",{type:"checkbox",name:"plugin",value:i,checked:i===o.plugin,onChange:()=>{e({...o,plugin:i===o.plugin?null:i})}}),t("span",{children:i})]},a):null)]})};let eX=c.div`
+`);var eJ=({onChange:e,value:o})=>{let r=ek(),i=ew(({plugins:e})=>e),l=f(null);return g(()=>{l.current&&l.current.focus()},[l]),n(eV,{theme:r,children:[t(eU,{children:t(eG,{ref:l,theme:r,value:o.search||"",placeholder:"search...",onChange:t=>e({...o,search:t.target.value})})}),t(eL,{children:o.tags?.map((n,r)=>t(eX,{isActive:!0,onClick:()=>{let t=o.tags?.filter(e=>e!==n)||[];e({...o,tags:t})},children:n},r))}),i.map(({name:i,components:l},a)=>i?n(eY,{theme:r,children:[t("input",{type:"checkbox",name:"plugin",value:i,checked:i===o.plugin,onChange:()=>{e({...o,plugin:i===o.plugin?null:i})}}),t("span",{children:i})]},a):null)]})};let eZ=c.div`
   height: 100%;
   width: 100%;
   display: flex;
   gap: 1rem;
-`,eJ=c.div`
+`,eq=c.div`
   flex-grow: 1;
   height: 100%;
   overflow-y: scroll;
-`;var eZ=({isOpen:e,closeMenu:o,mousePosition:r})=>{let i=ew(),{screenToFlowPosition:l}=M(),{createNode:a}=ey(({createNode:e})=>({createNode:e})),[s,d]=h({}),c=u(({type:e})=>{let{x:t,y:n}=l(r);a({id:`${e}-${+new Date}`,type:e,data:{label:e},position:{x:t,y:n},targetPosition:S.Left,sourcePosition:S.Right}),o()},[r,l,a,o,r]);return e?t(eE,{onClose:()=>{o(),d({})},children:n(eX,{theme:i,children:[t(eY,{onChange:d,value:s}),t(eJ,{theme:i,children:t(eW,{filters:s,onTagClick:e=>{d(o=>({...o,tags:o.tags?.includes(e)?o.tags.filter(o=>o!==e):[...o.tags||[],e]}))},onComponentClick:e=>{c(e),d({})}})})]})}):null};let eq=e=>new Promise((o,t)=>{let n=new FileReader;n.readAsDataURL(e),n.onload=()=>o(n.result?.toString()||""),n.onerror=e=>t(e)}),eK=c.div`
+`;var eK=({isOpen:e,closeMenu:o,mousePosition:r})=>{let i=ek(),{screenToFlowPosition:l}=D(),{createNode:a}=ew(({createNode:e})=>({createNode:e})),[d,s]=h({}),c=u(({type:e,minSize:t})=>{let{x:n,y:i}=l(r);a({id:`${e}-${+new Date}`,type:e,data:{label:e},position:{x:n,y:i},targetPosition:M.Left,sourcePosition:M.Right,...t}),o()},[r,l,a,o,r]);return e?t(eT,{onClose:()=>{o(),s({})},children:n(eZ,{theme:i,children:[t(eJ,{onChange:s,value:d}),t(eq,{theme:i,children:t(eB,{filters:d,onTagClick:e=>{s(o=>({...o,tags:o.tags?.includes(e)?o.tags.filter(o=>o!==e):[...o.tags||[],e]}))},onComponentClick:e=>{c(e),s({})}})})]})}):null};let eQ=e=>new Promise((o,t)=>{let n=new FileReader;n.readAsDataURL(e),n.onload=()=>o(n.result?.toString()||""),n.onerror=e=>t(e)}),e0=c.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -242,19 +242,19 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   .drop-zone-drag-over {
     opacity: 1;
   }
-`,eQ=c.div`
+`,e1=c.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
-`,e0=c(K)`
+`,e2=c(Q)`
   width: 100%;
   height: 8rem;
-`,e1=c.div`
+`,e3=c.div`
   font-size: 2rem;
-`;var e2=({isOpen:e,closeMenu:o})=>{let r=ew();ey(({setGraph:e})=>e),ey(e=>e.setEditorState);let i=ey(e=>e.addFile),l=f(null),a=u(async e=>{let[t]=e||[],n=await eq(t);i({type:"audio",id:`audio-file-${+new Date}`,name:t.name,file:n}),o()},[i,o]);return e?t(eE,{onClose:o,children:n(eK,{theme:r,children:[t("input",{onChange:({target:{files:e}})=>a(e),ref:l,type:"file",className:"hidden",style:{display:"none"},accept:".wav,.mp3,.ogg"}),t(q,{className:"drop-zone-wrapper",targetClassName:"drop-zone",draggingOverTargetClassName:"drop-zone-drag-over",onTargetClick:()=>{l.current?.click()},onDrop:e=>a(e),children:n(eQ,{theme:r,children:[t(e0,{}),t(e1,{children:"click or drop file here"})]})})]})}):null};let e3="editor-menu";var e6=({editorContextMenu:e=[]})=>{let o=ew(),[i,l]=h({x:0,y:0}),[a,s]=h(!1),[d,c]=h(!1),p=u((e,o)=>{l({x:e,y:o}),s(!0)},[s]),f=ey(e=>e.pasteBuffer),{screenToFlowPosition:v}=M(),b=u(e=>{let{x:o,y:t}=v(e);f(o,t)},[s,v]),y=ey(({clearGraph:e})=>e),x=u(()=>{window.confirm("This action will delete all nodes in this patch. Continue?")&&y()},[y]),w=ey(e=>e.toggleHelp),C=ey(e=>e.history.back),k=ey(e=>e.history.forward),$=ey(e=>e.history.pointer),P=ey(e=>e.history.buffer),N=ey(e=>e.copySelectedItems),z=ey(e=>e.nodes),j=m(()=>z.filter(({selected:e})=>e),[z]),F=ey(e=>e.copyBuffer);return M(),g(()=>(J("command+shift+a",()=>(p(200,50),!1)),J("shift+/",()=>(w(),!1)),J("command+z",()=>(C(),!1)),J("command+shift+z",()=>(k(),!1)),J("command+c",()=>(N(),!1)),J("command+v",()=>(b({x:200,y:50}),!1)),()=>{J.unbind()}),[p,b]),n(r,{children:[t(eZ,{isOpen:a,closeMenu:()=>s(!1),mousePosition:i}),t(e2,{isOpen:d,closeMenu:()=>c(!1)}),n(e$,{id:e3,animation:!1,colors:o.colors,children:[t(eC,{onClick:({triggerEvent:{clientX:e,clientY:o}})=>p(e,o),children:"Add Node (⌘+⇧+A)"}),t(X,{}),t(ek,{onClick:x,children:"Delete All"}),t(X,{}),t(eC,{onClick:()=>c(!0),children:"Upload Audio File"}),t(X,{}),t(eC,{disabled:0===$,onClick:C,children:"Undo (⌘+z)"}),t(eC,{disabled:$===P.length,onClick:k,children:"Redo (⌘+⇧+Z)"}),t(X,{}),t(eC,{disabled:!j.length,onClick:N,children:"Copy Selected (⌘+c)"}),t(eC,{disabled:!F.nodes.length,onClick:({triggerEvent:{clientX:e,clientY:o}})=>b({x:e,y:o}),children:"Paste (⌘+v)"}),t(X,{}),e.map((e,o)=>null===e?t(X,{},o):t(eC,{children:e},o)),t(X,{}),t(eC,{onClick:w,children:"Help (⇧+?)"})]})]})};let e4="editor-node-menu";var e9=e=>{let o=ew(),i=ey(e=>e.removeNodes),l=ey(e=>e.addNodeToControlPanel),a=ey(e=>e.removeNodeFromControlPanel),s=ey(e=>e.copy),d=ey(e=>e.nodesConfiguration),c=ey(e=>e.controlPanel.nodes),p=u(({props:e})=>!!e?.node.type&&!!c.find(({id:o})=>o===e.node.id),[c]),h=u(({props:e})=>{if(!e?.node.type)return!1;let o=d[e.node.type];return!!o?.controlPanelNode},[d]);return t(r,{children:n(e$,{id:e4,animation:!1,colors:o.colors,children:[t(eC,{onClick:e=>i([e.props.node]),children:"Delete Node (DEL)"}),t(eC,{hidden:(...e)=>!h(...e)||p(...e),onClick:e=>l(e.props.node),children:"Add To Control Panel"}),t(eC,{hidden:(...e)=>!h(...e)||!p(...e),onClick:e=>a(e.props.node),children:"Remove From Control Panel"}),t(eC,{onClick:e=>s({nodes:[e.props.node],edges:[]}),children:"Copy (⌘+c)"})]})})},e8=e=>ey(({patch:e})=>e).audioNodes.get(e),e7=e=>{let o=ey(({updateNodeData:e})=>e);return{updateNodeValues:u(t=>o(e,{values:t}),[e,o]),updateNodeConfig:u(t=>o(e,{config:t}),[e,o]),updateNodeLabel:u(t=>o(e,{label:t}),[e,o])}};let e5=c.input`
+`;var e6=({isOpen:e,closeMenu:o})=>{let r=ek();ew(({setGraph:e})=>e),ew(e=>e.setEditorState);let i=ew(e=>e.addFile),l=f(null),a=u(async e=>{let[t]=e||[],n=await eQ(t);i({type:"audio",id:`audio-file-${+new Date}`,name:t.name,file:n}),o()},[i,o]);return e?t(eT,{onClose:o,children:n(e0,{theme:r,children:[t("input",{onChange:({target:{files:e}})=>a(e),ref:l,type:"file",className:"hidden",style:{display:"none"},accept:".wav,.mp3,.ogg"}),t(K,{className:"drop-zone-wrapper",targetClassName:"drop-zone",draggingOverTargetClassName:"drop-zone-drag-over",onTargetClick:()=>{l.current?.click()},onDrop:e=>a(e),children:n(e1,{theme:r,children:[t(e2,{}),t(e3,{children:"click or drop file here"})]})})]})}):null};let e9="editor-menu";var e4=({editorContextMenu:e=[]})=>{let o=ek(),[i,l]=h({x:0,y:0}),[a,d]=h(!1),[s,c]=h(!1),p=u((e,o)=>{l({x:e,y:o}),d(!0)},[d]),f=ew(e=>e.pasteBuffer),{screenToFlowPosition:v}=D(),b=u(e=>{let{x:o,y:t}=v(e);f(o,t)},[d,v]),y=ew(({clearGraph:e})=>e),x=u(()=>{window.confirm("This action will delete all nodes in this patch. Continue?")&&y()},[y]),w=ew(e=>e.toggleHelp),C=ew(e=>e.history.back),k=ew(e=>e.history.forward),$=ew(e=>e.history.pointer),N=ew(e=>e.history.buffer),P=ew(e=>e.copySelectedItems),z=ew(e=>e.nodes),j=m(()=>z.filter(({selected:e})=>e),[z]),F=ew(e=>e.copyBuffer);return D(),g(()=>(Z("command+shift+a",()=>(p(200,50),!1)),Z("shift+/",()=>(w(),!1)),Z("command+z",()=>(C(),!1)),Z("command+shift+z",()=>(k(),!1)),Z("command+c",()=>(P(),!1)),Z("command+v",()=>(b({x:200,y:50}),!1)),()=>{Z.unbind()}),[p,b]),n(r,{children:[t(eK,{isOpen:a,closeMenu:()=>d(!1),mousePosition:i}),t(e6,{isOpen:s,closeMenu:()=>c(!1)}),n(eP,{id:e9,animation:!1,colors:o.colors,children:[t(e$,{onClick:({triggerEvent:{clientX:e,clientY:o}})=>p(e,o),children:"Add Node (⌘+⇧+A)"}),t(J,{}),t(eN,{onClick:x,children:"Delete All"}),t(J,{}),t(e$,{onClick:()=>c(!0),children:"Upload Audio File"}),t(J,{}),t(e$,{disabled:0===$,onClick:C,children:"Undo (⌘+z)"}),t(e$,{disabled:$===N.length,onClick:k,children:"Redo (⌘+⇧+Z)"}),t(J,{}),t(e$,{disabled:!j.length,onClick:P,children:"Copy Selected (⌘+c)"}),t(e$,{disabled:!F.nodes.length,onClick:({triggerEvent:{clientX:e,clientY:o}})=>b({x:e,y:o}),children:"Paste (⌘+v)"}),t(J,{}),e.map((e,o)=>null===e?t(J,{},o):t(e$,{children:e},o)),t(J,{}),t(e$,{onClick:w,children:"Help (⇧+?)"})]})]})};let e8="editor-node-menu";var e5=e=>{let o=ek(),i=ew(e=>e.removeNodes),l=ew(e=>e.addNodeToControlPanel),a=ew(e=>e.removeNodeFromControlPanel),d=ew(e=>e.copy),s=ew(e=>e.nodesConfiguration),c=ew(e=>e.controlPanel.nodes),p=u(({props:e})=>!!e?.node.type&&!!c.find(({id:o})=>o===e.node.id),[c]),h=u(({props:e})=>{if(!e?.node.type)return!1;let o=s[e.node.type];return!!o?.controlPanelNode},[s]);return t(r,{children:n(eP,{id:e8,animation:!1,colors:o.colors,children:[t(e$,{onClick:e=>i([e.props.node]),children:"Delete Node (DEL)"}),t(e$,{hidden:(...e)=>!h(...e)||p(...e),onClick:e=>l(e.props.node),children:"Add To Control Panel"}),t(e$,{hidden:(...e)=>!h(...e)||!p(...e),onClick:e=>a(e.props.node),children:"Remove From Control Panel"}),t(e$,{onClick:e=>d({nodes:[e.props.node],edges:[]}),children:"Copy (⌘+c)"})]})})},e7=e=>ew(({patch:e})=>e).audioNodes.get(e),oe=e=>{let o=ew(({updateNodeData:e})=>e),t=ew(({updateNode:e})=>e);return{updateNodeValues:u(t=>o(e,{values:t}),[e,o]),updateNodeConfig:u(t=>o(e,{config:t}),[e,o]),updateNodeLabel:u(t=>o(e,{label:t}),[e,o]),updateNodeSize:u(o=>t(e,o),[e,t])}};let oo=c.input`
   width: 100%;
   background: none;
   border: none;
@@ -283,7 +283,7 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
     padding: 0.3rem;
     border-radius: 0.2rem;
   }
-`;var oe=({onChange:e,value:o="",className:n})=>{let r=f(null),[i,l]=h(!1),a=u(e=>{e.target?.select(),l(!0)},[l]),s=u(()=>{window.getSelection()?.collapseToEnd(),l(!1)},[l]),d=u(()=>{s(),r.current&&e(r.current.value)},[r,s,e]),c=u(()=>{s(),r.current&&o&&(r.current.value=o)},[r,s,o]);return g(()=>{r.current&&(r.current.value=o)},[o,r]),t(e5,{ref:r,type:"text",readOnly:!i,onDoubleClick:e=>a(e),onBlur:d,onKeyDown:e=>{switch(e.key){case"Escape":c();break;case"Enter":d()}},className:n})};let oo=i(c.div`
+`;var ot=({onChange:e,value:o="",className:n})=>{let r=f(null),[i,l]=h(!1),a=u(e=>{e.target?.select(),l(!0)},[l]),d=u(()=>{window.getSelection()?.collapseToEnd(),l(!1)},[l]),s=u(()=>{d(),r.current&&e(r.current.value)},[r,d,e]),c=u(()=>{d(),r.current&&o&&(r.current.value=o)},[r,d,o]);return g(()=>{r.current&&(r.current.value=o)},[o,r]),t(oo,{ref:r,type:"text",readOnly:!i,onDoubleClick:e=>a(e),onBlur:s,onKeyDown:e=>{switch(e.key){case"Escape":c();break;case"Enter":s()}},className:n})};let on=i(c.div`
   height: 100%;
   width: 100%;
   overflow: scroll;
@@ -362,13 +362,17 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
     margin-inline-end: 0px;
     unicode-bidi: isolate;
   }
-`);var ot=({isOpen:e,onClose:o,type:n,node:r})=>{let{info:i,portsDescription:l}=ey(e=>e.nodesConfiguration[n]),a=m(()=>{let e=[],o=r.inputs;if(o)for(let t in e.push("## Inputs"),o){let n=o[t];e.push(`### *${t}*`);let r=l?.inputs?.[t];r&&e.push(r),Array.isArray(n.type)?e.push(`**Types**: \`${n.type.join(", ")}\``):e.push(`**Type**: \`${n.type||"unknown"}\``),n.range&&e.push(`**Range**: \`[${n.range[0]}, ${n.range[1]}]\``),void 0!==n.defaultValue&&e.push(`**Default**: \`${n.defaultValue}\``)}let t=r.outputs;if(t)for(let o in e.push("## Outputs"),t){let n=t[o];e.push(`### *${o}*`);let r=l?.outputs?.[o];r&&e.push(r),Array.isArray(n.type)?e.push(`**Types**: \`${n.type.join(", ")}\``):e.push(`**Type**: \`${n.type||"unknown"}\``),n.range&&e.push(`**Range**: \`[${n.range[0]}, ${n.range[1]}]\``),void 0!==n.defaultValue&&e.push(`**Default**: \`${n.defaultValue}\``)}return e.join("\n\n")},[r,l]);return e?t(eE,{onClose:o,children:t(oo,{dangerouslySetInnerHTML:{__html:ed((i||"")+"\n\n"+a||"")}})}):null};let on=c.div`
-  background-color: var(--leva-colors-elevation1);
-`,or=c(on)`
+`);var or=({isOpen:e,onClose:o,type:n,node:r})=>{let{info:i,portsDescription:l}=ew(e=>e.nodesConfiguration[n]),a=m(()=>{let e=[],o=r?.inputs;if(o)for(let t in e.push("## Inputs"),o){let n=o[t];e.push(`### *${t}*`);let r=l?.inputs?.[t];r&&e.push(r),Array.isArray(n.type)?e.push(`**Types**: \`${n.type.join(", ")}\``):e.push(`**Type**: \`${n.type||"unknown"}\``),n.range&&e.push(`**Range**: \`[${n.range[0]}, ${n.range[1]}]\``),void 0!==n.defaultValue&&e.push(`**Default**: \`${n.defaultValue}\``)}let t=r?.outputs;if(t)for(let o in e.push("## Outputs"),t){let n=t[o];e.push(`### *${o}*`);let r=l?.outputs?.[o];r&&e.push(r),Array.isArray(n.type)?e.push(`**Types**: \`${n.type.join(", ")}\``):e.push(`**Type**: \`${n.type||"unknown"}\``),n.range&&e.push(`**Range**: \`[${n.range[0]}, ${n.range[1]}]\``),void 0!==n.defaultValue&&e.push(`**Default**: \`${n.defaultValue}\``)}return e.join("\n\n")},[r,l]);return e?t(eT,{onClose:o,children:t(on,{dangerouslySetInnerHTML:{__html:ec((i||"")+"\n\n"+a||"")}})}):null};let oi=i(c.div`
+  background-color: ${({theme:e})=>e.colors.elevation1};
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+`),ol=c(oi)`
   padding: 2rem 5rem;
-`,oi=c(on)`
+`,oa=c(oi)`
   padding: 1rem 2rem;
-`,ol=c(x)`
+`,od=c(x)`
   font-size: 1.2rem;
   opacity: 0.4;
   width: 1rem;
@@ -376,7 +380,7 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
     opacity: 1;
     cursor: pointer;
   }
-`,oa=c(w)`
+`,os=c(w)`
   font-size: 1.2rem;
   opacity: 0.4;
   width: 1rem;
@@ -384,14 +388,16 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
     opacity: 1;
     cursor: pointer;
   }
-`,os=c.div`
+`,oc=c.div`
   position: relative;
   font-family: var(--leva-fonts-mono);
   font-size: var(--leva-fontSizes-root);
   background-color: var(--leva-colors-elevation1);
-`,od=c(os)`
+`,op=c(oc)`
   display: flex;
-  height: var(--leva-sizes-titleBarHeight);
+  height: 2rem;
+  max-height: 2rem;
+  min-height: 2rem;
   touch-action: none;
   align-items: center;
   justify-content: center;
@@ -399,38 +405,48 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   color: var(--leva-colors-highlight1);
   padding: 0 0.4rem;
   gap: 0.3rem;
-`,oc=c(os)(({theme:e})=>`
+`,oh=c(oc)(({theme:e})=>`
   display: grid;
   grid-template-areas: "inputs outputs";
   background: ${e.colors.elevation2};
   border-bottom: 1px solid ${e.colors.elevation1};
   color: ${e.colors.highlight3};
   font-size: 0.6rem;
-`),op=c.div`
+`),og=c.div`
   grid-area: inputs;
   text-align: left;
-`,oh=c.div`
+`,om=c.div`
   grid-area: outputs;
   text-align: right;
-`,og=c.div`
+`,ou=c.div`
   position: relative;
   padding: 5px 10px;
-`,om={[eb.Audio]:"#4ade80",[eb.Gate]:"#c084fc",[eb.Number]:"#38bdf8",[eb.Any]:"#ffffff"},ou=i(c(A,{shouldForwardProp:e=>"portType"!==e})`
-  --port-color: ${e=>{if(!e.portType)return e.theme.colors.highlight2;if(!Array.isArray(e.portType))return om[e.portType];{let o=e.portType.map(e=>om[e]);return`linear-gradient(0.25turn, ${o.join(", ")});`}}};
+`,of=c.div`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+`,ov=c(eT)`
+  padding: 1rem;
+  max-width: 20rem;
+  height: auto;
+  max-height: 90%;
+`,ob=i(c(A,{shouldForwardProp:e=>"portType"!==e})`
+  --port-color: ${e=>{if(!e.portType)return e.theme.colors.highlight2;if(!Array.isArray(e.portType))return em[e.portType];{let o=e.portType.map(e=>em[e]);return`linear-gradient(0.25turn, ${o.join(", ")});`}}};
   border-color: var(--port-color);
   background: var(--port-color);
   box-shadow: 0px 0px 0px 1px ${({theme:e})=>e.colors.elevation2} inset;
-`),of=i(c(ou)`
+`),oy=i(c(ob)`
   left: 0;
-`),ov=({...e})=>t(of,{...e,type:"target",position:S.Left}),ob=i(c(ou)`
+`),ox=({...e})=>t(oy,{...e,type:"target",position:M.Left}),ow=i(c(ob)`
   right: 0;
-`),oy=e=>t(ob,{...e,type:"source",position:S.Right}),ox=({className:e,...o})=>t(od,{...o,className:[e,ec].join(" ")}),ow=e=>ey(o=>o.nodesConfiguration[e]),oC=e=>{let{id:o,children:r,selected:i,...l}=e,a=ew(),s=ey(({getNode:e})=>e),d=ey(e=>e.nodesConfiguration),[c,p]=h(!1),{info:g}=ow(e.type),u=m(()=>d[e.type].resizable??!1,[d,e.type]),{updateNodeLabel:f,updateNodeConfig:v}=e7(o),{data:b}=s(o)||{},y=e8(o),{ConfigNode:x}=(e=>{let{configNode:o}=ow(e);return{ConfigNode:o}})(l.type),[w,C]=h(!1);if(!y)return t(or,{className:ec,children:"can't find audio node"});if(y.loading)return t(or,{className:ec,children:"loading"});if(y.error)return n(oi,{className:ec,children:["error: ",y.error.toString()]});if(!y.node)return t(or,{className:ec,children:"can't find audio node"});let k=b?.config?.size,{node:{inputs:$,outputs:P}}=y;return n(on,{children:[n(ox,{children:[g&&t(oa,{onClickCapture:()=>p(!0)}),t(oe,{value:b?.label??"No Name",onChange:f}),x&&t(ol,{onClickCapture:()=>C(e=>!e)})]}),n(oc,{theme:a,children:[t(op,{children:$?Object.keys($).map((e,o)=>n(og,{children:[t(ov,{id:e,portType:$[e].type}),t("span",{children:e})]},o)):null}),t(oh,{children:P?Object.keys(P).map((e,o)=>n(og,{children:[t(oy,{id:e,portType:P[e].type}),t("span",{children:e})]},o)):null})]}),x&&w&&i?t(x,{...e,data:{label:"unknown",...e.data}}):u?t(en,{size:k,minWidth:180,minHeight:30,enable:{bottom:!0,bottomRight:!0,right:!0},onResizeStop:(e,o,t,n)=>{let r=k?{width:k.width+n.width,height:k.height+n.height}:t.getBoundingClientRect();v({...b?.config,size:r})},children:r}):r,t(ot,{isOpen:c,type:e.type,onClose:()=>p(!1),node:y.node})]})},ok=c.div`
+`),oC=e=>t(ow,{...e,type:"source",position:M.Right}),ok=({className:e,...o})=>t(op,{...o,className:[e,ep].join(" ")}),o$=e=>ew(o=>o.nodesConfiguration[e]),oN=e=>{let{id:o,children:r,selected:i,...l}=e,a=ek(),d=ew(({getNode:e})=>e),s=ew(e=>e.nodesConfiguration),[c,p]=h(!1),{info:g,minSize:u}=o$(e.type),f=m(()=>s[e.type].resizable??!1,[s,e.type]),{updateNodeLabel:v,updateNodeConfig:b}=oe(o),{data:y}=d(o)||{},x=e7(o),{ConfigNode:w}=(e=>{let{configNode:o}=o$(e);return{ConfigNode:o}})(l.type),[C,k]=h(!1);if(!x)return t(ol,{className:ep,children:"can't find audio node"});if(x.loading)return t(ol,{className:ep,children:"loading"});if(x.error)return n(oa,{className:ep,children:["error: ",x.error.toString()]});if(!x.node)return t(ol,{className:ep,children:"can't find audio node"});let{node:{inputs:$,outputs:N}}=x;return n(oi,{children:[n(ok,{children:[g&&t(os,{onClickCapture:()=>p(!0)}),t(ot,{value:y?.label??"No Name",onChange:v}),w&&t(od,{onClickCapture:()=>k(e=>!e)})]}),n(oh,{theme:a,children:[t(og,{children:$?Object.keys($).map((e,o)=>n(ou,{children:[t(ox,{id:e,portType:$[e].type}),t("span",{children:e})]},o)):null}),t(om,{children:N?Object.keys(N).map((e,o)=>n(ou,{children:[t(oC,{id:e,portType:N[e].type}),t("span",{children:e})]},o)):null})]}),t(of,{children:r}),f&&t(_,{style:{background:"transparent",border:"none"},minWidth:u?.width||180,minHeight:u?.height||100}),t(or,{isOpen:c,type:e.type,onClose:()=>p(!1),node:x.node}),w&&C&&t(ov,{onClose:()=>k(!1),outerBackground:a.colors.elevation3+"ee",children:t(w,{...e,data:{label:"unknown",...e.data}})})]})},oP=c.div`
   width: 100%;
   padding: 0.4rem 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`,o$=c(ox)`
+`,oz=c(ok)`
   display: flex;
   gap: 0.1rem;
   padding: 0 0.4rem;
@@ -438,13 +454,13 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   font-size: 0.6rem;
   height: auto;
   min-width: 0;
-`,oP=c.div`
+`,oj=c.div`
   display: flex;
   align-items: center;
   height: 70%;
   width: auto;
   gap: 0.4rem;
-`,oN=c.span`
+`,oF=c.span`
   width: auto;
   height: 100%;
   cursor: pointer;
@@ -456,11 +472,11 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
     color: ${({theme:e})=>e.colors.highlight2};
     cursor: pointer;
   }
-`,oz=c.div`
+`,oE=c.div`
   height: 100%;
   display: grid;
   grid-template-rows: auto 1fr;
-`,oj=e=>{let{node:o}=e,n=ey(e=>e.getControlPanelNode),r=m(()=>n(o),[o]);return r?t(r,{...e}):null};var oF=e=>{let{node:o,showControls:r,onDelete:i}=e,l=ew(),{id:a}=o,{node:s}=e8(a)||{},{updateNodeValues:d}=e7(a);return n(oz,{theme:l,children:[n(o$,{theme:l,children:[t(ok,{children:o.data.label}),r&&n(oP,{children:[t(oN,{theme:l,children:t(y,{className:"grid-item-handle"})}),t(oN,{theme:l,children:t(b,{onClick:()=>i(o)})})]})]}),t(oj,{node:o,audioNode:s,updateNodeValues:d})]})};let oE=c.div`
+`,oS=e=>{let{node:o}=e,n=ew(e=>e.getControlPanelNode),r=m(()=>n(o),[o]);return r?t(r,{...e}):null};var oT=e=>{let{node:o,showControls:r,onDelete:i}=e,l=ek(),{id:a}=o,{node:d}=e7(a)||{},{updateNodeValues:s}=oe(a);return n(oE,{theme:l,children:[n(oz,{theme:l,children:[t(oP,{children:o.data.label}),r&&n(oj,{children:[t(oF,{theme:l,children:t(y,{className:"grid-item-handle"})}),t(oF,{theme:l,children:t(b,{onClick:()=>i(o)})})]})]}),t(oS,{node:o,audioNode:d,updateNodeValues:s})]})};let oD=c.div`
   position: fixed;
   z-index: 5;
   box-shadow: 0px 1px 2px ${({theme:e})=>e.colors.elevation2};
@@ -480,34 +496,34 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
     color: ${({theme:e})=>e.colors.highlight2};
     cursor: pointer;
   }
-`,oD=c(oP)`
+`,oM=c(oj)`
   height: 80%;
-`,oT=c(oN)`
+`,oA=c(oF)`
   font-size: 1rem;
   display: flex;
   align-items: center;
-`,oM=c(o$)`
+`,o_=c(oz)`
   grid-template-columns: 1fr auto;
   border-bottom: 1px solid ${({theme:e})=>e.colors.elevation3};
   font-size: 0.7rem;
-`,oS=c(ok)`
+`,oI=c(oP)`
   text-align: center;
-`,oA=c.div`
+`,oL=c.div`
   height: 100%;
   width: 100%;
   padding: 0.3rem 0.4rem;
   box-sizing: border-box;
-`,o_=c.div`
+`,oH=c.div`
   height: auto;
   padding: 0;
   max-height: 95vh;
   overflow-y: scroll;
   border: 1px solid ${({theme:e})=>e.colors.elevation3};
-`,oI=c.div`
+`,oR=c.div`
   padding: 1rem 0;
   font-family: var(--leva-fonts-mono);
   font-size: 0.8rem;
-`,oR=c.div`
+`,oW=c.div`
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -516,7 +532,7 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   &:hover {
     color: ${({theme:e})=>e.colors.highlight2};
   }
-`,oH=c.div`
+`,oO=c.div`
   position: absolute;
   height: 1rem;
   top: 0;
@@ -524,14 +540,14 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   margin: auto;
   left: 0.5rem;
   border-right: 1px solid ${({theme:e})=>e.colors.whitePrimary};
-`,oL=c.div`
+`,oB=c.div`
   box-sizing: border-box;
   overflow: hidden;
   .react-resizable-handle:after {
     border-color: ${({theme:e})=>e.colors.whitePrimary};
     border-width: 1px;
   }
-`;var oW=()=>{let e=ew(),o=f(null),i=ey(e=>e.nodes),{show:l,nodes:a,size:s}=ey(e=>e.controlPanel),{width:d=200,height:c}=s,p=m(()=>{let e=a.map(({id:e})=>e);return i.filter(({id:o})=>e.includes(o))},[i,a]),g=ey(e=>e.showControlPanel),u=ey(e=>e.hideControlPanel),v=ey(e=>e.setControlPanelNodes),y=ey(e=>e.setControlPanelSize),x=ey(e=>e.removeNodeFromControlPanel),[w,C]=h(!0),k=m(()=>{let e=a.reduce((e,{height:o=eh,x:t,y:n=0})=>{let r=n+o;return r>e?r:e},0);return a.map(({id:o,width:t,height:n,x:r,y:i})=>({i:o,w:t||4,h:n||6,x:r??0,y:i??e}))},[a]);return p.length?n(r,{children:[t(oE,{theme:e,ref:o,onClick:g,children:t(ea,{})}),n(es,{open:l,onClose:u,direction:"left",className:"",size:"auto",enableOverlay:!1,style:{background:e.colors.elevation1,position:"absolute"},children:[n(oM,{theme:e,children:[t(oS,{children:"Control Panel"}),t(oD,{children:t(oT,{onClick:u,theme:e,children:t(b,{})})})]}),n(oA,{children:[t(oI,{children:w?n(oR,{theme:e,onClick:()=>C(!1),children:[t(ei,{}),"Unlock grid"]}):n(oR,{theme:e,onClick:()=>C(!0),children:[t(el,{}),"Lock grid"]})}),t(en,{enable:{top:!1,right:!w,bottom:!1,left:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},handleComponent:{right:t(oH,{theme:e})},minWidth:120,size:{width:d,height:"auto"},onResizeStop:(e,o,t,n)=>{y({width:d+n.width,height:c+n.height})},children:t(o_,{theme:e,children:t(er,{layout:k,className:"layout",cols:4,rowHeight:eh,width:d,margin:[0,0],isResizable:!w,draggableHandle:".grid-item-handle",onLayoutChange:e=>{requestAnimationFrame(()=>{v(e.map(({i:e,w:o,h:t,x:n,y:r})=>({id:e,width:o,height:t,x:n,y:r})))})},children:p.map(o=>t(oL,{theme:e,children:t(oF,{node:o,showControls:!w,onDelete:x})},o.id))})})})]})]})]}):null},oO={};oO="# Quick start\n\n## Add node\n  - Mouse right click\n  - Select **'Add Node'** from context menu\n\n  ### &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;or\n\n  - Press `CMD+SHIFT+A`\n\n<br/>\n\n## Connect nodes\n  - Mouse left click and hold on source port\n  - Drop on target port\n\n<br/>\n\n## Delete Node or Connection\n  - Mouse right click on node/connection\n  - Select **'Delete Node'**/**'Delete Connection'** from context menu\n\n  ### &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;or\n\n  - Mouse left click on node/connection, then press `Backspace`\n\n<br/>\n\n\n## Move node\n  - Drag and Drop\n\n<br/>\n\n## Rename node\n  - Doubleclick the node title\n\n<br/>\n\n## Undo/Redo\n  - `CMD+Z` to Undo / `CMD+SHIFT+Z` to Redo\n  - Select **'Undo'**/**'Redo'** from the Edit menu\n\n<br/>\n\n## Upload file\n  - Drag and drop audio or patch files onto the application\n  - Uploaded file appears as a new tab in the tabs bar at the top\n  - Click on the tab to view or edit the file\n\n<br/>\n\n## Rename file in the project\n  - Doubleclick the tab title\n\n\n";let oB=i(c.div`
+`;var oU=()=>{let e=ek(),o=f(null),i=ew(e=>e.nodes),{show:l,nodes:a,size:d}=ew(e=>e.controlPanel),{width:s=200,height:c}=d,p=m(()=>{let e=a.map(({id:e})=>e);return i.filter(({id:o})=>e.includes(o))},[i,a]),g=ew(e=>e.showControlPanel),u=ew(e=>e.hideControlPanel),v=ew(e=>e.setControlPanelNodes),y=ew(e=>e.setControlPanelSize),x=ew(e=>e.removeNodeFromControlPanel),[w,C]=h(!0),k=m(()=>{let e=a.reduce((e,{height:o=eg,x:t,y:n=0})=>{let r=n+o;return r>e?r:e},0);return a.map(({id:o,width:t,height:n,x:r,y:i})=>({i:o,w:t||4,h:n||6,x:r??0,y:i??e}))},[a]);return p.length?n(r,{children:[t(oD,{theme:e,ref:o,onClick:g,children:t(ed,{})}),n(es,{open:l,onClose:u,direction:"left",className:"",size:"auto",enableOverlay:!1,style:{background:e.colors.elevation1,position:"absolute"},children:[n(o_,{theme:e,children:[t(oI,{children:"Control Panel"}),t(oM,{children:t(oA,{onClick:u,theme:e,children:t(b,{})})})]}),n(oL,{children:[t(oR,{children:w?n(oW,{theme:e,onClick:()=>C(!1),children:[t(el,{}),"Unlock grid"]}):n(oW,{theme:e,onClick:()=>C(!0),children:[t(ea,{}),"Lock grid"]})}),t(er,{enable:{top:!1,right:!w,bottom:!1,left:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},handleComponent:{right:t(oO,{theme:e})},minWidth:120,size:{width:s,height:"auto"},onResizeStop:(e,o,t,n)=>{y({width:s+n.width,height:c+n.height})},children:t(oH,{theme:e,children:t(ei,{layout:k,className:"layout",cols:4,rowHeight:eg,width:s,margin:[0,0],isResizable:!w,draggableHandle:".grid-item-handle",onLayoutChange:e=>{requestAnimationFrame(()=>{v(e.map(({i:e,w:o,h:t,x:n,y:r})=>({id:e,width:o,height:t,x:n,y:r})))})},children:p.map(o=>t(oB,{theme:e,children:t(oT,{node:o,showControls:!w,onDelete:x})},o.id))})})})]})]})]}):null},oG={};oG="# Quick start\n\n## Add node\n  - Mouse right click\n  - Select **'Add Node'** from context menu\n\n  ### &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;or\n\n  - Press `CMD+SHIFT+A`\n\n<br/>\n\n## Connect nodes\n  - Mouse left click and hold on source port\n  - Drop on target port\n\n<br/>\n\n## Delete Node or Connection\n  - Mouse right click on node/connection\n  - Select **'Delete Node'**/**'Delete Connection'** from context menu\n\n  ### &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;or\n\n  - Mouse left click on node/connection, then press `Backspace`\n\n<br/>\n\n\n## Move node\n  - Drag and Drop\n\n<br/>\n\n## Rename node\n  - Doubleclick the node title\n\n<br/>\n\n## Undo/Redo\n  - `CMD+Z` to Undo / `CMD+SHIFT+Z` to Redo\n  - Select **'Undo'**/**'Redo'** from the Edit menu\n\n<br/>\n\n## Upload file\n  - Drag and drop audio or patch files onto the application\n  - Uploaded file appears as a new tab in the tabs bar at the top\n  - Click on the tab to view or edit the file\n\n<br/>\n\n## Rename file in the project\n  - Doubleclick the tab title\n\n\n";let oV=i(c.div`
   font-family: var(--leva-fonts-mono);
   font-size: 0.7rem;
   box-sizing: border-box;
@@ -596,13 +612,13 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
     margin-inline-end: 0px;
     unicode-bidi: isolate;
   }
-`),oU=i(c.div`
+`),oY=i(c.div`
   padding: 1rem;
   height: 100%;
   width: 100%;
   box-sizing: border-box;
   overflow: hidden;
-`);var oG=()=>{var e;let o=ey(e=>e.isHelpShown),n=ey(e=>e.toggleHelp);return o?t(eE,{onClose:()=>{n()},children:t(oU,{children:t(oB,{dangerouslySetInnerHTML:{__html:ed((e=oO)&&e.__esModule?e.default:e)},onWheelCapture:e=>e.stopPropagation()})})}):null};let oV=()=>t(r,{children:t(_,{onClick:ey(e=>e.toggleHelp),children:t(Q,{})})}),oY=c.div`
+`);var oX=()=>{var e;let o=ew(e=>e.isHelpShown),n=ew(e=>e.toggleHelp);return o?t(eT,{onClose:()=>{n()},children:t(oY,{children:t(oV,{dangerouslySetInnerHTML:{__html:ec((e=oG)&&e.__esModule?e.default:e)},onWheelCapture:e=>e.stopPropagation()})})}):null};let oJ=()=>t(r,{children:t(I,{onClick:ew(e=>e.toggleHelp),children:t(ee,{})})}),oZ=c.div`
   position: fixed;
   z-index: ${({theme:e})=>e.zIndex.resumeContextLayout};
   width: 100%;
@@ -616,18 +632,18 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   justify-content: center;
   color: ${({theme:e})=>e.colors.whitePrimary};
   cursor: pointer;
-`,oX=c.div`
+`,oq=c.div`
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: center;
-`,oJ=c.div`
+`,oK=c.div`
   font-family: var(--leva-fonts-mono);
   font-size: 2rem;
-`,oZ=c(ee)`
+`,oQ=c(eo)`
   width: 7rem;
   height: 7rem;
-`;var oq=()=>{let e=ew(),o=ey(({patch:e})=>e).audioContext,[r,i]=h("running"===o.state);return r?null:n(oY,{theme:e,onClick:()=>{o.resume(),i(!0)},children:[t(oX,{children:t(oJ,{theme:e,children:"Click anywhere to resume audio context"})}),t(oX,{children:t(oZ,{})})]})},oK=()=>{let e=ey(({setConfig:e})=>e),{showMinimap:o}=ey(({config:e})=>e);return t(_,{onClick:()=>e({showMinimap:!o}),children:o?t(eo,{}):t(et,{})})},oQ=({id:e,sourceX:o,sourceY:i,targetX:l,targetY:a,sourcePosition:s,targetPosition:d,style:c={},data:p,markerStart:h,markerEnd:m,source:u,target:f,sourceHandleId:v,targetHandleId:b,selected:y})=>{let x=ew(),w=ey(({getNode:e})=>e),C=w(u),k=w(f),$=C?.selected||k?.selected;g(()=>{if(v&&b)return console.log(`connected ${u} to ${f}`),()=>{console.log(`disconnected ${u} from ${f}`)}},[u,v,f,b]);let[P]=I({targetX:l,targetY:a,targetPosition:d,sourceX:o,sourceY:i,sourcePosition:s});return n(r,{children:[t("path",{id:e,style:{...c,stroke:y?x.colors.accent2:$?x.colors.highlight3:x.colors.highlight2},className:"react-flow__edge-path Wire",d:P,markerEnd:m}),t("path",{style:{...c,strokeWidth:8,color:"transparent",opacity:0,cursor:"pointer"},d:P,markerEnd:m})]})};let o0=i(c(z)`
+`;var o0=()=>{let e=ek(),o=ew(({patch:e})=>e).audioContext,[r,i]=h("running"===o.state);return r?null:n(oZ,{theme:e,onClick:()=>{o.resume(),i(!0)},children:[t(oq,{children:t(oK,{theme:e,children:"Click anywhere to resume audio context"})}),t(oq,{children:t(oQ,{})})]})},o1=()=>{let e=ew(({setConfig:e})=>e),{showMinimap:o}=ew(({config:e})=>e);return t(I,{onClick:()=>e({showMinimap:!o}),children:o?t(et,{}):t(en,{})})},o2=({id:e,sourceX:o,sourceY:i,targetX:l,targetY:a,sourcePosition:d,targetPosition:s,style:c={},data:p,markerStart:h,markerEnd:m,source:u,target:f,sourceHandleId:v,targetHandleId:b,selected:y})=>{let x=ek(),w=ew(({getNode:e})=>e),C=w(u),k=w(f),$=C?.selected||k?.selected;g(()=>{if(v&&b)return console.log(`connected ${u} to ${f}`),()=>{console.log(`disconnected ${u} from ${f}`)}},[u,v,f,b]);let[N]=L({targetX:l,targetY:a,targetPosition:s,sourceX:o,sourceY:i,sourcePosition:d});return n(r,{children:[t("path",{id:e,style:{...c,stroke:y?x.colors.accent2:$?x.colors.highlight3:x.colors.highlight2},className:"react-flow__edge-path Wire",d:N,markerEnd:m}),t("path",{style:{...c,strokeWidth:8,color:"transparent",opacity:0,cursor:"pointer"},d:N,markerEnd:m})]})};let o3=i(c(z)`
   &.bottom {
     right: 1rem;
     bottom: 40%;
@@ -636,12 +652,12 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   svg {
     color: ${({theme:e})=>e.colors.elevation2};
   }
-`),o1=(e,o)=>console.log("drag stop",o),o2=(e,o)=>console.log("click",o),o3=[20,20],o6=({editorState:e,plugins:o=[],editorContextMenu:r=[],onChange:i=()=>{},...l})=>{let a=m(()=>({wire:oQ}),[]),{nodes:s,edges:d,controlPanel:c,onNodesChange:p,onNodesDelete:f,onEdgesChange:v,onEdgesDelete:b,onConnect:y,setViewport:x,viewport:w}=ey();g(()=>{e?.viewport&&!w&&x(e.viewport)},[e?.viewport,x,w]);let C=ey(({config:e})=>e),k=ey(({nodeTypes:e})=>e),[$,P]=h(null);g(()=>{$&&i({nodes:s,edges:d,controlPanel:c,viewport:w})},[s,d,c,w]);let N=u(e=>{$||(P(e),console.log("flow loaded:",e))},[$]),{onContextMenu:z}=(()=>{let{show:e}=G({id:e3});return{onContextMenu:e}})(),{onContextMenu:T}=(()=>{let{show:e}=G({id:e4});return{onContextMenu:u((o,t)=>{o.stopPropagation(),e(o,{props:{node:t}})},[])}})(),{onContextMenu:M}=(()=>{let{show:e}=G({id:eP});return{onContextMenu:u((o,t)=>{o.stopPropagation(),e(o,{props:{edge:t}})},[e])}})();return n(j,{nodes:s,edges:d,onNodesChange:p,onNodesDelete:f,onEdgesChange:v,onConnect:y,onNodeDragStop:o1,onEdgesDelete:b,onInit:N,onNodeClick:o2,onContextMenu:z,onNodeContextMenu:T,onEdgeContextMenu:M,nodeTypes:k,edgeTypes:a,snapGrid:o3,defaultViewport:e?.viewport,defaultEdgeOptions:{type:"wire"},snapToGrid:!0,fitView:!0,onViewportChange:x,viewport:e?.viewport,disableKeyboardA11y:!0,children:[t(F,{variant:E.Dots,gap:12}),C.showMinimap?t(D,{}):null,n(o0,{showInteractive:!1,position:"bottom-right",children:[t(oK,{}),t(oV,{})]}),t(oq,{}),t(oW,{}),t(oG,{}),t(e6,{editorContextMenu:r}),t(e9,{}),t(eN,{})]})},o4=e=>t(T,{children:t(o6,{...e})}),o9={nodes:[],edges:[],controlPanel:{nodes:[],show:!1,size:{width:200,height:100}},viewport:{x:0,y:0,zoom:1.5}},o8=i(c.div`
+`),o6=(e,o)=>console.log("drag stop",o),o9=(e,o)=>console.log("click",o),o4=[20,20],o8=({editorState:e,plugins:o=[],editorContextMenu:r=[],onChange:i=()=>{},...l})=>{let a=m(()=>({wire:o2}),[]),{nodes:d,edges:s,controlPanel:c,onNodesChange:p,onNodesDelete:f,onEdgesChange:v,onEdgesDelete:b,onConnect:y,setViewport:x,viewport:w}=ew();g(()=>{e?.viewport&&!w&&x(e.viewport)},[e?.viewport,x,w]);let C=ew(({config:e})=>e),k=ew(({nodeTypes:e})=>e),[$,N]=h(null);g(()=>{$&&i({nodes:d,edges:s,controlPanel:c,viewport:w})},[d,s,c,w]);let P=u(e=>{$||(N(e),console.log("flow loaded:",e))},[$]),{onContextMenu:z}=(()=>{let{show:e}=V({id:e9});return{onContextMenu:e}})(),{onContextMenu:T}=(()=>{let{show:e}=V({id:e8});return{onContextMenu:u((o,t)=>{o.stopPropagation(),e(o,{props:{node:t}})},[])}})(),{onContextMenu:D}=(()=>{let{show:e}=V({id:ez});return{onContextMenu:u((o,t)=>{o.stopPropagation(),e(o,{props:{edge:t}})},[e])}})();return n(j,{nodes:d,edges:s,onNodesChange:p,onNodesDelete:f,onEdgesChange:v,onConnect:y,onNodeDragStop:o6,onEdgesDelete:b,onInit:P,onNodeClick:o9,onContextMenu:z,onNodeContextMenu:T,onEdgeContextMenu:D,nodeTypes:k,edgeTypes:a,snapGrid:o4,defaultViewport:e?.viewport,defaultEdgeOptions:{type:"wire"},snapToGrid:!0,fitView:!0,onViewportChange:x,viewport:e?.viewport,disableKeyboardA11y:!0,children:[t(F,{variant:E.Dots,gap:12}),C.showMinimap?t(S,{}):null,n(o3,{showInteractive:!1,position:"bottom-right",children:[t(o1,{}),t(oJ,{})]}),t(o0,{}),t(oU,{}),t(oX,{}),t(e4,{editorContextMenu:r}),t(e5,{}),t(ej,{})]})},o5=e=>t(T,{children:t(o8,{...e})}),o7={nodes:[],edges:[],controlPanel:{nodes:[],show:!1,size:{width:200,height:100}},viewport:{x:0,y:0,zoom:1.5}},te=i(c.div`
   display: flex;
   flex-direction: column;
   height: 100%;
   width: 100%;
-`),o7=i(c.div`
+`),to=i(c.div`
   position: fixed;
   height: 100%;
   width: 100%;
@@ -651,18 +667,18 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   justify-content: center;
   align-items: center;
   font-size: 2rem;
-`),o5=i(c.div`
+`),tt=i(c.div`
   height: 100%;
   width: 100%;
   display: flex;
   position: relative;
-`),te=i(c.div`
+`),tn=i(c.div`
   display: flex;
   flex: 1;
   align-items: center;
   justify-content: center;
   background: ${({theme:e})=>e.colors.elevation3};
-`),to=i(c.div`
+`),tr=i(c.div`
   background: ${({theme:e})=>e.colors.elevation2};
   opacity: 0.7;
   position: absolute;
@@ -677,12 +693,12 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   align-items: center;
   justify-content: center;
   font-size: 6rem;
-`),tt=e=>{let o=ey(e=>e.pullEditorChanges),i=ey(e=>e.project.currentFileIndex),l=ey(e=>e.project),[a,s]=h(!0);g(()=>{e.onChange?.(l)},[l,e.onChange]),g(()=>{s(!0),setTimeout(()=>{s(!1)},1600)},[i]);let{file:d}=e;return d?"audio"===d.type?t(te,{children:t("audio",{src:d.file,controls:!0})}):n(r,{children:[t(o4,{...e,onChange:e=>{o()},editorState:d.file||o9}),t(to,{show:a,children:"Loading..."})]}):null},tn=i(c.div`
+`),ti=e=>{let o=ew(e=>e.pullEditorChanges),i=ew(e=>e.project.currentFileIndex),l=ew(e=>e.project),[a,d]=h(!0);g(()=>{e.onChange?.(l)},[l,e.onChange]),g(()=>{d(!0),setTimeout(()=>{d(!1)},1600)},[i]);let{file:s}=e;return s?"audio"===s.type?t(tn,{children:t("audio",{src:s.file,controls:!0})}):n(r,{children:[t(o5,{...e,onChange:e=>{o()},editorState:s.file||o7}),t(tr,{show:a,children:"Loading..."})]}):null},tl=i(c.div`
   height: 2rem;
   display: flex;
   align-items: center;
   background: ${({theme:e})=>e.colors.elevation2};
-`),tr=i(c.div`
+`),ta=i(c.div`
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -699,7 +715,7 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
       background-color: ${({theme:e})=>e.colors.elevation1};
     }
   }
-`),ti=i(c.div`
+`),td=i(c.div`
   display: flex;
   align-items: center;
   height: 100%;
@@ -710,10 +726,10 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   &:hover {
     color: ${({theme:e})=>e.colors.whitePrimary};
   }
-`),tl=i(c(v)`
+`),ts=i(c(v)`
   height: 40%;
   width: auto;
-`),ta=i(c(b)`
+`),tc=i(c(b)`
   height: 70%;
   width: auto;
   cursor: pointer;
@@ -724,7 +740,7 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
   ${({hide:e})=>e?`
     display: none;
                    `:""};
-`),ts=()=>({file:o9,name:"Unnamed",type:"patch",id:p()});var td=({...e})=>{let{projectState:o,theme:r,plugins:i=[]}=e,d=ey(e=>e.setPlugins),c=ey(e=>e.project.currentFileIndex||0),p=ey(e=>e.project.files[e.project.currentFileIndex||0]),m=ey(e=>e.setCurrentFileIndex),u=ey(e=>e.project),f=ey(e=>e.setProject),v=ey(e=>e.getProject),b=ey(e=>e.updateFileName),y=ey(e=>e.addFile),x=ey(e=>e.deleteFile);ey(e=>e.updateFileContent);let w=ey(e=>e.syncEditorWithCurrentFile),k=ey(e=>e.setEditorState);ey(e=>e.pullEditorChanges);let[$,P]=h(!1);return g(()=>{d(i)},[i]),g(()=>{f(o||{files:[ts()],currentFileIndex:0});let e=o?.files[0];e?.file&&e?.type!=="audio"&&k(e.file)},[o]),g(()=>(C("project://*",async(...e)=>{let o=new Request(...e),t=v().files,n=o.url.replace("project://",""),r=t.find(({id:e})=>e===n);return r?eu(r)?new Response(JSON.stringify(r.file??null)):ef(r)?fetch(r.file):new Response(null):new Response(`File not found: ${o.url}`,{status:404})}),()=>{}),[v]),g(()=>{w()},[c,w]),n(l,{theme:r||ex,children:[t(a,{styles:s`
+`),tp=()=>({file:o7,name:"Unnamed",type:"patch",id:p()});var th=({...e})=>{let{projectState:o,theme:r,plugins:i=[]}=e,s=ew(e=>e.setPlugins),c=ew(e=>e.project.currentFileIndex||0),p=ew(e=>e.project.files[e.project.currentFileIndex||0]),m=ew(e=>e.setCurrentFileIndex),u=ew(e=>e.project),f=ew(e=>e.setProject),v=ew(e=>e.getProject),b=ew(e=>e.updateFileName),y=ew(e=>e.addFile),x=ew(e=>e.deleteFile);ew(e=>e.updateFileContent);let w=ew(e=>e.syncEditorWithCurrentFile),k=ew(e=>e.setEditorState);ew(e=>e.pullEditorChanges);let[$,N]=h(!1);return g(()=>{s(i)},[i]),g(()=>{f(o||{files:[tp()],currentFileIndex:0});let e=o?.files[0];e?.file&&e?.type!=="audio"&&k(e.file)},[o]),g(()=>(C("project://*",async(...e)=>{let o=new Request(...e),t=v().files,n=o.url.replace("project://",""),r=t.find(({id:e})=>e===n);return r?ev(r)?new Response(JSON.stringify(r.file??null)):eb(r)?fetch(r.file):new Response(null):new Response(`File not found: ${o.url}`,{status:404})}),()=>{}),[v]),g(()=>{w()},[c,w]),n(l,{theme:r||eC,children:[t(a,{styles:d`
           :root {
             --leva-colors-elevation1: #292d39;
             --leva-colors-elevation2: #181c20;
@@ -781,5 +797,54 @@ let e,o;import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{w
             --leva-fontWeights-folder: normal;
             --leva-fontWeights-button: normal;
           }
-        `}),n(o8,{onDragOver:e=>{e.preventDefault(),e.stopPropagation(),P(!0)},onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),P(!1)},onDrop:e=>{e.preventDefault(),e.stopPropagation(),P(!1),Array.from(e.dataTransfer.files).forEach(async e=>{if("application/json"===e.type){let o=JSON.parse(await e.text());if(o.files&&o.files.length){if(!window.confirm("This action will replace your current project. Continue?"))return;f(o),m(0),w();return}y({...ts(),file:{...o,controlPanel:{...o9.controlPanel,...o.controlPanel}},name:e.name},e.name);return}if(e.type.match(/^audio\//)){let o=await eq(e);y({type:"audio",id:`audio-file-${+new Date}`,name:e.name,file:o});return}console.error("Unsupported file type",e)})},children:[n(tn,{children:[u.files.map((e,o)=>n(tr,{onClick:()=>{m(o)},active:o===c,children:[t(oe,{onChange:e=>b(o,e),value:e.name||"Unnamed"}),u.files.length>1&&t(ta,{onClick:e=>{if(e.stopPropagation(),window.confirm("Do you really want to delete this file?")){if(1===u.files.length)return void alert("You cannot delete the last file in the project");x(o)}}})]},o)),t(ti,{onClick:()=>{y(ts())},children:t(tl,{})})]}),t(o5,{children:t(tt,{file:p,...e})}),$&&t(o7,{children:"Drop file(s) to upload to the project"})]})]})};export{td as Editor,o9 as EDITOR_DEFAULTS,oQ as Wire,oC as WNNode,ox as TitleBar,oc as PortsPanel,oh as OutputPorts,oy as OutputHandle,op as InputPorts,ov as InputHandle,og as Port,eE as Modal,oe as EditableLabel,e8 as useAudioNode,e7 as useNode,ew as useTheme,ey as useStore,ex as theme,ef as isAudio,eu as isPatch,eb as PortType};
+        `}),n(te,{onDragOver:e=>{e.preventDefault(),e.stopPropagation(),N(!0)},onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),N(!1)},onDrop:e=>{e.preventDefault(),e.stopPropagation(),N(!1),Array.from(e.dataTransfer.files).forEach(async e=>{if("application/json"===e.type){let o=JSON.parse(await e.text());if(o.files&&o.files.length){if(!window.confirm("This action will replace your current project. Continue?"))return;f(o),m(0),w();return}y({...tp(),file:{...o,controlPanel:{...o7.controlPanel,...o.controlPanel}},name:e.name},e.name);return}if(e.type.match(/^audio\//)){let o=await eQ(e);y({type:"audio",id:`audio-file-${+new Date}`,name:e.name,file:o});return}console.error("Unsupported file type",e)})},children:[n(tl,{children:[u.files.map((e,o)=>n(ta,{onClick:()=>{m(o)},active:o===c,children:[t(ot,{onChange:e=>b(o,e),value:e.name||"Unnamed"}),u.files.length>1&&t(tc,{onClick:e=>{if(e.stopPropagation(),window.confirm("Do you really want to delete this file?")){if(1===u.files.length)return void alert("You cannot delete the last file in the project");x(o)}}})]},o)),t(td,{onClick:()=>{y(tp())},children:t(ts,{})})]}),t(tt,{children:t(ti,{file:p,...e})}),$&&t(to,{children:"Drop file(s) to upload to the project"})]})]})};let tg=i(c.div`
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+`),tm=c(x)`
+  font-size: 1.2rem;
+  opacity: 0.4;
+  width: 1rem;
+  &:hover {
+    opacity: 1;
+    cursor: pointer;
+  }
+`,tu=c(w)`
+  font-size: 1.2rem;
+  opacity: 0.4;
+  width: 1rem;
+  &:hover {
+    opacity: 1;
+    cursor: pointer;
+  }
+`,tf=c.div`
+  position: relative;
+  font-family: var(--leva-fonts-mono);
+  font-size: var(--leva-fontSizes-root);
+  background-color: var(--leva-colors-elevation1);
+`,tv=c(tf)`
+  display: flex;
+  height: 2rem;
+  max-height: 2rem;
+  min-height: 2rem;
+  touch-action: none;
+  align-items: center;
+  justify-content: space-between;
+  flex: 1 1 0%;
+  color: var(--leva-colors-highlight1);
+  padding: 0 0.4rem;
+  gap: 0.3rem;
+`;c.div`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+`;let tb=c(eT)`
+  padding: 1rem;
+  max-width: 20rem;
+  height: auto;
+  max-height: 90%;
+`,ty=({className:e,...o})=>t(tv,{...o,className:[e,ep].join(" ")}),tx=e=>ew(o=>o.nodesConfiguration[e]),tw=e=>{let{id:o,children:r,selected:i,...l}=e,a=ek(),d=ew(({getNode:e})=>e),s=ew(e=>e.nodesConfiguration),[c,p]=h(!1),{info:g,minSize:u}=tx(e.type),f=m(()=>s[e.type].resizable??!1,[s,e.type]),{updateNodeLabel:v}=oe(o),{data:b}=d(o)||{},y=e7(o),{ConfigNode:x}=(e=>{let{configNode:o}=tx(e);return{ConfigNode:o}})(l.type),[w,C]=h(!1);return n(tg,{children:[!e.hideToolbar&&n(ty,{children:[g&&t(tu,{onClickCapture:()=>p(!0)}),t(ot,{value:b?.label??"No Name",onChange:v}),x&&t(tm,{onClickCapture:()=>C(e=>!e)})]}),r,f&&t(_,{style:{background:"transparent",border:"none"},minWidth:u?.width||180,minHeight:u?.height||100}),t(or,{isOpen:c,type:e.type,onClose:()=>p(!1),node:y?.node??null}),x&&w&&t(tb,{onClose:()=>C(!1),outerBackground:a.colors.elevation3+"ee",children:t(x,{...e,data:{label:"unknown",...e.data}})})]})};export{th as Editor,o7 as EDITOR_DEFAULTS,o2 as Wire,oN as WNNode,ok as TitleBar,oh as PortsPanel,om as OutputPorts,oC as OutputHandle,og as InputPorts,ox as InputHandle,ou as Port,tw as BaseWNNode,eT as Modal,ot as EditableLabel,e7 as useAudioNode,oe as useNode,ek as useTheme,ew as useStore,eC as theme,eb as isAudio,ev as isPatch,ex as PortType};
 //# sourceMappingURL=module.js.map