katanakit-js 4.0.2 → 4.0.3

package/dist/adapters/svelte/query.js.map

@@ -1 +1 @@
-{"version":3,"file":"query.js","sourceRoot":"","sources":["../../../src/adapters/svelte/query.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"query.js","sourceRoot":"","sources":["../../../src/adapters/svelte/query.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,gBAAgB,EAIhB,aAAa,GAGb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,UAAU,QAAQ,CACvB,OAA0D,EAC1D,MAAoB;IAEpB,MAAM,WAAW,GAAG,MAAM,IAAI,cAAc,EAAE,CAAC;IAC/C,MAAM,QAAQ,GAAG,IAAI,aAAa,CAAC,WAAW,EAAE,WAAW,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;IAE1F,OAAO,QAAQ,CAAqC,QAAQ,CAAC,gBAAgB,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE;QACxF,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;QAChE,GAAG,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACjC,OAAO,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,WAAW,CAC1B,OAAqE,EACrE,MAAoB;IAEpB,MAAM,WAAW,GAAG,MAAM,IAAI,cAAc,EAAE,CAAC;IAC/C,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAE5D,OAAO,QAAQ,CACd,QAAQ,CAAC,gBAAgB,EAAE,EAC3B,CAAC,GAAG,EAAE,EAAE;QACP,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;QAChE,qEAAqE;QACrE,GAAG,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACjC,OAAO,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC;IAC5B,CAAC,CACD,CAAC;AACH,CAAC"}

package/dist/adapters/vanilla/index.d.ts

@@ -0,0 +1,3 @@
+export { useCreateQueryClient, useInitQueryClient, useQueryClient, useSafeQueryFn, } from "../../core/services/query.service.js";
+export * from "./query.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/adapters/vanilla/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/vanilla/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,oBAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,cAAc,GACd,MAAM,sCAAsC,CAAC;AAC9C,cAAc,YAAY,CAAC"}

package/dist/adapters/vanilla/index.js

@@ -0,0 +1,3 @@
+export { useCreateQueryClient, useInitQueryClient, useQueryClient, useSafeQueryFn, } from "../../core/services/query.service.js";
+export * from "./query.js";
+//# sourceMappingURL=index.js.map

package/dist/adapters/vanilla/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/adapters/vanilla/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,oBAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,cAAc,GACd,MAAM,sCAAsC,CAAC;AAC9C,cAAc,YAAY,CAAC"}

package/dist/adapters/vanilla/query.d.ts

@@ -0,0 +1,69 @@
+import { MutationObserver, type MutationObserverOptions, type QueryClient, QueryObserver, type QueryObserverOptions } from "@tanstack/query-core";
+/**
+ * Vanilla (framework-free) query binding — plain TypeScript / JavaScript, no framework.
+ *
+ * Returns a raw TanStack {@link QueryObserver}. The framework adapters are this
+ * plus a reactivity bridge (React `useSyncExternalStore`, Vue `shallowReactive`,
+ * Solid store, Svelte store, Angular signals); here **you** own the bridge:
+ * subscribe, read `getCurrentResult()`, and re-render however you want (DOM,
+ * canvas, CLI, worker, terminal UI).
+ *
+ * The observer does not start fetching until you `subscribe()` (or call
+ * `refetch()`); it stops when the last subscriber unsubscribes or you call
+ * `destroy()`.
+ *
+ * @param options - TanStack query options (`queryKey`, `queryFn`, `staleTime`, …).
+ * @param client - Optional {@link QueryClient} (defaults to the shared singleton).
+ * @returns A {@link QueryObserver} — `subscribe`, `getCurrentResult`, `setOptions`, `refetch`, `destroy`.
+ *
+ * @example
+ * ```ts
+ * import { useQuery, useSafeQueryFn } from "katanakit-js/adapters/vanilla";
+ * import { useGetApi } from "katanakit-js";
+ *
+ * const observer = useQuery({
+ *   queryKey: ["pokemon", 25],
+ *   queryFn: useSafeQueryFn(() => useGetApi("pokeapi", "pokemonById", { params: { id: 25 } })),
+ * });
+ *
+ * const render = () => {
+ *   const { data, isPending, isError, error } = observer.getCurrentResult();
+ *   // …paint `data` / `isPending` / `error` wherever you want
+ * };
+ *
+ * const unsubscribe = observer.subscribe(render);
+ * render(); // paint the current (pending) state immediately
+ *
+ * // later: unsubscribe(); observer.destroy();
+ * ```
+ */
+export declare function useQuery<TQueryFnData = unknown, TError = Error, TData = TQueryFnData>(options: QueryObserverOptions<TQueryFnData, TError, TData>, client?: QueryClient): QueryObserver<TQueryFnData, TError, TData>;
+/**
+ * Vanilla (framework-free) mutation binding.
+ *
+ * Returns a raw TanStack {@link MutationObserver}. Call `observer.mutate(vars)`,
+ * read `getCurrentResult()`, and `subscribe()` if you want to react to the
+ * `isPending` → `isSuccess` / `isError` transitions.
+ *
+ * @param options - TanStack mutation options (`mutationFn`, `onSuccess`, …).
+ * @param client - Optional {@link QueryClient} (defaults to the shared singleton).
+ * @returns A {@link MutationObserver} — `mutate`, `reset`, `getCurrentResult`, `subscribe`.
+ *
+ * @example
+ * ```ts
+ * import { useMutation } from "katanakit-js/adapters/vanilla";
+ * import { usePost } from "katanakit-js";
+ *
+ * const mutation = useMutation({
+ *   mutationFn: (name: string) => usePost("api", "createUser", { name }),
+ * });
+ *
+ * const unsubscribe = mutation.subscribe(({ isPending, isSuccess, error }) => {
+ *   // …paint the mutation state
+ * });
+ *
+ * await mutation.mutate("Ada");
+ * ```
+ */
+export declare function useMutation<TData = unknown, TError = Error, TVariables = void>(options: MutationObserverOptions<TData, TError, TVariables>, client?: QueryClient): MutationObserver<TData, TError, TVariables>;
+//# sourceMappingURL=query.d.ts.map

package/dist/adapters/vanilla/query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../../src/adapters/vanilla/query.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,gBAAgB,EAChB,KAAK,uBAAuB,EAC5B,KAAK,WAAW,EAChB,aAAa,EACb,KAAK,oBAAoB,EACzB,MAAM,sBAAsB,CAAC;AAI9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,QAAQ,CAAC,YAAY,GAAG,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,KAAK,GAAG,YAAY,EACpF,OAAO,EAAE,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,EAC1D,MAAM,CAAC,EAAE,WAAW,GAClB,aAAa,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,CAG5C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,WAAW,CAAC,KAAK,GAAG,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,UAAU,GAAG,IAAI,EAC7E,OAAO,EAAE,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAC3D,MAAM,CAAC,EAAE,WAAW,GAClB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAG7C"}

package/dist/adapters/vanilla/query.js

@@ -0,0 +1,76 @@
+import { MutationObserver, QueryObserver, } from "@tanstack/query-core";
+import { useQueryClient } from "../../core/services/query.service.js";
+/**
+ * Vanilla (framework-free) query binding — plain TypeScript / JavaScript, no framework.
+ *
+ * Returns a raw TanStack {@link QueryObserver}. The framework adapters are this
+ * plus a reactivity bridge (React `useSyncExternalStore`, Vue `shallowReactive`,
+ * Solid store, Svelte store, Angular signals); here **you** own the bridge:
+ * subscribe, read `getCurrentResult()`, and re-render however you want (DOM,
+ * canvas, CLI, worker, terminal UI).
+ *
+ * The observer does not start fetching until you `subscribe()` (or call
+ * `refetch()`); it stops when the last subscriber unsubscribes or you call
+ * `destroy()`.
+ *
+ * @param options - TanStack query options (`queryKey`, `queryFn`, `staleTime`, …).
+ * @param client - Optional {@link QueryClient} (defaults to the shared singleton).
+ * @returns A {@link QueryObserver} — `subscribe`, `getCurrentResult`, `setOptions`, `refetch`, `destroy`.
+ *
+ * @example
+ * ```ts
+ * import { useQuery, useSafeQueryFn } from "katanakit-js/adapters/vanilla";
+ * import { useGetApi } from "katanakit-js";
+ *
+ * const observer = useQuery({
+ *   queryKey: ["pokemon", 25],
+ *   queryFn: useSafeQueryFn(() => useGetApi("pokeapi", "pokemonById", { params: { id: 25 } })),
+ * });
+ *
+ * const render = () => {
+ *   const { data, isPending, isError, error } = observer.getCurrentResult();
+ *   // …paint `data` / `isPending` / `error` wherever you want
+ * };
+ *
+ * const unsubscribe = observer.subscribe(render);
+ * render(); // paint the current (pending) state immediately
+ *
+ * // later: unsubscribe(); observer.destroy();
+ * ```
+ */
+export function useQuery(options, client) {
+    const queryClient = client ?? useQueryClient();
+    return new QueryObserver(queryClient, queryClient.defaultQueryOptions(options));
+}
+/**
+ * Vanilla (framework-free) mutation binding.
+ *
+ * Returns a raw TanStack {@link MutationObserver}. Call `observer.mutate(vars)`,
+ * read `getCurrentResult()`, and `subscribe()` if you want to react to the
+ * `isPending` → `isSuccess` / `isError` transitions.
+ *
+ * @param options - TanStack mutation options (`mutationFn`, `onSuccess`, …).
+ * @param client - Optional {@link QueryClient} (defaults to the shared singleton).
+ * @returns A {@link MutationObserver} — `mutate`, `reset`, `getCurrentResult`, `subscribe`.
+ *
+ * @example
+ * ```ts
+ * import { useMutation } from "katanakit-js/adapters/vanilla";
+ * import { usePost } from "katanakit-js";
+ *
+ * const mutation = useMutation({
+ *   mutationFn: (name: string) => usePost("api", "createUser", { name }),
+ * });
+ *
+ * const unsubscribe = mutation.subscribe(({ isPending, isSuccess, error }) => {
+ *   // …paint the mutation state
+ * });
+ *
+ * await mutation.mutate("Ada");
+ * ```
+ */
+export function useMutation(options, client) {
+    const queryClient = client ?? useQueryClient();
+    return new MutationObserver(queryClient, options);
+}
+//# sourceMappingURL=query.js.map

package/dist/adapters/vanilla/query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.js","sourceRoot":"","sources":["../../../src/adapters/vanilla/query.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,gBAAgB,EAGhB,aAAa,GAEb,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,UAAU,QAAQ,CACvB,OAA0D,EAC1D,MAAoB;IAEpB,MAAM,WAAW,GAAG,MAAM,IAAI,cAAc,EAAE,CAAC;IAC/C,OAAO,IAAI,aAAa,CAAC,WAAW,EAAE,WAAW,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;AACjF,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,WAAW,CAC1B,OAA2D,EAC3D,MAAoB;IAEpB,MAAM,WAAW,GAAG,MAAM,IAAI,cAAc,EAAE,CAAC;IAC/C,OAAO,IAAI,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AACnD,CAAC"}

package/dist/adapters/vue/index.d.ts

@@ -1,3 +1,4 @@
+export { useCreateQueryClient, useInitQueryClient, useQueryClient, useSafeQueryFn, } from "../../core/services/query.service.js";
 export * from "./query.js";
 export * from "./vue.service.js";
 export * from "./watch.js";

package/dist/adapters/vue/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/vue/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,oBAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,cAAc,GACd,MAAM,sCAAsC,CAAC;AAC9C,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}

