@btst/stack 2.12.2 → 3.0.0-rc.2

package/dist/packages/stack/src/plugins/cms/client/hooks/cms-hooks.mjs

@@ -1,51 +1,15 @@
 "use client";
-import { useQuery, useSuspenseQuery, useInfiniteQuery, useSuspenseInfiniteQuery, useQueryClient, useMutation } from '@tanstack/react-query';
-import { createApiClient } from '@btst/stack/plugins/client';
-import { usePluginOverrides } from '@btst/stack/context';
-import { createCMSQueryKeys } from '../../../../../../../plugins/cms/query-keys.mjs';
+import { cms } from './cms-resource.mjs';
 
-function isErrorResponse(response) {
-  if (typeof response !== "object" || response === null) {
-    return false;
-  }
-  const obj = response;
-  return "error" in obj && obj.error !== null && obj.error !== void 0;
-}
-function toError(error) {
-  if (error instanceof Error) {
-    return error;
-  }
-  if (typeof error === "object" && error !== null) {
-    const errorObj = error;
-    const message = (typeof errorObj.message === "string" ? errorObj.message : null) || (typeof errorObj.error === "string" ? errorObj.error : null) || JSON.stringify(error);
-    const err = new Error(message);
-    Object.assign(err, error);
-    return err;
-  }
-  return new Error(String(error));
+function flattenPages(pages) {
+  const items = pages?.flatMap(
+    (page) => Array.isArray(page?.items) ? page.items : []
+  ) ?? [];
+  const total = pages?.[0]?.total ?? 0;
+  return { items, total };
 }
-const SHARED_QUERY_CONFIG = {
-  retry: false,
-  refetchOnWindowFocus: false,
-  refetchOnMount: false,
-  refetchOnReconnect: false,
-  staleTime: 1e3 * 60 * 5,
-  // 5 minutes
-  gcTime: 1e3 * 60 * 10
-  // 10 minutes
-};
 function useContentTypes() {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
-  const baseQuery = queries.cmsTypes.list();
-  const { data, isLoading, error, refetch } = useQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG
-  });
+  const { data, isLoading, error, refetch } = cms.cmsTypes.list.use([]);
   return {
     contentTypes: data ?? [],
     isLoading,
@@ -54,36 +18,14 @@ function useContentTypes() {
   };
 }
 function useSuspenseContentTypes() {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
-  const baseQuery = queries.cmsTypes.list();
-  const { data, refetch, error, isFetching } = useSuspenseQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
+  const { data, refetch } = cms.cmsTypes.list.useSuspense([]);
   return {
     contentTypes: data ?? [],
     refetch
   };
 }
 function useContentType(slug) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
