feat: use local node registry again

app/package.json

@@ -13,34 +13,34 @@
     "@nodes/registry": "link:../packages/registry",
     "@nodes/ui": "link:../packages/ui",
     "@nodes/utils": "link:../packages/utils",
-    "@sveltejs/kit": "^2.12.2",
+    "@sveltejs/kit": "^2.49.0",
-    "@threlte/core": "8.0.0-next.23",
+    "@threlte/core": "8.3.0",
-    "@threlte/extras": "9.0.0-next.33",
+    "@threlte/extras": "9.7.0",
-    "@types/three": "^0.171.0",
+    "@types/three": "^0.181.0",
-    "@unocss/reset": "^0.65.2",
+    "@unocss/reset": "^66.5.9",
     "comlink": "^4.4.2",
     "file-saver": "^2.0.5",
-    "idb": "^8.0.1",
+    "idb": "^8.0.3",
-    "jsondiffpatch": "^0.6.0",
+    "jsondiffpatch": "^0.7.3",
-    "three": "^0.171.0"
+    "three": "^0.181.2"
   },
   "devDependencies": {
-    "@iconify-json/tabler": "^1.2.13",
+    "@iconify-json/tabler": "^1.2.23",
     "@nodes/types": "link:../packages/types",
-    "@sveltejs/adapter-static": "^3.0.6",
+    "@sveltejs/adapter-static": "^3.0.10",
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
-    "@tsconfig/svelte": "^5.0.4",
+    "@tsconfig/svelte": "^5.0.6",
     "@types/file-saver": "^2.0.7",
-    "@unocss/preset-icons": "^0.65.2",
+    "@unocss/preset-icons": "^66.5.9",
-    "svelte": "^5.14.4",
+    "svelte": "^5.43.14",
-    "svelte-check": "^4.1.1",
+    "svelte-check": "^4.3.4",
     "tslib": "^2.8.1",
-    "typescript": "^5.7.2",
+    "typescript": "^5.9.3",
-    "unocss": "^0.65.2",
+    "unocss": "^66.5.9",
-    "vite": "^6.0.4",
+    "vite": "^7.2.4",
-    "vite-plugin-comlink": "^5.1.0",
+    "vite-plugin-comlink": "^5.3.0",
-    "vite-plugin-glsl": "^1.3.1",
+    "vite-plugin-glsl": "^1.5.4",
-    "vite-plugin-wasm": "^3.3.0",
+    "vite-plugin-wasm": "^3.5.0",
-    "vitest": "^2.1.8"
+    "vitest": "^4.0.13"
   }
 }

app/src/lib/graph-interface/graph-manager.ts

@@ -1,4 +1,11 @@
-import type { Edge, Graph, Node, NodeInput, NodeRegistry, Socket, } from "@nodes/types";
+import type {
+  Edge,
+  Graph,
+  Node,
+  NodeInput,
+  NodeRegistry,
+  Socket,
+} from "@nodes/types";
 import { fastHashString } from "@nodes/utils";
 import { writable, type Writable } from "svelte/store";
 import EventEmitter from "./helpers/EventEmitter.js";
@@ -10,17 +17,29 @@ const logger = createLogger("graph-manager");
 
 logger.mute();
 
-const clone = "structuredClone" in self ? self.structuredClone : (args: any) => JSON.parse(JSON.stringify(args));
+const clone =
+  "structuredClone" in self
+    ? self.structuredClone
+    : (args: any) => JSON.parse(JSON.stringify(args));
 