package/dist/adapters/vue/index.js

@@ -1,3 +1,4 @@
+export { useCreateQueryClient, useInitQueryClient, useQueryClient, useSafeQueryFn, } from "../../core/services/query.service.js";
 export * from "./query.js";
 export * from "./vue.service.js";
 export * from "./watch.js";

package/dist/adapters/vue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/adapters/vue/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/adapters/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,oBAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,cAAc,GACd,MAAM,sCAAsC,CAAC;AAC9C,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}

package/dist/adapters/vue/query.d.ts

@@ -1,100 +1,45 @@
-import { type MaybeRef, type Ref } from "vue";
-import { type QueryClient, type QueryKey } from "../../core/services/query.service.js";
-import type { ApiError, FetchResult } from "../../types/index.js";
-/** Reactive return value of `useQuery`. */
-export interface UseQueryReturn<T> {
-    /** The resolved data on success, `null` otherwise. */
-    data: Ref<T | null>;
-    /** The Safe Result error on failure, `null` otherwise. */
-    error: Ref<ApiError | null>;
-    /** Whether the query is currently fetching. */
-    isLoading: Ref<boolean>;
-    /** Whether the query succeeded with data. */
-    isSuccess: Ref<boolean>;
-    /** Whether the query failed with an error. */
-    isError: Ref<boolean>;
-    /** Whether the cached data is stale. */
-    isStale: Ref<boolean>;
-    /** Current status of the query. */
-    status: Ref<"idle" | "loading" | "success" | "error">;
-    /** Manually refetch the query. */
-    refetch: () => Promise<void>;
-}
-/** Configuration for `useQuery` (Vue reactive version). */
-export interface UseQueryConfig<T = unknown> {
-    /** Reactive query key — the query refetches when it changes. */
-    queryKey: MaybeRef<QueryKey>;
-    /** Fetcher function returning a Safe Result. */
-    queryFn: () => Promise<FetchResult<T>>;
-    /** Time in ms before cached data is stale (default: 0). */
-    staleTime?: MaybeRef<number>;
-    /** Time in ms to keep unused data (default: 5 min). */
-    cacheTime?: number;
-    /** Retry count on failure (default: 3). */
-    retry?: number;
-    /** Base delay for exponential backoff (default: 1000). */
-    retryDelay?: number;
-    /** Refetch on window focus (default: true). */
-    refetchOnWindowFocus?: MaybeRef<boolean>;
-    /** Whether the query is enabled (default: true). */
-    enabled?: MaybeRef<boolean>;
-}
-/** Configuration for `useMutation`. */
-export interface UseMutationConfig<TData = unknown, TVariables = unknown> {
-    mutationFn: (variables: TVariables) => Promise<FetchResult<TData>>;
-    onSuccess?: (data: TData, variables: TVariables) => void;
-    onError?: (error: ApiError, variables: TVariables) => void;
-    onSettled?: (data: TData | null, error: ApiError | null, variables: TVariables) => void;
-}
-/** Reactive return value of `useMutation`. */
-export interface UseMutationReturn<TData, TVariables> {
-    /** The resolved data from the last mutation. */
-    data: Ref<TData | null>;
-    /** The error from the last mutation. */
-    error: Ref<ApiError | null>;
-    /** Whether a mutation is in flight. */
-    isLoading: Ref<boolean>;
-    /** Whether the last mutation succeeded. */
-    isSuccess: Ref<boolean>;
-    /** Whether the last mutation failed. */
-    isError: Ref<boolean>;
-    /** Current status of the mutation. */
-    status: Ref<"idle" | "loading" | "success" | "error">;
-    /** Execute the mutation. */
-    mutate: (variables: TVariables) => Promise<void>;
-    /** Reset the mutation state. */
-    reset: () => void;
-}
+import { type MutationObserverOptions, type MutationObserverResult, type QueryClient, type QueryObserverOptions, type QueryObserverResult } from "@tanstack/query-core";
+import { type MaybeRef } from "vue";
 /**
- * Vue composable that wraps the {@link QueryClient} with reactive state.
- * Integrates with the API manager — your `queryFn` typically calls
- * `useGetApi` or `useFetch` and returns the Safe Result.
+ * Vue composable for a cached query, backed by TanStack Query Core.
  *
- * @param config - Query configuration with reactive query key.
- * @param client - Optional QueryClient instance (uses global singleton by default).
- * @returns Reactive `{ data, error, isLoading, isSuccess, isError, isStale, status, refetch }`.
+ * Returns a reactive {@link QueryObserverResult} — read `query.data`,
+ * `query.isPending`, `query.isError`, `query.status`, etc. directly.
+ * Pass a `ref`/`computed` for `options` to react to key changes.
+ *
+ * Call it inside a component `setup` (or an active effect scope) so the
+ * observer and the options watcher are disposed automatically.
+ *
+ * @param options - TanStack query options, plain or inside a `ref`/`computed`.
+ * @param client - Optional {@link QueryClient} (defaults to the shared singleton).
+ * @returns A reactive {@link QueryObserverResult}.
  *
  * @example
  * ```vue
  * <script setup>
- * import { useQuery } from "katanakit-js/adapters/vue";
+ * import { useQuery, useSafeQueryFn } from "katanakit-js/adapters/vue";
  * import { useGetApi } from "katanakit-js";
  *
- * const { data, isLoading, error } = useQuery({
- *   queryKey: () => ["pokemon", id.value],
- *   queryFn: () => useGetApi("pokeapi", "pokemonById", { params: { id: id.value } }),
- *   staleTime: 60_000,
+ * const query = useQuery({
+ *   queryKey: ["pokemon", 25],
+ *   queryFn: useSafeQueryFn(() => useGetApi("pokeapi", "pokemonById", { params: { id: 25 } })),
  * });
  * </script>
+ *
+ * <template>
+ *   <span v-if="query.isPending">Loading…</span>
+ *   <span v-else-if="query.isError">{{ query.error?.message }}</span>
+ *   <span v-else>{{ query.data?.name }}</span>
+ * </template>
  * ```
  */
