fix buggy commit

src/lib/components/refactor/ComposerAlice.svelte

@@ -8,12 +8,11 @@
 	let childStore;
 
 	$: if (me.do) {
-		childStore = me.do.core.subscribeComposer('@ComposerBob');
+		childStore = me.do.subscribeComposer('@ComposerBob');
 	}
 
 	$: {
 		if ($childStore && $childStore.machine.state) {
-			console.log('ALICE machine service: ' + JSON.stringify(me.do.machine));
 			me.do.machine.send($childStore.machine.state);
 		}
 	}

src/lib/components/refactor/ComposerBob.svelte

@@ -4,9 +4,11 @@
 	export let machineService;
 
 	const handleButton = () => {
-		console.log('BOB machine service: ' + JSON.stringify(me.do.machine));
-		console.log('Sending TOGGLE event to the machine');
-		me.do.machine.send('TOGGLE');
+		if (me && me.do && me.do.machine) {
+			console.log('BOB machine service: ' + JSON.stringify(me.do.machine));
+			console.log('Sending TOGGLE event to the machine');
+			me.do.machine.send('TOGGLE');
+		}
 	};
 </script>
 

src/lib/core/refactor/Composer.svelte

@@ -35,12 +35,6 @@
 
 	let machineService;
 
-	let services: Record<string, any> = {
-		core: coreServices,
-		machine: null
-		// otherFutureService: null,
-	};
-
 	$: {
 		layoutStyle = computeLayoutStyle(composer?.layout);
 
@@ -53,30 +47,28 @@
 		}
 		if (composer?.machine) {
 			const machine = Machine({ ...composer.machine, id: composer.id });
-			let composerMachineService = interpret(machine).onTransition((state) => {
+			machineService = interpret(machine).onTransition((state) => {
 				getComposerStore(composer.id).update((storeValue) => ({
 					...storeValue,
 					machine: { state: state.value }
 				}));
 			});
-			composerMachineService.start();
-			composer.me.do.machine = composerMachineService;
-			composer.machineService = composerMachineService;
+			machineService.start();
+			composer.machineService = machineService;
 		}
 
 		if (composer?.children) {
 			composer.children.forEach((child) => {
 				if (child.machine) {
 					const childMachine = Machine({ ...child.machine, id: child.id });
-					let childMachineService = interpret(childMachine).onTransition((state) => {
+					machineService = interpret(childMachine).onTransition((state) => {
 						getComposerStore(child.id).update((storeValue) => ({
 							...storeValue,
 							machine: { state: state.value }
 						}));
 					});
-					childMachineService.start();
-					child.me.do.machine = childMachineService;
-					child.machineService = childMachineService;
+					machineService.start();
+					child.machineService = machineService;
 				}
 			});
 		}
@@ -117,16 +109,15 @@
 		}
 		return FallBack;
 	}
+
 	async function loadComponentAndService(component: IComposer) {
 		const componentName = component.component || 'FallBack';
-		let services = {
-			core: coreServices,
-			machine: component.machineService || null
-			// otherFutureService: null,
-		};
 		component.me = {
 			id: component.id,
-			do: services
+			do: {
+				...loadedServices.core,
+				machine: component.machineService || null
+			}
 		};
 		return await getComponent(componentName);
 	}
@@ -142,6 +133,8 @@
 			id={composer.id}
 			store={getComposerStore(composer.id)}
 			machine={composer.machine}
+			services={loadedServices}
+			machineService={child.machineService}
 			me={composer.me}
 		/>
 	{/await}
@@ -157,6 +150,8 @@
 						id={child.id}
 						store={getComposerStore(child.id)}
 						machine={child.machine}
+						services={loadedServices}
+						machineService={child.machineService}
 						me={child.me}
 					/>
 					{#if child.children && child.children.length}