+
+ +
+ {data()?.name}
+
+ + {data()?.species} +
++ {data()?.origin?.name} +
+
+
+
+ }
+ >
+
+
+ {item?.id ?? 0}. {item?.name}
+
+ {item?.species}
+ {item?.origin?.name}
+
+
+
{queryCached().now}
+ {queryUncached().now}
+
+ <>error boundary}>
+
+
+ );
+ });
+
+ await waitFor(() => getByText('error boundary'));
+
+ consoleMock.mockRestore();
+ });
+
+ it('should stay reactive for mutations', async () => {
+ const cache = new Cache(undefined, {
+ normalization: true,
+ });
+ const { createQuery, createMutation } = await createMockSolidClient({
+ client: {
+ cache,
+ mockData: {
+ dogs: { '1': { id: '1', name: 'Fido' } },
+ },
+ },
+ });
+
+ const { getByText } = render(() => {
+ const query = createQuery();
+ const rename = createMutation((mutation, name: string) => {
+ const dog = mutation.renameDog({ id: '1', name });
+
+ return { ...dog };
+ });
+
+ return (
+
+ );
+ });
+
+ await waitFor(() => getByText('Fido'));
+
+ await user.click(getByText('Fido'));
+
+ await waitFor(() => getByText('Rex'));
+ });
+
+ it('should refetch on reconnect', async () => {
+ let online = true;
+ const { navigator, window } = globalThis;
+ const navigatorMock = vi
+ .spyOn(navigator, 'onLine', 'get')
+ .mockImplementation(() => online);
+ const setOnline = (value: boolean) => {
+ online = value;
+ window.dispatchEvent(new Event(value ? 'online' : 'offline'));
+ };
+ const { createQuery } = await createMockSolidClient({
+ client: {
+ cache: new Cache(undefined, {
+ maxAge: 0,
+ staleWhileRevalidate: 5 * 30 * 1000,
+ }),
+ },
+ });
+
+ await testEffect((done) => {
+ const query = createQuery({ refetchOnReconnect: true });
+
+ let lastValue: string | undefined;
+
+ createEffect((run: number = 0) => {
+ const now = query().now;
+
+ switch (run) {
+ case 0:
+ expect(query.$state.loading).toBe(false);
+ expect(now).toBeUndefined();
+ break;
+ case 1:
+ expect(query.$state.loading).toBe(true);
+ expect(now).toBeUndefined();
+ break;
+ case 2:
+ expect(query.$state.loading).toBe(false);
+ expect(now).not.toBeUndefined();
+
+ lastValue = now;
+
+ setTimeout(() => {
+ setOnline(false);
+ setOnline(true);
+ }, 120);
+ break;
+ case 3:
+ expect(query.$state.loading).toBe(true);
+ break;
+ case 4:
+ expect(query.$state.loading).toBe(false);
+ expect(now).not.toBe(lastValue);
+ done();
+ break;
+ }
+
+ return run + 1;
+ });
+ });
+
+ navigatorMock.mockRestore();
+ });
+
+ it('should refetch on window visible', async () => {
+ let visible = true;
+ const { document } = globalThis;
+ const documentMock = vi
+ .spyOn(document, 'hidden', 'get')
+ .mockImplementation(() => !visible);
+ const setVisibility = (value: boolean) => {
+ visible = value;
+ document.dispatchEvent(new Event('visibilitychange'));
+ };
+ const { createQuery } = await createMockSolidClient({
+ client: {
+ cache: new Cache(undefined, {
+ maxAge: 0,
+ staleWhileRevalidate: 5 * 30 * 1000,
+ }),
+ },
+ });
+
+ await testEffect((done) => {
+ const query = createQuery({ refetchOnWindowVisible: true });
+
+ let lastValue: string | undefined;
+
+ createEffect((run: number = 0) => {
+ const now = query().now;
+
+ switch (run) {
+ case 0:
+ expect(query.$state.loading).toBe(false);
+ expect(now).toBeUndefined();
+ break;
+ case 1:
+ expect(query.$state.loading).toBe(true);
+ expect(now).toBeUndefined();
+ break;
+ case 2:
+ expect(query.$state.loading).toBe(false);
+ expect(now).not.toBeUndefined();
+
+ lastValue = now;
+
+ setTimeout(() => {
+ setVisibility(false);
+ setVisibility(true);
+ }, 120);
+ break;
+ case 3:
+ expect(query.$state.loading).toBe(true);
+ break;
+ case 4:
+ expect(query.$state.loading).toBe(false);
+ expect(now).not.toBe(lastValue);
+ done();
+ break;
+ }
+
+ return run + 1;
+ });
+ });
+
+ documentMock.mockRestore();
+ });
+});
diff --git a/packages/solid/src/query.ts b/packages/solid/src/query.ts
new file mode 100644
index 000000000..43b75606a
--- /dev/null
+++ b/packages/solid/src/query.ts
@@ -0,0 +1,306 @@
+import { debounceMicrotask } from 'debounce-microtasks';
+import { prepass, type BaseGeneratedSchema, type Client } from 'gqty';
+import createDeferred from 'p-defer';
+import {
+ batch,
+ createEffect,
+ createResource,
+ createSignal,
+ onCleanup,
+ onMount,
+} from 'solid-js';
+import type {
+ ArrowFunction,
+ CommonOptions,
+ DefaultOptions,
+ SolidClientOptions,
+} from '.';
+import { createIntervalEffect } from './createIntervalEffect';
+import { createOnlineSignal } from './createOnlineSignal';
+import { createWindowVisibleSignal } from './createWindowVisibleSignal';
+
+export type PrepareQueryHelpers