added basic graphql mapping

src/lib/components/refactor/ComposerGraph.svelte

@@ -12,5 +12,10 @@
 				<p>{todo.text}</p>
 			{/each}
 		{/if}
+		<br />
+		dataTest:
+		{#if $me.x}
+			{JSON.stringify($me.x)}
+		{/if}
 	</section>
 </div>

src/lib/core/refactor/Composer.svelte

@@ -59,6 +59,15 @@
 			if (component.data?.map) {
 				subscribeAndMapQueries(component.id, component.data.map);
 			}
+			if (component.data?.gql) {
+				getComposerStore(component.id).update((storeValue) => ({
+					...storeValue,
+					x: {
+						...storeValue.x,
+						...component.data.gql
+					}
+				}));
+			}
 		}
 		getComposerStore(component.id).update((storeValue) => ({
 			...storeValue,

src/routes/graphql/+page.svelte

@@ -1,13 +1,17 @@
 <script lang="ts">
 	import type { PageData } from '../test/$houdini';
-	import Composer from '$lib/core/refactor/composer.svelte';
+	import Composer from '$lib/core/refactor/Composer.svelte';
 	import { queryTodos } from '$lib/data/queryTodos';
+	import { onMount } from 'svelte';
 
 	export let data: PageData;
 
+	let composer;
+
 	$: ({ queryTest } = data);
 
-	let composer = {
+	onMount(async () => {
+		composer = await {
 			id: 'ComposerParent',
 			machine: {
 				initial: 'NOTREADY',
@@ -27,6 +31,9 @@
 					data: {
 						map: {
 							todos: queryTodos
+						},
+						gql: {
+							test: await $queryTest.data
 						}
 					},
 					machine: {
@@ -51,8 +58,11 @@
 				}
 			]
 		};
+	});
 </script>
 
-{JSON.stringify($queryTest.data, null, 2)}
+{#if $queryTest}
+	{JSON.stringify($queryTest.data, null, 2)}
+{/if}
 
 <Composer {composer} />