summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorSam Nystrom <sam@samnystrom.dev>2024-03-10 16:23:07 -0400
committerSam Nystrom <sam@samnystrom.dev>2024-03-10 16:23:07 -0400
commit367fe51e7e1c55e39299e2e667ca4f399a474019 (patch)
tree7529a1ba2f758a54e2bca845af36536e637545ed /src
parentb95a2af981c903489631d7a9a3aa04cab8b18c5a (diff)
cleanup
Diffstat (limited to 'src')
-rw-r--r--src/NodeEditor.tsx6
-rw-r--r--src/Toolbar.tsx4
-rw-r--r--src/index.tsx2
3 files changed, 6 insertions, 6 deletions
diff --git a/src/NodeEditor.tsx b/src/NodeEditor.tsx
index 17e7c27..e4b584d 100644
--- a/src/NodeEditor.tsx
+++ b/src/NodeEditor.tsx
@@ -63,7 +63,7 @@ export const NodeEditor = () => {
const instantiateNode = useMemo(nodeFactory, []);
const svgRef = useRef(null);
- const nodes = useSignal([
+ const initialNodes = useMemo(() => [
instantiateNode(100, 100, nodeRegistry['Linspace']),
instantiateNode(350, 200, nodeRegistry['Math']),
instantiateNode(350, 50, nodeRegistry['Intersperse']),
@@ -72,6 +72,8 @@ export const NodeEditor = () => {
instantiateNode(900, 250, nodeRegistry['Plot']),
]);
+ const nodes = useSignal(initialNodes);
+
const currentLink = useSignal<null | Omit<LinkData, 'to'>>(null);
const links = useSignal<LinkData[]>([]);
const allLinks = useComputed(() => (links.value as LinkProps[]).concat(currentLink.value as LinkProps ?? []));
@@ -261,4 +263,4 @@ export const NodeEditor = () => {
</main>
</>
);
-}; \ No newline at end of file
+};
diff --git a/src/Toolbar.tsx b/src/Toolbar.tsx
index 62c79fe..dded98d 100644
--- a/src/Toolbar.tsx
+++ b/src/Toolbar.tsx
@@ -23,8 +23,8 @@ export const Toolbar = ({ nodes, onNodeAdded = _ => {} }: ToolbarProps) => {
<button popoverTarget={id}>Add</button>
</li>
</menu>
- <h1>My Project</h1>
+ <h1>Sample Project</h1>
<div></div>
</div>
);
-}; \ No newline at end of file
+};
diff --git a/src/index.tsx b/src/index.tsx
index ea83e21..bff0b70 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,10 +1,8 @@
import { render } from 'preact';
-import { useErrorBoundary } from 'preact/hooks';
import { NodeEditor } from './NodeEditor.tsx';
import './index.css';
export const App = () => {
- const [error] = useErrorBoundary(error => alert(error));
return (
<NodeEditor />
);