mtxuilib 0.1.31 → 0.1.33

package/dist/lib/reactqueryGraphql/fetcher.js

@@ -0,0 +1,30 @@
+import { MTM_COOKIE_TOKEN_NAME } from "@/consts";
+import { useMtmapi } from "@/providers/MtmapiProvider";
+export const useGqlFetcher = (query, options) => {
+    const backendUrl = useMtmapi((x) => x.backendUrl);
+    const url = `${backendUrl}/api.ent/gql`;
+    return async (variables) => {
+        let token = "";
+        if (typeof window == "undefined") {
+            const cookies = await import("next/headers").then((x) => x.cookies);
+            token = cookies().get(MTM_COOKIE_TOKEN_NAME)?.value || "";
+        }
+        const res = await fetch(url, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+                ...(token && { Authorization: `Bearer ${token}` }),
+            },
+            body: JSON.stringify({
+                query,
+                variables,
+            }),
+        });
+        const json = (await res.json());
+        if (json.errors) {
+            const { message } = json.errors[0] || {};
+            throw new Error(message || "Error…");
+        }
+        return json.data;
+    };
+};

package/dist/lib/reactqueryGraphql/query-utils.js

@@ -0,0 +1,49 @@
+import { QueryClient } from "@tanstack/react-query";
+import { cache } from "react";
+const hasVariablesTypeGuard = (variables) => !!Object.keys(variables || {}).length;
+const cachedServerPreFetch = cache(async (useQuery, stringifiedQueryOptions) => {
+    const queryOptions = stringifiedQueryOptions ? JSON.parse(stringifiedQueryOptions) : undefined;
+    const hasVariables = hasVariablesTypeGuard(queryOptions);
+    let variables;
+    if (hasVariables) {
+        variables = queryOptions.variables;
+    }
+    const queryClient = new QueryClient();
+    await queryClient.prefetchQuery({
+        queryKey: useQuery.getKey(variables),
+        queryFn: useQuery.fetcher(variables, {
+            next: queryOptions?.next,
+            cache: queryOptions?.cache,
+        }),
+    });
+    return queryClient;
+});
+export const serverPreFetch = async (useQuery, queryOptions) => {
+    let stringifiedQueryOptions;
+    if (queryOptions)
+        stringifiedQueryOptions = JSON.stringify(queryOptions);
+    return cachedServerPreFetch(useQuery, stringifiedQueryOptions);
+};
+const cachedServerFetch = cache(async (useQuery, stringifiedQueryOptions) => {
+    const queryOptions = stringifiedQueryOptions ? JSON.parse(stringifiedQueryOptions) : undefined;
+    const hasVariables = hasVariablesTypeGuard(queryOptions);
+    let variables;
+    if (hasVariables) {
+        variables = queryOptions.variables;
+    }
+    const queryClient = new QueryClient();
+    const data = await queryClient.fetchQuery({
+        queryKey: useQuery.getKey(variables),
+        queryFn: useQuery.fetcher(variables, {
+            next: queryOptions?.next,
+            cache: queryOptions?.cache,
+        }),
+    });
+    return data;
+});
+export const serverFetch = async (useQuery, queryOptions) => {
+    let stringifiedQueryOptions;
+    if (queryOptions)
+        stringifiedQueryOptions = JSON.stringify(queryOptions);
+    return cachedServerFetch(useQuery, stringifiedQueryOptions);
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mtxuilib",
   "private": false,
-  "version": "0.1.31",
+  "version": "0.1.33",
   "publishConfig": {
     "access": "public"
   },