-  const baseQuery = queries.cmsTypes.detail(slug);
-  const { data, isLoading, error, refetch } = useQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG,
+  const { data, isLoading, error, refetch } = cms.cmsTypes.detail.use([slug], {
     enabled: !!slug
   });
   return {
@@ -94,14 +36,7 @@ function useContentType(slug) {
   };
 }
 function useContent(typeSlug, options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
-  const { limit = 10, enabled = true } = options;
-  const baseQuery = queries.cmsContent.list({ typeSlug, limit, offset: 0 });
+  const { limit = 10, enabled = true, search } = options;
   const {
     data,
     isLoading,
@@ -110,41 +45,10 @@ function useContent(typeSlug, options = {}) {
     hasNextPage,
     isFetchingNextPage,
     refetch
-  } = useInfiniteQuery({
-    queryKey: baseQuery.queryKey,
-    queryFn: async ({ pageParam = 0 }) => {
-      const response = await client("/content/:typeSlug", {
-        method: "GET",
-        params: { typeSlug },
-        query: { limit, offset: pageParam },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    ...SHARED_QUERY_CONFIG,
-    initialPageParam: 0,
-    getNextPageParam: (lastPage, allPages) => {
-      if (!lastPage || typeof lastPage !== "object") return void 0;
-      const items2 = lastPage?.items;
-      if (!Array.isArray(items2) || items2.length < limit) return void 0;
-      const loadedCount = (allPages || []).reduce(
-        (sum, page) => sum + (Array.isArray(page?.items) ? page.items.length : 0),
-        0
-      );
-      const total2 = lastPage?.total ?? 0;
-      if (loadedCount >= total2) return void 0;
-      return loadedCount;
-    },
+  } = cms.cmsContent.list.useInfinite([{ typeSlug, limit, search }], {
     enabled: enabled && !!typeSlug
   });
-  const pages = data?.pages;
-  const items = pages?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pages?.[0]?.total ?? 0;
+  const { items, total } = flattenPages(data?.pages);
   return {
     items,
     total,
@@ -157,59 +61,9 @@ function useContent(typeSlug, options = {}) {
   };
 }
 function useSuspenseContent(typeSlug, options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
-  const { limit = 10 } = options;
-  const baseQuery = queries.cmsContent.list({ typeSlug, limit, offset: 0 });
-  const {
-    data,
-    fetchNextPage,
-    hasNextPage,
-    isFetchingNextPage,
-    refetch,
-    error,
-    isFetching
-  } = useSuspenseInfiniteQuery({
-    queryKey: baseQuery.queryKey,
-    queryFn: async ({ pageParam = 0 }) => {
-      const response = await client("/content/:typeSlug", {
-        method: "GET",
-        params: { typeSlug },
-        query: { limit, offset: pageParam },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    ...SHARED_QUERY_CONFIG,
-    initialPageParam: 0,
-    getNextPageParam: (lastPage, allPages) => {
-      if (!lastPage || typeof lastPage !== "object") return void 0;
-      const items2 = lastPage?.items;
-      if (!Array.isArray(items2) || items2.length < limit) return void 0;
-      const loadedCount = (allPages || []).reduce(
-        (sum, page) => sum + (Array.isArray(page?.items) ? page.items.length : 0),
-        0
-      );
-      const total2 = lastPage?.total ?? 0;
-      if (loadedCount >= total2) return void 0;
-      return loadedCount;
-    }
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
-  const pages = data.pages;
-  const items = pages?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pages?.[0]?.total ?? 0;
+  const { limit = 10, search } = options;
+  const { data, fetchNextPage, hasNextPage, isFetchingNextPage, refetch } = cms.cmsContent.list.useSuspenseInfinite([{ typeSlug, limit, search }]);
+  const { items, total } = flattenPages(data.pages);
   return {
     items,
     total,
@@ -220,18 +74,10 @@ function useSuspenseContent(typeSlug, options = {}) {
   };
 }
 function useContentItem(typeSlug, id) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
-  const baseQuery = queries.cmsContent.detail(typeSlug, id);
-  const { data, isLoading, error, refetch } = useQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG,
-    enabled: !!typeSlug && !!id
-  });
+  const { data, isLoading, error, refetch } = cms.cmsContent.detail.use(
+    [typeSlug, id],
+    { enabled: !!typeSlug && !!id }
+  );
   return {
     item: data ?? null,
     isLoading,
@@ -240,38 +86,17 @@ function useContentItem(typeSlug, id) {
   };
 }
 function useSuspenseContentItem(typeSlug, id) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
-  const baseQuery = queries.cmsContent.detail(typeSlug, id);
-  const { data, refetch, error, isFetching } = useSuspenseQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
+  const { data, refetch } = cms.cmsContent.detail.useSuspense([typeSlug, id]);
   return {
     item: data ?? null,
     refetch
   };
 }
 function useContentItemBySlug(typeSlug, slug) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
-  const baseQuery = queries.cmsContent.bySlug(typeSlug, slug);
-  const { data, isLoading, error, refetch } = useQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG,
-    enabled: !!typeSlug && !!slug
-  });
+  const { data, isLoading, error, refetch } = cms.cmsContent.bySlug.use(
+    [typeSlug, slug],
+    { enabled: !!typeSlug && !!slug }
+  );
   return {
     item: data ?? null,
     isLoading,
@@ -280,140 +105,66 @@ function useContentItemBySlug(typeSlug, slug) {
   };
 }
 function useCreateContent(typeSlug) {
-  const { refresh, apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = useQueryClient();
-  const queries = createCMSQueryKeys(client, headers);
-  return useMutation({
-    mutationKey: [...queries.cmsContent._def, typeSlug, "create"],
-    mutationFn: async (data) => {
-      const response = await client("@post/content/:typeSlug", {
-        method: "POST",
-        params: { typeSlug },
-        body: data,
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    onSuccess: async () => {
-      await queryClient.invalidateQueries({
-        queryKey: queries.cmsContent.list._def,
-        refetchType: "all"
-      });
-      await queryClient.invalidateQueries({
-        queryKey: queries.cmsTypes.list._def,
-        refetchType: "all"
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
-  });
+  const mutation = cms.cmsContent.create.use();
+  return {
+    ...mutation,
+    mutate: (vars) => mutation.mutate({
+      typeSlug,
+      slug: vars.slug,
+      data: vars.data
+    }),
+    mutateAsync: async (vars) => await mutation.mutateAsync({
+      typeSlug,
+      slug: vars.slug,
+      data: vars.data
+    })
+  };
 }
 function useUpdateContent(typeSlug) {
-  const { refresh, apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = useQueryClient();
-  const queries = createCMSQueryKeys(client, headers);
-  return useMutation({
-    mutationKey: [...queries.cmsContent._def, typeSlug, "update"],
-    mutationFn: async ({ id, data }) => {
-      const response = await client("@put/content/:typeSlug/:id", {
-        method: "PUT",
-        params: { typeSlug, id },
-        body: data,
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    onSuccess: async (updated) => {
-      if (updated) {
-        queryClient.setQueryData(
-          queries.cmsContent.detail(typeSlug, updated.id).queryKey,
-          updated
-        );
-      }
-      await queryClient.invalidateQueries({
-        queryKey: queries.cmsContent.list._def,
-        refetchType: "all"
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
+  const mutation = cms.cmsContent.update.use();
+  const toVars = (vars) => ({
+    typeSlug,
+    id: vars.id,
+    data: vars.data
   });
+  return {
+    ...mutation,
+    mutate: (vars) => mutation.mutate(toVars(vars)),
+    mutateAsync: async (vars) => await mutation.mutateAsync(
+      toVars(vars)
+    )
+  };
 }
 function useDeleteContent(typeSlug) {
-  const { refresh, apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = useQueryClient();
-  const queries = createCMSQueryKeys(client, headers);
-  return useMutation({
-    mutationKey: [...queries.cmsContent._def, typeSlug, "delete"],
-    mutationFn: async (id) => {
-      const response = await client("@delete/content/:typeSlug/:id", {
-        method: "DELETE",
-        params: { typeSlug, id },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    onSuccess: async () => {
-      await queryClient.invalidateQueries({
-        queryKey: queries.cmsContent._def
-      });
-      await queryClient.invalidateQueries({
-        queryKey: queries.cmsTypes.list._def
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
+  const mutation = cms.cmsContent.delete.use();
+  return {
+    ...mutation,
+    mutate: (id) => mutation.mutate({ typeSlug, id }),
+    mutateAsync: (id) => mutation.mutateAsync({ typeSlug, id })
+  };
+}
+function useContentItemForm(config) {
+  return cms.cmsContent.useForm(
+    config
+  );
+}
+function useContentOptions(config) {
+  const { targetType, value, getOptionLabel } = config;
+  return cms.cmsContent.useSelect({
+    query: "options",
+    searchArgs: (search) => [{ typeSlug: targetType, search }],
+    getOptionValue: (item) => item.id,
+    getOptionLabel,
+    value,
+    preload: { args: (id) => [targetType, id] },
+    enabled: !!targetType
   });
 }
 function useContentItemPopulated(typeSlug, id) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const { data, isLoading, error, refetch } = useQuery({
-    queryKey: ["cmsContent", typeSlug, id, "populated"],
-    queryFn: async () => {
-      const response = await client(
-        "/content/:typeSlug/:id/populated",
-        {
-          method: "GET",
-          params: { typeSlug, id },
-          headers
-        }
-      );
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    ...SHARED_QUERY_CONFIG,
-    enabled: !!typeSlug && !!id
-  });
+  const { data, isLoading, error, refetch } = cms.cmsContent.populated.use(
+    [typeSlug, id],
+    { enabled: !!typeSlug && !!id }
+  );
   return {
     item: data ?? null,
     isLoading,
@@ -422,43 +173,16 @@ function useContentItemPopulated(typeSlug, id) {
   };
 }
 function useSuspenseContentItemPopulated(typeSlug, id) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const { data, refetch, error, isFetching } = useSuspenseQuery({
-    queryKey: ["cmsContent", typeSlug, id, "populated"],
-    queryFn: async () => {
-      const response = await client(
-        "/content/:typeSlug/:id/populated",
-        {
-          method: "GET",
-          params: { typeSlug, id },
-          headers
-        }
-      );
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    ...SHARED_QUERY_CONFIG
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
+  const { data, refetch } = cms.cmsContent.populated.useSuspense([
+    typeSlug,
+    id
+  ]);
   return {
     item: data ?? null,
     refetch
   };
 }
 function useContentByRelation(typeSlug, fieldName, targetId, options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
   const { limit = 20, enabled = true } = options;
   const {
     data,
@@ -468,41 +192,11 @@ function useContentByRelation(typeSlug, fieldName, targetId, options = {}) {
     hasNextPage,
     isFetchingNextPage,
     refetch
-  } = useInfiniteQuery({
-    queryKey: ["cmsContent", typeSlug, "by-relation", fieldName, targetId],
-    queryFn: async ({ pageParam = 0 }) => {
-      const response = await client("/content/:typeSlug/by-relation", {
-        method: "GET",
-        params: { typeSlug },
-        query: { field: fieldName, targetId, limit, offset: pageParam },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    ...SHARED_QUERY_CONFIG,
-    initialPageParam: 0,
-    getNextPageParam: (lastPage, allPages) => {
-      if (!lastPage || typeof lastPage !== "object") return void 0;
-      const items2 = lastPage?.items;
-      if (!Array.isArray(items2) || items2.length < limit) return void 0;
-      const loadedCount = (allPages || []).reduce(
-        (sum, page) => sum + (Array.isArray(page?.items) ? page.items.length : 0),
-        0
-      );
-      const total2 = lastPage?.total ?? 0;
-      if (loadedCount >= total2) return void 0;
-      return loadedCount;
-    },
-    enabled: enabled && !!typeSlug && !!fieldName && !!targetId
-  });
-  const pages = data?.pages;
-  const items = pages?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pages?.[0]?.total ?? 0;
+  } = cms.cmsContent.byRelation.useInfinite(
+    [{ typeSlug, field: fieldName, targetId, limit }],
+    { enabled: enabled && !!typeSlug && !!fieldName && !!targetId }
+  );
+  const { items, total } = flattenPages(data?.pages);
   return {
     items,
     total,
@@ -515,57 +209,11 @@ function useContentByRelation(typeSlug, fieldName, targetId, options = {}) {
   };
 }
 function useSuspenseContentByRelation(typeSlug, fieldName, targetId, options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("cms");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
   const { limit = 20 } = options;
-  const {
-    data,
-    fetchNextPage,
-    hasNextPage,
-    isFetchingNextPage,
-    refetch,
-    error,
-    isFetching
-  } = useSuspenseInfiniteQuery({
-    queryKey: ["cmsContent", typeSlug, "by-relation", fieldName, targetId],
-    queryFn: async ({ pageParam = 0 }) => {
-      const response = await client("/content/:typeSlug/by-relation", {
-        method: "GET",
-        params: { typeSlug },
-        query: { field: fieldName, targetId, limit, offset: pageParam },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    ...SHARED_QUERY_CONFIG,
-    initialPageParam: 0,
-    getNextPageParam: (lastPage, allPages) => {
-      if (!lastPage || typeof lastPage !== "object") return void 0;
-      const items2 = lastPage?.items;
-      if (!Array.isArray(items2) || items2.length < limit) return void 0;
-      const loadedCount = (allPages || []).reduce(
-        (sum, page) => sum + (Array.isArray(page?.items) ? page.items.length : 0),
-        0
-      );
-      const total2 = lastPage?.total ?? 0;
-      if (loadedCount >= total2) return void 0;
-      return loadedCount;
-    }
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
-  const pages = data.pages;
-  const items = pages?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pages?.[0]?.total ?? 0;
+  const { data, fetchNextPage, hasNextPage, isFetchingNextPage, refetch } = cms.cmsContent.byRelation.useSuspenseInfinite([
+    { typeSlug, field: fieldName, targetId, limit }
+  ]);
+  const { items, total } = flattenPages(data.pages);
   return {
     items,
     total,
@@ -575,5 +223,37 @@ function useSuspenseContentByRelation(typeSlug, fieldName, targetId, options = {
     refetch
   };
 }
+function useInverseRelations(contentTypeSlug, itemId) {
+  const { data, isLoading, error, refetch } = cms.cmsTypes.inverseRelations.use(
+    [{ slug: contentTypeSlug, itemId }],
+    { enabled: !!contentTypeSlug && !!itemId }
+  );
+  return {
+    inverseRelations: data ?? [],
+    isLoading,
+    error,
+    refetch
+  };
+}
+function useInverseRelationItems(params, options = {}) {
+  const { data, isLoading, error, refetch } = cms.cmsTypes.inverseRelationItems.use(
+    [
+      {
+        slug: params.contentTypeSlug,
+        sourceType: params.sourceType,
+        itemId: params.itemId,
+        fieldName: params.fieldName
+      }
+    ],
+    { enabled: options.enabled ?? true }
+  );
+  return {
+    items: data?.items ?? [],
+    total: data?.total ?? 0,
+    isLoading,
+    error,
+    refetch
+  };
+}
 
-export { useContent, useContentByRelation, useContentItem, useContentItemBySlug, useContentItemPopulated, useContentType, useContentTypes, useCreateContent, useDeleteContent, useSuspenseContent, useSuspenseContentByRelation, useSuspenseContentItem, useSuspenseContentItemPopulated, useSuspenseContentTypes, useUpdateContent };
+export { useContent, useContentByRelation, useContentItem, useContentItemBySlug, useContentItemForm, useContentItemPopulated, useContentOptions, useContentType, useContentTypes, useCreateContent, useDeleteContent, useInverseRelationItems, useInverseRelations, useSuspenseContent, useSuspenseContentByRelation, useSuspenseContentItem, useSuspenseContentItemPopulated, useSuspenseContentTypes, useUpdateContent };

package/dist/packages/stack/src/plugins/cms/client/hooks/cms-resource.cjs

@@ -0,0 +1,12 @@
+"use client";
+'use strict';
+
+const hooks = require('@btst/stack/plugins/client/hooks');
+const plugins_cms_queryKeys = require('../../../../../../../plugins/cms/query-keys.cjs');
+
+const cms = hooks.createResource({
+  plugin: "cms",
+  resources: plugins_cms_queryKeys.cmsResources
+});
+
+exports.cms = cms;