From 9bb780cd960ab06d144fdf63d5c73fe6c0fed88b Mon Sep 17 00:00:00 2001
From: Samuel Andert <samuel@ora.earth>
Date: Fri, 4 Aug 2023 18:23:36 +0200
Subject: [PATCH] moveing dynamic svelte store queries to xstate

---
 .../components/refactor/ComposerCharly.svelte | 18 ------------
 .../components/refactor/ComposerWrap.svelte   | 29 ++++++++++++++-----
 2 files changed, 22 insertions(+), 25 deletions(-)

diff --git a/src/lib/components/refactor/ComposerCharly.svelte b/src/lib/components/refactor/ComposerCharly.svelte
index 0856da6..ee01fa1 100644
--- a/src/lib/components/refactor/ComposerCharly.svelte
+++ b/src/lib/components/refactor/ComposerCharly.svelte
@@ -1,7 +1,4 @@
 <script>
-	import { coreServices } from '$lib/core/refactor/coreServices';
-	import { queryMessages } from '$lib/data/queryMessages';
-	import { queryTodos } from '$lib/data/queryTodos';
 	import { createMessage } from '$lib/services/messages/messages';
 	export let me;
 	export let data;
@@ -15,21 +12,6 @@
 		};
 		createMessage(messageData);
 	}
-
-	function subscribeAndMapQueries(queryMap) {
-		Object.entries(queryMap).forEach(([name, query]) => {
-			query.subscribe((value) => {
-				if (value) {
-					coreServices.mutateStore(me.id, { [name]: value });
-				}
-			});
-		});
-	}
-
-	subscribeAndMapQueries({
-		todos: queryTodos,
-		messages: queryMessages
-	});
 </script>
 
 <div class="flex flex-col h-screen">
diff --git a/src/lib/components/refactor/ComposerWrap.svelte b/src/lib/components/refactor/ComposerWrap.svelte
index 582fe73..7144b8d 100644
--- a/src/lib/components/refactor/ComposerWrap.svelte
+++ b/src/lib/components/refactor/ComposerWrap.svelte
@@ -1,9 +1,8 @@
 <script lang="ts">
 	import Composer from '$lib/core/refactor/Composer.svelte';
-	import { assign } from 'xstate';
 	import { queryMessages } from '$lib/data/queryMessages';
-	import { get } from 'svelte/store';
 	import { coreServices } from '$lib/core/refactor/coreServices';
+	import { queryTodos } from '$lib/data/queryTodos';
 
 	let composer = {
 		id: 'ComposerParent',
@@ -31,15 +30,31 @@
 				id: 'ComposerCharly',
 				component: 'ComposerCharly',
 				slot: 'aside',
+				// data: {
+				// 	queries: {
+				// 		todos: queryTodos,
+				// 		messages: queryMessages
+				// 	}
+				// },
 				machine: {
 					initial: 'LOADING',
-					// context: {
-					// 	hello: 'start',
-					// 	messages: []
-					// },
 					states: {
 						LOADING: {
-							entry: () => {},
+							entry: () => {
+								function subscribeAndMapQueries(queryMap) {
+									Object.entries(queryMap).forEach(([name, query]) => {
+										query.subscribe((value) => {
+											if (value) {
+												coreServices.mutateStore('ComposerCharly', { [name]: value });
+											}
+										});
+									});
+								}
+								return subscribeAndMapQueries({
+									todos: queryTodos,
+									messages: queryMessages
+								});
+							},
 							on: {
 								TOGGLE: {
 									target: 'READY'