diff options
Diffstat (limited to 'src/NodeEditor.tsx')
| -rw-r--r-- | src/NodeEditor.tsx | 10 |
1 files changed, 3 insertions, 7 deletions
diff --git a/src/NodeEditor.tsx b/src/NodeEditor.tsx index b3ef838..435aec4 100644 --- a/src/NodeEditor.tsx +++ b/src/NodeEditor.tsx @@ -1,8 +1,9 @@ import { useContext, useEffect, useMemo, useRef } from 'preact/hooks'; import { signal, computed, batch, useSignal, useComputed, Signal } from '@preact/signals'; import { Pb } from './context.ts'; +import { SocketHandlers } from './node.ts'; import { nodeRegistry } from './nodes'; -import { SocketHandlers, SocketHandler, NodeInfo } from './node.tsx'; +import type { SocketHandler, NodeInfo } from './node.tsx'; import { InputSocket } from './dataflow.ts'; import { Toolbar, ButtonMenu, MenuItem } from './components'; import './NodeEditor.css'; @@ -37,10 +38,7 @@ const Link = ({ fromX, fromY, toX, toY }: LinkProps) => { const c1x = fromX.value + Math.abs(toX.value - fromX.value) / 3; const c2x = toX.value - Math.abs(toX.value - fromX.value) / 3; return ( - <path - class={styles.link} - d={`M ${fromX} ${fromY} C ${c1x} ${fromY} ${c2x} ${toY} ${toX} ${toY}`} - /> + <path class="link" d={`M ${fromX} ${fromY} C ${c1x} ${fromY} ${c2x} ${toY} ${toX} ${toY}`} /> ); }; @@ -78,8 +76,6 @@ const NodeEditor = ({ user, project }) => { const filter = pb.filter('project.id = {:id}', { id: projectData.id }); const projectNodes = await pb.collection('nodes').getFullList({ filter }); const projectLinks = await pb.collection('links').getFullList({ filter }); - console.log(projectNodes); - console.log(projectLinks); const instances = projectNodes.map(node => instantiateNode(node.x, node.y, node.name)); nodes.value = nodes.value.concat(instances); }, []); |