@zenstackhq/tanstack-query 1.1.1 → 1.2.1

package/runtime/react.d.ts

@@ -1,7 +1,8 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions, UseInfiniteQueryOptions, UseMutationOptions } from '@tanstack/react-query';
 import * as react from 'react';
-import { A as APIContext, F as FetchFn } from './common-83308e88.js';
+import { ModelMeta } from '@zenstackhq/runtime/cross';
+import { A as APIContext, F as FetchFn } from './common-5e18c135.js';
 
 /**
  * Context for configuring react hooks.
@@ -11,6 +12,14 @@ declare const RequestHandlerContext: react.Context<APIContext>;
  * Context provider.
  */
 declare const Provider: react.Provider<APIContext>;
+/**
+ * Hooks context.
+ */
+declare function getHooksContext(): {
+    fetch?: FetchFn | undefined;
+    logging?: boolean | undefined;
+    endpoint: string;
+};
 /**
  * Creates a react-query query.
  *
@@ -20,7 +29,7 @@ declare const Provider: react.Provider<APIContext>;
  * @param options The react-query options object
  * @returns useQuery hook
  */
-declare function query<R>(model: string, url: string, args?: unknown, options?: UseQueryOptions<R>, fetch?: FetchFn): _tanstack_react_query.UseQueryResult<R, unknown>;
+declare function useModelQuery<R>(model: string, url: string, args?: unknown, options?: Omit<UseQueryOptions<R>, 'queryKey'>, fetch?: FetchFn): _tanstack_react_query.UseQueryResult<R, unknown>;
 /**
  * Creates a react-query infinite query.
  *
@@ -30,36 +39,18 @@ declare function query<R>(model: string, url: string, args?: unknown, options?:
  * @param options The react-query infinite query options object
  * @returns useInfiniteQuery hook
  */
-declare function infiniteQuery<R>(model: string, url: string, args?: unknown, options?: UseInfiniteQueryOptions<R>, fetch?: FetchFn): _tanstack_react_query.UseInfiniteQueryResult<R, unknown>;
-/**
- * Creates a POST mutation with react-query.
- *
- * @param model The name of the model under mutation.
- * @param url The request URL.
- * @param options The react-query options.
- * @param invalidateQueries Whether to invalidate queries after mutation.
- * @returns useMutation hooks
- */
-declare function postMutation<T, R = any, C extends boolean = boolean, Result = C extends true ? R | undefined : R>(model: string, url: string, options?: Omit<UseMutationOptions<Result, unknown, T>, 'mutationFn'>, fetch?: FetchFn, invalidateQueries?: boolean, checkReadBack?: C): _tanstack_react_query.UseMutationResult<Result, unknown, T, unknown>;
-/**
- * Creates a PUT mutation with react-query.
- *
- * @param model The name of the model under mutation.
- * @param url The request URL.
- * @param options The react-query options.
- * @param invalidateQueries Whether to invalidate queries after mutation.
- * @returns useMutation hooks
- */
-declare function putMutation<T, R = any, C extends boolean = boolean, Result = C extends true ? R | undefined : R>(model: string, url: string, options?: Omit<UseMutationOptions<Result, unknown, T>, 'mutationFn'>, fetch?: FetchFn, invalidateQueries?: boolean, checkReadBack?: C): _tanstack_react_query.UseMutationResult<Result, unknown, T, unknown>;
+declare function useInfiniteModelQuery<R>(model: string, url: string, args?: unknown, options?: Omit<UseInfiniteQueryOptions<R>, 'queryKey'>, fetch?: FetchFn): _tanstack_react_query.UseInfiniteQueryResult<R, unknown>;
 /**
- * Creates a DELETE mutation with react-query.
+ * Creates a mutation with react-query.
  *
  * @param model The name of the model under mutation.
+ * @param method The HTTP method.
+ * @param modelMeta The model metadata.
  * @param url The request URL.
  * @param options The react-query options.
  * @param invalidateQueries Whether to invalidate queries after mutation.
  * @returns useMutation hooks
  */
-declare function deleteMutation<T, R = any, C extends boolean = boolean, Result = C extends true ? R | undefined : R>(model: string, url: string, options?: Omit<UseMutationOptions<Result, unknown, T>, 'mutationFn'>, fetch?: FetchFn, invalidateQueries?: boolean, checkReadBack?: C): _tanstack_react_query.UseMutationResult<Result, unknown, T, unknown>;
+declare function useModelMutation<T, R = any, C extends boolean = boolean, Result = C extends true ? R | undefined : R>(model: string, method: 'POST' | 'PUT' | 'DELETE', url: string, modelMeta: ModelMeta, options?: Omit<UseMutationOptions<Result, unknown, T>, 'mutationFn'>, fetch?: FetchFn, invalidateQueries?: boolean, checkReadBack?: C): _tanstack_react_query.UseMutationResult<Result, unknown, T, unknown>;
 
-export { Provider, RequestHandlerContext, deleteMutation, infiniteQuery, postMutation, putMutation, query };
+export { Provider, RequestHandlerContext, getHooksContext, useInfiniteModelQuery, useModelMutation, useModelQuery };

package/runtime/react.js

