@btst/stack 1.8.0 → 1.9.0

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

@@ -388,15 +388,205 @@ function useDeleteContent(typeSlug) {
     }
   });
 }
+function useContentItemPopulated(typeSlug, id) {
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("cms");
+  const client$1 = client.createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const { data, isLoading, error, refetch } = reactQuery.useQuery({
+    queryKey: ["cmsContent", typeSlug, id, "populated"],
+    queryFn: async () => {
+      const response = await client$1(
+        "/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
+  });
+  return {
+    item: data ?? null,
+    isLoading,
+    error,
+    refetch
+  };
+}
+function useSuspenseContentItemPopulated(typeSlug, id) {
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("cms");
+  const client$1 = client.createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const { data, refetch, error, isFetching } = reactQuery.useSuspenseQuery({
+    queryKey: ["cmsContent", typeSlug, id, "populated"],
+    queryFn: async () => {
+      const response = await client$1(
+        "/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;
+  }
+  return {
+    item: data ?? null,
+    refetch
+  };
+}
+function useContentByRelation(typeSlug, fieldName, targetId, options = {}) {
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("cms");
+  const client$1 = client.createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const { limit = 20, enabled = true } = options;
+  const {
+    data,
+    isLoading,
+    error,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage,
+    refetch
+  } = reactQuery.useInfiniteQuery({
+    queryKey: ["cmsContent", typeSlug, "by-relation", fieldName, targetId],
+    queryFn: async ({ pageParam = 0 }) => {
+      const response = await client$1("/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;
+  return {
+    items,
+    total,
+    isLoading,
+    error,
+    loadMore: fetchNextPage,
+    hasMore: !!hasNextPage,
+    isLoadingMore: isFetchingNextPage,
+    refetch
+  };
+}
+function useSuspenseContentByRelation(typeSlug, fieldName, targetId, options = {}) {
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("cms");
+  const client$1 = client.createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const { limit = 20 } = options;
+  const {
+    data,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage,
+    refetch,
+    error,
+    isFetching
+  } = reactQuery.useSuspenseInfiniteQuery({
+    queryKey: ["cmsContent", typeSlug, "by-relation", fieldName, targetId],
+    queryFn: async ({ pageParam = 0 }) => {
+      const response = await client$1("/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;
+  return {
+    items,
+    total,
+    loadMore: fetchNextPage,
+    hasMore: !!hasNextPage,
+    isLoadingMore: isFetchingNextPage,
+    refetch
+  };
+}
 
 exports.useContent = useContent;
+exports.useContentByRelation = useContentByRelation;
 exports.useContentItem = useContentItem;
 exports.useContentItemBySlug = useContentItemBySlug;
+exports.useContentItemPopulated = useContentItemPopulated;
 exports.useContentType = useContentType;
 exports.useContentTypes = useContentTypes;
 exports.useCreateContent = useCreateContent;
 exports.useDeleteContent = useDeleteContent;
 exports.useSuspenseContent = useSuspenseContent;
+exports.useSuspenseContentByRelation = useSuspenseContentByRelation;
 exports.useSuspenseContentItem = useSuspenseContentItem;
+exports.useSuspenseContentItemPopulated = useSuspenseContentItemPopulated;
 exports.useSuspenseContentTypes = useSuspenseContentTypes;
 exports.useUpdateContent = useUpdateContent;

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

@@ -386,5 +386,191 @@ function useDeleteContent(typeSlug) {
     }
   });
 }
+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
+  });
+  return {
+    item: data ?? null,
+    isLoading,
+    error,
+    refetch
+  };
+}
+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;
+  }
+  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,
+    isLoading,
+    error,
+    fetchNextPage,
+    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;
+  return {
+    items,
+    total,
+    isLoading,
+    error,
+    loadMore: fetchNextPage,
+    hasMore: !!hasNextPage,
+    isLoadingMore: isFetchingNextPage,
+    refetch
+  };
+}
+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;
+  return {
+    items,
+    total,
+    loadMore: fetchNextPage,
+    hasMore: !!hasNextPage,
+    isLoadingMore: isFetchingNextPage,
+    refetch
+  };
+}
 
-export { useContent, useContentItem, useContentItemBySlug, useContentType, useContentTypes, useCreateContent, useDeleteContent, useSuspenseContent, useSuspenseContentItem, useSuspenseContentTypes, useUpdateContent };
+export { useContent, useContentByRelation, useContentItem, useContentItemBySlug, useContentItemPopulated, useContentType, useContentTypes, useCreateContent, useDeleteContent, useSuspenseContent, useSuspenseContentByRelation, useSuspenseContentItem, useSuspenseContentItemPopulated, useSuspenseContentTypes, useUpdateContent };

package/dist/packages/better-stack/src/plugins/cms/db.cjs

@@ -74,6 +74,44 @@ const cmsSchema = db.createDbPlugin("cms", {
         defaultValue: () => /* @__PURE__ */ new Date()
       }
     }
+  },
+  /**
+   * Junction table for content item relationships
+   * Stores many-to-many and one-to-many relations between content items
+   */
+  contentRelation: {
+    modelName: "contentRelation",
+    fields: {
+      /** The content item that has the relation field */
+      sourceId: {
+        type: "string",
+        required: true,
+        references: {
+          model: "contentItem",
+          field: "id",
+          onDelete: "cascade"
+        }
+      },
+      /** The content item being referenced */
+      targetId: {
+        type: "string",
+        required: true,
+        references: {
+          model: "contentItem",
+          field: "id",
+          onDelete: "cascade"
+        }
+      },
+      /** The field name in the source content type schema (e.g., "categoryIds") */
+      fieldName: {
+        type: "string",
+        required: true
+      },
+      createdAt: {
+        type: "date",
+        defaultValue: () => /* @__PURE__ */ new Date()
+      }
+    }
   }
 });
 

package/dist/packages/better-stack/src/plugins/cms/db.mjs

@@ -72,6 +72,44 @@ const cmsSchema = createDbPlugin("cms", {
         defaultValue: () => /* @__PURE__ */ new Date()
       }
     }
+  },
+  /**
+   * Junction table for content item relationships
+   * Stores many-to-many and one-to-many relations between content items
+   */
+  contentRelation: {
+    modelName: "contentRelation",
+    fields: {
+      /** The content item that has the relation field */
+      sourceId: {
+        type: "string",
+        required: true,
+        references: {
+          model: "contentItem",
+          field: "id",
+          onDelete: "cascade"
+        }
+      },
+      /** The content item being referenced */
+      targetId: {
+        type: "string",
+        required: true,
+        references: {
+          model: "contentItem",
+          field: "id",
+          onDelete: "cascade"
+        }
+      },
+      /** The field name in the source content type schema (e.g., "categoryIds") */
+      fieldName: {
+        type: "string",
+        required: true
+      },
+      createdAt: {
+        type: "date",
+        defaultValue: () => /* @__PURE__ */ new Date()
+      }
+    }
   }
 });
 

