feat(composite): enhance service loading for multiple exports

src/lib/components/Composite.svelte

@@ -72,7 +72,6 @@
 		}
 		return null;
 	}
-
 	async function getServiceProps(component) {
 		const loadedServices = [];
 		if (component.services) {
@@ -89,15 +88,15 @@
 
 <div class="grid w-full h-full" style="display: grid; {componentsData.layout || ''}">
 	{#each componentsData.children as component (component.id)}
-		{#await Promise.all( [getComponent(component.componentName), getServiceProps(component)] ) then [Component, loadedServices]}
+		{#await Promise.all( [getComponent(component.componentName), getServiceProps(component)] ) then [Component, serviceProps]}
 			{#if Component}
 				<div class="w-full h-full overflow-hidden {component.slot}">
 					<svelte:component
 						this={Component}
 						id={component.id}
 						{...component.props}
-						{...loadedServices.reduce((acc, currFn, idx) => {
+						{...serviceProps.reduce((acc, currServiceModule, idx) => {
-							acc[component.services[idx]] = currFn;
+							acc[component.services[idx]] = currServiceModule;
 							return acc;
 						}, {})}
 					/>

src/lib/components/GoogleAuth.svelte

@@ -31,6 +31,7 @@
 	onMount(async () => {
 		try {
 			provider = await setupLitProvider.setupLitProvider();
+			setupLitProvider.alertMe();
 
 			logMessage('Component mounted.');
 

src/lib/components/HelloEarth/HelloEarth.svelte

@@ -7,10 +7,7 @@
 	const store = getComponentStore(id);
 	$: console.log('store:', $store);
 
-	export let messages;
-
 	onMount(async () => {
-		console.log('messages: ' + JSON.stringify(messages));
 		console.log('hello Earth');
 	});
 </script>

src/lib/services/provider/setupLitProvider.ts

@@ -28,3 +28,7 @@ export async function setupLitProvider() {
 
     return provider;
 }
+
+export function alertMe() {
+    alert("hello")
+}

src/lib/servicesLoader.ts

@@ -4,7 +4,7 @@ const services = {};
 
 serviceNames.forEach(path => {
     const name = path.split('/').pop().replace('.ts', '');  // Extract just the file name from the path without .ts
-    services[name] = () => import(/* @vite-ignore */ `/src/lib/services/${path}`);
+    services[name] = () => import(/* @vite-ignore */ `/src/lib/services/${path}`).then(mod => mod);
 });
 
 export default services;

src/routes/+page.svelte

@@ -13,8 +13,7 @@
 			{
 				id: 'authsig',
 				componentName: 'HelloEarth',
-				slot: 'hello',
+				slot: 'hello'
-				services: ['messages']
 			},
 			// {
 			// 	id: 'wallet1',