@btst/stack 2.12.2 → 3.0.0-rc.2

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

@@ -1,48 +1,13 @@
 "use client";
-import { useInfiniteQuery, useSuspenseInfiniteQuery, useQuery, useSuspenseQuery, useQueryClient, useMutation } from '@tanstack/react-query';
-import { createApiClient } from '@btst/stack/plugins/client';
-import { usePluginOverrides } from '@btst/stack/context';
-import { createFormBuilderQueryKeys } from '../../../../../../../plugins/form-builder/query-keys.mjs';
+import { formBuilder } from './form-builder-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 useForms(options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createFormBuilderQueryKeys(client, headers);
-  const { status, limit = 20, enabled = true } = options;
-  const baseQuery = queries.forms.list({ status, limit, offset: 0 });
+  const { status, limit = 20, enabled = true, search } = options;
   const {
     data,
     isLoading,
@@ -51,42 +16,14 @@ function useForms(options = {}) {
     hasNextPage,
     isFetchingNextPage,
     refetch
-  } = useInfiniteQuery({
-    queryKey: baseQuery.queryKey,
-    queryFn: async ({ pageParam = 0 }) => {
-      const response = await client("/forms", {
-        method: "GET",
-        query: { status, 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 items = lastPage?.items;
-      if (!Array.isArray(items) || items.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;
-    },
+  } = formBuilder.forms.list.useInfinite([{ status, limit, search }], {
     enabled
   });
-  const pages = data?.pages;
-  const forms = pages?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pages?.[0]?.total ?? 0;
+  const { items, total } = flattenPages(
+    data?.pages
+  );
   return {
-    forms,
+    forms: items,
     total,
     isLoading,
     error,
@@ -97,60 +34,13 @@ function useForms(options = {}) {
   };
 }
 function useSuspenseForms(options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createFormBuilderQueryKeys(client, headers);
-  const { status, limit = 20 } = options;
-  const baseQuery = queries.forms.list({ status, limit, offset: 0 });
-  const {
-    data,
-    fetchNextPage,
-    hasNextPage,
-    isFetchingNextPage,
-    refetch,
-    error,
-    isFetching
-  } = useSuspenseInfiniteQuery({
-    queryKey: baseQuery.queryKey,
-    queryFn: async ({ pageParam = 0 }) => {
-      const response = await client("/forms", {
-        method: "GET",
-        query: { status, 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 items = lastPage?.items;
-      if (!Array.isArray(items) || items.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 forms = pages?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pages?.[0]?.total ?? 0;
+  const { status, limit = 20, search } = options;
+  const { data, fetchNextPage, hasNextPage, isFetchingNextPage, refetch } = formBuilder.forms.list.useSuspenseInfinite([{ status, limit, search }]);
+  const { items, total } = flattenPages(
+    data.pages
+  );
   return {
-    forms,
+    forms: items,
     total,
     loadMore: fetchNextPage,
     hasMore: !!hasNextPage,
@@ -159,16 +49,7 @@ function useSuspenseForms(options = {}) {
   };
 }
 function useFormById(id) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createFormBuilderQueryKeys(client, headers);
-  const baseQuery = queries.forms.byId(id);
-  const { data, isLoading, error, refetch } = useQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG,
+  const { data, isLoading, error, refetch } = formBuilder.forms.byId.use([id], {
     enabled: !!id
   });
   return {
@@ -179,38 +60,17 @@ function useFormById(id) {
   };
 }
 function useSuspenseFormById(id) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createFormBuilderQueryKeys(client, headers);
-  const baseQuery = queries.forms.byId(id);
-  const { data, refetch, error, isFetching } = useSuspenseQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
+  const { data, refetch } = formBuilder.forms.byId.useSuspense([id]);
   return {
     form: data ?? null,
     refetch
   };
 }
 function useFormBySlug(slug) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createFormBuilderQueryKeys(client, headers);
-  const baseQuery = queries.forms.bySlug(slug);
-  const { data, isLoading, error, refetch } = useQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG,
-    enabled: !!slug
-  });
+  const { data, isLoading, error, refetch } = formBuilder.forms.bySlug.use(
+    [slug],
+    { enabled: !!slug }
+  );
   return {
     form: data ?? null,
     isLoading,
@@ -219,165 +79,34 @@ function useFormBySlug(slug) {
   };
 }
 function useSuspenseFormBySlug(slug) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createFormBuilderQueryKeys(client, headers);
-  const baseQuery = queries.forms.bySlug(slug);
-  const { data, refetch, error, isFetching } = useSuspenseQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
+  const { data, refetch } = formBuilder.forms.bySlug.useSuspense([slug]);
   return {
     form: data ?? null,
     refetch
   };
 }
 function useCreateForm() {
-  const { refresh, apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = useQueryClient();
-  const queries = createFormBuilderQueryKeys(client, headers);
-  return useMutation({
-    mutationKey: [...queries.forms._def, "create"],
-    mutationFn: async (data) => {
-      const response = await client("@post/forms", {
-        method: "POST",
-        body: data,
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    onSuccess: async () => {
-      await queryClient.invalidateQueries({
-        queryKey: queries.forms._def
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
-  });
+  return formBuilder.forms.create.use();
 }
 function useUpdateForm() {
-  const { refresh, apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = useQueryClient();
-  const queries = createFormBuilderQueryKeys(client, headers);
-  return useMutation({
-    mutationKey: [...queries.forms._def, "update"],
-    mutationFn: async ({ id, data }) => {
-      const response = await client("@put/forms/:id", {
-        method: "PUT",
-        params: { id },
-        body: data,
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    onSuccess: async (updated) => {
-      if (updated) {
-        queryClient.setQueryData(
-          queries.forms.byId(updated.id).queryKey,
-          updated
-        );
-        queryClient.setQueryData(
-          queries.forms.bySlug(updated.slug).queryKey,
-          updated
-        );
-      }
-      await queryClient.invalidateQueries({
-        queryKey: queries.forms._def
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
-  });
+  return formBuilder.forms.update.use();
 }
 function useDeleteForm() {
-  const { refresh, apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = useQueryClient();
-  const queries = createFormBuilderQueryKeys(client, headers);
-  return useMutation({
-    mutationKey: [...queries.forms._def, "delete"],
-    mutationFn: async (id) => {
-      const response = await client("@delete/forms/:id", {
-        method: "DELETE",
-        params: { id },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    onSuccess: async () => {
-      await queryClient.invalidateQueries({
-        queryKey: queries.forms._def
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
-  });
+  return formBuilder.forms.delete.use();
+}
+function useFormBuilderForm(config) {
+  return formBuilder.forms.useForm(config);
 }
 function useSubmitForm(slug) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createFormBuilderQueryKeys(client, headers);
-  return useMutation({
-    mutationKey: [...queries.forms._def, slug, "submit"],
-    mutationFn: async ({ data }) => {
-      const response = await client("@post/forms/:slug/submit", {
-        method: "POST",
-        params: { slug },
-        body: { data },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    }
-  });
+  const mutation = formBuilder.forms.submit.use();
+  return {
+    ...mutation,
+    mutate: (vars) => mutation.mutate({ slug, data: vars.data }),
+    mutateAsync: (vars) => mutation.mutateAsync({ slug, data: vars.data })
+  };
 }
 function useSubmissions(formId, options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createFormBuilderQueryKeys(client, headers);
   const { limit = 20, enabled = true } = options;
-  const baseQuery = queries.formSubmissions.list({
-    formId,
-    limit,
-    offset: 0
-  });
   const {
     data,
     isLoading,
@@ -386,43 +115,14 @@ function useSubmissions(formId, options = {}) {
     hasNextPage,
     isFetchingNextPage,
     refetch
-  } = useInfiniteQuery({
-    queryKey: baseQuery.queryKey,
-    queryFn: async ({ pageParam = 0 }) => {
-      const response = await client("/forms/:formId/submissions", {
-        method: "GET",
-        params: { formId },
-        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 items = lastPage?.items;
-      if (!Array.isArray(items) || items.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;
-    },
+  } = formBuilder.formSubmissions.list.useInfinite([{ formId, limit }], {
     enabled: enabled && !!formId
   });
-  const pages = data?.pages;
-  const submissions = pages?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pages?.[0]?.total ?? 0;
+  const { items, total } = flattenPages(
+    data?.pages
+  );
   return {
-    submissions,
+    submissions: items,
     total,
     isLoading,
     error,
@@ -433,65 +133,13 @@ function useSubmissions(formId, options = {}) {
   };
 }
 function useSuspenseSubmissions(formId, options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createFormBuilderQueryKeys(client, headers);
   const { limit = 20 } = options;
-  const baseQuery = queries.formSubmissions.list({
-    formId,
-    limit,
-    offset: 0
-  });
-  const {
-    data,
-    fetchNextPage,
-    hasNextPage,
-    isFetchingNextPage,
-    refetch,
-    error,
-    isFetching
-  } = useSuspenseInfiniteQuery({
-    queryKey: baseQuery.queryKey,
-    queryFn: async ({ pageParam = 0 }) => {
-      const response = await client("/forms/:formId/submissions", {
-        method: "GET",
-        params: { formId },
-        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 items = lastPage?.items;
-      if (!Array.isArray(items) || items.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 submissions = pages?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pages?.[0]?.total ?? 0;
+  const { data, fetchNextPage, hasNextPage, isFetchingNextPage, refetch } = formBuilder.formSubmissions.list.useSuspenseInfinite([{ formId, limit }]);
+  const { items, total } = flattenPages(
+    data.pages
+  );
   return {
-    submissions,
+    submissions: items,
     total,
     loadMore: fetchNextPage,
     hasMore: !!hasNextPage,
@@ -500,38 +148,12 @@ function useSuspenseSubmissions(formId, options = {}) {
   };
 }
 function useDeleteSubmission(formId) {
-  const { refresh, apiBaseURL, apiBasePath, headers } = usePluginOverrides("form-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = useQueryClient();
-  const queries = createFormBuilderQueryKeys(client, headers);
-  return useMutation({
-    mutationKey: [...queries.formSubmissions._def, formId, "delete"],
-    mutationFn: async (subId) => {
-      const response = await client(
-        "@delete/forms/:formId/submissions/:subId",
-        {
-          method: "DELETE",
-          params: { formId, subId },
-          headers
-        }
-      );
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    onSuccess: async () => {
-      await queryClient.invalidateQueries({
-        queryKey: queries.formSubmissions._def
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
-  });
+  const mutation = formBuilder.formSubmissions.delete.use();
+  return {
+    ...mutation,
+    mutate: (subId) => mutation.mutate({ formId, subId }),
+    mutateAsync: (subId) => mutation.mutateAsync({ formId, subId })
+  };
 }
 
-export { useCreateForm, useDeleteForm, useDeleteSubmission, useFormById, useFormBySlug, useForms, useSubmissions, useSubmitForm, useSuspenseFormById, useSuspenseFormBySlug, useSuspenseForms, useSuspenseSubmissions, useUpdateForm };
+export { useCreateForm, useDeleteForm, useDeleteSubmission, useFormBuilderForm, useFormById, useFormBySlug, useForms, useSubmissions, useSubmitForm, useSuspenseFormById, useSuspenseFormBySlug, useSuspenseForms, useSuspenseSubmissions, useUpdateForm };

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

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

package/dist/packages/stack/src/plugins/form-builder/client/hooks/form-builder-resource.mjs

@@ -0,0 +1,10 @@
+"use client";
+import { createResource } from '@btst/stack/plugins/client/hooks';
+import { formBuilderResources } from '../../../../../../../plugins/form-builder/query-keys.mjs';
+
+const formBuilder = createResource({
+  plugin: "form-builder",
+  resources: formBuilderResources
+});
+
+export { formBuilder };