package/dist/packages/ui/src/components/auto-form/fields/object.cjs

@@ -72,6 +72,46 @@ function AutoFormObject({
       return null;
     }
     if (zodBaseType === "ZodObject") {
+      const objectFieldConfig = fieldConfig?.[name] ?? {};
+      if (typeof objectFieldConfig.fieldType === "function") {
+        const zodInputProps2 = utils.zodToHtmlInputProps(item);
+        let isRequired2 = isRequiredByDependency || zodInputProps2.required || false;
+        if (objectFieldConfig.inputProps?.required !== void 0) {
+          isRequired2 = objectFieldConfig.inputProps.required;
+        }
+        const CustomComponent = objectFieldConfig.fieldType;
+        const ParentElement = objectFieldConfig.renderParent ?? DefaultParent;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          form.FormField,
+          {
+            control: form$1.control,
+            name: key,
+            render: ({ field }) => {
+              const fieldProps = {
+                ...zodInputProps2,
+                ...field,
+                ...objectFieldConfig.inputProps,
+                disabled: objectFieldConfig.inputProps?.disabled || isDisabled,
+                ref: void 0,
+                value: field.value
+              };
+              return /* @__PURE__ */ jsxRuntime.jsx(ParentElement, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                CustomComponent,
+                {
+                  zodInputProps: zodInputProps2,
+                  field,
+                  fieldConfigItem: objectFieldConfig,
+                  label: objectFieldConfig.label || itemName,
+                  isRequired: isRequired2,
+                  zodItem: item,
+                  fieldProps
+                }
+              ) }, `${key}.parent`);
+            }
+          },
+          key
+        );
+      }
       return /* @__PURE__ */ jsxRuntime.jsxs(accordion.AccordionItem, { value: name, className: "border-none", children: [
         /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionTrigger, { children: itemName }),
         /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionContent, { className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -86,13 +126,53 @@ function AutoFormObject({
       ] }, key);
     }
     if (zodBaseType === "ZodArray") {
+      const arrayFieldConfig = fieldConfig?.[name] ?? {};
+      if (typeof arrayFieldConfig.fieldType === "function") {
+        const zodInputProps2 = utils.zodToHtmlInputProps(item);
+        let isRequired2 = isRequiredByDependency || zodInputProps2.required || false;
+        if (arrayFieldConfig.inputProps?.required !== void 0) {
+          isRequired2 = arrayFieldConfig.inputProps.required;
+        }
+        const CustomComponent = arrayFieldConfig.fieldType;
+        const ParentElement = arrayFieldConfig.renderParent ?? DefaultParent;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          form.FormField,
+          {
+            control: form$1.control,
+            name: key,
+            render: ({ field }) => {
+              const fieldProps = {
+                ...zodInputProps2,
+                ...field,
+                ...arrayFieldConfig.inputProps,
+                disabled: arrayFieldConfig.inputProps?.disabled || isDisabled,
+                ref: void 0,
+                value: field.value
+              };
+              return /* @__PURE__ */ jsxRuntime.jsx(ParentElement, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                CustomComponent,
+                {
+                  zodInputProps: zodInputProps2,
+                  field,
+                  fieldConfigItem: arrayFieldConfig,
+                  label: arrayFieldConfig.label || itemName,
+                  isRequired: isRequired2,
+                  zodItem: item,
+                  fieldProps
+                }
+              ) }, `${key}.parent`);
+            }
+          },
+          key
+        );
+      }
       return /* @__PURE__ */ jsxRuntime.jsx(
         array,
         {
           name,
           item,
           form: form$1,
-          fieldConfig: fieldConfig?.[name] ?? {},
+          fieldConfig: arrayFieldConfig,
           path: [...path, name]
         },
         key

package/dist/packages/ui/src/components/auto-form/fields/object.mjs

@@ -56,6 +56,46 @@ function AutoFormObject({
       return null;
     }
     if (zodBaseType === "ZodObject") {
+      const objectFieldConfig = fieldConfig?.[name] ?? {};
+      if (typeof objectFieldConfig.fieldType === "function") {
+        const zodInputProps2 = zodToHtmlInputProps(item);
+        let isRequired2 = isRequiredByDependency || zodInputProps2.required || false;
+        if (objectFieldConfig.inputProps?.required !== void 0) {
+          isRequired2 = objectFieldConfig.inputProps.required;
+        }
+        const CustomComponent = objectFieldConfig.fieldType;
+        const ParentElement = objectFieldConfig.renderParent ?? DefaultParent;
+        return /* @__PURE__ */ jsx(
+          FormField,
+          {
+            control: form.control,
+            name: key,
+            render: ({ field }) => {
+              const fieldProps = {
+                ...zodInputProps2,
+                ...field,
+                ...objectFieldConfig.inputProps,
+                disabled: objectFieldConfig.inputProps?.disabled || isDisabled,
+                ref: void 0,
+                value: field.value
+              };
+              return /* @__PURE__ */ jsx(ParentElement, { children: /* @__PURE__ */ jsx(
+                CustomComponent,
+                {
+                  zodInputProps: zodInputProps2,
+                  field,
+                  fieldConfigItem: objectFieldConfig,
+                  label: objectFieldConfig.label || itemName,
+                  isRequired: isRequired2,
+                  zodItem: item,
+                  fieldProps
+                }
+              ) }, `${key}.parent`);
+            }
+          },
+          key
+        );
+      }
       return /* @__PURE__ */ jsxs(AccordionItem, { value: name, className: "border-none", children: [
         /* @__PURE__ */ jsx(AccordionTrigger, { children: itemName }),
         /* @__PURE__ */ jsx(AccordionContent, { className: "p-2", children: /* @__PURE__ */ jsx(
@@ -70,13 +110,53 @@ function AutoFormObject({
       ] }, key);
     }
     if (zodBaseType === "ZodArray") {
+      const arrayFieldConfig = fieldConfig?.[name] ?? {};
+      if (typeof arrayFieldConfig.fieldType === "function") {
+        const zodInputProps2 = zodToHtmlInputProps(item);
+        let isRequired2 = isRequiredByDependency || zodInputProps2.required || false;
+        if (arrayFieldConfig.inputProps?.required !== void 0) {
+          isRequired2 = arrayFieldConfig.inputProps.required;
+        }
+        const CustomComponent = arrayFieldConfig.fieldType;
+        const ParentElement = arrayFieldConfig.renderParent ?? DefaultParent;
+        return /* @__PURE__ */ jsx(
+          FormField,
+          {
+            control: form.control,
+            name: key,
+            render: ({ field }) => {
+              const fieldProps = {
+                ...zodInputProps2,
+                ...field,
+                ...arrayFieldConfig.inputProps,
+                disabled: arrayFieldConfig.inputProps?.disabled || isDisabled,
+                ref: void 0,
+                value: field.value
+              };
+              return /* @__PURE__ */ jsx(ParentElement, { children: /* @__PURE__ */ jsx(
+                CustomComponent,
+                {
+                  zodInputProps: zodInputProps2,
+                  field,
+                  fieldConfigItem: arrayFieldConfig,
+                  label: arrayFieldConfig.label || itemName,
+                  isRequired: isRequired2,
+                  zodItem: item,
+                  fieldProps
+                }
+              ) }, `${key}.parent`);
+            }
+          },
+          key
+        );
+      }
       return /* @__PURE__ */ jsx(
         AutoFormArray,
         {
           name,
           item,
           form,
-          fieldConfig: fieldConfig?.[name] ?? {},
+          fieldConfig: arrayFieldConfig,
           path: [...path, name]
         },
         key