-function areSocketsCompatible(output: string | undefined, inputs: string | string[] | undefined) {
+function areSocketsCompatible(
+  output: string | undefined,
+  inputs: string | string[] | undefined,
+) {
   if (Array.isArray(inputs) && output) {
     return inputs.includes(output);
   }
   return inputs === output;
 }
 
-export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "settings": { types: Record<string, NodeInput>, values: Record<string, unknown> } }> {
+export class GraphManager extends EventEmitter<{
-
+  save: Graph;
+  result: any;
+  settings: {
+    types: Record<string, NodeInput>;
+    values: Record<string, unknown>;
+  };
+}> {
   status: Writable<"loading" | "idle" | "error"> = writable("loading");
   loaded = false;
 
@@ -62,24 +81,32 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
   }
 
   serialize(): Graph {
-    logger.group("serializing graph")
+    logger.group("serializing graph");
-    const nodes = Array.from(this._nodes.values()).map(node => ({
+    const nodes = Array.from(this._nodes.values()).map((node) => ({
       id: node.id,
       position: [...node.position],
       type: node.type,
       props: node.props,
     })) as Node[];
-    const edges = this._edges.map(edge => [edge[0].id, edge[1], edge[2].id, edge[3]]) as Graph["edges"];
+    const edges = this._edges.map((edge) => [
-    const serialized = { id: this.graph.id, settings: this.settings, nodes, edges };
+      edge[0].id,
+      edge[1],
+      edge[2].id,
+      edge[3],
+    ]) as Graph["edges"];
+    const serialized = {
+      id: this.graph.id,
+      settings: this.settings,
+      nodes,
+      edges,
+    };
     logger.groupEnd();
 
     return clone(serialized);
   }
 
-
   private lastSettingsHash = 0;
   setSettings(settings: Record<string, unknown>) {
-
     let hash = fastHashString(JSON.stringify(settings));
     if (hash === this.lastSettingsHash) return;
     this.lastSettingsHash = hash;
@@ -89,8 +116,6 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
     this.execute();
   }
 
-
-
   getNodeDefinitions() {
     return this.registry.getAllNodes();
   }
@@ -104,7 +129,7 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
       nodes.add(n);
       const children = this.getChildrenOfNode(n);
       const parents = this.getParentsOfNode(n);
-      const newNodes = [...children, ...parents].filter(n => !nodes.has(n));
+      const newNodes = [...children, ...parents].filter((n) => !nodes.has(n));
       stack.push(...newNodes);
     }
     return [...nodes.values()];
@@ -116,9 +141,16 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
       const children = node.tmp?.children || [];
       for (const child of children) {
         if (nodes.includes(child)) {
-          const edge = this._edges.find(e => e[0].id === node.id && e[2].id === child.id);
+          const edge = this._edges.find(
+            (e) => e[0].id === node.id && e[2].id === child.id,
+          );
           if (edge) {
-            edges.push([edge[0].id, edge[1], edge[2].id, edge[3]] as [number, number, number, string]);
+            edges.push([edge[0].id, edge[1], edge[2].id, edge[3]] as [
+              number,
+              number,
+              number,
+              string,
+            ]);
           }
         }
       }
@@ -127,25 +159,26 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
     return edges;
   }
 
-
   private _init(graph: Graph) {
-    const nodes = new Map(graph.nodes.map(node => {
+    const nodes = new Map(
+      graph.nodes.map((node) => {
         const nodeType = this.registry.getNode(node.type);
         if (nodeType) {
           node.tmp = {
             random: (Math.random() - 0.5) * 2,
-          type: nodeType
+            type: nodeType,
           };
         }
-      return [node.id, node]
+        return [node.id, node];
-    }));
+      }),
+    );
 
     const edges = graph.edges.map((edge) => {
       const from = nodes.get(edge[0]);
       const to = nodes.get(edge[2]);
       if (!from || !to) {
         throw new Error("Edge references non-existing node");
-      };
+      }
       from.tmp = from.tmp || {};
       from.tmp.children = from.tmp.children || [];
       from.tmp.children.push(to);
@@ -153,17 +186,15 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
       to.tmp.parents = to.tmp.parents || [];
       to.tmp.parents.push(from);
       return [from, edge[1], to, edge[3]] as Edge;
-    })
+    });
 
     this.edges.set(edges);
     this.nodes.set(nodes);
 
     this.execute();
