@dumbql/vue 0.0.2-rc.3 → 0.0.3

package/README.md

@@ -1,21 +1,22 @@
 <p align="center">
-  <img src="../../../public/logos/logo.png" alt="DumbQL" width="160"/>
+  <img src="https://raw.githubusercontent.com/DumbGQL/dumbql/main/projects/dumbql/vue/assets/logo.svg" alt="DumbQL Vue" width="160"/>
 </p>
 
 <h1 align="center">@dumbql/vue</h1>
 
-<p align="center"><b>Vue composables for @dumbql/client — useQuery, useMutation, useSubscription.</b></p>
+<p align="center"><b>Vue composables for @dumbql/client — useQuery, useMutation, useSubscription, useLiveQuery.</b></p>
 
 ---
 
 ## Features
 
 - **`createDumbqlPlugin(client)`** — Vue plugin to provide DumbqlClient
-- **`useQuery(document, variables?, options?)`** — reactive query composable
-- **`useMutation(document)`** — mutation composable
-- **`useSubscription(document, variables?, options?)`** — subscription composable
+- **`useQuery(document, options?)`** — reactive query composable with refetch, fetchMore, pollInterval
+- **`useMutation(document, options?)`** — mutation composable with update callback
+- **`useSubscription(document, options?)`** — subscription composable with onNext/onError
+- **`useLiveQuery(document, options?)`** — real-time query (HTTP fetch + WebSocket subscription)
 - **`useClient()`** — access DumbqlClient from anywhere
-- **Reactive refs** — `data`, `loading`, `error` are Vue refs
+- **Reactive refs** — `data`, `loading`, `error`, `errorCode` are Vue refs
 - **SSR support** — works with Vue's `onServerPrefetch`
 
 ## Install
@@ -34,7 +35,6 @@ import { createClient } from '@dumbql/client';
 const client = createClient({ endpoint: '/graphql' });
 const plugin = createDumbqlPlugin(client);
 
-// In your component:
 const GET_TODOS = gql`query Todos { todos { id title } }`;
 const { data, loading, error, refetch } = useQuery(GET_TODOS);
 </script>