@@ -22,6 +22,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -69,11 +81,10 @@ var react_exports = {};
 __export(react_exports, {
   Provider: () => Provider,
   RequestHandlerContext: () => RequestHandlerContext,
-  deleteMutation: () => deleteMutation,
-  infiniteQuery: () => infiniteQuery,
-  postMutation: () => postMutation,
-  putMutation: () => putMutation,
-  query: () => query
+  getHooksContext: () => getHooksContext,
+  useInfiniteModelQuery: () => useInfiniteModelQuery,
+  useModelMutation: () => useModelMutation,
+  useModelQuery: () => useModelQuery
 });
 module.exports = __toCommonJS(react_exports);
 var import_react_query = require("@tanstack/react-query");
@@ -81,9 +92,10 @@ var import_react = require("react");
 
 // src/runtime/common.ts
 var import_browser = require("@zenstackhq/runtime/browser");
+var import_cross = require("@zenstackhq/runtime/cross");
 var crossFetch = __toESM(require("cross-fetch"));
 var DEFAULT_QUERY_ENDPOINT = "/api/model";
-var QUERY_KEY_PREFIX = "zenstack:";
+var QUERY_KEY_PREFIX = "zenstack";
 function fetcher(url, options, fetch2, checkReadBack) {
   return __async(this, null, function* () {
     var _a, _b, _c;
@@ -110,6 +122,13 @@ function fetcher(url, options, fetch2, checkReadBack) {
     }
   });
 }