-
   }
 
   async load(graph: Graph) {
-
     const a = performance.now();
 
     this.loaded = false;
@@ -171,7 +202,7 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
     this.status.set("loading");
     this.id.set(graph.id);
 
-    const nodeIds = Array.from(new Set([...graph.nodes.map(n => n.type)]));
+    const nodeIds = Array.from(new Set([...graph.nodes.map((n) => n.type)]));
     await this.registry.load(nodeIds);
 
     for (const node of this.graph.nodes) {
@@ -186,9 +217,12 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
       node.tmp.type = nodeType;
     }
 
-
     // load settings
-    const settingTypes: Record<string, NodeInput> = {};
+    const settingTypes: Record<
+      string,
+      // Optional metadata to map settings to specific nodes
+      NodeInput & { __node_type: string; __node_input: string }
+    > = {};
     const settingValues = graph.settings || {};
     const types = this.getNodeDefinitions();
     for (const type of types) {
@@ -196,8 +230,15 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
         for (const key in type.inputs) {
           let settingId = type.inputs[key].setting;
           if (settingId) {
-            settingTypes[settingId] = { __node_type: type.id, __node_input: key, ...type.inputs[key] };
+            settingTypes[settingId] = {
-            if (settingValues[settingId] === undefined && "value" in type.inputs[key]) {
+              __node_type: type.id,
+              __node_input: key,
+              ...type.inputs[key],
+            };
+            if (
+              settingValues[settingId] === undefined &&
+              "value" in type.inputs[key]
+            ) {
               settingValues[settingId] = type.inputs[key].value;
             }
           }
@@ -220,7 +261,6 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
     setTimeout(() => this.execute(), 100);
   }
 
-
   getAllNodes() {
     return Array.from(this._nodes.values());
   }
@@ -234,7 +274,6 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
   }
 
   async loadNode(id: string) {
-
     await this.registry.load([id]);
     const nodeType = this.registry.getNode(id);
 
@@ -247,7 +286,10 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
         let settingId = nodeType.inputs[key].setting;
         if (settingId) {
           settingTypes[settingId] = nodeType.inputs[key];
-          if (settingValues[settingId] === undefined && "value" in nodeType.inputs[key]) {
+          if (
+            settingValues[settingId] === undefined &&
+            "value" in nodeType.inputs[key]
+          ) {
             settingValues[settingId] = nodeType.inputs[key].value;
           }
         }
@@ -266,7 +308,7 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
       const child = stack.pop();
       if (!child) continue;
       children.push(child);
-      stack.push(...child.tmp?.children || []);
+      stack.push(...(child.tmp?.children || []));
     }
     return children;
   }
@@ -278,10 +320,10 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
     const fromParents = this.getParentsOfNode(from);
     if (toParents.includes(from)) {
       const fromChildren = this.getChildrenOfNode(from);
-      return toParents.filter(n => fromChildren.includes(n));
+      return toParents.filter((n) => fromChildren.includes(n));
     } else if (fromParents.includes(to)) {
       const toChildren = this.getChildrenOfNode(to);
-      return fromParents.filter(n => toChildren.includes(n));
+      return fromParents.filter((n) => toChildren.includes(n));
     } else {
       // these two nodes are not connected
       return;
@@ -289,7 +331,6 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
   }
 
   removeNode(node: Node, { restoreEdges = false } = {}) {
-
     const edgesToNode = this._edges.filter((edge) => edge[2].id === node.id);
     const edgesFromNode = this._edges.filter((edge) => edge[0].id === node.id);
     for (const edge of [...edgesToNode, ...edgesFromNode]) {
@@ -297,15 +338,17 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
     }
 
     if (restoreEdges) {
-      const outputSockets = edgesToNode.map(e => [e[0], e[1]] as const);
+      const outputSockets = edgesToNode.map((e) => [e[0], e[1]] as const);
-      const inputSockets = edgesFromNode.map(e => [e[2], e[3]] as const);
+      const inputSockets = edgesFromNode.map((e) => [e[2], e[3]] as const);
 
       for (const [to, toSocket] of inputSockets) {
         for (const [from, fromSocket] of outputSockets) {
           const outputType = from.tmp?.type?.outputs?.[fromSocket];
           const inputType = to?.tmp?.type?.inputs?.[toSocket]?.type;
           if (outputType === inputType) {
-            this.createEdge(from, fromSocket, to, toSocket, { applyUpdate: false });
+            this.createEdge(from, fromSocket, to, toSocket, {
+              applyUpdate: false,
+            });
             continue;
           }
         }
@@ -318,7 +361,7 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
       nodes.delete(node.id);
       return nodes;
     });
-    this.execute()
+    this.execute();
     this.save();
   }
 
@@ -328,7 +371,6 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
   }
 
   createGraph(nodes: Node[], edges: [number, number, number, string][]) {
-
     // map old ids to new ids
     const idMap = new Map<number, number>();
 
@@ -344,9 +386,9 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
       return { ...node, id, tmp: { type } };
     });
 