@@ -48,15 +48,95 @@ const { data, loading, error, refetch } = useQuery(GET_TODOS);
 </template>
 ```
 
+## Composable API
+
+### useQuery
+
+```ts
+const { data, loading, error, errorCode, networkStatus, called, refetch, fetchMore } = useQuery(
+  document,
+  {
+    variables,
+    pollInterval,       // auto-polling in ms
+    skip,               // skip initial fetch
+    onCompleted,        // (data) => void
+    onError,            // (error, errorCode?) => void
+  },
+);
+```
+
+All result fields are Vue `Ref`s except `refetch` and `fetchMore`.
+
+| Field | Type | Description |
+|-------|------|-------------|
+| `data` | `Ref<TData \| null>` | Response data |
+| `loading` | `Ref<boolean>` | True during initial fetch or refetch |
+| `error` | `Ref<string \| null>` | Error message |
+| `errorCode` | `Ref<ErrorCode \| undefined>` | Typed error code |
+| `networkStatus` | `Ref<NetworkStatus>` | `'loading' \| 'ready' \| 'error' \| 'refetching' \| 'poll'` |
+| `called` | `Ref<boolean>` | True after first execution |
+| `refetch` | `(vars?) => Promise<GraphQLResult<T>>` | Re-fetch with optional new variables |
+| `fetchMore` | `(merge, vars?) => Promise<GraphQLResult<T>>` | Fetch more data and merge |
+
+### useMutation
+
+```ts
+const { data, loading, error, errorCode, called, mutate } = useMutation(
+  document,
+  {
+    variables,
+    onCompleted,   // (data) => void
+    onError,       // (error, errorCode?) => void
+    update,        // (cache, result) => void — update cache after success
+  },
+);
+
+mutate(variables);
+```
+
+### useSubscription
+
+```ts
+const { data, loading, error, errorCode } = useSubscription(
+  document,
+  {
+    variables,
+    wsEndpoint,       // default: derived from client endpoint
+    shouldSubscribe,  // default: true
+    onNext,           // (data) => void
+    onError,          // (error, errorCode?) => void
+    onComplete,       // () => void
+  },
+);
+```
+
+### useLiveQuery
+
+Real-time query that executes an initial HTTP fetch then subscribes to WebSocket updates.
+
+```ts
+const { data, loading, error, errorCode } = useLiveQuery(
+  document,
+  {
+    variables,
+    wsEndpoint,       // default: derived from client endpoint
+    shouldSubscribe,  // default: true
+    onCompleted,      // (data) => void
+    onError,          // (error, errorCode?) => void
+  },
+);
+```
+
 ## API Overview
 
 | Export | Description |
 |--------|-------------|
 | `createDumbqlPlugin(client)` | Vue plugin — installs the client globally |
 | `useClient()` | Access `DumbqlClient` from composition API |
-| `useQuery(doc, vars?, opts?)` | Reactive query → `{ data, loading, error, refetch }` |
-| `useMutation(doc)` | Mutation → `{ data, loading, error, mutate }` |
-| `useSubscription(doc, vars?, opts?)` | Subscription → `{ data, loading, error }` |
+| `useQuery(doc, opts?)` | Reactive query with refetch, fetchMore, pollInterval |
+| `useMutation(doc, opts?)` | Mutation with update callback |
+| `useSubscription(doc, opts?)` | Subscription with onNext/onError |
+| `useLiveQuery(doc, opts?)` | Real-time query (fetch + WS) |
 
 ## Dependencies
 

package/lib/use-live-query.d.ts

@@ -0,0 +1,17 @@
+import { type Ref } from 'vue';
+import type { DocumentNode, TypedDocumentNode, ErrorCode } from '@dumbql/client';
+export interface UseLiveQueryOptions<TData> {
+    variables?: Record<string, unknown>;
+    wsEndpoint?: string;
+    shouldSubscribe?: boolean;
+    onCompleted?: (data: TData) => void;
+    onError?: (error: string, errorCode?: ErrorCode) => void;
+}
+export interface UseLiveQueryResult<TData> {
+    data: Ref<TData | null>;
+    loading: Ref<boolean>;
+    error: Ref<string | null>;
+    errorCode: Ref<ErrorCode | undefined>;
+}
+export declare function useLiveQuery<TData, TVariables extends Record<string, unknown> = Record<string, unknown>>(document: DocumentNode | TypedDocumentNode<TData, TVariables>, options?: UseLiveQueryOptions<TData>): UseLiveQueryResult<TData>;
+//# sourceMappingURL=use-live-query.d.ts.map

package/lib/use-live-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-live-query.d.ts","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-live-query.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIjF,MAAM,WAAW,mBAAmB,CAAC,KAAK;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1D;AAED,MAAM,WAAW,kBAAkB,CAAC,KAAK;IACvC,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACxB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1B,SAAS,EAAE,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;CACvC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtG,QAAQ,EAAE,YAAY,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,EAC7D,OAAO,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,GACnC,kBAAkB,CAAC,KAAK,CAAC,CA8G3B"}

package/lib/use-live-query.js

@@ -0,0 +1,98 @@
+import { ref, onMounted, onUnmounted } from 'vue';
+import { print } from '@dumbql/client';
+import { useClient } from './plugin';
+export function useLiveQuery(document, options) {
+    const client = useClient();
+    const variables = options?.variables;
+    const data = ref(null);
+    const loading = ref(true);
+    const error = ref(null);
+    const errorCode = ref(undefined);
+    const wsEndpoint = options?.wsEndpoint ?? client.endpoint.replace(/^http/, 'ws');
+    const shouldSubscribe = options?.shouldSubscribe ?? true;
+    const onCompleted = options?.onCompleted;
+    const onError = options?.onError;
+    let ws = null;
+    let cancelled = false;
+    onMounted(async () => {
+        loading.value = true;
+        const result = await client.query(document, variables);
+        if (cancelled)
+            return;
+        loading.value = false;
+        if (result.status === 'success') {
+            data.value = result.data;
+            error.value = null;
+            errorCode.value = undefined;
+            onCompleted?.(result.data);
+        }
+        else {
+            error.value = result.error;
+            errorCode.value = result.errorCode;
+            onError?.(result.error, result.errorCode);
+            return;
+        }
+        if (!shouldSubscribe)
+            return;
+        const queryStr = print(document);
+        ws = new WebSocket(wsEndpoint, 'graphql-transport-ws');
+        ws.onopen = () => {
+            ws.send(JSON.stringify({ type: 'connection_init' }));
+        };
+        ws.onmessage = (event) => {
+            if (cancelled)
+                return;
+            try {
+                const msg = JSON.parse(event.data);
+                switch (msg.type) {
+                    case 'connection_ack': {
+                        ws.send(JSON.stringify({
+                            type: 'subscribe',
+                            id: 'live1',
+                            payload: { query: queryStr, variables: variables ?? {} },
+                        }));
+                        break;
+                    }
+                    case 'next': {
+                        const payload = msg.payload;
+                        if (payload?.errors && payload.errors.length > 0) {
+                            error.value = payload.errors[0].message;
+                            errorCode.value = 'GRAPHQL_ERROR';
+                            onError?.(payload.errors[0].message, 'GRAPHQL_ERROR');
+                        }
+                        else if (payload?.data !== undefined) {
+                            data.value = payload.data;
+                            onCompleted?.(payload.data);
+                        }
+                        break;
+                    }
+                    case 'error': {
+                        error.value = 'Live query subscription error';
+                        errorCode.value = 'GRAPHQL_ERROR';
+                        onError?.('Live query subscription error', 'GRAPHQL_ERROR');
+                        break;
+                    }
+                }
+            }
+            catch {
+                // ignore malformed messages
+            }
+        };
+        ws.onerror = () => {
+            if (cancelled)
+                return;
+            error.value = 'WebSocket connection error';
+            errorCode.value = 'NETWORK_ERROR';
+            onError?.('WebSocket connection error', 'NETWORK_ERROR');
+        };
+    });
+    onUnmounted(() => {
+        cancelled = true;
+        if (ws) {
+            ws.close(1000, 'unsubscribe');
+            ws = null;
+        }
+    });
+    return { data, loading, error, errorCode };
+}
+//# sourceMappingURL=use-live-query.js.map

package/lib/use-live-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-live-query.js","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-live-query.ts"],"names":[],"mappings":"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"}

package/lib/use-mutation.d.ts

@@ -1,11 +1,20 @@
 import { type Ref } from 'vue';
-import type { DocumentNode, TypedDocumentNode, GraphQLResult } from '@dumbql/client';
+import type { DocumentNode, TypedDocumentNode, GraphQLResult, ErrorCode } from '@dumbql/client';
+import type { CacheStore } from '@dumbql/cache';
+export interface UseMutationOptions<TData, TVariables> {
+    variables?: TVariables;
+    onCompleted?: (data: TData) => void;
+    onError?: (error: string, errorCode?: ErrorCode) => void;
+    update?: (cache: CacheStore, result: GraphQLResult<TData>) => void;
+}
 export type UseMutationFn<TData, TVariables> = (variables?: TVariables) => Promise<GraphQLResult<TData>>;
 export interface UseMutationResult<TData, TVariables> {
     data: Ref<TData | null>;
     loading: Ref<boolean>;
     error: Ref<string | null>;
+    errorCode: Ref<ErrorCode | undefined>;
+    called: Ref<boolean>;
     mutate: UseMutationFn<TData, TVariables>;
 }
-export declare function useMutation<TData, TVariables extends Record<string, unknown> = Record<string, unknown>>(document: DocumentNode | TypedDocumentNode<TData, TVariables>): UseMutationResult<TData, TVariables>;
+export declare function useMutation<TData, TVariables extends Record<string, unknown> = Record<string, unknown>>(document: DocumentNode | TypedDocumentNode<TData, TVariables>, options?: UseMutationOptions<TData, TVariables>): UseMutationResult<TData, TVariables>;
 //# sourceMappingURL=use-mutation.d.ts.map

package/lib/use-mutation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-mutation.d.ts","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-mutation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGrF,MAAM,MAAM,aAAa,CAAC,KAAK,EAAE,UAAU,IAAI,CAC7C,SAAS,CAAC,EAAE,UAAU,KACnB,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AAEnC,MAAM,WAAW,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAClD,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACxB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1B,MAAM,EAAE,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;CAC1C;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrG,QAAQ,EAAE,YAAY,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,GAC5D,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,CAsBtC"}
+{"version":3,"file":"use-mutation.d.ts","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-mutation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,WAAW,kBAAkB,CAAC,KAAK,EAAE,UAAU;IACnD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACzD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,MAAM,MAAM,aAAa,CAAC,KAAK,EAAE,UAAU,IAAI,CAC7C,SAAS,CAAC,EAAE,UAAU,KACnB,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AAEnC,MAAM,WAAW,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAClD,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACxB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1B,SAAS,EAAE,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACtC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACrB,MAAM,EAAE,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;CAC1C;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrG,QAAQ,EAAE,YAAY,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,EAC7D,OAAO,CAAC,EAAE,kBAAkB,CAAC,KAAK,EAAE,UAAU,CAAC,GAC9C,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,CAqCtC"}

package/lib/use-mutation.js

@@ -1,24 +1,37 @@
 import { ref } from 'vue';
 import { useClient } from './plugin';
-export function useMutation(document) {
+export function useMutation(document, options) {
     const client = useClient();
     const data = ref(null);
     const loading = ref(false);
     const error = ref(null);
+    const errorCode = ref(undefined);
+    const called = ref(false);
     const mutate = async (variables) => {
         loading.value = true;
+        called.value = true;
         error.value = null;
+        errorCode.value = undefined;
         data.value = null;
-        const result = await client.mutate(document, variables);
+        const result = await client.mutate(document, variables ?? options?.variables);
         if (result.status === 'success') {
             data.value = result.data;
+            options?.onCompleted?.(result.data);
+            if (options?.update) {
+                const cache = client.getCacheService();
+                if (cache) {
+                    options.update(cache, result);
+                }
+            }
         }
         else {
             error.value = result.error;
+            errorCode.value = result.errorCode;
+            options?.onError?.(result.error, result.errorCode);
         }
         loading.value = false;
         return result;
     };
-    return { data, loading, error, mutate };
+    return { data, loading, error, errorCode, called, mutate };
 }
 //# sourceMappingURL=use-mutation.js.map

package/lib/use-mutation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mutation.js","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-mutation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAY,MAAM,KAAK,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAarC,MAAM,UAAU,WAAW,CACzB,QAA6D;IAE7D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,GAAG,CAAe,IAAI,CAAsB,CAAC;IAC1D,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;IAC3B,MAAM,KAAK,GAAG,GAAG,CAAgB,IAAI,CAAC,CAAC;IAEvC,MAAM,MAAM,GAAqC,KAAK,EAAE,SAAsB,EAAE,EAAE;QAChF,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;QACrB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAElB,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,MAAM,CAAoB,QAAQ,EAAE,SAAS,CAAC,CAAC;QAC3E,IAAI,MAAM,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YAChC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC7B,CAAC;QACD,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QACtB,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC1C,CAAC"}
+{"version":3,"file":"use-mutation.js","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-mutation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAY,MAAM,KAAK,CAAC;AAGpC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAsBrC,MAAM,UAAU,WAAW,CACzB,QAA6D,EAC7D,OAA+C;IAE/C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,GAAG,CAAe,IAAI,CAAsB,CAAC;IAC1D,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;IAC3B,MAAM,KAAK,GAAG,GAAG,CAAgB,IAAI,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,GAAG,CAAwB,SAAS,CAAC,CAAC;IACxD,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;IAE1B,MAAM,MAAM,GAAqC,KAAK,EAAE,SAAsB,EAAE,EAAE;QAChF,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;QACrB,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;QACnB,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAElB,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,MAAM,CAAoB,QAAQ,EAAE,SAAS,IAAK,OAAO,EAAE,SAAoC,CAAC,CAAC;QAE7H,IAAI,MAAM,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YAChC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;YACzB,OAAO,EAAE,WAAW,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACpC,IAAI,OAAO,EAAE,MAAM,EAAE,CAAC;gBACpB,MAAM,KAAK,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;gBACvC,IAAI,KAAK,EAAE,CAAC;oBACV,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;QACH,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAC3B,SAAS,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC;YACnC,OAAO,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;QACrD,CAAC;QAED,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QACtB,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAC7D,CAAC"}

package/lib/use-query.d.ts

@@ -1,10 +1,22 @@
 import { type Ref } from 'vue';
-import type { DocumentNode, TypedDocumentNode, GraphQLResult } from '@dumbql/client';
+import type { DocumentNode, TypedDocumentNode, GraphQLResult, ErrorCode } from '@dumbql/client';
+export interface UseQueryOptions<TData, TVariables> {
+    variables?: TVariables;
+    pollInterval?: number;
+    skip?: boolean;
+    onCompleted?: (data: TData) => void;
+    onError?: (error: string, errorCode?: ErrorCode) => void;
+}
+export type NetworkStatus = 'loading' | 'ready' | 'error' | 'refetching' | 'poll';
 export interface UseQueryResult<TData, TVariables extends Record<string, unknown>> {
     data: Ref<TData | null>;
     loading: Ref<boolean>;
     error: Ref<string | null>;
+    errorCode: Ref<ErrorCode | undefined>;
+    networkStatus: Ref<NetworkStatus>;
+    called: Ref<boolean>;
     refetch: (vars?: TVariables) => Promise<GraphQLResult<TData>>;
+    fetchMore: (merge: (prev: TData, next: TData) => TData, vars?: TVariables) => Promise<GraphQLResult<TData>>;
 }
-export declare function useQuery<TData, TVariables extends Record<string, unknown> = Record<string, unknown>>(document: DocumentNode | TypedDocumentNode<TData, TVariables>, variables?: TVariables): UseQueryResult<TData, TVariables>;
+export declare function useQuery<TData, TVariables extends Record<string, unknown> = Record<string, unknown>>(document: DocumentNode | TypedDocumentNode<TData, TVariables>, options?: UseQueryOptions<TData, TVariables>): UseQueryResult<TData, TVariables>;
 //# sourceMappingURL=use-query.d.ts.map

package/lib/use-query.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-query.d.ts","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-query.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGrF,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/E,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACxB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1B,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,KAAK,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;CAC/D;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClG,QAAQ,EAAE,YAAY,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,EAC7D,SAAS,CAAC,EAAE,UAAU,GACrB,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,CA8CnC"}
+{"version":3,"file":"use-query.d.ts","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhG,MAAM,WAAW,eAAe,CAAC,KAAK,EAAE,UAAU;IAChD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1D;AAED,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC;AAElF,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/E,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACxB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1B,SAAS,EAAE,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACtC,aAAa,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IAClC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACrB,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,KAAK,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,KAAK,KAAK,EAAE,IAAI,CAAC,EAAE,UAAU,KAAK,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;CAC7G;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClG,QAAQ,EAAE,YAAY,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,EAC7D,OAAO,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,GAC3C,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,CAmHnC"}

package/lib/use-query.js

@@ -1,46 +1,112 @@
-import { ref, onMounted, onUnmounted } from 'vue';
+import { ref, onMounted, onUnmounted, watch } from 'vue';
 import { useClient } from './plugin';
-export function useQuery(document, variables) {
+export function useQuery(document, options) {
     const client = useClient();
+    const variables = options?.variables;
+    const pollInterval = options?.pollInterval;
+    const skip = options?.skip ?? false;
+    const onCompleted = options?.onCompleted;
+    const onError = options?.onError;
     const data = ref(null);
-    const loading = ref(true);
+    const loading = ref(!skip);
     const error = ref(null);
+    const errorCode = ref(undefined);
+    const networkStatus = ref(skip ? 'ready' : 'loading');
+    const called = ref(false);
     let cancelled = false;
+    let pollTimer = null;
     let lastVars = variables;
-    const execute = async (vars) => {
+    const execute = async (vars, status) => {
+        if (skip)
+            return;
+        cancelled = false;
         loading.value = true;
-        error.value = null;
-        data.value = null;
+        networkStatus.value = status ?? 'loading';
+        called.value = true;
         lastVars = vars;
-        const result = await client.query(document, vars);
+        const result = await client.query(document, vars ?? variables);
         if (cancelled)
             return;
+        loading.value = false;
         if (result.status === 'success') {
             data.value = result.data;
+            error.value = null;
+            errorCode.value = undefined;
+            networkStatus.value = 'ready';
+            onCompleted?.(result.data);
         }
         else {
             error.value = result.error;
+            errorCode.value = result.errorCode;
+            networkStatus.value = 'error';
+            onError?.(result.error, result.errorCode);
         }
-        loading.value = false;
     };
     onMounted(() => {
-        execute(variables);
+        if (!skip) {
+            execute(variables);
+        }
+        if (pollInterval && pollInterval > 0 && !skip) {
+            pollTimer = setInterval(async () => {
+                networkStatus.value = 'poll';
+                const result = await client.query(document, variables);
+                loading.value = false;
+                if (result.status === 'success') {
+                    data.value = result.data;
+                    error.value = null;
+                    errorCode.value = undefined;
+                    networkStatus.value = 'ready';
+                    onCompleted?.(result.data);
+                }
+                else {
+                    error.value = result.error;
+                    errorCode.value = result.errorCode;
+                    networkStatus.value = 'error';
+                    onError?.(result.error, result.errorCode);
+                }
+            }, pollInterval);
+        }
+    });
+    watch(() => JSON.stringify(variables ?? {}), () => {
+        if (!skip) {
+            execute(variables);
+        }
     });
     const refetch = async (vars) => {
+        networkStatus.value = 'refetching';
         const result = await client.refetch(document, (vars ?? lastVars));
+        loading.value = false;
         if (result.status === 'success') {
             data.value = result.data;
             error.value = null;
+            errorCode.value = undefined;
+            networkStatus.value = 'ready';
+            onCompleted?.(result.data);
         }
         else {
-            data.value = null;
             error.value = result.error;
+            errorCode.value = result.errorCode;
+            networkStatus.value = 'error';
+            onError?.(result.error, result.errorCode);
+        }
+        return result;
+    };
+    const fetchMore = async (merge, vars) => {
+        networkStatus.value = 'refetching';
+        const result = await client.query(document, vars ?? lastVars);
+        if (result.status === 'success' && data.value) {
+            data.value = merge(data.value, result.data);
         }
+        networkStatus.value = 'ready';
         return result;
     };
     onUnmounted(() => {
         cancelled = true;
+        if (pollTimer) {
+            clearInterval(pollTimer);
+            pollTimer = null;
+        }
     });
-    return { data, loading, error, refetch };
+    return { data, loading, error, errorCode, networkStatus, called, refetch, fetchMore };
 }
 //# sourceMappingURL=use-query.js.map

package/lib/use-query.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-query.js","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,EAAY,MAAM,KAAK,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AASrC,MAAM,UAAU,QAAQ,CACtB,QAA6D,EAC7D,SAAsB;IAEtB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,GAAG,CAAe,IAAI,CAAsB,CAAC;IAC1D,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,KAAK,GAAG,GAAG,CAAgB,IAAI,CAAC,CAAC;IAEvC,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,IAAI,QAAQ,GAAG,SAAS,CAAC;IAEzB,MAAM,OAAO,GAAG,KAAK,EAAE,IAAiB,EAAE,EAAE;QAC1C,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;QACrB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,QAAQ,GAAG,IAAI,CAAC;QAEhB,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,KAAK,CAAoB,QAAQ,EAAE,IAAI,CAAC,CAAC;QACrE,IAAI,SAAS;YAAE,OAAO;QACtB,IAAI,MAAM,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YAChC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC7B,CAAC;QACD,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IACxB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,KAAK,EAAE,IAAiB,EAAE,EAAE;QAC1C,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,OAAO,CAAoB,QAAQ,EAAE,CAAC,IAAI,IAAI,QAAQ,CAAe,CAAC,CAAC;QACnG,IAAI,MAAM,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YAChC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;YACzB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;QACrB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC7B,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,WAAW,CAAC,GAAG,EAAE;QACf,SAAS,GAAG,IAAI,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"use-query.js","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-query.ts"],"names":[],"mappings":"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"}

package/lib/use-subscription.d.ts

@@ -1,12 +1,18 @@
 import { type Ref } from 'vue';
-import type { DocumentNode, TypedDocumentNode } from '@dumbql/client';
+import type { DocumentNode, TypedDocumentNode, ErrorCode } from '@dumbql/client';
+export interface UseSubscriptionOptions<TData> {
+    variables?: Record<string, unknown>;
+    wsEndpoint?: string;
+    shouldSubscribe?: boolean;
+    onNext?: (data: TData) => void;
+    onError?: (error: string, errorCode?: ErrorCode) => void;
+    onComplete?: () => void;
+}
 export interface UseSubscriptionResult<TData> {
     data: Ref<TData | null>;
     loading: Ref<boolean>;
     error: Ref<string | null>;
+    errorCode: Ref<ErrorCode | undefined>;
 }
-export declare function useSubscription<TData, TVariables extends Record<string, unknown> = Record<string, unknown>>(document: DocumentNode | TypedDocumentNode<TData, TVariables>, variables?: TVariables, options?: {
-    wsEndpoint?: string;
-    shouldSubscribe?: boolean;
-}): UseSubscriptionResult<TData>;
+export declare function useSubscription<TData, TVariables extends Record<string, unknown> = Record<string, unknown>>(document: DocumentNode | TypedDocumentNode<TData, TVariables>, options?: UseSubscriptionOptions<TData>): UseSubscriptionResult<TData>;
 //# sourceMappingURL=use-subscription.d.ts.map

package/lib/use-subscription.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-subscription.d.ts","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAItE,MAAM,WAAW,qBAAqB,CAAC,KAAK;IAC1C,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACxB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CAC3B;AAQD,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzG,QAAQ,EAAE,YAAY,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,EAC7D,SAAS,CAAC,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GACA,qBAAqB,CAAC,KAAK,CAAC,CA2E9B"}
+{"version":3,"file":"use-subscription.d.ts","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIjF,MAAM,WAAW,sBAAsB,CAAC,KAAK;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB,CAAC,KAAK;IAC1C,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACxB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1B,SAAS,EAAE,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;CACvC;AAQD,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzG,QAAQ,EAAE,YAAY,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,EAC7D,OAAO,CAAC,EAAE,sBAAsB,CAAC,KAAK,CAAC,GACtC,qBAAqB,CAAC,KAAK,CAAC,CA4F9B"}

package/lib/use-subscription.js

@@ -1,14 +1,19 @@
 import { ref, onMounted, onUnmounted } from 'vue';
 import { print } from '@dumbql/client';
 import { useClient } from './plugin';
-export function useSubscription(document, variables, options) {
+export function useSubscription(document, options) {
     const client = useClient();
+    const variables = options?.variables;
     const data = ref(null);
     const loading = ref(true);
     const error = ref(null);
+    const errorCode = ref(undefined);
     const wsEndpoint = options?.wsEndpoint ??
         client.endpoint.replace(/^http/, 'ws');
     const shouldSubscribe = options?.shouldSubscribe ?? true;
+    const onNext = options?.onNext;
+    const onError = options?.onError;
+    const onComplete = options?.onComplete;
     let ws = null;
     onMounted(() => {
         if (!shouldSubscribe)
@@ -16,6 +21,7 @@ export function useSubscription(document, variables, options) {
         loading.value = true;
         data.value = null;
         error.value = null;
+        errorCode.value = undefined;
         const queryStr = print(document);
         ws = new WebSocket(wsEndpoint);
         ws.onopen = () => {
@@ -34,19 +40,27 @@ export function useSubscription(document, variables, options) {
                 const msg = JSON.parse(event.data);
                 if (msg.type === 'next' && msg.payload) {
                     if (msg.payload.errors) {
-                        error.value = msg.payload.errors[0].message;
+                        const errMsg = msg.payload.errors[0].message;
+                        error.value = errMsg;
+                        errorCode.value = 'GRAPHQL_ERROR';
+                        onError?.(errMsg, 'GRAPHQL_ERROR');
                     }
                     else if (msg.payload.data) {
                         data.value = msg.payload.data;
+                        onNext?.(msg.payload.data);
                     }
                     loading.value = false;
                 }
                 else if (msg.type === 'error') {
-                    error.value = msg.payload?.errors?.[0]?.message ?? 'Subscription error';
+                    const errMsg = msg.payload?.errors?.[0]?.message ?? 'Subscription error';
+                    error.value = errMsg;
+                    errorCode.value = 'GRAPHQL_ERROR';
                     loading.value = false;
+                    onError?.(errMsg, 'GRAPHQL_ERROR');
                 }
                 else if (msg.type === 'complete') {
                     loading.value = false;
+                    onComplete?.();
                 }
             }
             catch {
@@ -54,8 +68,11 @@ export function useSubscription(document, variables, options) {
             }
         };
         ws.onerror = () => {
-            error.value = 'WebSocket connection error';
+            const errMsg = 'WebSocket connection error';
+            error.value = errMsg;
+            errorCode.value = 'NETWORK_ERROR';
             loading.value = false;
+            onError?.(errMsg, 'NETWORK_ERROR');
         };
         ws.onclose = () => {
             loading.value = false;
@@ -67,6 +84,6 @@ export function useSubscription(document, variables, options) {
             ws = null;
         }
     });
-    return { data, loading, error };
+    return { data, loading, error, errorCode };
 }
 //# sourceMappingURL=use-subscription.js.map

package/lib/use-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-subscription.js","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-subscription.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-subscription.js","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-subscription.ts"],"names":[],"mappings":"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"}

package/lib/use-suspense-query.d.ts

@@ -0,0 +1,11 @@
+import { type Ref } from 'vue';
+import type { DocumentNode, TypedDocumentNode } from '@dumbql/client';
+export interface UseSuspenseQueryResult<TData> {
+    data: Ref<TData | null>;
+    error: Ref<string | null>;
+    loading: Ref<boolean>;
+    promise: Promise<TData | undefined>;
+}
+export declare function useSuspenseQuery<TData, TVariables extends Record<string, unknown> = Record<string, unknown>>(document: DocumentNode | TypedDocumentNode<TData, TVariables>, variables?: TVariables): UseSuspenseQueryResult<TData>;
+export declare function useBackgroundQuery<TData, TVariables extends Record<string, unknown> = Record<string, unknown>>(document: DocumentNode | TypedDocumentNode<TData, TVariables>, variables?: TVariables): Promise<TData>;
+//# sourceMappingURL=use-suspense-query.d.ts.map

package/lib/use-suspense-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-suspense-query.d.ts","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-suspense-query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAiB,MAAM,gBAAgB,CAAC;AAGrF,MAAM,WAAW,sBAAsB,CAAC,KAAK;IAC3C,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1B,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1G,QAAQ,EAAE,YAAY,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,EAC7D,SAAS,CAAC,EAAE,UAAU,GACrB,sBAAsB,CAAC,KAAK,CAAC,CAiB/B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5G,QAAQ,EAAE,YAAY,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,EAC7D,SAAS,CAAC,EAAE,UAAU,GACrB,OAAO,CAAC,KAAK,CAAC,CAQhB"}

package/lib/use-suspense-query.js

@@ -0,0 +1,28 @@
+import { ref } from 'vue';
+import { useClient } from './plugin';
+export function useSuspenseQuery(document, variables) {
+    const client = useClient();
+    const data = ref(null);
+    const error = ref(null);
+    const loading = ref(true);
+    const promise = client.query(document, variables).then((result) => {
+        loading.value = false;
+        if (result.status === 'error') {
+            error.value = result.error;
+            return undefined;
+        }
+        data.value = result.data;
+        return result.data;
+    });
+    return { data, error, loading, promise };
+}
+export function useBackgroundQuery(document, variables) {
+    const client = useClient();
+    return client.query(document, variables).then((result) => {
+        if (result.status === 'error') {
+            throw result;
+        }
+        return result.data;
+    });
+}
+//# sourceMappingURL=use-suspense-query.js.map

package/lib/use-suspense-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-suspense-query.js","sourceRoot":"","sources":["../../../../projects/dumbql/vue/src/lib/use-suspense-query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAY,MAAM,KAAK,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AASrC,MAAM,UAAU,gBAAgB,CAC9B,QAA6D,EAC7D,SAAsB;IAEtB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,GAAG,CAAe,IAAI,CAAsB,CAAC;IAC1D,MAAM,KAAK,GAAG,GAAG,CAAgB,IAAI,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;IAE1B,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAoB,QAAQ,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;QACnF,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QACtB,IAAI,MAAM,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;YAC9B,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAC3B,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;QACzB,OAAO,MAAM,CAAC,IAAI,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,QAA6D,EAC7D,SAAsB;IAEtB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,MAAM,CAAC,KAAK,CAAoB,QAAQ,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;QAC1E,IAAI,MAAM,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;YAC9B,MAAM,MAAM,CAAC;QACf,CAAC;QACD,OAAO,MAAM,CAAC,IAAI,CAAC;IACrB,CAAC,CAAC,CAAC;AACL,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dumbql/vue",
-  "version": "0.0.2-rc.3",
+  "version": "0.0.3",
   "description": "Vue composables for @dumbql/client — useQuery, useMutation, useSubscription",
   "keywords": [
     "vue",
@@ -25,7 +25,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "vue": "^3.0.0",
-    "@dumbql/client": "^0.0.1",
+    "@dumbql/client": "^0.0.3",
     "graphql": "^17.0.0"
   }
 }

package/public-api.d.ts

@@ -1,6 +1,8 @@
 export { createDumbqlPlugin, useClient, DUMBQL_CLIENT_KEY } from './lib/plugin';
-export { useQuery, type UseQueryResult } from './lib/use-query';
-export { useMutation, type UseMutationResult, type UseMutationFn } from './lib/use-mutation';
-export { useSubscription, type UseSubscriptionResult } from './lib/use-subscription';
+export { useQuery, type UseQueryOptions, type UseQueryResult, type NetworkStatus } from './lib/use-query';
+export { useMutation, type UseMutationOptions, type UseMutationResult, type UseMutationFn } from './lib/use-mutation';
+export { useSubscription, type UseSubscriptionOptions, type UseSubscriptionResult } from './lib/use-subscription';
+export { useLiveQuery, type UseLiveQueryOptions, type UseLiveQueryResult } from './lib/use-live-query';
+export { useSuspenseQuery, useBackgroundQuery, type UseSuspenseQueryResult } from './lib/use-suspense-query';
 export { gql, isSuccess, isError, unwrap, unwrapOrThrow } from '@dumbql/client';
 //# sourceMappingURL=public-api.d.ts.map

package/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../projects/dumbql/vue/src/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../projects/dumbql/vue/src/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC1G,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,KAAK,sBAAsB,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAClH,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACvG,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7G,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/public-api.js

@@ -2,5 +2,7 @@ export { createDumbqlPlugin, useClient, DUMBQL_CLIENT_KEY } from './lib/plugin';
 export { useQuery } from './lib/use-query';
 export { useMutation } from './lib/use-mutation';
 export { useSubscription } from './lib/use-subscription';
+export { useLiveQuery } from './lib/use-live-query';
+export { useSuspenseQuery, useBackgroundQuery } from './lib/use-suspense-query';
 export { gql, isSuccess, isError, unwrap, unwrapOrThrow } from '@dumbql/client';
 //# sourceMappingURL=public-api.js.map

package/public-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../projects/dumbql/vue/src/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAuB,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,WAAW,EAA8C,MAAM,oBAAoB,CAAC;AAC7F,OAAO,EAAE,eAAe,EAA8B,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../projects/dumbql/vue/src/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAiE,MAAM,iBAAiB,CAAC;AAC1G,OAAO,EAAE,WAAW,EAAuE,MAAM,oBAAoB,CAAC;AACtH,OAAO,EAAE,eAAe,EAA2D,MAAM,wBAAwB,CAAC;AAClH,OAAO,EAAE,YAAY,EAAqD,MAAM,sBAAsB,CAAC;AACvG,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAA+B,MAAM,0BAA0B,CAAC;AAC7G,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}