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,58 +1,68 @@
 <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 () => {
-		id: 'ComposerParent',
+		composer = await {
-		machine: {
+			id: 'ComposerParent',
-			initial: 'NOTREADY',
+			machine: {
-			states: {
+				initial: 'NOTREADY',
-				NOTREADY: {
+				states: {
-					on: { TOGGLE: 'READY' }
+					NOTREADY: {
-				},
+						on: { TOGGLE: 'READY' }
-				READY: {
+					},
-					on: { TOGGLE: 'NOTREADY' }
+					READY: {
-				}
+						on: { TOGGLE: 'NOTREADY' }
-			}
-		},
-		children: [
-			{
-				id: 'ComposerGraph',
-				component: 'ComposerGraph',
-				data: {
-					map: {
-						todos: queryTodos
 					}
-				},
+				}
-				machine: {
+			},
-					initial: 'LOADING',
+			children: [
-					states: {
+				{
-						LOADING: {
+					id: 'ComposerGraph',
-							on: {
+					component: 'ComposerGraph',
-								TOGGLE: {
+					data: {
-									target: 'READY'
+						map: {
-								}
+							todos: queryTodos
-							}
 						},
-						READY: {
+						gql: {
-							on: {
+							test: await $queryTest.data
-								TOGGLE: {
+						}
-									target: 'LOADING'
+					},
+					machine: {
+						initial: 'LOADING',
+						states: {
+							LOADING: {
+								on: {
+									TOGGLE: {
+										target: 'READY'
+									}
+								}
+							},
+							READY: {
+								on: {
+									TOGGLE: {
+										target: 'LOADING'
+									}
 								}
 							}
 						}
 					}
 				}
-			}
+			]
-		]
+		};
-	};
+	});
 </script>
 
-{JSON.stringify($queryTest.data, null, 2)}
+{#if $queryTest}
+	{JSON.stringify($queryTest.data, null, 2)}
+{/if}
 
 <Composer {composer} />