pnpm run format

Author: hhvrc

src/lib/components/Turnstile.svelte

@@ -14,11 +14,7 @@
     response: string | null;
   }
 
-  let {
-    action,
-    cData,
-    response = $bindable(),
-  }: Props = $props();
+  let { action, cData, response = $bindable() }: Props = $props();
 
   let element: HTMLDivElement;
 

src/lib/signalr/serializers/CaptivePortal.ts

@@ -1,6 +1,10 @@
 import type { HubConnection } from '@microsoft/signalr';
 
-export async function serializeCaptivePortalMessage(connection: HubConnection | null, deviceId: string, enabled: boolean) {
+export async function serializeCaptivePortalMessage(
+  connection: HubConnection | null,
+  deviceId: string,
+  enabled: boolean
+) {
   if (connection === null) return;
   await connection.send('CaptivePortal', deviceId, enabled);
 }

src/lib/signalr/serializers/OtaInstall.ts

@@ -1,6 +1,10 @@
 import type { HubConnection } from '@microsoft/signalr';
 
-export async function serializeOtaInstallMessage(connection: HubConnection | null, deviceId: string, version: string) {
+export async function serializeOtaInstallMessage(
+  connection: HubConnection | null,
+  deviceId: string,
+  version: string
+) {
   if (connection === null) return;
   await connection.send('OtaInstall', deviceId, version);
 }

src/lib/state/Breadcrumbs.svelte.ts

@@ -21,5 +21,5 @@ export const breadcrumbs = {
       };
     });
   },
-  clear: () => state = [],
-};
+  clear: () => (state = []),
+};

src/routes/(anonymous)/signup/+page.svelte

@@ -92,38 +92,44 @@
 
 <Container class="items-center">
   {#if !ack}
-    <div class="text-5xl font-semibold text-nowrap text-red-500">Do not use this frontend to register a new account, this is a WIP, please go to https://openshock.app</div>
-    <AbsolutelySureButton text="I acknowledge that I have read this message and that this frontend is not functional yet." onconfirm={() => (ack = true)} />
-    {:else}
-  <form class="flex flex-col gap-2" onsubmit={handleSubmission}>
-    <div class="text-3xl font-semibold text-nowrap">Sign Up</div>
-    <UsernameInput
-      label="Username"
-      placeholder="Username"
-      bind:value={username}
-      bind:valid={usernameValid}
+    <div class="text-5xl font-semibold text-nowrap text-red-500">
+      Do not use this frontend to register a new account, this is a WIP, please go to
+      https://openshock.app
+    </div>
+    <AbsolutelySureButton
+      text="I acknowledge that I have read this message and that this frontend is not functional yet."
+      onconfirm={() => (ack = true)}
     />
-    <EmailInput label="Email" placeholder="Email" bind:value={email} bind:valid={emailValid} />
-    <PasswordInput
-      label="Password"
-      placeholder="Password"
-      autocomplete="new-password"
-      bind:value={password}
-      bind:valid={passwordValid}
-      validate
-      showStrengthMeter
-    />
-    <PasswordInput
-      label="Confirm Password"
-      placeholder="Confirm Password"
-      autocomplete="new-password"
-      bind:value={passwordConfirm}
-      validate={validatePasswordMatch(passwordConfirm, password)}
-    />
-
-    <Turnstile action="signup" bind:response={turnstileResponse} />
-
-    <Button type="submit" disabled={!canSubmit}>Sign Up</Button>
-  </form>
+  {:else}
+    <form class="flex flex-col gap-2" onsubmit={handleSubmission}>
+      <div class="text-3xl font-semibold text-nowrap">Sign Up</div>
+      <UsernameInput
+        label="Username"
+        placeholder="Username"
+        bind:value={username}
+        bind:valid={usernameValid}
+      />
+      <EmailInput label="Email" placeholder="Email" bind:value={email} bind:valid={emailValid} />
+      <PasswordInput
+        label="Password"
+        placeholder="Password"
+        autocomplete="new-password"
+        bind:value={password}
+        bind:valid={passwordValid}
+        validate
+        showStrengthMeter
+      />
+      <PasswordInput
+        label="Confirm Password"
+        placeholder="Confirm Password"
+        autocomplete="new-password"
+        bind:value={passwordConfirm}
+        validate={validatePasswordMatch(passwordConfirm, password)}
+      />
+
+      <Turnstile action="signup" bind:response={turnstileResponse} />
+
+      <Button type="submit" disabled={!canSubmit}>Sign Up</Button>
+    </form>
   {/if}
 </Container>

src/routes/(authenticated)/home/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import Container from '$lib/components/Container.svelte';
   import { breadcrumbs } from '$lib/state/Breadcrumbs.svelte';
+
   breadcrumbs.push('Home', '/home');
 </script>
 

src/routes/(authenticated)/hubs/+page.svelte

@@ -7,13 +7,13 @@
   import Button from '$lib/components/ui/button/button.svelte';
   import * as Card from '$lib/components/ui/card';
   import { IsMobile } from '$lib/hooks/is-mobile.svelte';
+  import { breadcrumbs } from '$lib/state/Breadcrumbs.svelte';
   import { OnlineHubsStore, OwnHubsStore, refreshOwnHubs } from '$lib/stores/HubsStore';
   import { SemVer } from 'semver';
   import { onMount } from 'svelte';
   import { type Hub, columns } from './columns';
   import DataTableActions from './data-table-actions.svelte';
   import HubCreateDialog from './dialog-hub-create.svelte';
-  import { breadcrumbs } from '$lib/state/Breadcrumbs.svelte';
 
   const isMobile = new IsMobile();
 

src/routes/Breadcrumb.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import * as Breadcrumb from "$lib/components/ui/breadcrumb";
-  import { breadcrumbs } from "$lib/state/Breadcrumbs.svelte";
+  import * as Breadcrumb from '$lib/components/ui/breadcrumb';
+  import { breadcrumbs } from '$lib/state/Breadcrumbs.svelte';
 </script>
 
 {#if breadcrumbs.State.length > 0}
@@ -22,4 +22,4 @@
       {/each}
     </Breadcrumb.List>
   </Breadcrumb.Root>
-{/if}
+{/if}

src/routes/Header.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import PanelLeft from '@lucide/svelte/icons/panel-left';
   import { goto } from '$app/navigation';
+  import type { Pathname } from '$app/types';
   import { PUBLIC_DISCORD_INVITE_URL, PUBLIC_GITHUB_PROJECT_URL } from '$env/static/public';
   import LightSwitch from '$lib/components/LightSwitch.svelte';
   import DiscordIcon from '$lib/components/svg/DiscordIcon.svelte';
@@ -11,7 +12,6 @@
   import { UserStore } from '$lib/stores/UserStore';
   import { cn } from '$lib/utils';
   import Breadcrumb from './Breadcrumb.svelte';
-  import type { Pathname } from '$app/types';
 
   let sidebar = useSidebar();
 </script>

src/routes/Sidebar.svelte

@@ -16,6 +16,7 @@
     Zap,
   } from '@lucide/svelte';
   import { page } from '$app/state';
+  import type { Pathname } from '$app/types';
   import { RoleType } from '$lib/api/internal/v1';
   import {
     Content,
@@ -36,7 +37,6 @@
   import type { AnyComponent } from '$lib/types/AnyComponent';
   import { isMobile, isSerialSupported } from '$lib/utils/compatibility';
   import { Collapsible } from 'bits-ui';
-  import type { Pathname } from '$app/types';
 
   let currentUser = $derived($UserStore.self);