Automatic connect to moonraker in 5 sec interval

freakydude · Nov 29, 2023 · f436924 · f436924
1 parent df42732
commit f436924
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 9 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -14,8 +14,20 @@
   let isConnected = client.isConnected;
   let klippyState = moonraker.klippyState.state;
   let isFullscreen = bootParams.fullscreen;
+  let wsUrl = bootParams.moonrakerWs;
+  let interval: NodeJS.Timeout;
 
   $: {
+    if ($isConnected) {
+      clearInterval(interval);
+    } else {
+      clearInterval(interval);
+      interval = setInterval(async () => {
+        //await moonraker.disconnect();
+        await moonraker.connect($wsUrl);
+      }, 5000);
+    }
+
     if ($isConnected === false || $klippyState !== 'ready') {
       goto('/');
     }

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -2,7 +2,7 @@
   import { bootParams, client, commands, moonraker } from '$lib/base.svelte';
 
   let wsUrl = bootParams.moonrakerWs;
-
+  let apiUrl = bootParams.moonrakerApi;
   let isConnected = client.isConnected;
   let klippyState = moonraker.klippyState.state;
   let klippyStateMessage = moonraker.klippyState.message;
@@ -52,7 +52,15 @@
         {:else}
           <tr>
             <td class="pr-2 text-end text-neutral-100">Moonraker</td>
-            <td class="text-purple-600">Disconnected </td>
+            <td class="text-purple-600">Connecting</td>
+          </tr>
+          <tr>
+            <td class="pr-2 text-end text-neutral-100">Api</td>
+            <td class="text-neutral-400">{$apiUrl}</td>
+          </tr>
+          <tr>
+            <td class="pr-2 text-end text-neutral-100">Websocket</td>
+            <td class="text-neutral-400">{$wsUrl}</td>
           </tr>
         {/if}
       </table>
@@ -86,13 +94,6 @@
           class="flex h-14 items-center justify-center rounded-l-lg bg-neutral-700 px-3 py-2 font-semibold text-neutral-50 drop-shadow-md active:bg-red-500"
           >Printer State</a>
       {/if}
-    {:else}
-      <button
-        class="flex h-14 items-center justify-center rounded-l-lg bg-neutral-700 px-3 py-2 font-semibold text-neutral-50 drop-shadow-md active:bg-red-500"
-        on:click|preventDefault="{async () => {
-          await moonraker.disconnect();
-          await moonraker.connect($wsUrl);
-        }}">Connect</button>
     {/if}
   </div>
 </div>