GQLess svelte binding

autoQuery.ts

import { writable } from 'svelte/store'
import type { ResolveOptions } from 'gqless/src/Client/resolvers'
import { client, resolved } from '$gqless/index'
import type { Selection } from 'gqless'
import { onDestroy } from 'svelte'

export const queryStore = <T = unknown>(
	dataFn: () => T,
	opts?: ResolveOptions<T>
) => {
	const hookSelections = new Set<Selection>()
	const promise = resolved(dataFn, {
		...opts,
		onSelection: s => {
			opts?.onSelection?.(s)
			hookSelections.add(s)
		}
	})
  
	const res = writable(promise)
	const { eventHandler } = client

	const unsubscribeFetch = eventHandler.onCacheChangeSubscribe(
		({ selection, data }) => {
			if (hookSelections.has(selection)) {
				res.set(resolved(dataFn))
			}
		}
	)

	onDestroy(() => {
		unsubscribeFetch()
	})

	return res
}
  

TestComponent.svelte

<script lang="ts">
    import {queryStore} from "gqless-svelte/autoQuery";
    import {query} from "$gqless";

    const promise = queryStore(() => query.me.name)
</script>
{#await $promise then name}
    { name }
{/await}
<!-- It should update on mutations -->