@btst/stack 2.12.2 → 3.0.0-rc.2

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

@@ -1,50 +1,12 @@
 "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 { createCMSQueryKeys } from '../../../../../../../plugins/cms/query-keys.mjs';
-import { UI_BUILDER_TYPE_SLUG } from '../../schemas.mjs';
+import { uiBuilder } from './ui-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));
-}
-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 toUIBuilderPage(item) {
+function flattenPages(pages) {
   return {
-    id: item.id,
-    contentTypeId: item.contentTypeId,
-    slug: item.slug,
-    data: item.data,
-    authorId: item.authorId,
-    createdAt: item.createdAt,
-    updatedAt: item.updatedAt,
-    parsedData: item.parsedData
+    pages: pages?.flatMap(
+      (page) => Array.isArray(page?.items) ? page.items : []
+    ) ?? [],
+    total: pages?.[0]?.total ?? 0
   };
 }
 function parseLayers(layersJson) {
@@ -62,15 +24,7 @@ function parseVariables(variablesJson) {
   }
 }
 function useUIBuilderPages(options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("ui-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
   const { limit = 10, enabled = true } = options;
-  const typeSlug = UI_BUILDER_TYPE_SLUG;
-  const baseQuery = queries.cmsContent.list({ typeSlug, limit, offset: 0 });
   const {
     data,
     isLoading,
@@ -79,44 +33,10 @@ function useUIBuilderPages(options = {}) {
     hasNextPage,
     isFetchingNextPage,
     refetch
-  } = useInfiniteQuery({
-    queryKey: [...baseQuery.queryKey, "ui-builder"],
-    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;
-    },
-    enabled
-  });
-  const pagesData = data?.pages;
-  const items = pagesData?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pagesData?.[0]?.total ?? 0;
+  } = uiBuilder.cmsContent.list.useInfinite([{ limit }], { enabled });
+  const flattened = flattenPages(data?.pages);
   return {
-    pages: items.map(toUIBuilderPage),
-    total,
+    ...flattened,
     isLoading,
     error,
     loadMore: fetchNextPage,
@@ -126,63 +46,11 @@ function useUIBuilderPages(options = {}) {
   };
 }
 function useSuspenseUIBuilderPages(options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("ui-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
   const { limit = 10 } = options;
-  const typeSlug = UI_BUILDER_TYPE_SLUG;
-  const baseQuery = queries.cmsContent.list({ typeSlug, limit, offset: 0 });
-  const {
-    data,
-    fetchNextPage,
-    hasNextPage,
-    isFetchingNextPage,
-    refetch,
-    error,
-    isFetching
-  } = useSuspenseInfiniteQuery({
-    queryKey: [...baseQuery.queryKey, "ui-builder"],
-    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 pagesData = data.pages;
-  const items = pagesData?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pagesData?.[0]?.total ?? 0;
+  const { data, fetchNextPage, hasNextPage, isFetchingNextPage, refetch } = uiBuilder.cmsContent.list.useSuspenseInfinite([{ limit }]);
+  const flattened = flattenPages(data.pages);
   return {
-    pages: items.map(toUIBuilderPage),
-    total,
+    ...flattened,
     loadMore: fetchNextPage,
     hasMore: !!hasNextPage,
     isLoadingMore: isFetchingNextPage,
@@ -190,68 +58,22 @@ function useSuspenseUIBuilderPages(options = {}) {
   };
 }
 function useUIBuilderPage(id) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("ui-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
-  const typeSlug = UI_BUILDER_TYPE_SLUG;
-  const baseQuery = queries.cmsContent.detail(typeSlug, id);
-  const { data, isLoading, error, refetch } = useQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG,
-    enabled: !!id
-  });
-  return {
-    page: data ? toUIBuilderPage(
-      data
-    ) : null,
-    isLoading,
-    error,
-    refetch
-  };
+  const { data, isLoading, error, refetch } = uiBuilder.cmsContent.detail.use(
+    [id],
+    { enabled: !!id }
+  );
+  return { page: data ?? null, isLoading, error, refetch };
 }
 function useSuspenseUIBuilderPage(id) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("ui-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
-  const typeSlug = UI_BUILDER_TYPE_SLUG;
-  const baseQuery = queries.cmsContent.detail(typeSlug, id);
-  const { data, refetch, error, isFetching } = useSuspenseQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
-  return {
-    page: data ? toUIBuilderPage(
-      data
-    ) : null,
-    refetch
-  };
+  const { data, refetch } = uiBuilder.cmsContent.detail.useSuspense([id]);
+  return { page: data ?? null, refetch };
 }
 function useUIBuilderPageBySlug(slug) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("ui-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
-  const typeSlug = UI_BUILDER_TYPE_SLUG;
-  const baseQuery = queries.cmsContent.bySlug(typeSlug, slug);
-  const { data, isLoading, error, refetch } = useQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG,
-    enabled: !!slug
-  });
-  const page = data ? toUIBuilderPage(
-    data
-  ) : null;
+  const { data, isLoading, error, refetch } = uiBuilder.cmsContent.bySlug.use(
+    [slug],
+    { enabled: !!slug }
+  );
+  const page = data ?? null;
   return {
     page,
     layers: page ? parseLayers(page.parsedData.layers) : [],
@@ -262,24 +84,8 @@ function useUIBuilderPageBySlug(slug) {
   };
 }
 function useSuspenseUIBuilderPageBySlug(slug) {
-  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("ui-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = createCMSQueryKeys(client, headers);
-  const typeSlug = UI_BUILDER_TYPE_SLUG;
-  const baseQuery = queries.cmsContent.bySlug(typeSlug, slug);
-  const { data, refetch, error, isFetching } = useSuspenseQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
-  const page = data ? toUIBuilderPage(
-    data
-  ) : null;
+  const { data, refetch } = uiBuilder.cmsContent.bySlug.useSuspense([slug]);
+  const page = data ?? null;
   return {
     page,
     layers: page ? parseLayers(page.parsedData.layers) : [],
@@ -288,140 +94,16 @@ function useSuspenseUIBuilderPageBySlug(slug) {
   };
 }
 function useCreateUIBuilderPage() {
-  const { refresh, apiBaseURL, apiBasePath, headers } = usePluginOverrides("ui-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = useQueryClient();
-  const queries = createCMSQueryKeys(client, headers);
-  const typeSlug = UI_BUILDER_TYPE_SLUG;
-  return useMutation({
-    mutationKey: [...queries.cmsContent._def, typeSlug, "create", "ui-builder"],
-    mutationFn: async (input) => {
-      const data = {
-        layers: JSON.stringify(input.layers),
-        variables: JSON.stringify(input.variables ?? []),
-        status: input.status ?? "draft"
-      };
-      const response = await client("@post/content/:typeSlug", {
-        method: "POST",
-        params: { typeSlug },
-        body: { slug: input.slug, data },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return toUIBuilderPage(
-        response.data
-      );
-    },
-    onSuccess: async () => {
-      await queryClient.invalidateQueries({
-        queryKey: queries.cmsContent.list._def
-      });
-      await queryClient.invalidateQueries({
-        queryKey: queries.cmsTypes.list._def
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
-  });
+  return uiBuilder.cmsContent.create.use();
 }
 function useUpdateUIBuilderPage() {
-  const { refresh, apiBaseURL, apiBasePath, headers } = usePluginOverrides("ui-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = useQueryClient();
-  const queries = createCMSQueryKeys(client, headers);
-  const typeSlug = UI_BUILDER_TYPE_SLUG;
-  return useMutation({
-    mutationKey: [...queries.cmsContent._def, typeSlug, "update", "ui-builder"],
-    mutationFn: async ({ id, data: input }) => {
-      const data = {};
-      if (input.layers !== void 0) {
-        data.layers = JSON.stringify(input.layers);
-      }
-      if (input.variables !== void 0) {
-        data.variables = JSON.stringify(input.variables);
-      }
-      if (input.status !== void 0) {
-        data.status = input.status;
-      }
-      const body = {};
-      if (input.slug !== void 0) {
-        body.slug = input.slug;
-      }
-      if (Object.keys(data).length > 0) {
-        body.data = data;
-      }
-      const response = await client("@put/content/:typeSlug/:id", {
-        method: "PUT",
-        params: { typeSlug, id },
-        body,
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return toUIBuilderPage(
-        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
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
-  });
+  return uiBuilder.cmsContent.update.use();
 }
 function useDeleteUIBuilderPage() {
-  const { refresh, apiBaseURL, apiBasePath, headers } = usePluginOverrides("ui-builder");
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = useQueryClient();
-  const queries = createCMSQueryKeys(client, headers);
-  const typeSlug = UI_BUILDER_TYPE_SLUG;
-  return useMutation({
-    mutationKey: [...queries.cmsContent._def, typeSlug, "delete", "ui-builder"],
-    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();
-      }
-    }
-  });
+  return uiBuilder.cmsContent.delete.use();
+}
+function useUIBuilderPageForm(config) {
+  return uiBuilder.cmsContent.useForm(config);
 }
 
-export { useCreateUIBuilderPage, useDeleteUIBuilderPage, useSuspenseUIBuilderPage, useSuspenseUIBuilderPageBySlug, useSuspenseUIBuilderPages, useUIBuilderPage, useUIBuilderPageBySlug, useUIBuilderPages, useUpdateUIBuilderPage };
+export { useCreateUIBuilderPage, useDeleteUIBuilderPage, useSuspenseUIBuilderPage, useSuspenseUIBuilderPageBySlug, useSuspenseUIBuilderPages, useUIBuilderPage, useUIBuilderPageBySlug, useUIBuilderPageForm, useUIBuilderPages, useUpdateUIBuilderPage };

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

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

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

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

package/dist/packages/stack/src/plugins/ui-builder/client/localization/index.cjs

@@ -16,16 +16,21 @@ const uiBuilderLocalization = {
       updatedAt: "Updated",
       actions: "Actions"
     },
-    actions: {
-      edit: "Edit",
-      delete: "Delete"
-    },
+    actions: { label: "Actions", edit: "Edit", delete: "Delete" },
     deleteDialog: {
       title: "Delete Page",
       description: "Are you sure you want to delete this page? This action cannot be undone.",
       cancel: "Cancel",
-      confirm: "Delete"
-    }
+      confirm: "Delete",
+      deleting: "Deleting..."
+    },
+    pagination: {
+      showing: "Showing {count} of {total}",
+      loadMore: "Load More",
+      loading: "Loading..."
+    },
+    deleteSuccess: "Page deleted successfully",
+    deleteError: "Failed to delete page"
   },
   pageBuilder: {
     newPage: "New Page",
@@ -35,10 +40,13 @@ const uiBuilderLocalization = {
     saving: "Saving...",
     saved: "Saved",
     saveError: "Failed to save",
+    duplicateSlug: "A page with this slug already exists",
     slugLabel: "Page Slug",
     slugPlaceholder: "my-page-slug",
     slugDescription: "URL-friendly identifier for this page",
     statusLabel: "Status",
+    settingsTitle: "Page Settings",
+    settingsDescription: "Configure page slug and status",
     statusOptions: {
       draft: "Draft",
       published: "Published",
@@ -54,6 +62,11 @@ const uiBuilderLocalization = {
     loading: "Loading page...",
     notFound: "Page not found",
     error: "Failed to load page"
+  },
+  common: {
+    errorTitle: "Something went wrong",
+    unexpectedError: "An unexpected error occurred",
+    tryAgain: "Try again"
   }
 };
 

package/dist/packages/stack/src/plugins/ui-builder/client/localization/index.mjs

@@ -14,16 +14,21 @@ const uiBuilderLocalization = {
       updatedAt: "Updated",
       actions: "Actions"
     },
-    actions: {
-      edit: "Edit",
-      delete: "Delete"
-    },
+    actions: { label: "Actions", edit: "Edit", delete: "Delete" },
     deleteDialog: {
       title: "Delete Page",
       description: "Are you sure you want to delete this page? This action cannot be undone.",
       cancel: "Cancel",
-      confirm: "Delete"
-    }
+      confirm: "Delete",
+      deleting: "Deleting..."
+    },
+    pagination: {
+      showing: "Showing {count} of {total}",
+      loadMore: "Load More",
+      loading: "Loading..."
+    },
+    deleteSuccess: "Page deleted successfully",
+    deleteError: "Failed to delete page"
   },
   pageBuilder: {
     newPage: "New Page",
@@ -33,10 +38,13 @@ const uiBuilderLocalization = {
     saving: "Saving...",
     saved: "Saved",
     saveError: "Failed to save",
+    duplicateSlug: "A page with this slug already exists",
     slugLabel: "Page Slug",
     slugPlaceholder: "my-page-slug",
     slugDescription: "URL-friendly identifier for this page",
     statusLabel: "Status",
+    settingsTitle: "Page Settings",
+    settingsDescription: "Configure page slug and status",
     statusOptions: {
       draft: "Draft",
       published: "Published",
@@ -52,6 +60,11 @@ const uiBuilderLocalization = {
     loading: "Loading page...",
     notFound: "Page not found",
     error: "Failed to load page"
+  },
+  common: {
+    errorTitle: "Something went wrong",
+    unexpectedError: "An unexpected error occurred",
+    tryAgain: "Try again"
   }
 };