-export declare function useQuery<T>(config: UseQueryConfig<T>, client?: QueryClient): UseQueryReturn<T>;
+export declare function useQuery<TQueryFnData = unknown, TError = Error, TData = TQueryFnData>(options: MaybeRef<QueryObserverOptions<TQueryFnData, TError, TData>>, client?: QueryClient): QueryObserverResult<TData, TError>;
 /**
- * Vue composable for mutations (POST/PUT/PATCH/DELETE).
- * Does not cache — returns a `mutate` function that executes the mutation.
+ * Vue composable for a mutation, backed by TanStack Query Core.
  *
- * @param config - Mutation configuration.
- * @returns Reactive `{ data, error, isLoading, isSuccess, isError, status, mutate, reset }`.
+ * @param options - TanStack mutation options, plain or inside a `ref`/`computed`.
+ * @param client - Optional {@link QueryClient} (defaults to the shared singleton).
+ * @returns A reactive {@link MutationObserverResult}.
  *
  * @example
  * ```vue
@@ -103,12 +48,16 @@ export declare function useQuery<T>(config: UseQueryConfig<T>, client?: QueryCli
  * import { usePost } from "katanakit-js";
  *
  * const qc = useQueryClient();
- * const { mutate, isLoading } = useMutation({
- *   mutationFn: (name: string) => usePost("myApi", "createUser", { name }),
+ * const mutation = useMutation({
+ *   mutationFn: (name: string) => usePost("api", "createUser", { name }),
  *   onSuccess: () => qc.invalidateQueries({ queryKey: ["users"] }),
  * });
  * </script>
+ *
+ * <template>
+ *   <button :disabled="mutation.isPending" @click="mutation.mutate('Ada')">Create</button>
+ * </template>
  * ```
  */