+function getQueryKey(model, urlOrOperation, args) {
+  if (!urlOrOperation) {
+    throw new Error("Invalid urlOrOperation");
+  }
+  const operation = urlOrOperation.split("/").pop();
+  return [QUERY_KEY_PREFIX, model, operation, args];
+}
 function marshal(value) {
   const { data, meta } = (0, import_browser.serialize)(value);
   if (meta) {
@@ -139,99 +158,113 @@ function makeUrl(url, args) {
   }
   return result;
 }
+function setupInvalidation(model, operation, modelMeta, options, invalidate, logging = false) {
+  const origOnSuccess = options == null ? void 0 : options.onSuccess;
+  options.onSuccess = (...args) => __async(this, null, function* () {
+    const [_, variables] = args;
+    const predicate = yield getInvalidationPredicate(
+      model,
+      operation,
+      variables,
+      modelMeta,
+      logging
+    );
+    yield invalidate(predicate);
+    return origOnSuccess == null ? void 0 : origOnSuccess(...args);
+  });
+}
+function getInvalidationPredicate(model, operation, mutationArgs, modelMeta, logging = false) {
+  return __async(this, null, function* () {
+    const mutatedModels = yield (0, import_cross.getMutatedModels)(model, operation, mutationArgs, modelMeta);
+    return ({ queryKey }) => {
+      const [_model, queryModel, queryOp, args] = queryKey;
+      if (mutatedModels.includes(queryModel)) {
+        if (logging) {
+          console.log(`Invalidating query [${queryKey}] due to mutation "${model}.${operation}"`);
+        }
+        return true;
+      }
+      if (args) {
+        if (findNestedRead(queryModel, mutatedModels, modelMeta, args)) {
+          if (logging) {
+            console.log(`Invalidating query [${queryKey}] due to mutation "${model}.${operation}"`);
+          }
+          return true;
+        }
+      }
+      return false;
+    };
+  });
+}
+function findNestedRead(visitingModel, targetModels, modelMeta, args) {
+  const modelsRead = (0, import_cross.getReadModels)(visitingModel, modelMeta, args);
+  return targetModels.some((m) => modelsRead.includes(m));
+}
 
 // src/runtime/react.ts
 var RequestHandlerContext = (0, import_react.createContext)({
   endpoint: DEFAULT_QUERY_ENDPOINT,
-  fetch: void 0
+  fetch: void 0,
+  logging: false
 });
 var Provider = RequestHandlerContext.Provider;
-function query(model, url, args, options, fetch2) {
+function getHooksContext() {
+  const _a = (0, import_react.useContext)(RequestHandlerContext), { endpoint } = _a, rest = __objRest(_a, ["endpoint"]);
+  return __spreadValues({ endpoint: endpoint != null ? endpoint : DEFAULT_QUERY_ENDPOINT }, rest);
+}
+function useModelQuery(model, url, args, options, fetch2) {
   const reqUrl = makeUrl(url, args);
   return (0, import_react_query.useQuery)(__spreadValues({
-    queryKey: [QUERY_KEY_PREFIX + model, url, args],
+    queryKey: getQueryKey(model, url, args),
     queryFn: () => fetcher(reqUrl, void 0, fetch2, false)
   }, options));
 }
-function infiniteQuery(model, url, args, options, fetch2) {
+function useInfiniteModelQuery(model, url, args, options, fetch2) {
   return (0, import_react_query.useInfiniteQuery)(__spreadValues({
-    queryKey: [QUERY_KEY_PREFIX + model, url, args],
+    queryKey: getQueryKey(model, url, args),
     queryFn: ({ pageParam }) => {
       return fetcher(makeUrl(url, pageParam != null ? pageParam : args), void 0, fetch2, false);
     }
   }, options));
 }
-function postMutation(model, url, options, fetch2, invalidateQueries = true, checkReadBack) {
+function useModelMutation(model, method, url, modelMeta, options, fetch2, invalidateQueries = true, checkReadBack) {
   const queryClient = (0, import_react_query.useQueryClient)();
-  const mutationFn = (data) => fetcher(
-    url,
-    {
-      method: "POST",
+  const mutationFn = (data) => {
+    const reqUrl = method === "DELETE" ? makeUrl(url, data) : url;
+    const fetchInit = __spreadValues({
+      method
+    }, method !== "DELETE" && {
       headers: {
         "content-type": "application/json"
       },
       body: marshal(data)
-    },
-    fetch2,
-    checkReadBack
-  );
-  const finalOptions = mergeOptions(model, options, invalidateQueries, mutationFn, queryClient);
-  const mutation = (0, import_react_query.useMutation)(finalOptions);
-  return mutation;
-}
-function putMutation(model, url, options, fetch2, invalidateQueries = true, checkReadBack) {
-  const queryClient = (0, import_react_query.useQueryClient)();
-  const mutationFn = (data) => fetcher(
-    url,
-    {
-      method: "PUT",
-      headers: {
-        "content-type": "application/json"
-      },
-      body: marshal(data)
-    },
-    fetch2,
-    checkReadBack
-  );
-  const finalOptions = mergeOptions(model, options, invalidateQueries, mutationFn, queryClient);
-  const mutation = (0, import_react_query.useMutation)(finalOptions);
-  return mutation;
-}
-function deleteMutation(model, url, options, fetch2, invalidateQueries = true, checkReadBack) {
-  const queryClient = (0, import_react_query.useQueryClient)();
-  const mutationFn = (data) => fetcher(
-    makeUrl(url, data),
-    {
-      method: "DELETE"
-    },
-    fetch2,
-    checkReadBack
-  );
-  const finalOptions = mergeOptions(model, options, invalidateQueries, mutationFn, queryClient);
-  const mutation = (0, import_react_query.useMutation)(finalOptions);
-  return mutation;
-}
-function mergeOptions(model, options, invalidateQueries, mutationFn, queryClient) {
-  const result = __spreadProps(__spreadValues({}, options), { mutationFn });
-  if ((options == null ? void 0 : options.onSuccess) || invalidateQueries) {
-    result.onSuccess = (...args) => {
-      var _a;
-      if (invalidateQueries) {
-        queryClient.invalidateQueries([QUERY_KEY_PREFIX + model]);
-      }
-      return (_a = options == null ? void 0 : options.onSuccess) == null ? void 0 : _a.call(options, ...args);
-    };
+    });
+    return fetcher(reqUrl, fetchInit, fetch2, checkReadBack);
+  };
+  const finalOptions = __spreadProps(__spreadValues({}, options), { mutationFn });
+  if (invalidateQueries) {
+    const { logging } = (0, import_react.useContext)(RequestHandlerContext);
+    const operation = url.split("/").pop();
+    if (operation) {
+      setupInvalidation(
+        model,
+        operation,
+        modelMeta,
+        finalOptions,
+        (predicate) => queryClient.invalidateQueries({ predicate }),
+        logging
+      );
+    }
   }
-  return result;
+  return (0, import_react_query.useMutation)(finalOptions);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Provider,
   RequestHandlerContext,
-  deleteMutation,
-  infiniteQuery,
-  postMutation,
-  putMutation,
-  query
+  getHooksContext,
+  useInfiniteModelQuery,
+  useModelMutation,
+  useModelQuery
 });
 //# sourceMappingURL=react.js.map

package/runtime/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/runtime/react.ts","../../src/runtime/common.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n    useInfiniteQuery,\n    useMutation,\n    useQuery,\n    useQueryClient,\n    type MutateFunction,\n    type QueryClient,\n    type UseInfiniteQueryOptions,\n    type UseMutationOptions,\n    type UseQueryOptions,\n} from '@tanstack/react-query';\nimport { createContext } from 'react';\nimport {\n    DEFAULT_QUERY_ENDPOINT,\n    FetchFn,\n    QUERY_KEY_PREFIX,\n    fetcher,\n    makeUrl,\n    marshal,\n    type APIContext,\n} from './common';\n\n/**\n * Context for configuring react hooks.\n */\nexport const RequestHandlerContext = createContext<APIContext>({\n    endpoint: DEFAULT_QUERY_ENDPOINT,\n    fetch: undefined,\n});\n\n/**\n * Context provider.\n */\nexport const Provider = RequestHandlerContext.Provider;\n\n/**\n * Creates a react-query query.\n *\n * @param model The name of the model under query.\n * @param url The request URL.\n * @param args The request args object, URL-encoded and appended as \"?q=\" parameter\n * @param options The react-query options object\n * @returns useQuery hook\n */\nexport function query<R>(model: string, url: string, args?: unknown, options?: UseQueryOptions<R>, fetch?: FetchFn) {\n    const reqUrl = makeUrl(url, args);\n    return useQuery<R>({\n        queryKey: [QUERY_KEY_PREFIX + model, url, args],\n        queryFn: () => fetcher<R, false>(reqUrl, undefined, fetch, false),\n        ...options,\n    });\n}\n\n/**\n * Creates a react-query infinite query.\n *\n * @param model The name of the model under query.\n * @param url The request URL.\n * @param args The initial request args object, URL-encoded and appended as \"?q=\" parameter\n * @param options The react-query infinite query options object\n * @returns useInfiniteQuery hook\n */\nexport function infiniteQuery<R>(\n    model: string,\n    url: string,\n    args?: unknown,\n    options?: UseInfiniteQueryOptions<R>,\n    fetch?: FetchFn\n) {\n    return useInfiniteQuery<R>({\n        queryKey: [QUERY_KEY_PREFIX + model, url, args],\n        queryFn: ({ pageParam }) => {\n            return fetcher<R, false>(makeUrl(url, pageParam ?? args), undefined, fetch, false);\n        },\n        ...options,\n    });\n}\n\n/**\n * Creates a POST mutation with react-query.\n *\n * @param model The name of the model under mutation.\n * @param url The request URL.\n * @param options The react-query options.\n * @param invalidateQueries Whether to invalidate queries after mutation.\n * @returns useMutation hooks\n */\nexport function postMutation<T, R = any, C extends boolean = boolean, Result = C extends true ? R | undefined : R>(\n    model: string,\n    url: string,\n    options?: Omit<UseMutationOptions<Result, unknown, T>, 'mutationFn'>,\n    fetch?: FetchFn,\n    invalidateQueries = true,\n    checkReadBack?: C\n) {\n    const queryClient = useQueryClient();\n    const mutationFn = (data: any) =>\n        fetcher<R, C>(\n            url,\n            {\n                method: 'POST',\n                headers: {\n                    'content-type': 'application/json',\n                },\n                body: marshal(data),\n            },\n            fetch,\n            checkReadBack\n        ) as Promise<Result>;\n\n    const finalOptions = mergeOptions<T, Result>(model, options, invalidateQueries, mutationFn, queryClient);\n    const mutation = useMutation<Result, unknown, T>(finalOptions);\n    return mutation;\n}\n\n/**\n * Creates a PUT mutation with react-query.\n *\n * @param model The name of the model under mutation.\n * @param url The request URL.\n * @param options The react-query options.\n * @param invalidateQueries Whether to invalidate queries after mutation.\n * @returns useMutation hooks\n */\nexport function putMutation<T, R = any, C extends boolean = boolean, Result = C extends true ? R | undefined : R>(\n    model: string,\n    url: string,\n    options?: Omit<UseMutationOptions<Result, unknown, T>, 'mutationFn'>,\n    fetch?: FetchFn,\n    invalidateQueries = true,\n    checkReadBack?: C\n) {\n    const queryClient = useQueryClient();\n    const mutationFn = (data: any) =>\n        fetcher<R, C>(\n            url,\n            {\n                method: 'PUT',\n                headers: {\n                    'content-type': 'application/json',\n                },\n                body: marshal(data),\n            },\n            fetch,\n            checkReadBack\n        ) as Promise<Result>;\n\n    const finalOptions = mergeOptions<T, Result>(model, options, invalidateQueries, mutationFn, queryClient);\n    const mutation = useMutation<Result, unknown, T>(finalOptions);\n    return mutation;\n}\n\n/**\n * Creates a DELETE mutation with react-query.\n *\n * @param model The name of the model under mutation.\n * @param url The request URL.\n * @param options The react-query options.\n * @param invalidateQueries Whether to invalidate queries after mutation.\n * @returns useMutation hooks\n */\nexport function deleteMutation<T, R = any, C extends boolean = boolean, Result = C extends true ? R | undefined : R>(\n    model: string,\n    url: string,\n    options?: Omit<UseMutationOptions<Result, unknown, T>, 'mutationFn'>,\n    fetch?: FetchFn,\n    invalidateQueries = true,\n    checkReadBack?: C\n) {\n    const queryClient = useQueryClient();\n    const mutationFn = (data: any) =>\n        fetcher<R, C>(\n            makeUrl(url, data),\n            {\n                method: 'DELETE',\n            },\n            fetch,\n            checkReadBack\n        ) as Promise<Result>;\n\n    const finalOptions = mergeOptions<T, Result>(model, options, invalidateQueries, mutationFn, queryClient);\n    const mutation = useMutation<Result, unknown, T>(finalOptions);\n    return mutation;\n}\n\nfunction mergeOptions<T, R = any>(\n    model: string,\n    options: Omit<UseMutationOptions<R, unknown, T, unknown>, 'mutationFn'> | undefined,\n    invalidateQueries: boolean,\n    mutationFn: MutateFunction<R, unknown, T>,\n    queryClient: QueryClient\n): UseMutationOptions<R, unknown, T, unknown> {\n    const result = { ...options, mutationFn };\n    if (options?.onSuccess || invalidateQueries) {\n        result.onSuccess = (...args) => {\n            if (invalidateQueries) {\n                queryClient.invalidateQueries([QUERY_KEY_PREFIX + model]);\n            }\n            return options?.onSuccess?.(...args);\n        };\n    }\n    return result;\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { deserialize, serialize } from '@zenstackhq/runtime/browser';\nimport * as crossFetch from 'cross-fetch';\n\n/**\n * The default query endpoint.\n */\nexport const DEFAULT_QUERY_ENDPOINT = '/api/model';\n\n/**\n * Prefix for react-query keys.\n */\nexport const QUERY_KEY_PREFIX = 'zenstack:';\n\n/**\n * Function signature for `fetch`.\n */\nexport type FetchFn = (url: string, options?: RequestInit) => Promise<Response>;\n\n/**\n * Context type for configuring the hooks.\n */\nexport type APIContext = {\n    /**\n     * The endpoint to use for the queries.\n     */\n    endpoint?: string;\n\n    /**\n     * A custom fetch function for sending the HTTP requests.\n     */\n    fetch?: FetchFn;\n};\n\nexport async function fetcher<R, C extends boolean>(\n    url: string,\n    options?: RequestInit,\n    fetch?: FetchFn,\n    checkReadBack?: C\n): Promise<C extends true ? R | undefined : R> {\n    const _fetch = fetch ?? crossFetch.fetch;\n    const res = await _fetch(url, options);\n    if (!res.ok) {\n        const errData = unmarshal(await res.text());\n        if (\n            checkReadBack !== false &&\n            errData.error?.prisma &&\n            errData.error?.code === 'P2004' &&\n            errData.error?.reason === 'RESULT_NOT_READABLE'\n        ) {\n            // policy doesn't allow mutation result to be read back, just return undefined\n            return undefined as any;\n        }\n        const error: Error & { info?: unknown; status?: number } = new Error(\n            'An error occurred while fetching the data.'\n        );\n        error.info = errData.error;\n        error.status = res.status;\n        throw error;\n    }\n\n    const textResult = await res.text();\n    try {\n        return unmarshal(textResult).data as R;\n    } catch (err) {\n        console.error(`Unable to deserialize data:`, textResult);\n        throw err;\n    }\n}\n\nexport function marshal(value: unknown) {\n    const { data, meta } = serialize(value);\n    if (meta) {\n        return JSON.stringify({ ...(data as any), meta: { serialization: meta } });\n    } else {\n        return JSON.stringify(data);\n    }\n}\n\nexport function unmarshal(value: string) {\n    const parsed = JSON.parse(value);\n    if (parsed.data && parsed.meta?.serialization) {\n        const deserializedData = deserialize(parsed.data, parsed.meta.serialization);\n        return { ...parsed, data: deserializedData };\n    } else {\n        return parsed;\n    }\n}\n\nexport function makeUrl(url: string, args: unknown) {\n    if (!args) {\n        return url;\n    }\n\n    const { data, meta } = serialize(args);\n    let result = `${url}?q=${encodeURIComponent(JSON.stringify(data))}`;\n    if (meta) {\n        result += `&meta=${encodeURIComponent(JSON.stringify({ serialization: meta }))}`;\n    }\n    return result;\n}\n"],"mappings":"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","names":["fetch","fetch"]}
+{"version":3,"sources":["../../src/runtime/react.ts","../../src/runtime/common.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n    useInfiniteQuery,\n    useMutation,\n    useQuery,\n    useQueryClient,\n    type UseInfiniteQueryOptions,\n    type UseMutationOptions,\n    type UseQueryOptions,\n} from '@tanstack/react-query';\nimport type { ModelMeta } from '@zenstackhq/runtime/cross';\nimport { createContext, useContext } from 'react';\nimport {\n    DEFAULT_QUERY_ENDPOINT,\n    FetchFn,\n    fetcher,\n    getQueryKey,\n    makeUrl,\n    marshal,\n    setupInvalidation,\n    type APIContext,\n} from './common';\n\n/**\n * Context for configuring react hooks.\n */\nexport const RequestHandlerContext = createContext<APIContext>({\n    endpoint: DEFAULT_QUERY_ENDPOINT,\n    fetch: undefined,\n    logging: false,\n});\n\n/**\n * Context provider.\n */\nexport const Provider = RequestHandlerContext.Provider;\n\n/**\n * Hooks context.\n */\nexport function getHooksContext() {\n    const { endpoint, ...rest } = useContext(RequestHandlerContext);\n    return { endpoint: endpoint ?? DEFAULT_QUERY_ENDPOINT, ...rest };\n}\n\n/**\n * Creates a react-query query.\n *\n * @param model The name of the model under query.\n * @param url The request URL.\n * @param args The request args object, URL-encoded and appended as \"?q=\" parameter\n * @param options The react-query options object\n * @returns useQuery hook\n */\nexport function useModelQuery<R>(\n    model: string,\n    url: string,\n    args?: unknown,\n    options?: Omit<UseQueryOptions<R>, 'queryKey'>,\n    fetch?: FetchFn\n) {\n    const reqUrl = makeUrl(url, args);\n    return useQuery<R>({\n        queryKey: getQueryKey(model, url, args),\n        queryFn: () => fetcher<R, false>(reqUrl, undefined, fetch, false),\n        ...options,\n    });\n}\n\n/**\n * Creates a react-query infinite query.\n *\n * @param model The name of the model under query.\n * @param url The request URL.\n * @param args The initial request args object, URL-encoded and appended as \"?q=\" parameter\n * @param options The react-query infinite query options object\n * @returns useInfiniteQuery hook\n */\nexport function useInfiniteModelQuery<R>(\n    model: string,\n    url: string,\n    args?: unknown,\n    options?: Omit<UseInfiniteQueryOptions<R>, 'queryKey'>,\n    fetch?: FetchFn\n) {\n    return useInfiniteQuery<R>({\n        queryKey: getQueryKey(model, url, args),\n        queryFn: ({ pageParam }) => {\n            return fetcher<R, false>(makeUrl(url, pageParam ?? args), undefined, fetch, false);\n        },\n        ...options,\n    });\n}\n\n/**\n * Creates a mutation with react-query.\n *\n * @param model The name of the model under mutation.\n * @param method The HTTP method.\n * @param modelMeta The model metadata.\n * @param url The request URL.\n * @param options The react-query options.\n * @param invalidateQueries Whether to invalidate queries after mutation.\n * @returns useMutation hooks\n */\nexport function useModelMutation<T, R = any, C extends boolean = boolean, Result = C extends true ? R | undefined : R>(\n    model: string,\n    method: 'POST' | 'PUT' | 'DELETE',\n    url: string,\n    modelMeta: ModelMeta,\n    options?: Omit<UseMutationOptions<Result, unknown, T>, 'mutationFn'>,\n    fetch?: FetchFn,\n    invalidateQueries = true,\n    checkReadBack?: C\n) {\n    const queryClient = useQueryClient();\n    const mutationFn = (data: any) => {\n        const reqUrl = method === 'DELETE' ? makeUrl(url, data) : url;\n        const fetchInit: RequestInit = {\n            method,\n            ...(method !== 'DELETE' && {\n                headers: {\n                    'content-type': 'application/json',\n                },\n                body: marshal(data),\n            }),\n        };\n        return fetcher<R, C>(reqUrl, fetchInit, fetch, checkReadBack) as Promise<Result>;\n    };\n\n    const finalOptions = { ...options, mutationFn };\n    if (invalidateQueries) {\n        const { logging } = useContext(RequestHandlerContext);\n        const operation = url.split('/').pop();\n        if (operation) {\n            setupInvalidation(\n                model,\n                operation,\n                modelMeta,\n                finalOptions,\n                (predicate) => queryClient.invalidateQueries({ predicate }),\n                logging\n            );\n        }\n    }\n\n    return useMutation(finalOptions);\n}\n","/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { deserialize, serialize } from '@zenstackhq/runtime/browser';\nimport { getMutatedModels, getReadModels, type ModelMeta, type PrismaWriteActionType } from '@zenstackhq/runtime/cross';\nimport * as crossFetch from 'cross-fetch';\n\n/**\n * The default query endpoint.\n */\nexport const DEFAULT_QUERY_ENDPOINT = '/api/model';\n\n/**\n * Prefix for react-query keys.\n */\nexport const QUERY_KEY_PREFIX = 'zenstack';\n\n/**\n * Function signature for `fetch`.\n */\nexport type FetchFn = (url: string, options?: RequestInit) => Promise<Response>;\n\n/**\n * Context type for configuring the hooks.\n */\nexport type APIContext = {\n    /**\n     * The endpoint to use for the queries.\n     */\n    endpoint?: string;\n\n    /**\n     * A custom fetch function for sending the HTTP requests.\n     */\n    fetch?: FetchFn;\n\n    /**\n     * If logging is enabled.\n     */\n    logging?: boolean;\n};\n\nexport async function fetcher<R, C extends boolean>(\n    url: string,\n    options?: RequestInit,\n    fetch?: FetchFn,\n    checkReadBack?: C\n): Promise<C extends true ? R | undefined : R> {\n    const _fetch = fetch ?? crossFetch.fetch;\n    const res = await _fetch(url, options);\n    if (!res.ok) {\n        const errData = unmarshal(await res.text());\n        if (\n            checkReadBack !== false &&\n            errData.error?.prisma &&\n            errData.error?.code === 'P2004' &&\n            errData.error?.reason === 'RESULT_NOT_READABLE'\n        ) {\n            // policy doesn't allow mutation result to be read back, just return undefined\n            return undefined as any;\n        }\n        const error: Error & { info?: unknown; status?: number } = new Error(\n            'An error occurred while fetching the data.'\n        );\n        error.info = errData.error;\n        error.status = res.status;\n        throw error;\n    }\n\n    const textResult = await res.text();\n    try {\n        return unmarshal(textResult).data as R;\n    } catch (err) {\n        console.error(`Unable to deserialize data:`, textResult);\n        throw err;\n    }\n}\n\ntype QueryKey = [string /* prefix */, string /* model */, string /* operation */, unknown /* args */];\n\n/**\n * Computes query key for the given model, operation and query args.\n * @param model Model name.\n * @param urlOrOperation Prisma operation (e.g, `findMany`) or request URL. If it's a URL, the last path segment will be used as the operation name.\n * @param args Prisma query arguments.\n * @returns Query key\n */\nexport function getQueryKey(model: string, urlOrOperation: string, args: unknown): QueryKey {\n    if (!urlOrOperation) {\n        throw new Error('Invalid urlOrOperation');\n    }\n    const operation = urlOrOperation.split('/').pop();\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return [QUERY_KEY_PREFIX, model, operation!, args];\n}\n\nexport function marshal(value: unknown) {\n    const { data, meta } = serialize(value);\n    if (meta) {\n        return JSON.stringify({ ...(data as any), meta: { serialization: meta } });\n    } else {\n        return JSON.stringify(data);\n    }\n}\n\nexport function unmarshal(value: string) {\n    const parsed = JSON.parse(value);\n    if (parsed.data && parsed.meta?.serialization) {\n        const deserializedData = deserialize(parsed.data, parsed.meta.serialization);\n        return { ...parsed, data: deserializedData };\n    } else {\n        return parsed;\n    }\n}\n\nexport function makeUrl(url: string, args: unknown) {\n    if (!args) {\n        return url;\n    }\n\n    const { data, meta } = serialize(args);\n    let result = `${url}?q=${encodeURIComponent(JSON.stringify(data))}`;\n    if (meta) {\n        result += `&meta=${encodeURIComponent(JSON.stringify({ serialization: meta }))}`;\n    }\n    return result;\n}\n\ntype InvalidationPredicate = ({ queryKey }: { queryKey: readonly unknown[] }) => boolean;\n\n// sets up invalidation hook for a mutation\nexport function setupInvalidation(\n    model: string,\n    operation: string,\n    modelMeta: ModelMeta,\n    options: { onSuccess?: (...args: any[]) => any },\n    invalidate: (predicate: InvalidationPredicate) => Promise<void>,\n    logging = false\n) {\n    const origOnSuccess = options?.onSuccess;\n    options.onSuccess = async (...args: unknown[]) => {\n        const [_, variables] = args;\n        const predicate = await getInvalidationPredicate(\n            model,\n            operation as PrismaWriteActionType,\n            variables,\n            modelMeta,\n            logging\n        );\n        await invalidate(predicate);\n        return origOnSuccess?.(...args);\n    };\n}\n\n// gets a predicate for evaluating whether a query should be invalidated\nasync function getInvalidationPredicate(\n    model: string,\n    operation: PrismaWriteActionType,\n    mutationArgs: any,\n    modelMeta: ModelMeta,\n    logging = false\n) {\n    const mutatedModels = await getMutatedModels(model, operation, mutationArgs, modelMeta);\n\n    return ({ queryKey }: { queryKey: readonly unknown[] }) => {\n        const [_model, queryModel, queryOp, args] = queryKey as QueryKey;\n\n        if (mutatedModels.includes(queryModel)) {\n            // direct match\n            if (logging) {\n                console.log(`Invalidating query [${queryKey}] due to mutation \"${model}.${operation}\"`);\n            }\n            return true;\n        }\n\n        if (args) {\n            // traverse query args to find nested reads that match the model under mutation\n            if (findNestedRead(queryModel, mutatedModels, modelMeta, args)) {\n                if (logging) {\n                    console.log(`Invalidating query [${queryKey}] due to mutation \"${model}.${operation}\"`);\n                }\n                return true;\n            }\n        }\n\n        return false;\n    };\n}\n\n// find nested reads that match the given models\nfunction findNestedRead(visitingModel: string, targetModels: string[], modelMeta: ModelMeta, args: any) {\n    const modelsRead = getReadModels(visitingModel, modelMeta, args);\n    return targetModels.some((m) => modelsRead.includes(m));\n}\n"],"mappings":"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","names":["fetch","fetch"]}

package/runtime/react.mjs

@@ -17,6 +17,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -45,13 +57,14 @@ import {
   useQuery,
   useQueryClient
 } from "@tanstack/react-query";
-import { createContext } from "react";
+import { createContext, useContext } from "react";
 
 // src/runtime/common.ts
 import { deserialize, serialize } from "@zenstackhq/runtime/browser";
+import { getMutatedModels, getReadModels } from "@zenstackhq/runtime/cross";
 import * as crossFetch from "cross-fetch";
 var DEFAULT_QUERY_ENDPOINT = "/api/model";
-var QUERY_KEY_PREFIX = "zenstack:";
+var QUERY_KEY_PREFIX = "zenstack";
 function fetcher(url, options, fetch2, checkReadBack) {
   return __async(this, null, function* () {
     var _a, _b, _c;
@@ -78,6 +91,13 @@ function fetcher(url, options, fetch2, checkReadBack) {
     }
   });
 }
+function getQueryKey(model, urlOrOperation, args) {
+  if (!urlOrOperation) {
+    throw new Error("Invalid urlOrOperation");
+  }
+  const operation = urlOrOperation.split("/").pop();
+  return [QUERY_KEY_PREFIX, model, operation, args];
+}
 function marshal(value) {
   const { data, meta } = serialize(value);
   if (meta) {
@@ -107,98 +127,112 @@ function makeUrl(url, args) {
   }
   return result;
 }
+function setupInvalidation(model, operation, modelMeta, options, invalidate, logging = false) {
+  const origOnSuccess = options == null ? void 0 : options.onSuccess;
+  options.onSuccess = (...args) => __async(this, null, function* () {
+    const [_, variables] = args;
+    const predicate = yield getInvalidationPredicate(
+      model,
+      operation,
+      variables,
+      modelMeta,
+      logging
+    );
+    yield invalidate(predicate);
+    return origOnSuccess == null ? void 0 : origOnSuccess(...args);
+  });
+}
+function getInvalidationPredicate(model, operation, mutationArgs, modelMeta, logging = false) {
+  return __async(this, null, function* () {
+    const mutatedModels = yield getMutatedModels(model, operation, mutationArgs, modelMeta);
+    return ({ queryKey }) => {
+      const [_model, queryModel, queryOp, args] = queryKey;
+      if (mutatedModels.includes(queryModel)) {
+        if (logging) {
+          console.log(`Invalidating query [${queryKey}] due to mutation "${model}.${operation}"`);
+        }
+        return true;
+      }
+      if (args) {
+        if (findNestedRead(queryModel, mutatedModels, modelMeta, args)) {
+          if (logging) {
+            console.log(`Invalidating query [${queryKey}] due to mutation "${model}.${operation}"`);
+          }
+          return true;
+        }
+      }
+      return false;
+    };
+  });
+}
+function findNestedRead(visitingModel, targetModels, modelMeta, args) {
+  const modelsRead = getReadModels(visitingModel, modelMeta, args);
+  return targetModels.some((m) => modelsRead.includes(m));
+}
 
 // src/runtime/react.ts
 var RequestHandlerContext = createContext({
   endpoint: DEFAULT_QUERY_ENDPOINT,
-  fetch: void 0
+  fetch: void 0,
+  logging: false
 });
 var Provider = RequestHandlerContext.Provider;
-function query(model, url, args, options, fetch2) {
+function getHooksContext() {
+  const _a = useContext(RequestHandlerContext), { endpoint } = _a, rest = __objRest(_a, ["endpoint"]);
+  return __spreadValues({ endpoint: endpoint != null ? endpoint : DEFAULT_QUERY_ENDPOINT }, rest);
+}
+function useModelQuery(model, url, args, options, fetch2) {
   const reqUrl = makeUrl(url, args);
   return useQuery(__spreadValues({
-    queryKey: [QUERY_KEY_PREFIX + model, url, args],
+    queryKey: getQueryKey(model, url, args),
     queryFn: () => fetcher(reqUrl, void 0, fetch2, false)
   }, options));
 }
-function infiniteQuery(model, url, args, options, fetch2) {
+function useInfiniteModelQuery(model, url, args, options, fetch2) {
   return useInfiniteQuery(__spreadValues({
-    queryKey: [QUERY_KEY_PREFIX + model, url, args],
+    queryKey: getQueryKey(model, url, args),
     queryFn: ({ pageParam }) => {
       return fetcher(makeUrl(url, pageParam != null ? pageParam : args), void 0, fetch2, false);
     }
   }, options));
 }
-function postMutation(model, url, options, fetch2, invalidateQueries = true, checkReadBack) {
+function useModelMutation(model, method, url, modelMeta, options, fetch2, invalidateQueries = true, checkReadBack) {
   const queryClient = useQueryClient();
-  const mutationFn = (data) => fetcher(
-    url,
-    {
-      method: "POST",
+  const mutationFn = (data) => {
+    const reqUrl = method === "DELETE" ? makeUrl(url, data) : url;
+    const fetchInit = __spreadValues({
+      method
+    }, method !== "DELETE" && {
       headers: {
         "content-type": "application/json"
       },
       body: marshal(data)
-    },
-    fetch2,
-    checkReadBack
-  );
-  const finalOptions = mergeOptions(model, options, invalidateQueries, mutationFn, queryClient);
-  const mutation = useMutation(finalOptions);
-  return mutation;
-}
-function putMutation(model, url, options, fetch2, invalidateQueries = true, checkReadBack) {
-  const queryClient = useQueryClient();
-  const mutationFn = (data) => fetcher(
-    url,
-    {
-      method: "PUT",
-      headers: {
-        "content-type": "application/json"
-      },
-      body: marshal(data)
-    },
-    fetch2,
-    checkReadBack
-  );
-  const finalOptions = mergeOptions(model, options, invalidateQueries, mutationFn, queryClient);
-  const mutation = useMutation(finalOptions);
-  return mutation;
-}
-function deleteMutation(model, url, options, fetch2, invalidateQueries = true, checkReadBack) {
-  const queryClient = useQueryClient();
-  const mutationFn = (data) => fetcher(
-    makeUrl(url, data),
-    {
-      method: "DELETE"
-    },
-    fetch2,
-    checkReadBack
-  );
-  const finalOptions = mergeOptions(model, options, invalidateQueries, mutationFn, queryClient);
-  const mutation = useMutation(finalOptions);
-  return mutation;
-}
-function mergeOptions(model, options, invalidateQueries, mutationFn, queryClient) {
-  const result = __spreadProps(__spreadValues({}, options), { mutationFn });
-  if ((options == null ? void 0 : options.onSuccess) || invalidateQueries) {
-    result.onSuccess = (...args) => {
-      var _a;
-      if (invalidateQueries) {
-        queryClient.invalidateQueries([QUERY_KEY_PREFIX + model]);
-      }
-      return (_a = options == null ? void 0 : options.onSuccess) == null ? void 0 : _a.call(options, ...args);
-    };
+    });
+    return fetcher(reqUrl, fetchInit, fetch2, checkReadBack);
+  };
+  const finalOptions = __spreadProps(__spreadValues({}, options), { mutationFn });
+  if (invalidateQueries) {
+    const { logging } = useContext(RequestHandlerContext);
+    const operation = url.split("/").pop();
+    if (operation) {
+      setupInvalidation(
+        model,
+        operation,
+        modelMeta,
+        finalOptions,
+        (predicate) => queryClient.invalidateQueries({ predicate }),
+        logging
+      );
+    }
   }
-  return result;
+  return useMutation(finalOptions);
 }
 export {
   Provider,
   RequestHandlerContext,
-  deleteMutation,
-  infiniteQuery,
-  postMutation,
-  putMutation,
-  query
+  getHooksContext,
+  useInfiniteModelQuery,
+  useModelMutation,
+  useModelQuery
 };
 //# sourceMappingURL=react.mjs.map