From 3f024283ef0b00638342604682cb76c238b50876 Mon Sep 17 00:00:00 2001
From: Samuel Andert <samuel@ora.earth>
Date: Mon, 24 Jul 2023 10:36:55 +0200
Subject: [PATCH] feat(provider): Enhance provider setup with meaningful
 logging

- Introduced detailed system-level logging for provider initialization and configuration stages.
- Adjusted path references for accurate message sourcing.
- Abstracted walletConnectId for improved modularity.
---
 src/lib/Provider.svelte            | 69 ----------------------
 src/lib/components/Messages.svelte |  2 +-
 src/lib/services/provider.ts       | 91 ++++++++++++++++++++++++++++++
 src/routes/+layout.svelte          | 16 ++++--
 4 files changed, 104 insertions(+), 74 deletions(-)
 delete mode 100644 src/lib/Provider.svelte
 create mode 100644 src/lib/services/provider.ts

diff --git a/src/lib/Provider.svelte b/src/lib/Provider.svelte
deleted file mode 100644
index 47303bf..0000000
--- a/src/lib/Provider.svelte
+++ /dev/null
@@ -1,69 +0,0 @@
-<script>
-	import { configureChains, createConfig } from '@wagmi/core';
-	import { gnosis } from '@wagmi/core/chains';
-	import { publicProvider } from '@wagmi/core/providers/public';
-	import { InjectedConnector } from '@wagmi/core/connectors/injected';
-	import { WalletConnectConnector } from '@wagmi/core/connectors/walletConnect';
-	import { jsonRpcProvider } from '@wagmi/core/providers/jsonRpc';
-
-	import { onMount } from 'svelte';
-
-	const chronicleChain = {
-		id: 175177,
-		name: 'Chronicle',
-		network: 'chronicle',
-
-		nativeCurrency: {
-			decimals: 18,
-			name: 'Chronicle - Lit Protocol Testnet',
-			symbol: 'LIT'
-		},
-		rpcUrls: {
-			default: {
-				http: ['https://chain-rpc.litprotocol.com/http']
-			},
-			public: {
-				http: ['https://chain-rpc.litprotocol.com/http']
-			}
-		},
-		blockExplorers: {
-			default: {
-				name: 'Chronicle - Lit Protocol Testnet',
-				url: 'https://chain.litprotocol.com'
-			}
-		},
-		testnet: true
-	};
-
-	const { chains, publicClient } = configureChains(
-		[chronicleChain, gnosis],
-		[
-			jsonRpcProvider({
-				rpc: (chain) => ({ http: chain.rpcUrls.default.http[0] })
-			}),
-			jsonRpcProvider({
-				rpc: () => ({
-					http: `https://rpc.gnosischain.com/`,
-					wss: `wss://rpc.gnosischain.com/wss`
-				})
-			}),
-			publicProvider()
-		]
-	);
-
-	onMount(() => {
-		createConfig({
-			autoConnect: true,
-			connectors: [
-				new InjectedConnector({ chains }),
-				new WalletConnectConnector({
-					chains,
-					options: {
-						projectId: '7db8ca514b865088d90cebec1bf28318'
-					}
-				})
-			],
-			publicClient
-		});
-	});
-</script>
diff --git a/src/lib/components/Messages.svelte b/src/lib/components/Messages.svelte
index 65894d4..f9b7471 100644
--- a/src/lib/components/Messages.svelte
+++ b/src/lib/components/Messages.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { messages, createMessage } from '$lib/services/messages';
+	import { messages } from '$lib/services/messages';
 	import { onMount, afterUpdate } from 'svelte';
 	import Composite from './Composite.svelte';
 
diff --git a/src/lib/services/provider.ts b/src/lib/services/provider.ts
new file mode 100644
index 0000000..fd6cf97
--- /dev/null
+++ b/src/lib/services/provider.ts
@@ -0,0 +1,91 @@
+import { configureChains, createConfig } from '@wagmi/core';
+import { gnosis } from '@wagmi/core/chains';
+import { publicProvider } from '@wagmi/core/providers/public';
+import { InjectedConnector } from '@wagmi/core/connectors/injected';
+import { WalletConnectConnector } from '@wagmi/core/connectors/walletConnect';
+import { jsonRpcProvider } from '@wagmi/core/providers/jsonRpc';
+import { createMessage } from '$lib/services/messages';
+
+export interface ProviderData {
+	walletConnectId: string;
+}
+
+
+
+const chronicleChain = {
+	id: 175177,
+	name: 'Chronicle',
+	network: 'chronicle',
+
+	nativeCurrency: {
+		decimals: 18,
+		name: 'Chronicle - Lit Protocol Testnet',
+		symbol: 'LIT'
+	},
+	rpcUrls: {
+		default: {
+			http: ['https://chain-rpc.litprotocol.com/http']
+		},
+		public: {
+			http: ['https://chain-rpc.litprotocol.com/http']
+		}
+	},
+	blockExplorers: {
+		default: {
+			name: 'Chronicle - Lit Protocol Testnet',
+			url: 'https://chain.litprotocol.com'
+		}
+	},
+	testnet: true
+};
+
+export function initProvider(data: ProviderData) {
+	createMessage({
+		text: 'Provider setup initialization started...',
+		sender: '$lib/services/provider.ts',
+		type: 'SYSTEM'
+	});
+
+	const { chains, publicClient } = configureChains(
+		[chronicleChain, gnosis],
+		[
+			jsonRpcProvider({
+				rpc: (chain) => ({ http: chain.rpcUrls.default.http[0] })
+			}),
+			jsonRpcProvider({
+				rpc: () => ({
+					http: `https://rpc.gnosischain.com/`,
+					wss: `wss://rpc.gnosischain.com/wss`
+				})
+			}),
+			publicProvider()
+		]
+	);
+
+	createMessage({
+		text: 'Chains configured successfully...',
+		sender: '$lib/services/provider.ts',
+		type: 'SYSTEM'
+	});
+
+	createConfig({
+		autoConnect: true,
+		connectors: [
+			new InjectedConnector({ chains }),
+			new WalletConnectConnector({
+				chains,
+				options: {
+					projectId: data.walletConnectId
+				}
+			})
+		],
+		publicClient
+	});
+
+	createMessage({
+		text: 'Provider configuration created and autoConnect enabled...',
+		sender: '$lib/services/provider.ts',
+		type: 'SYSTEM'
+	});
+}
+
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index fab569f..19647b5 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,10 +1,18 @@
 <script>
 	import '../app.css';
-	import Provider from '$lib/Provider.svelte';
+	import { initProvider } from '$lib/services/provider.ts';
+	import { onMount } from 'svelte';
+
+	/** @type {import('$lib/services/provider.ts').ProviderData} */
+	const providerData = {
+		walletConnectId: import.meta.env.VITE_WALLETCONNECT_ID
+	};
+
+	onMount(() => {
+		initProvider(providerData);
+	});
 </script>
 
-<Provider />
-
-<div class="w-screen h-screen overflow-hidden relative">
+<div class="relative w-screen h-screen overflow-hidden">
 	<slot />
 </div>