From 159a7ad6308be24d6c4eecbbf31c3e6c507a879e Mon Sep 17 00:00:00 2001
From: ByteAtATime <ByteAtATime@proton.me>
Date: Sat, 23 Mar 2024 19:52:47 -0700
Subject: [PATCH] onConnect listener

---
 src/lib/listeners.ts         | 14 ++++++++++++++
 src/routes/test/+page.svelte | 13 +++++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 src/lib/listeners.ts
 create mode 100644 src/routes/test/+page.svelte

diff --git a/src/lib/listeners.ts b/src/lib/listeners.ts
new file mode 100644
index 0000000..3bdb41f
--- /dev/null
+++ b/src/lib/listeners.ts
@@ -0,0 +1,14 @@
+import { watchAccount } from "@wagmi/core";
+import { createConfig } from "./stores/config.svelte";
+import type { NotFunction } from "svelte";
+
+export const onConnect = <T>(fn: () => NotFunction<T> | Promise<NotFunction<T>> | (() => any)) => {
+  const config = createConfig();
+  watchAccount(config.result, {
+    onChange(account, prevAccount) {
+      if (account.isConnected && !prevAccount.isConnected) {
+        fn();
+      }
+    },
+  });
+};
diff --git a/src/routes/test/+page.svelte b/src/routes/test/+page.svelte
new file mode 100644
index 0000000..2b00754
--- /dev/null
+++ b/src/routes/test/+page.svelte
@@ -0,0 +1,13 @@
+<script>
+  import { createConnect } from "$lib";
+  import { injected } from "$lib/connectors";
+  import { onConnect } from "$lib/listeners";
+
+  onConnect(() => {
+    alert("Connected!");
+  });
+
+  const connect = createConnect();
+</script>
+
+<button on:click={() => connect.result.connect({ connector: injected() })}>Connect</button>