refactor next part

src/lib/components/refactor/ComposerCharly.svelte

@@ -16,28 +16,20 @@
 		createMessage(messageData);
 	}
 
-	let todos;
+	function subscribeAndMapQueries(queryMap) {
-	queryTodos.subscribe((value) => {
+		Object.entries(queryMap).forEach(([name, query]) => {
-		todos = value;
+			query.subscribe((value) => {
-	});
+				if (value) {
-
+					coreServices.mutateStore(me.id, { [name]: value });
-	let messages;
+				}
-	queryMessages.subscribe((value) => {
+			});
-		messages = value;
-	});
-
-	$: {
-		const queryMap = {
-			todos: todos,
-			messages: messages
-		};
-
-		Object.entries(queryMap).forEach(([name, data]) => {
-			if (data) {
-				coreServices.mutateStore(me.id, { [name]: data });
-			}
 		});
 	}
+
+	subscribeAndMapQueries({
+		todos: queryTodos,
+		messages: queryMessages
+	});
 </script>
 
 <div class="flex flex-col h-screen">

src/lib/core/refactor/queryLoader.ts

@@ -3,7 +3,7 @@ import { writable } from 'svelte/store';
 import dataSources from 'virtual:data-sources-list';
 
 // The store that holds the data sets
-export const dataStore = writable({});
+export const queryStore = writable({});
 
 // Dynamically import the data modules and assign them to the store
 dataSources.forEach(src => {
@@ -11,6 +11,6 @@ dataSources.forEach(src => {
         // Here, explicitly extract the required data or function from the module
         const moduleData = module[src] || module.default;
 
-        dataStore.update(store => ({ ...store, [src]: moduleData }));
+        queryStore.update(store => ({ ...store, [src]: moduleData }));
     });
 });