clone configs

Author: micheal-parks

.changeset/true-aliens-slide.md

@@ -0,0 +1,5 @@
+---
+'@viamrobotics/svelte-sdk': patch
+---
+
+Clone previous configs for diffing

src/lib/hooks/robot-clients.svelte.ts

@@ -65,22 +65,21 @@ export const provideRobotClientsContext = (
     connectionStatus[partID] ??= MachineConnectionEvent.DISCONNECTED;
 
     try {
-      const dialConfig = { ...config };
-      await disconnect(partID, dialConfig);
+      await disconnect(partID, config);
 
       connectionStatus[partID] = MachineConnectionEvent.CONNECTING;
 
       // Reset the abort signal if it exists
-      if (dialConfig.reconnectAbortSignal !== undefined) {
-        dialConfig.reconnectAbortSignal = {
+      if (config.reconnectAbortSignal !== undefined) {
+        config.reconnectAbortSignal = {
           abort: false,
         };
       }
 
-      dialConfig.reconnectMaxAttempts ??= 1e9;
-      dialConfig.reconnectMaxWait ??= 2000;
+      config.reconnectMaxAttempts ??= 1e9;
+      config.reconnectMaxWait ??= 2000;
 
-      const client = await createRobotClient(dialConfig);
+      const client = await createRobotClient(config);
       (client as RobotClient & { partID: string }).partID = partID;
       client.on('connectionstatechange', (event) => {
         connectionStatus[partID] = (
@@ -104,6 +103,8 @@ export const provideRobotClientsContext = (
       Object.keys(lastConfigs)
     );
 
+    lastConfigs = structuredClone(configs);
+
     for (const partID of removed) {
       disconnect(partID, lastConfigs[partID]);
     }
@@ -123,8 +124,6 @@ export const provideRobotClientsContext = (
         connect(partID, config);
       }
     }
-
-    lastConfigs = configs;
   });
 
   onMount(() => {

src/routes/+layout.svelte

@@ -3,18 +3,30 @@ import '../app.css';
 import { SvelteQueryDevtools } from '@tanstack/svelte-query-devtools';
 import { ViamProvider } from '$lib';
 import type { Snippet } from 'svelte';
-import { dialConfigs as configs } from './configs';
+import { dialConfigs as c } from './configs';
 import Parts from './components/parts.svelte';
+import type { DialConf } from '@viamrobotics/sdk';
 
 interface Props {
   children: Snippet;
 }
 
+let configs = $state.raw<Record<string, DialConf>>({});
+
+const id = setInterval(() => {
+  configs = structuredClone(c);
+}, 1000);
+
+$effect.pre(() => {
+  return () => clearTimeout(id);
+});
+
 let enabled = $state<Record<string, boolean>>({});
 let dialConfigs = $derived(
   Object.fromEntries(Object.entries(configs).filter(([key]) => enabled[key]))
 );
 
+$inspect(dialConfigs);
 let { children }: Props = $props();
 </script>
 

src/routes/+layout.ts

@@ -1 +1,2 @@
 export const prerender = true;
+export const ssr = false;