feat(ceremony): save auto

ceremony/src/lib/stores/persisted.ts

@@ -0,0 +1,21 @@
+import { writable } from "svelte/store"
+
+export function persistedWritable<T>(key: string, data: T) {
+  const { subscribe, set, update } = writable(data)
+  const isBrowser = typeof window !== "undefined"
+
+  return {
+    set,
+    update,
+    subscribe,
+    useLocalStorage: () => {
+      const json = localStorage.getItem(key)
+      if (!json) return
+      if (json) set(JSON.parse(json) as T)
+
+      subscribe(current => {
+        localStorage.setItem(key, JSON.stringify(current))
+      })
+    }
+  }
+}

ceremony/src/routes/app/+page.svelte

@@ -42,6 +42,19 @@
   let {data: contribute, isLoading: contributeLoading, error: contributeError} = $derived($contributionQuery)
   let {data: client, isLoading: clientLoading, error: clientError} = $derived($clientQuery)
 
+  //TODO SAVE IN LOCAL STORAGE AND ADD INFO TEXT ABOUT HAVING THE BROWSER OPEN
+  let auto = $state(false)
+
+  $effect(() => {
+    if(auto) {
+      if(contribute?.canContribute && contribute?.shouldContribute) {
+        if (client) {
+          start()
+        }
+      }
+    }
+  })
+
 </script>
 
 
@@ -71,11 +84,11 @@
       <Spinner class="size-4 text-red-500"/>
     {:else if client}
       <Text>{client.status}</Text>
-      <H2>You can contribute</H2>
       <Button onclick={start}>Contribute</Button>
     {:else}
       <Text>Waiting for client...</Text>
     {/if}
+    <Text>Auto contribute<Button onclick={() => auto = true}>{auto}</Button></Text>
 
   {:else if contribute?.isVerifying}