@zenstackhq/tanstack-query 1.1.1 → 1.2.0

package/runtime/vue.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 });
@@ -68,13 +80,11 @@ var __async = (__this, __arguments, generator) => {
 var vue_exports = {};
 __export(vue_exports, {
   VueQueryContextKey: () => VueQueryContextKey,
-  deleteMutation: () => deleteMutation,
-  getContext: () => getContext,
-  infiniteQuery: () => infiniteQuery,
-  postMutation: () => postMutation,
+  getHooksContext: () => getHooksContext,
   provideHooksContext: () => provideHooksContext,
-  putMutation: () => putMutation,
-  query: () => query
+  useInfiniteModelQuery: () => useInfiniteModelQuery,
+  useModelMutation: () => useModelMutation,
+  useModelQuery: () => useModelQuery
 });
 module.exports = __toCommonJS(vue_exports);
 var import_vue_query = require("@tanstack/vue-query");
@@ -82,9 +92,10 @@ var import_vue = require("vue");
 
 // 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;
@@ -111,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) {
@@ -140,105 +158,115 @@ 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/vue.ts
 var VueQueryContextKey = "zenstack-vue-query-context";
 function provideHooksContext(context) {
   (0, import_vue.provide)(VueQueryContextKey, context);
 }
-function getContext() {
-  return (0, import_vue.inject)(VueQueryContextKey, {
+function getHooksContext() {
+  const _a = (0, import_vue.inject)(VueQueryContextKey, {
     endpoint: DEFAULT_QUERY_ENDPOINT,
-    fetch: void 0
-  });
+    fetch: void 0,
+    logging: false
+  }), { endpoint } = _a, rest = __objRest(_a, ["endpoint"]);
+  return __spreadValues({ endpoint: endpoint != null ? endpoint : DEFAULT_QUERY_ENDPOINT }, rest);
 }
-function query(model, url, args, options, fetch2) {
+function useModelQuery(model, url, args, options, fetch2) {
   const reqUrl = makeUrl(url, args);
   return (0, import_vue_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_vue_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_vue_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_vue_query.useMutation)(finalOptions);
-  return mutation;
-}
-function putMutation(model, url, options, fetch2, invalidateQueries = true, checkReadBack) {
-  const queryClient = (0, import_vue_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_vue_query.useMutation)(finalOptions);
-  return mutation;
-}
-function deleteMutation(model, url, options, fetch2, invalidateQueries = true, checkReadBack) {
-  const queryClient = (0, import_vue_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_vue_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 } = getHooksContext();
+    const operation = url.split("/").pop();
+    if (operation) {
+      setupInvalidation(
+        model,
+        operation,
+        modelMeta,
+        finalOptions,
+        (predicate) => queryClient.invalidateQueries({ predicate }),
+        logging
+      );
+    }
   }
-  return result;
+  return (0, import_vue_query.useMutation)(finalOptions);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   VueQueryContextKey,
-  deleteMutation,
-  getContext,
-  infiniteQuery,
-  postMutation,
+  getHooksContext,
   provideHooksContext,
-  putMutation,
-  query
+  useInfiniteModelQuery,
+  useModelMutation,
+  useModelQuery
 });
 //# sourceMappingURL=vue.js.map

package/runtime/vue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/runtime/vue.ts","../../src/runtime/common.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\n/* 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/vue-query';\nimport { inject, provide } from 'vue';\nimport { APIContext, DEFAULT_QUERY_ENDPOINT, FetchFn, QUERY_KEY_PREFIX, fetcher, makeUrl, marshal } from './common';\n\nexport { APIContext as RequestHandlerContext } from './common';\n\nexport const VueQueryContextKey = 'zenstack-vue-query-context';\n\n/**\n * Provide context for the generated TanStack Query hooks.\n */\nexport function provideHooksContext(context: APIContext) {\n    provide<APIContext>(VueQueryContextKey, context);\n}\n\nexport function getContext() {\n    return inject<APIContext>(VueQueryContextKey, {\n        endpoint: DEFAULT_QUERY_ENDPOINT,\n        fetch: undefined,\n    });\n}\n\n/**\n * Creates a vue-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 vue-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 vue-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 vue-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 vue-query.\n *\n * @param model The name of the model under mutation.\n * @param url The request URL.\n * @param options The vue-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, unknown>, '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    // TODO: figure out the typing problem\n    const finalOptions: any = 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 vue-query.\n *\n * @param model The name of the model under mutation.\n * @param url The request URL.\n * @param options The vue-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, unknown>, '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    // TODO: figure out the typing problem\n    const finalOptions: any = 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 vue-query.\n *\n * @param model The name of the model under mutation.\n * @param url The request URL.\n * @param options The vue-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, unknown>, '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    // TODO: figure out the typing problem\n    const finalOptions: any = 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/vue.ts","../../src/runtime/common.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\n/* 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/vue-query';\nimport type { ModelMeta } from '@zenstackhq/runtime/cross';\nimport { inject, provide } from 'vue';\nimport {\n    APIContext,\n    DEFAULT_QUERY_ENDPOINT,\n    FetchFn,\n    fetcher,\n    getQueryKey,\n    makeUrl,\n    marshal,\n    setupInvalidation,\n} from './common';\n\nexport { APIContext as RequestHandlerContext } from './common';\n\nexport const VueQueryContextKey = 'zenstack-vue-query-context';\n\n/**\n * Provide context for the generated TanStack Query hooks.\n */\nexport function provideHooksContext(context: APIContext) {\n    provide<APIContext>(VueQueryContextKey, context);\n}\n\n/**\n * Hooks context.\n */\nexport function getHooksContext() {\n    const { endpoint, ...rest } = inject<APIContext>(VueQueryContextKey, {\n        endpoint: DEFAULT_QUERY_ENDPOINT,\n        fetch: undefined,\n        logging: false,\n    });\n    return { endpoint: endpoint ?? DEFAULT_QUERY_ENDPOINT, ...rest };\n}\n\n/**\n * Creates a vue-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 vue-query options object\n * @returns useQuery hook\n */\nexport function useModelQuery<R>(\n    model: string,\n    url: string,\n    args?: unknown,\n    options?: UseQueryOptions<R>,\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 vue-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 vue-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?: UseInfiniteQueryOptions<R>,\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 vue-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 vue-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, unknown>, '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    // TODO: figure out the typing problem\n    const finalOptions: any = { ...options, mutationFn };\n    if (invalidateQueries) {\n        const { logging } = getHooksContext();\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    return useMutation<Result, unknown, T>(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/vue.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) => {
@@ -49,9 +61,10 @@ import { inject, provide } from "vue";
 
 // 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,104 +127,114 @@ 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/vue.ts
 var VueQueryContextKey = "zenstack-vue-query-context";
 function provideHooksContext(context) {
   provide(VueQueryContextKey, context);
 }
-function getContext() {
-  return inject(VueQueryContextKey, {
+function getHooksContext() {
+  const _a = inject(VueQueryContextKey, {
     endpoint: DEFAULT_QUERY_ENDPOINT,
-    fetch: void 0
-  });
+    fetch: void 0,
+    logging: false
+  }), { endpoint } = _a, rest = __objRest(_a, ["endpoint"]);
+  return __spreadValues({ endpoint: endpoint != null ? endpoint : DEFAULT_QUERY_ENDPOINT }, rest);
 }
-function query(model, url, args, options, fetch2) {
+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 } = getHooksContext();
+    const operation = url.split("/").pop();
+    if (operation) {
+      setupInvalidation(
+        model,
+        operation,
+        modelMeta,
+        finalOptions,
+        (predicate) => queryClient.invalidateQueries({ predicate }),
+        logging
+      );
+    }
   }
-  return result;
+  return useMutation(finalOptions);
 }
 export {
   VueQueryContextKey,
-  deleteMutation,
-  getContext,
-  infiniteQuery,
-  postMutation,
+  getHooksContext,
   provideHooksContext,
-  putMutation,
-  query
+  useInfiniteModelQuery,
+  useModelMutation,
+  useModelQuery
 };
 //# sourceMappingURL=vue.mjs.map

package/runtime/vue.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/runtime/vue.ts","../../src/runtime/common.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\n/* 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/vue-query';\nimport { inject, provide } from 'vue';\nimport { APIContext, DEFAULT_QUERY_ENDPOINT, FetchFn, QUERY_KEY_PREFIX, fetcher, makeUrl, marshal } from './common';\n\nexport { APIContext as RequestHandlerContext } from './common';\n\nexport const VueQueryContextKey = 'zenstack-vue-query-context';\n\n/**\n * Provide context for the generated TanStack Query hooks.\n */\nexport function provideHooksContext(context: APIContext) {\n    provide<APIContext>(VueQueryContextKey, context);\n}\n\nexport function getContext() {\n    return inject<APIContext>(VueQueryContextKey, {\n        endpoint: DEFAULT_QUERY_ENDPOINT,\n        fetch: undefined,\n    });\n}\n\n/**\n * Creates a vue-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 vue-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 vue-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 vue-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 vue-query.\n *\n * @param model The name of the model under mutation.\n * @param url The request URL.\n * @param options The vue-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, unknown>, '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    // TODO: figure out the typing problem\n    const finalOptions: any = 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 vue-query.\n *\n * @param model The name of the model under mutation.\n * @param url The request URL.\n * @param options The vue-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, unknown>, '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    // TODO: figure out the typing problem\n    const finalOptions: any = 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 vue-query.\n *\n * @param model The name of the model under mutation.\n * @param url The request URL.\n * @param options The vue-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, unknown>, '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    // TODO: figure out the typing problem\n    const finalOptions: any = 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAMG;AACP,SAAS,QAAQ,eAAe;;;ACZhC,SAAS,aAAa,iBAAiB;AACvC,YAAY,gBAAgB;AAKrB,IAAM,yBAAyB;AAK/B,IAAM,mBAAmB;AAsBhC,SAAsB,QAClB,KACA,SACAA,QACA,eAC2C;AAAA;AAvC/C;AAwCI,UAAM,SAASA,UAAA,OAAAA,SAAoB;AACnC,UAAM,MAAM,MAAM,OAAO,KAAK,OAAO;AACrC,QAAI,CAAC,IAAI,IAAI;AACT,YAAM,UAAU,UAAU,MAAM,IAAI,KAAK,CAAC;AAC1C,UACI,kBAAkB,WAClB,aAAQ,UAAR,mBAAe,aACf,aAAQ,UAAR,mBAAe,UAAS,aACxB,aAAQ,UAAR,mBAAe,YAAW,uBAC5B;AAEE,eAAO;AAAA,MACX;AACA,YAAM,QAAqD,IAAI;AAAA,QAC3D;AAAA,MACJ;AACA,YAAM,OAAO,QAAQ;AACrB,YAAM,SAAS,IAAI;AACnB,YAAM;AAAA,IACV;AAEA,UAAM,aAAa,MAAM,IAAI,KAAK;AAClC,QAAI;AACA,aAAO,UAAU,UAAU,EAAE;AAAA,IACjC,SAAS,KAAK;AACV,cAAQ,MAAM,+BAA+B,UAAU;AACvD,YAAM;AAAA,IACV;AAAA,EACJ;AAAA;AAEO,SAAS,QAAQ,OAAgB;AACpC,QAAM,EAAE,MAAM,KAAK,IAAI,UAAU,KAAK;AACtC,MAAI,MAAM;AACN,WAAO,KAAK,UAAU,iCAAM,OAAN,EAAoB,MAAM,EAAE,eAAe,KAAK,EAAE,EAAC;AAAA,EAC7E,OAAO;AACH,WAAO,KAAK,UAAU,IAAI;AAAA,EAC9B;AACJ;AAEO,SAAS,UAAU,OAAe;AA/EzC;AAgFI,QAAM,SAAS,KAAK,MAAM,KAAK;AAC/B,MAAI,OAAO,UAAQ,YAAO,SAAP,mBAAa,gBAAe;AAC3C,UAAM,mBAAmB,YAAY,OAAO,MAAM,OAAO,KAAK,aAAa;AAC3E,WAAO,iCAAK,SAAL,EAAa,MAAM,iBAAiB;AAAA,EAC/C,OAAO;AACH,WAAO;AAAA,EACX;AACJ;AAEO,SAAS,QAAQ,KAAa,MAAe;AAChD,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AAEA,QAAM,EAAE,MAAM,KAAK,IAAI,UAAU,IAAI;AACrC,MAAI,SAAS,GAAG,GAAG,MAAM,mBAAmB,KAAK,UAAU,IAAI,CAAC,CAAC;AACjE,MAAI,MAAM;AACN,cAAU,SAAS,mBAAmB,KAAK,UAAU,EAAE,eAAe,KAAK,CAAC,CAAC,CAAC;AAAA,EAClF;AACA,SAAO;AACX;;;ADlFO,IAAM,qBAAqB;AAK3B,SAAS,oBAAoB,SAAqB;AACrD,UAAoB,oBAAoB,OAAO;AACnD;AAEO,SAAS,aAAa;AACzB,SAAO,OAAmB,oBAAoB;AAAA,IAC1C,UAAU;AAAA,IACV,OAAO;AAAA,EACX,CAAC;AACL;AAWO,SAAS,MAAS,OAAe,KAAa,MAAgB,SAA8BC,QAAiB;AAChH,QAAM,SAAS,QAAQ,KAAK,IAAI;AAChC,SAAO,SAAY;AAAA,IACf,UAAU,CAAC,mBAAmB,OAAO,KAAK,IAAI;AAAA,IAC9C,SAAS,MAAM,QAAkB,QAAQ,QAAWA,QAAO,KAAK;AAAA,KAC7D,QACN;AACL;AAWO,SAAS,cACZ,OACA,KACA,MACA,SACAA,QACF;AACE,SAAO,iBAAoB;AAAA,IACvB,UAAU,CAAC,mBAAmB,OAAO,KAAK,IAAI;AAAA,IAC9C,SAAS,CAAC,EAAE,UAAU,MAAM;AACxB,aAAO,QAAkB,QAAQ,KAAK,gCAAa,IAAI,GAAG,QAAWA,QAAO,KAAK;AAAA,IACrF;AAAA,KACG,QACN;AACL;AAWO,SAAS,aACZ,OACA,KACA,SACAA,QACA,oBAAoB,MACpB,eACF;AACE,QAAM,cAAc,eAAe;AACnC,QAAM,aAAa,CAAC,SAChB;AAAA,IACI;AAAA,IACA;AAAA,MACI,QAAQ;AAAA,MACR,SAAS;AAAA,QACL,gBAAgB;AAAA,MACpB;AAAA,MACA,MAAM,QAAQ,IAAI;AAAA,IACtB;AAAA,IACAA;AAAA,IACA;AAAA,EACJ;AAGJ,QAAM,eAAoB,aAAwB,OAAO,SAAS,mBAAmB,YAAY,WAAW;AAC5G,QAAM,WAAW,YAAgC,YAAY;AAC7D,SAAO;AACX;AAWO,SAAS,YACZ,OACA,KACA,SACAA,QACA,oBAAoB,MACpB,eACF;AACE,QAAM,cAAc,eAAe;AACnC,QAAM,aAAa,CAAC,SAChB;AAAA,IACI;AAAA,IACA;AAAA,MACI,QAAQ;AAAA,MACR,SAAS;AAAA,QACL,gBAAgB;AAAA,MACpB;AAAA,MACA,MAAM,QAAQ,IAAI;AAAA,IACtB;AAAA,IACAA;AAAA,IACA;AAAA,EACJ;AAGJ,QAAM,eAAoB,aAAwB,OAAO,SAAS,mBAAmB,YAAY,WAAW;AAC5G,QAAM,WAAW,YAAgC,YAAY;AAC7D,SAAO;AACX;AAWO,SAAS,eACZ,OACA,KACA,SACAA,QACA,oBAAoB,MACpB,eACF;AACE,QAAM,cAAc,eAAe;AACnC,QAAM,aAAa,CAAC,SAChB;AAAA,IACI,QAAQ,KAAK,IAAI;AAAA,IACjB;AAAA,MACI,QAAQ;AAAA,IACZ;AAAA,IACAA;AAAA,IACA;AAAA,EACJ;AAGJ,QAAM,eAAoB,aAAwB,OAAO,SAAS,mBAAmB,YAAY,WAAW;AAC5G,QAAM,WAAW,YAAgC,YAAY;AAC7D,SAAO;AACX;AAEA,SAAS,aACL,OACA,SACA,mBACA,YACA,aAC0C;AAC1C,QAAM,SAAS,iCAAK,UAAL,EAAc,WAAW;AACxC,OAAI,mCAAS,cAAa,mBAAmB;AACzC,WAAO,YAAY,IAAI,SAAS;AApMxC;AAqMY,UAAI,mBAAmB;AACnB,oBAAY,kBAAkB,CAAC,mBAAmB,KAAK,CAAC;AAAA,MAC5D;AACA,cAAO,wCAAS,cAAT,iCAAqB,GAAG;AAAA,IACnC;AAAA,EACJ;AACA,SAAO;AACX;","names":["fetch","fetch"]}
+{"version":3,"sources":["../../src/runtime/vue.ts","../../src/runtime/common.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\n/* 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/vue-query';\nimport type { ModelMeta } from '@zenstackhq/runtime/cross';\nimport { inject, provide } from 'vue';\nimport {\n    APIContext,\n    DEFAULT_QUERY_ENDPOINT,\n    FetchFn,\n    fetcher,\n    getQueryKey,\n    makeUrl,\n    marshal,\n    setupInvalidation,\n} from './common';\n\nexport { APIContext as RequestHandlerContext } from './common';\n\nexport const VueQueryContextKey = 'zenstack-vue-query-context';\n\n/**\n * Provide context for the generated TanStack Query hooks.\n */\nexport function provideHooksContext(context: APIContext) {\n    provide<APIContext>(VueQueryContextKey, context);\n}\n\n/**\n * Hooks context.\n */\nexport function getHooksContext() {\n    const { endpoint, ...rest } = inject<APIContext>(VueQueryContextKey, {\n        endpoint: DEFAULT_QUERY_ENDPOINT,\n        fetch: undefined,\n        logging: false,\n    });\n    return { endpoint: endpoint ?? DEFAULT_QUERY_ENDPOINT, ...rest };\n}\n\n/**\n * Creates a vue-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 vue-query options object\n * @returns useQuery hook\n */\nexport function useModelQuery<R>(\n    model: string,\n    url: string,\n    args?: unknown,\n    options?: UseQueryOptions<R>,\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 vue-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 vue-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?: UseInfiniteQueryOptions<R>,\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 vue-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 vue-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, unknown>, '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    // TODO: figure out the typing problem\n    const finalOptions: any = { ...options, mutationFn };\n    if (invalidateQueries) {\n        const { logging } = getHooksContext();\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    return useMutation<Result, unknown, T>(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-v5/common-5e18c135.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Function signature for `fetch`.
+ */
+type FetchFn = (url: string, options?: RequestInit) => Promise<Response>;
+/**
+ * Context type for configuring the hooks.
+ */
+type APIContext = {
+    /**
+     * The endpoint to use for the queries.
+     */
+    endpoint?: string;
+    /**
+     * A custom fetch function for sending the HTTP requests.
+     */
+    fetch?: FetchFn;
+    /**
+     * If logging is enabled.
+     */
+    logging?: boolean;
+};
+type QueryKey = [string, string, string, unknown];
+/**
+ * Computes query key for the given model, operation and query args.
+ * @param model Model name.
+ * @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.
+ * @param args Prisma query arguments.
+ * @returns Query key
+ */
+declare function getQueryKey(model: string, urlOrOperation: string, args: unknown): QueryKey;
+
+export { APIContext as A, FetchFn as F, getQueryKey as g };