-export declare function useMutation<TData = unknown, TVariables = unknown>(config: UseMutationConfig<TData, TVariables>): UseMutationReturn<TData, TVariables>;
+export declare function useMutation<TData = unknown, TError = Error, TVariables = void, TContext = unknown>(options: MaybeRef<MutationObserverOptions<TData, TError, TVariables, TContext>>, client?: QueryClient): MutationObserverResult<TData, TError, TVariables, TContext>;
 //# sourceMappingURL=query.d.ts.map

package/dist/adapters/vue/query.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../../src/adapters/vue/query.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../../src/adapters/vue/query.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,WAAW,EAEhB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEN,KAAK,QAAQ,EAKb,MAAM,KAAK,CAAC;AAIb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,QAAQ,CAAC,YAAY,GAAG,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,KAAK,GAAG,YAAY,EACpF,OAAO,EAAE,QAAQ,CAAC,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,EACpE,MAAM,CAAC,EAAE,WAAW,GAClB,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,CAwBpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,WAAW,CAAC,KAAK,GAAG,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,OAAO,EACjG,OAAO,EAAE,QAAQ,CAAC,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,EAC/E,MAAM,CAAC,EAAE,WAAW,GAClB,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,CA0B7D"}

package/dist/adapters/vue/query.js

@@ -1,130 +1,58 @@
-import { getCurrentInstance, onUnmounted, ref, shallowRef, toValue, watch, } from "vue";
-import { useQueryClient, } from "../../core/services/query.service.js";
-// ============================================================
-// useQuery
-// ============================================================
+import { MutationObserver, QueryObserver, } from "@tanstack/query-core";
+import { getCurrentScope, onScopeDispose, shallowReactive, toValue, watch, } from "vue";
+import { useQueryClient } from "../../core/services/query.service.js";
 /**
- * Vue composable that wraps the {@link QueryClient} with reactive state.
- * Integrates with the API manager — your `queryFn` typically calls
- * `useGetApi` or `useFetch` and returns the Safe Result.
+ * Vue composable for a cached query, backed by TanStack Query Core.
  *
- * @param config - Query configuration with reactive query key.
- * @param client - Optional QueryClient instance (uses global singleton by default).
- * @returns Reactive `{ data, error, isLoading, isSuccess, isError, isStale, status, refetch }`.
+ * Returns a reactive {@link QueryObserverResult} — read `query.data`,
+ * `query.isPending`, `query.isError`, `query.status`, etc. directly.
+ * Pass a `ref`/`computed` for `options` to react to key changes.
+ *
+ * Call it inside a component `setup` (or an active effect scope) so the
+ * observer and the options watcher are disposed automatically.
+ *
+ * @param options - TanStack query options, plain or inside a `ref`/`computed`.
+ * @param client - Optional {@link QueryClient} (defaults to the shared singleton).
+ * @returns A reactive {@link QueryObserverResult}.
  *
  * @example
  * ```vue
  * <script setup>
- * import { useQuery } from "katanakit-js/adapters/vue";
+ * import { useQuery, useSafeQueryFn } from "katanakit-js/adapters/vue";
  * import { useGetApi } from "katanakit-js";
  *
- * const { data, isLoading, error } = useQuery({
- *   queryKey: () => ["pokemon", id.value],
- *   queryFn: () => useGetApi("pokeapi", "pokemonById", { params: { id: id.value } }),
- *   staleTime: 60_000,
+ * const query = useQuery({
+ *   queryKey: ["pokemon", 25],
+ *   queryFn: useSafeQueryFn(() => useGetApi("pokeapi", "pokemonById", { params: { id: 25 } })),
  * });
  * </script>
+ *
+ * <template>
+ *   <span v-if="query.isPending">Loading…</span>
+ *   <span v-else-if="query.isError">{{ query.error?.message }}</span>
+ *   <span v-else>{{ query.data?.name }}</span>
+ * </template>
  * ```
  */