-    const _edges = edges.map(edge => {
+    const _edges = edges.map((edge) => {
-      const from = nodes.find(n => n.id === idMap.get(edge[0]));
+      const from = nodes.find((n) => n.id === idMap.get(edge[0]));
-      const to = nodes.find(n => n.id === idMap.get(edge[2]));
+      const to = nodes.find((n) => n.id === idMap.get(edge[2]));
 
       if (!from || !to) {
         throw new Error("Edge references non-existing node");
@@ -375,15 +417,28 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
     return nodes;
   }
 
-  createNode({ type, position, props = {} }: { type: Node["type"], position: Node["position"], props: Node["props"] }) {
+  createNode({
-
+    type,
+    position,
+    props = {},
+  }: {
+    type: Node["type"];
+    position: Node["position"];
+    props: Node["props"];
+  }) {
     const nodeType = this.registry.getNode(type);
     if (!nodeType) {
       logger.error(`Node type not found: ${type}`);
       return;
     }
 
-    const node: Node = { id: this.createNodeId(), type, position, tmp: { type: nodeType }, props };
+    const node: Node = {
+      id: this.createNodeId(),
+      type,
+      position,
+      tmp: { type: nodeType },
+      props,
+    };
 
     this.nodes.update((nodes) => {
       nodes.set(node.id, node);
@@ -393,16 +448,23 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
     this.save();
   }
 
-  createEdge(from: Node, fromSocket: number, to: Node, toSocket: string, { applyUpdate = true } = {}) {
+  createEdge(
-
+    from: Node,
+    fromSocket: number,
+    to: Node,
+    toSocket: string,
+    { applyUpdate = true } = {},
+  ) {
     const existingEdges = this.getEdgesToNode(to);
 
     // check if this exact edge already exists
-    const existingEdge = existingEdges.find(e => e[0].id === from.id && e[1] === fromSocket && e[3] === toSocket);
+    const existingEdge = existingEdges.find(
+      (e) => e[0].id === from.id && e[1] === fromSocket && e[3] === toSocket,
+    );
     if (existingEdge) {
       logger.error("Edge already exists", existingEdge);
       return;
-    };
+    }
 
     // check if socket types match
     const fromSocketType = from.tmp?.type?.outputs?.[fromSocket];
@@ -412,11 +474,15 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
     }
 
     if (!areSocketsCompatible(fromSocketType, toSocketType)) {
-      logger.error(`Socket types do not match: ${fromSocketType} !== ${toSocketType}`);
+      logger.error(
+        `Socket types do not match: ${fromSocketType} !== ${toSocketType}`,
+      );
       return;
     }
 
-    const edgeToBeReplaced = this._edges.find(e => e[2].id === to.id && e[3] === toSocket);
+    const edgeToBeReplaced = this._edges.find(
+      (e) => e[2].id === to.id && e[3] === toSocket,
+    );
     if (edgeToBeReplaced) {
       this.removeEdge(edgeToBeReplaced, { applyDeletion: false });
     }
@@ -450,14 +516,12 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
     }
   }
 
-
   redo() {
     const nextState = this.history.redo();
     if (nextState) {
       this._init(nextState);
       this.emit("save", this.serialize());
     }
-
   }
 
   startUndoGroup() {
@@ -482,30 +546,30 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
     const stack = node.tmp?.parents?.slice(0);
     while (stack?.length) {
       if (parents.length > 1000000) {
-        logger.warn("Infinite loop detected")
+        logger.warn("Infinite loop detected");
         break;
       }
       const parent = stack.pop();
       if (!parent) continue;
       parents.push(parent);
-      stack.push(...parent.tmp?.parents || []);
+      stack.push(...(parent.tmp?.parents || []));
     }
     return parents.reverse();
   }
 
   getPossibleSockets({ node, index }: Socket): [Node, string | number][] {
-
     const nodeType = node?.tmp?.type;
     if (!nodeType) return [];
 
-    const sockets: [Node, string | number][] = []
+    const sockets: [Node, string | number][] = [];
 
     // if index is a string, we are an input looking for outputs
     if (typeof index === "string") {
-
       // filter out self and child nodes
-      const children = new Set(this.getChildrenOfNode(node).map(n => n.id));
+      const children = new Set(this.getChildrenOfNode(node).map((n) => n.id));
-      const nodes = this.getAllNodes().filter(n => n.id !== node.id && !children.has(n.id));
+      const nodes = this.getAllNodes().filter(
+        (n) => n.id !== node.id && !children.has(n.id),
+      );
 
       const ownType = nodeType?.inputs?.[index].type;
 
@@ -519,16 +583,21 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
           }
         }
       }
-
     } else if (typeof index === "number") {
       // if index is a number, we are an output looking for inputs
 
       // filter out self and parent nodes
-      const parents = new Set(this.getParentsOfNode(node).map(n => n.id));
+      const parents = new Set(this.getParentsOfNode(node).map((n) => n.id));
-      const nodes = this.getAllNodes().filter(n => n.id !== node.id && !parents.has(n.id));
+      const nodes = this.getAllNodes().filter(
+        (n) => n.id !== node.id && !parents.has(n.id),
+      );
 
       // get edges from this socket
-      const edges = new Map(this.getEdgesFromNode(node).filter(e => e[1] === index).map(e => [e[2].id, e[3]]));
+      const edges = new Map(
+        this.getEdgesFromNode(node)
+          .filter((e) => e[1] === index)
+          .map((e) => [e[2].id, e[3]]),
+      );
 
       const ownType = nodeType.outputs?.[index];
 
@@ -536,11 +605,13 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
         const inputs = node?.tmp?.type?.inputs;
         if (!inputs) continue;
         for (const key in inputs) {
-
           const otherType = [inputs[key].type];
           otherType.push(...(inputs[key].accepts || []));
 
-          if (areSocketsCompatible(ownType, otherType) && edges.get(node.id) !== key) {
+          if (
+            areSocketsCompatible(ownType, otherType) &&
+            edges.get(node.id) !== key
+          ) {
             sockets.push([node, key]);
           }
         }
@@ -548,38 +619,46 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
     }
 
     return sockets;
-
   }
 
-  removeEdge(edge: Edge, { applyDeletion = true }: { applyDeletion?: boolean } = {}) {
+  removeEdge(
+    edge: Edge,
+    { applyDeletion = true }: { applyDeletion?: boolean } = {},
+  ) {
     const id0 = edge[0].id;
     const sid0 = edge[1];
     const id2 = edge[2].id;
     const sid2 = edge[3];
 
-    const _edge = this._edges.find((e) => e[0].id === id0 && e[1] === sid0 && e[2].id === id2 && e[3] === sid2);
+    const _edge = this._edges.find(
+      (e) =>
+        e[0].id === id0 && e[1] === sid0 && e[2].id === id2 && e[3] === sid2,
+    );
     if (!_edge) return;
 
     edge[0].tmp = edge[0].tmp || {};
     if (edge[0].tmp.children) {
-      edge[0].tmp.children = edge[0].tmp.children.filter(n => n.id !== id2);
+      edge[0].tmp.children = edge[0].tmp.children.filter(
+        (n: Node) => n.id !== id2,
+      );
     }
 
     edge[2].tmp = edge[2].tmp || {};
     if (edge[2].tmp.parents) {
-      edge[2].tmp.parents = edge[2].tmp.parents.filter(n => n.id !== id0);
+      edge[2].tmp.parents = edge[2].tmp.parents.filter(
+        (n: Node) => n.id !== id0,
+      );
     }
 
     if (applyDeletion) {
       this.edges.update((edges) => {
-        return edges.filter(e => e !== _edge);
+        return edges.filter((e) => e !== _edge);
       });
       this.execute();
       this.save();
     } else {
-      this._edges = this._edges.filter(e => e !== _edge);
+      this._edges = this._edges.filter((e) => e !== _edge);
     }
-
   }
 
   getEdgesToNode(node: Node) {
@@ -605,7 +684,4 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any, "
       })
       .filter(Boolean) as unknown as [Node, number, Node, string][];
   }
-
-
 }
-

app/src/routes/+page.svelte

@@ -32,10 +32,7 @@
   let performanceStore = createPerformanceStore();
 
   const registryCache = new IndexDBCache("node-registry");
-  const nodeRegistry = new RemoteNodeRegistry(
+  const nodeRegistry = new RemoteNodeRegistry("", registryCache);
-    "https://node-store.app.max-richter.dev",
-    registryCache,
-  );
   const workerRuntime = new WorkerRuntimeExecutor();
   const runtimeCache = new MemoryRuntimeCache();
   const memoryRuntime = new MemoryRuntimeExecutor(nodeRegistry, runtimeCache);

packages/registry/package.json

@@ -12,6 +12,6 @@
   "dependencies": {
     "@nodes/types": "link:../types",
     "@nodes/utils": "link:../utils",
-    "idb": "^8.0.0"
+    "idb": "^8.0.3"
   }
 }

