chore: setup linting

app/src/routes/dev/+page.svelte

@@ -1,24 +1,20 @@
 <script lang="ts">
-  import NodeHTML from "$lib/graph-interface/node/NodeHTML.svelte";
-  import { localState } from "$lib/helpers/localState.svelte";
-  import Panel from "$lib/sidebar/Panel.svelte";
-  import Sidebar from "$lib/sidebar/Sidebar.svelte";
-  import { IndexDBCache, RemoteNodeRegistry } from "@nodarium/registry";
-  import { type NodeId, type NodeInstance } from "@nodarium/types";
-  import Code from "./Code.svelte";
-  import Grid from "$lib/grid";
-  import {
-    concatEncodedArrays,
-    createWasmWrapper,
-    encodeNestedArray,
-  } from "@nodarium/utils";
+  import NodeHTML from '$lib/graph-interface/node/NodeHTML.svelte';
+  import Grid from '$lib/grid';
+  import { localState } from '$lib/helpers/localState.svelte';
+  import { IndexDBCache, RemoteNodeRegistry } from '$lib/node-registry/index';
+  import Panel from '$lib/sidebar/Panel.svelte';
+  import Sidebar from '$lib/sidebar/Sidebar.svelte';
+  import { type NodeId, type NodeInstance } from '@nodarium/types';
+  import { concatEncodedArrays, createWasmWrapper, encodeNestedArray } from '@nodarium/utils';
+  import Code from './Code.svelte';
 
-  const registryCache = new IndexDBCache("node-registry");
-  const nodeRegistry = new RemoteNodeRegistry("", registryCache);
+  const registryCache = new IndexDBCache('node-registry');
+  const nodeRegistry = new RemoteNodeRegistry('', registryCache);
 
   let activeNode = localState<NodeId | undefined>(
-    "node.dev.activeNode",
-    undefined,
+    'node.dev.activeNode',
+    undefined
   );
 
   let nodeWasm = $state<ArrayBuffer>();
@@ -32,17 +28,21 @@
     if (!nodeId) return;
 
     const data = await nodeRegistry.fetchNodeDefinition(nodeId);
-    nodeWasm = await nodeRegistry.fetchArrayBuffer("nodes/" + nodeId + ".wasm");
+    nodeWasm = await nodeRegistry.fetchArrayBuffer('nodes/' + nodeId + '.wasm');
     nodeInstance = {
       id: 0,
       type: nodeId,
       position: [0, 0] as [number, number],
       props: {},
       state: {
-        type: data,
-      },
+        type: data
+      }
     };
-    nodeWasmWrapper = createWasmWrapper(nodeWasm);
+    try {
+      nodeWasmWrapper = createWasmWrapper(nodeWasm);
+    } catch (e) {
+      console.error(`Failed to create node wrapper for ${nodeId}`, e);
+    }
   }
 
   $effect(() => {
@@ -52,8 +52,8 @@
   $effect(() => {
     if (nodeInstance?.props && nodeWasmWrapper) {
       const keys = Object.keys(nodeInstance.state.type?.inputs || {});
-      let ins = Object.values(nodeInstance.props) as number[];
-      if (keys[0] === "plant") {
+      let ins = Object.values(nodeInstance.props) as (number[] | number)[];
+      if (keys[0] === 'plant') {
         ins = [[0, 0, 0, 0, 0, 0, 0, 0], ...ins];
       }
       const inputs = concatEncodedArrays(encodeNestedArray(ins));
@@ -94,16 +94,20 @@
     icon="i-[tabler--database]"
   >
     <div class="p-4 flex flex-col gap-2">
-      {#await nodeRegistry.fetchCollection("max/plantarium")}
+      {#await nodeRegistry.fetchCollection('max/plantarium')}
         <p>Loading Nodes...</p>
       {:then result}
-        {#each result.nodes as n}
+        {#each result.nodes as n (n.id)}
           <button
-            class="cursor-pointer p-2 bg-layer-1 {activeNode.value === n.id
+            class="
+              cursor-pointer p-2 bg-layer-1 {activeNode.value === n.id
               ? 'outline outline-offset-1'
-              : ''}"
-            onclick={() => (activeNode.value = n.id)}>{n.id}</button
+              : ''}
+            "
+            onclick={() => (activeNode.value = n.id)}
           >
+            {n.id}
+          </button>
         {/each}
       {/await}
     </div>