-export function useQuery(config, client) {
-    const qc = client ?? useQueryClient();
-    const data = shallowRef(null);
-    const error = ref(null);
-    const isLoading = ref(false);
-    const isSuccess = ref(false);
-    const isError = ref(false);
-    const isStale = ref(true);
-    const status = ref("idle");
-    let disposed = false;
-    let stopSubscription = null;
-    const syncFromState = (state) => {
-        if (disposed)
-            return;
-        data.value = state.data;
-        error.value = state.error;
-        isLoading.value = state.isLoading;
-        isSuccess.value = state.isSuccess;
-        isError.value = state.isError;
-        isStale.value = state.isStale;
-        status.value = state.status;
-    };
-    const runQuery = async () => {
-        if (disposed)
-            return;
-        const enabled = toValue(config.enabled) ?? true;
-        if (!enabled)
-            return;
-        const qKey = toValue(config.queryKey);
-        const staleTime = toValue(config.staleTime) ?? 0;
-        const refetchOnFocus = toValue(config.refetchOnWindowFocus) ?? true;
-        // Unsubscribe from previous key.
-        stopSubscription?.();
-        // Subscribe to state updates.
-        stopSubscription = qc.subscribe(qKey, (state) => {
-            syncFromState(state);
-        });
-        // Sync initial state.
-        const existing = qc.getQueryState(qKey);
-        if (existing)
-            syncFromState(existing);
-        // Fetch if needed.
-        try {
-            await qc.fetchQuery({
-                queryKey: qKey,
-                queryFn: config.queryFn,
-                staleTime,
-                cacheTime: config.cacheTime,
-                retry: config.retry,
-                retryDelay: config.retryDelay,
-                refetchOnWindowFocus: refetchOnFocus,
-            });
-        }
-        catch {
-            // Error is in state; no need to throw.
-        }
-    };
-    // Watch reactive query key for changes.
-    watch(() => toValue(config.queryKey), () => {
-        void runQuery();
-    }, { deep: true });
-    // Watch enabled flag.
-    if (typeof config.enabled === "object" && "value" in config.enabled) {
-        watch(() => toValue(config.enabled), (enabled) => {
-            if (enabled)
-                void runQuery();
-        });
+export function useQuery(options, client) {
+    const queryClient = client ?? useQueryClient();
+    const observer = new QueryObserver(queryClient, queryClient.defaultQueryOptions(toValue(options)));
+    const state = shallowReactive({ ...observer.getCurrentResult() });
+    const unsubscribe = observer.subscribe((result) => {
+        Object.assign(state, result);
+    });
+    watch(() => toValue(options), (next) => observer.setOptions(queryClient.defaultQueryOptions(next)), { deep: true });
+    if (getCurrentScope()) {
+        onScopeDispose(unsubscribe);
     }
-    // Initial fetch.
-    void runQuery();
-    // Cleanup on unmount (only inside a component instance; skipped in SSR).
-    if (getCurrentInstance()) {
-        onUnmounted(() => {
-            disposed = true;
-            stopSubscription?.();
-        });
-    }
-    const refetch = async () => {
-        const qKey = toValue(config.queryKey);
-        await qc.fetchQuery({
-            queryKey: qKey,
-            queryFn: config.queryFn,
-            staleTime: 0, // Force refetch.
-            cacheTime: config.cacheTime,
-            retry: config.retry,
-            retryDelay: config.retryDelay,
-        });
-    };
-    return { data, error, isLoading, isSuccess, isError, isStale, status, refetch };
+    return state;
 }
-// ============================================================
-// useMutation
-// ============================================================
 /**
- * Vue composable for mutations (POST/PUT/PATCH/DELETE).
- * Does not cache — returns a `mutate` function that executes the mutation.
+ * Vue composable for a mutation, backed by TanStack Query Core.
  *
- * @param config - Mutation configuration.
- * @returns Reactive `{ data, error, isLoading, isSuccess, isError, status, mutate, reset }`.
+ * @param options - TanStack mutation options, plain or inside a `ref`/`computed`.
+ * @param client - Optional {@link QueryClient} (defaults to the shared singleton).
+ * @returns A reactive {@link MutationObserverResult}.
  *
  * @example
  * ```vue
@@ -133,67 +61,28 @@ export function useQuery(config, client) {
  * import { usePost } from "katanakit-js";
  *
  * const qc = useQueryClient();
- * const { mutate, isLoading } = useMutation({
- *   mutationFn: (name: string) => usePost("myApi", "createUser", { name }),
+ * const mutation = useMutation({
+ *   mutationFn: (name: string) => usePost("api", "createUser", { name }),
  *   onSuccess: () => qc.invalidateQueries({ queryKey: ["users"] }),
  * });
  * </script>
+ *
+ * <template>
+ *   <button :disabled="mutation.isPending" @click="mutation.mutate('Ada')">Create</button>
+ * </template>
  * ```
  */
-export function useMutation(config) {
-    const data = shallowRef(null);
-    const error = ref(null);
-    const isLoading = ref(false);
-    const isSuccess = ref(false);
-    const isError = ref(false);
-    const status = ref("idle");
-    const mutate = async (variables) => {
-        isLoading.value = true;
-        isSuccess.value = false;
-        isError.value = false;
-        status.value = "loading";
-        try {
-            const result = await config.mutationFn(variables);
-            if (result.ok) {
-                data.value = result.data;
-                error.value = null;
-                isSuccess.value = true;
-                status.value = "success";
-                config.onSuccess?.(result.data, variables);
-                config.onSettled?.(result.data, null, variables);
-            }
-            else {
-                data.value = null;
-                error.value = result.error;
-                isError.value = true;
-                status.value = "error";
-                config.onError?.(result.error, variables);
-                config.onSettled?.(null, result.error, variables);
-            }
-        }
-        catch (err) {
-            const apiError = err instanceof Error
-                ? { message: err.message, status: 0 }
-                : { message: String(err), status: 0 };
-            data.value = null;
-            error.value = apiError;
-            isError.value = true;
-            status.value = "error";
-            config.onError?.(apiError, variables);
-            config.onSettled?.(null, apiError, variables);
-        }
-        finally {
-            isLoading.value = false;
-        }
-    };
-    const reset = () => {
-        data.value = null;
-        error.value = null;
-        isLoading.value = false;
-        isSuccess.value = false;
-        isError.value = false;
-        status.value = "idle";
-    };
-    return { data, error, isLoading, isSuccess, isError, status, mutate, reset };
+export function useMutation(options, client) {
+    const queryClient = client ?? useQueryClient();
+    const observer = new MutationObserver(queryClient, toValue(options));
+    const state = shallowReactive({ ...observer.getCurrentResult() });
+    const unsubscribe = observer.subscribe((result) => {
+        Object.assign(state, result);
+    });
+    watch(() => toValue(options), (next) => observer.setOptions(next), { deep: true });
+    if (getCurrentScope()) {
+        onScopeDispose(unsubscribe);
+    }
+    return state;
 }
 //# sourceMappingURL=query.js.map