packages/registry/src/node-registry-client.ts

@@ -1,19 +1,24 @@
-import { NodeDefinitionSchema, type AsyncCache, type NodeDefinition, type NodeRegistry } from "@nodes/types";
+import {
+  NodeDefinitionSchema,
+  type AsyncCache,
+  type NodeDefinition,
+  type NodeRegistry,
+} from "@nodes/types";
 import { createLogger, createWasmWrapper } from "@nodes/utils";
 
 const log = createLogger("node-registry");
 log.mute();
 
 export class RemoteNodeRegistry implements NodeRegistry {
-
   status: "loading" | "ready" | "error" = "loading";
   private nodes: Map<string, NodeDefinition> = new Map();
 
-  cache?: AsyncCache<ArrayBuffer>;
-
   fetch: typeof fetch = globalThis.fetch.bind(globalThis);
 
-  constructor(private url: string, private cache?: AsyncCache<ArrayBuffer>) { }
+  constructor(
+    private url: string,
+    private cache?: AsyncCache<ArrayBuffer>,
+  ) {}
 
   async fetchUsers() {
     const response = await this.fetch(`${this.url}/nodes/users.json`);
@@ -32,7 +37,9 @@ export class RemoteNodeRegistry implements NodeRegistry {
   }
 
   async fetchCollection(userCollectionId: `${string}/${string}`) {
-    const response = await this.fetch(`${this.url}/nodes/${userCollectionId}.json`);
+    const response = await this.fetch(
+      `${this.url}/nodes/${userCollectionId}.json`,
+    );
     if (!response.ok) {
       throw new Error(`Failed to load collection ${userCollectionId}`);
     }
@@ -44,20 +51,16 @@ export class RemoteNodeRegistry implements NodeRegistry {
     if (!response.ok) {
       throw new Error(`Failed to load node definition ${nodeId}`);
     }
-    return response.json()
+    return response.json();
   }
 
   private async fetchNodeWasm(nodeId: `${string}/${string}/${string}`) {
-
     const fetchNode = async () => {
       const response = await this.fetch(`${this.url}/nodes/${nodeId}.wasm`);
       return response.arrayBuffer();
-    }
+    };
 
-    const res = await Promise.race([
+    const res = await Promise.race([fetchNode(), this.cache?.get(nodeId)]);
-      fetchNode(),
-      this.cache?.get(nodeId)
-    ]);
 
     if (!res) {
       throw new Error(`Failed to load node wasm ${nodeId}`);
@@ -69,8 +72,8 @@ export class RemoteNodeRegistry implements NodeRegistry {
   async load(nodeIds: `${string}/${string}/${string}`[]) {
     const a = performance.now();
 
-    const nodes = await Promise.all([...new Set(nodeIds).values()].map(async id => {
+    const nodes = await Promise.all(
-
+      [...new Set(nodeIds).values()].map(async (id) => {
         if (this.nodes.has(id)) {
           return this.nodes.get(id)!;
         }
@@ -78,9 +81,8 @@ export class RemoteNodeRegistry implements NodeRegistry {
         const wasmBuffer = await this.fetchNodeWasm(id);
 
         return this.register(wasmBuffer);
-
+      }),
-    }));
+    );
-
 
     const duration = performance.now() - a;
 
@@ -90,11 +92,10 @@ export class RemoteNodeRegistry implements NodeRegistry {
     log.groupEnd();
     this.status = "ready";
 
-    return nodes
+    return nodes;
   }
 
   async register(wasmBuffer: ArrayBuffer) {
-
     const wrapper = createWasmWrapper(wasmBuffer);
 
     const definition = NodeDefinitionSchema.safeParse(wrapper.get_definition());
@@ -110,8 +111,8 @@ export class RemoteNodeRegistry implements NodeRegistry {
 
     let node = {
       ...definition.data,
-      execute: wrapper.execute
+      execute: wrapper.execute,
-    }
+    };
 
     this.nodes.set(definition.data.id, node);
 

packages/store-client/package.json

@@ -11,9 +11,9 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@hey-api/client-fetch": "^0.5.6"
+    "@hey-api/client-fetch": "^0.13.1"
   },
   "devDependencies": {
-    "@hey-api/openapi-ts": "^0.60.0"
+    "@hey-api/openapi-ts": "^0.88.0"
   }
 }

packages/types/package.json

@@ -13,6 +13,6 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "zod": "^3.23.8"
+    "zod": "^4.1.12"
   }
 }

packages/types/src/components.ts

@@ -32,9 +32,6 @@ export interface NodeRegistry {
    * @returns The node definition
    */
   register: (wasmBuffer: ArrayBuffer) => Promise<NodeDefinition>;
-
-
-  cache?: AsyncCache<ArrayBuffer>;
 }
 
 export interface RuntimeExecutor {
@@ -43,7 +40,10 @@ export interface RuntimeExecutor {
    * @param graph - The graph to execute
    * @returns The result of the execution
    */
-  execute: (graph: Graph, settings: Record<string, unknown>) => Promise<Int32Array>;
+  execute: (
+    graph: Graph,
+    settings: Record<string, unknown>,
+  ) => Promise<Int32Array>;
 }
 
 export interface SyncCache<T = unknown> {
@@ -69,7 +69,6 @@ export interface SyncCache<T = unknown> {
    * Clear the cache
    */
   clear: () => void;
-
 }
 
 export interface AsyncCache<T = unknown> {

packages/types/src/types.ts

@@ -1,17 +1,27 @@
 import { z } from "zod";
 import { NodeInputSchema } from "./inputs";
 
-export type NodeId = `${string}/${string}/${string}`;
+export const NodeTypeSchema = z
+  .string()
+  .regex(/^[^/]+\/[^/]+\/[^/]+$/, "Invalid NodeId format")
+  .transform((value) => value as `${string}/${string}/${string}`);
+
+export type NodeType = z.infer<typeof NodeTypeSchema>;
 
 export const NodeSchema = z.object({
   id: z.number(),
-  type: z.string(),
+  type: NodeTypeSchema,
-  props: z.record(z.union([z.number(), z.array(z.number())])).optional(),
+  tmp: z.any().optional(),
-  meta: z.object({
+  props: z
+    .record(z.string(), z.union([z.number(), z.array(z.number())]))
+    .optional(),
+  meta: z
+    .object({
       title: z.string().optional(),
       lastModified: z.string().optional(),
-  }).optional(),
+    })
-  position: z.tuple([z.number(), z.number()])
+    .optional(),
+  position: z.tuple([z.number(), z.number()]),
 });
 
 export type Node = {
@@ -19,9 +29,9 @@ export type Node = {
     depth?: number;
     mesh?: any;
     random?: number;
-    parents?: Node[],
+    parents?: Node[];
-    children?: Node[],
+    children?: Node[];
-    inputNodes?: Record<string, Node>
+    inputNodes?: Record<string, Node>;
     type?: NodeDefinition;
     downX?: number;
     downY?: number;
@@ -30,17 +40,19 @@ export type Node = {
     ref?: HTMLElement;
     visible?: boolean;
     isMoving?: boolean;
-  }
+  };
 } & z.infer<typeof NodeSchema>;
 
 export const NodeDefinitionSchema = z.object({
   id: z.string(),
-  inputs: z.record(NodeInputSchema).optional(),
+  inputs: z.record(z.string(), NodeInputSchema).optional(),
   outputs: z.array(z.string()).optional(),
-  meta: z.object({
+  meta: z
+    .object({
       description: z.string().optional(),
       title: z.string().optional(),
-  }).optional(),
+    })
+    .optional(),
 });
 
 export type NodeDefinition = z.infer<typeof NodeDefinitionSchema> & {
@@ -56,12 +68,14 @@ export type Socket = {
 export type Edge = [Node, number, Node, string];
 
 export const GraphSchema = z.object({
-  id: z.number().optional(),
+  id: z.number(),
-  meta: z.object({
+  meta: z
+    .object({
       title: z.string().optional(),
       lastModified: z.string().optional(),
-  }).optional(),
+    })
-  settings: z.record(z.any()).optional(),
+    .optional(),
+  settings: z.record(z.string(), z.any()).optional(),
   nodes: z.array(NodeSchema),
   edges: z.array(z.tuple([z.number(), z.number(), z.number(), z.string()])),
 });

packages/ui/package.json

@@ -30,36 +30,36 @@
     "svelte": "^4.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^8.4.1",
+    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-svelte-csf": "5.0.0-next.10",
+    "@storybook/addon-svelte-csf": "5.0.10",
-    "@storybook/addon-themes": "^8.4.1",
+    "@storybook/addon-themes": "^10.0.8",
-    "@storybook/svelte": "^8.4.1",
+    "@storybook/svelte": "^10.0.8",
-    "@storybook/sveltekit": "^8.4.1",
+    "@storybook/sveltekit": "^10.0.8",
-    "@sveltejs/adapter-static": "^3.0.6",
+    "@sveltejs/adapter-static": "^3.0.10",
-    "@sveltejs/kit": "^2.7.4",
+    "@sveltejs/kit": "^2.49.0",
-    "@sveltejs/package": "^2.3.7",
+    "@sveltejs/package": "^2.5.6",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "@types/eslint": "^9.6.1",
-    "@typescript-eslint/eslint-plugin": "^8.12.2",
+    "@typescript-eslint/eslint-plugin": "^8.47.0",
-    "@typescript-eslint/parser": "^8.12.2",
+    "@typescript-eslint/parser": "^8.47.0",
-    "eslint": "^9.14.0",
+    "eslint": "^9.39.1",
-    "eslint-plugin-storybook": "^0.10.2",
+    "eslint-plugin-storybook": "^10.0.8",
-    "eslint-plugin-svelte": "^2.46.0",
+    "eslint-plugin-svelte": "^3.13.0",
-    "publint": "^0.2.12",
+    "publint": "^0.3.15",
-    "storybook": "^8.4.1",
+    "storybook": "^10.0.8",
-    "svelte": "^5.1.9",
+    "svelte": "^5.43.14",
-    "svelte-check": "^4.0.5",
+    "svelte-check": "^4.3.4",
     "tslib": "^2.8.1",
-    "typescript": "^5.6.3",
+    "typescript": "^5.9.3",
-    "vite": "^5.4.10",
+    "vite": "^7.2.4",
-    "vitest": "^2.1.4"
+    "vitest": "^4.0.13"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
   "dependencies": {
     "@nodes/types": "link:../types",
-    "@threlte/core": "^7.3.1",
+    "@threlte/core": "^8.3.0",
-    "@threlte/extras": "^8.12.0"
+    "@threlte/extras": "^9.7.0"
   }
 }

packages/utils/package.json

@@ -13,7 +13,7 @@
     "@nodes/types": "link:../types"
   },
   "devDependencies": {
-    "vite": "^5.4.10",
+    "vite": "^7.2.4",
-    "vitest": "^2.1.4"
+    "vitest": "^4.0.13"
   }
 }