feat: add path_geometry data

app/histoire.config.ts

@@ -1,8 +0,0 @@
-import { defineConfig } from 'histoire'
-import { HstSvelte } from '@histoire/plugin-svelte'
-
-export default defineConfig({
-  plugins: [
-    HstSvelte(),
-  ],
-})

app/package.json

@@ -7,18 +7,12 @@
     "dev": "vite dev",
     "build": "svelte-kit sync && vite build",
     "test": "vitest",
-    "preview": "vite preview",
-    "tauri:dev": "tauri dev",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview"
+    "preview": "vite preview"
   },
   "dependencies": {
     "@nodes/ui": "link:../packages/ui",
     "@nodes/utils": "link:../packages/utils",
-    "@sveltejs/kit": "^2.5.6",
-    "@tauri-apps/api": "2.0.0-beta.2",
-    "@tauri-apps/plugin-shell": "2.0.0-beta.2",
+    "@sveltejs/kit": "^2.5.7",
     "@threlte/core": "^7.3.0",
     "@threlte/extras": "^8.11.2",
     "@threlte/flex": "^1.0.2",
@@ -29,16 +23,13 @@
     "three": "^0.163.0"
   },
   "devDependencies": {
-    "@histoire/plugin-svelte": "^0.17.17",
     "@iconify-json/tabler": "^1.1.110",
     "@nodes/types": "link:../packages/types",
     "@sveltejs/adapter-static": "^3.0.1",
     "@sveltejs/vite-plugin-svelte": "^3.1.0",
-    "@tauri-apps/cli": "2.0.0-beta.3",
     "@tsconfig/svelte": "^5.0.4",
     "@unocss/preset-icons": "^0.59.4",
     "@zerodevx/svelte-json-view": "^1.0.9",
-    "histoire": "^0.17.17",
     "internal-ip": "^8.0.0",
     "svelte": "^4.2.15",
     "svelte-check": "^3.6.9",
@@ -46,10 +37,10 @@
     "tslib": "^2.6.2",
     "typescript": "^5.4.5",
     "unocss": "^0.59.4",
-    "vite": "^5.2.9",
+    "vite": "^5.2.10",
     "vite-plugin-comlink": "^4.0.3",
     "vite-plugin-glsl": "^1.3.0",
     "vite-plugin-wasm": "^3.3.0",
-    "vitest": "^1.5.0"
+    "vitest": "^1.5.1"
   }
 }

app/src/lib/settings/NestedSettings.svelte

@@ -21,7 +21,7 @@
 
   const keys = Object.keys(settings).filter((key) => key !== "__title");
   function isNodeInput(v: NodeInput | Nested): v is NodeInput {
-    return "type" in v;
+    return v && "type" in v;
   }
 </script>
 

app/src/lib/settings/panels/ActiveNode.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Node, NodeInput } from "@nodes/types";
-  import NestedSettings from "./NestedSettings.svelte";
+  import NestedSettings from "../NestedSettings.svelte";
   import { writable } from "svelte/store";
   import type { GraphManager } from "$lib/graph-interface/graph-manager";
 
@@ -35,6 +35,7 @@
     : undefined;
   $: store = node ? createStore(node.props, nodeDefinition) : undefined;
 
+  let lastPropsHash = "";
   function updateNode() {
     if (!node || !$store) return;
     let needsUpdate = false;
@@ -46,6 +47,11 @@
         node.props[key] = $store[key];
       }
     });
+    let propsHash = JSON.stringify(node.props);
+    if (propsHash === lastPropsHash) {
+      return;
+    }
+    lastPropsHash = propsHash;
     // console.log(needsUpdate, node.props, $store);
     if (needsUpdate) {
       manager.execute();

app/src/lib/settings/panels/Keymap.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { createKeyMap } from "$lib/helpers/createKeyMap";
+  import { ShortCut } from "@nodes/ui";
 
   export let keymap: ReturnType<typeof createKeyMap>;
   const keys = keymap.keys;
@@ -12,18 +13,7 @@
     {#each $keys as key}
       {#if key.description}
         <div class="command-wrapper">
-          <div class="command">
-            {#if key.ctrl}
-              <span>Ctrl</span>
-            {/if}
-            {#if key.shift}
-              <span>Shift</span>
-            {/if}
-            {#if key.alt}
-              <span>Alt</span>
-            {/if}
-            {key.key}
-          </div>
+          <ShortCut {...key} />
         </div>
         <p>{key.description}</p>
       {/if}
@@ -55,23 +45,10 @@
     align-items: center;
   }
 
-  .command {
-    background: var(--outline);
-    padding: 0.4em;
-    font-size: 0.8em;
-    border-radius: 0.3em;
-    white-space: nowrap;
-  }
-
   p {
     font-size: 0.9em;
     margin: 0;
     display: flex;
     align-items: center;
   }
-
-  span::after {
-    content: " +";
-    opacity: 0.5;
-  }
 </style>

app/src/routes/+page.svelte

@@ -8,8 +8,8 @@
   import Viewer from "$lib/result-viewer/Viewer.svelte";
   import Settings from "$lib/settings/Settings.svelte";
   import { AppSettings, AppSettingTypes } from "$lib/settings/app-settings";
-  import { get, writable, type Readable, type Writable } from "svelte/store";
-  import Keymap from "$lib/settings/Keymap.svelte";
+  import { get, writable, type Writable } from "svelte/store";
+  import Keymap from "$lib/settings/panels/Keymap.svelte";
   import type { createKeyMap } from "$lib/helpers/createKeyMap";
   import NodeStore from "$lib/node-store/NodeStore.svelte";
   import type { GraphManager } from "$lib/graph-interface/graph-manager";
@@ -21,7 +21,7 @@
   } from "@nodes/utils";
   import type { PerspectiveCamera, Vector3 } from "three";
   import type { OrbitControls } from "three/examples/jsm/Addons.js";
-  import ActiveNode from "$lib/settings/ActiveNode.svelte";
+  import ActiveNode from "$lib/settings/panels/ActiveNode.svelte";
 
   const nodeRegistry = new RemoteNodeRegistry("");
   const runtimeExecutor = new MemoryRuntimeExecutor(nodeRegistry);