Further cleanup and fixing Wallet and GoogleAuth to the new Composer interface

src/lib/components/GoogleAuth.svelte

@@ -2,13 +2,13 @@
 	import { onMount } from 'svelte';
 	import { isSignInRedirect, getProviderFromUrl } from '@lit-protocol/lit-auth-client';
 	import type { IRelayPKP } from '@lit-protocol/types';
-	import { ProviderType } from '@lit-protocol/constants';
+	// import { ProviderType } from '@lit-protocol/constants';
 	import Icon from '@iconify/svelte';
 	import { createLitSession } from '$lib/services/createLitSession/createLitSession';
 	import Apps from '$lib/components/Apps.svelte';
+	import { connectProvider } from '$lib/services/provider/setupLit';
 
 	const redirectUri = 'http://localhost:5173/';
-	export let services;
 
 	let sessionSigs, error, currentPKP, authMethod, provider;
 	let log = '';
@@ -22,7 +22,7 @@
 	async function initialize() {
 		addToLog('Initialization...');
 		try {
-			provider = await services.setupLit.connectProvider();
+			provider = await connectProvider();
 			addToLog('Connected to Google provider.');
 			if (isSignInRedirect(redirectUri)) {
 				const providerName = getProviderFromUrl();
@@ -38,7 +38,7 @@
 	async function authWithGoogle() {
 		try {
 			if (!provider) {
-				provider = await services.setupLit.connectProvider();
+				provider = await connectProvider();
 				addToLog('Reconnected to Google provider.');
 			}
 			await provider.signIn();

src/lib/components/Messages.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { onMount, afterUpdate } from 'svelte';
-	import Composer from '$lib/core/refactor/Composer.svelte';
+	import Composer from '$lib/core/Composer.svelte';
 
 	export let me;
 

src/lib/components/Wallet/Wallet.svelte

@@ -1,28 +0,0 @@
-<script>
-	import { onMount } from 'svelte';
-	import { connectWallet } from '$lib/services/wallet/wallet';
-	import WalletConnect from '$lib/WalletConnect.svelte';
-	import Send from '$lib/Send.svelte';
-
-	// export let id;
-	export let store;
-	export let services;
-
-	onMount(async () => {
-		$store.pkpWallet = await connectWallet($store.pkpPubKey, $store.rpcURL);
-		services.core.updateStore({
-			'@wallet:pkpWallet': $store.pkpWallet
-		});
-	});
-</script>
-
-<div>
-	PkpWallet
-	{#if $store.pkpWallet}
-		<div class="mb-4 text-lg font-medium">
-			PKP Wallet: <span class="text-blue-600">{$store.pkpWallet.address}</span>
-		</div>
-		<Send pkpWallet={$store.pkpWallet} />
-	{/if}
-	<WalletConnect />
-</div>

src/lib/components/refactor/ComposerWallet.svelte

@@ -0,0 +1,23 @@
+<script>
+	import { onMount } from 'svelte';
+	import { connectWallet } from '$lib/services/wallet/wallet';
+	import WalletConnect from '$lib/WalletConnect.svelte';
+	import Send from '$lib/Send.svelte';
+
+	export let me;
+
+	onMount(async () => {
+		$me.context.pkpWallet = await connectWallet($me.context.pkpPubKey, $me.context.rpcURL);
+	});
+</script>
+
+<div>
+	<div class="mb-4 text-lg font-medium">
+		PKP Wallet:
+		{#if $me.context.pkpWallet}
+			<span class="text-blue-600">{$me.context.pkpWallet.address}</span>
+		{/if}
+	</div>
+	<Send pkpWallet={$me.context.pkpWallet} />
+	<WalletConnect />
+</div>

src/lib/core/Composer.svelte

@@ -77,7 +77,8 @@
 				core: coreServices,
 				state: component.machineService || null
 			},
-			data: component.data || {} // Add this line
+			data: component.data || {},
+			context: component.machine?.context || {} // Add context here
 		}));
 
 		if (component.children) {

src/routes/+layout.svelte

@@ -7,7 +7,7 @@
 	import { onMount } from 'svelte';
 
 	import { Drawer, drawerStore } from '@skeletonlabs/skeleton';
-	import Composer from '$lib/core/refactor/Composer.svelte';
+	import Composer from '$lib/core/Composer.svelte';
 
 	const providerData = {
 		walletConnectId: import.meta.env.VITE_WALLETCONNECT_ID

src/routes/+page.svelte

@@ -1,5 +1,5 @@
 <script>
-	import Composer from '$lib/core/refactor/Composer.svelte';
+	import Composer from '$lib/core/Composer.svelte';
 
 	let composer = {
 		id: 'login',

src/routes/composer/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Composer from '$lib/core/refactor/Composer.svelte';
+	import Composer from '$lib/core/Composer.svelte';
 	import { queryMessages } from '$lib/data/queryMessages';
 	import { queryTodos } from '$lib/data/queryTodos';
 

src/routes/composer/form/+page.svelte

@@ -1,7 +1,5 @@
 <script lang="ts">
-	import Composer from '$lib/core/refactor/Composer.svelte';
+	import Composer from '$lib/core/Composer.svelte';
-	import { queryMessages } from '$lib/data/queryMessages';
-	import { queryTodos } from '$lib/data/queryTodos';
 
 	let composer = {
 		id: 'FormContainer',

src/routes/composer/graphql/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Composer from '$lib/core/refactor/Composer.svelte';
+	import Composer from '$lib/core/Composer.svelte';
 	import { onMount } from 'svelte';
 	import type { PageData } from '../../test/$houdini';
 

src/routes/composer/queries/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Composer from '$lib/core/refactor/Composer.svelte';
+	import Composer from '$lib/core/Composer.svelte';
 	import { queryMessages } from '$lib/data/queryMessages';
 	import { queryTodos } from '$lib/data/queryTodos';
 

src/routes/composer/stateToState/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Composer from '$lib/core/refactor/Composer.svelte';
+	import Composer from '$lib/core/Composer.svelte';
 
 	let composer = {
 		id: 'StateToStateContainer',

src/routes/terminal/+page.svelte

@@ -1,5 +1,5 @@
 <script>
-	import Composer from '$lib/core/refactor/Composer.svelte';
+	import Composer from '$lib/core/Composer.svelte';
 	import { queryMessages } from '$lib/data/queryMessages';
 
 	let composer = {

src/routes/wallet/+page.svelte

@@ -1,14 +1,8 @@
 <script>
-	import Composer from '$lib/core/refactor/Composer.svelte';
+	import Composer from '$lib/core/Composer.svelte';
 
 	let composer = {
-		id: 'wallet',
+		id: 'ContainerWallet',
-		store: {
-			pkpWallet: '',
-			rpcURL: 'https://rpc.gnosischain.com/',
-			pkpPubKey:
-				'046da3ba67065fd1e2726242ca01cd4601524893f4aa4b0042578fa6cbec28fa8c9a28eb9f7893932fc09717edc9e1db57e157a21eed346247c1db5a722a01f571'
-		},
 		layout: {
 			areas: `
 				"top"
@@ -25,13 +19,18 @@
 			},
 			{
 				id: 'xyz',
-				component: 'Wallet',
+				component: 'ComposerWallet',
 				slot: 'main',
-				map: {
+				data: {
-					rpcURL: '@wallet:rpcURL',
+					map: {}
-					pkpPubKey: '@wallet:pkpPubKey',
+				},
-					pkpWallet: '@wallet:pkpWallet',
+				machine: {
-					todos: '@data:queryTodos'
+					context: {
+						pkpWallet: '',
+						rpcURL: 'https://rpc.gnosischain.com/',
+						pkpPubKey:
+							'046da3ba67065fd1e2726242ca01cd4601524893f4aa4b0042578fa6cbec28fa8c9a28eb9f7893932fc09717edc9e1db57e157a21eed346247c1db5a722a01f571'
+					}
 				}
 			},
 			{