@btst/stack 1.5.0 → 1.5.2

package/dist/packages/better-stack/src/plugins/cms/client/components/forms/content-form.mjs

@@ -3,7 +3,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect, useMemo } from 'react';
 import { z } from 'zod';
 import { toast } from 'sonner';
-import AutoForm, { AutoFormSubmit } from '../../../../../../../ui/src/components/ui/auto-form/index.mjs';
+import AutoForm, { AutoFormSubmit } from '../../../../../../../ui/src/components/auto-form/index.mjs';
+import { fromJSONSchemaWithDates, buildFieldConfigFromJsonSchema as buildFieldConfigFromJsonSchema$1 } from '../../../../../../../ui/src/components/auto-form/utils.mjs';
 import { Input } from '../../../../../../../ui/src/components/input.mjs';
 import { Label } from '../../../../../../../ui/src/components/label.mjs';
 import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
@@ -12,133 +13,30 @@ import { slugify } from '../../../utils.mjs';
 import { CMS_LOCALIZATION } from '../../localization/index.mjs';
 import { CMSFileUpload } from './file-upload.mjs';
 
-function jsonSchemaToZodWithCoercion(jsonSchema) {
-  const shape = {};
-  const properties = jsonSchema.properties || {};
-  const required = jsonSchema.required || [];
+function buildFieldConfigFromJsonSchema(jsonSchema, uploadImage, fieldComponents) {
+  const baseConfig = buildFieldConfigFromJsonSchema$1(jsonSchema, fieldComponents);
+  const properties = jsonSchema.properties;
+  if (!properties) return baseConfig;
   for (const [key, prop] of Object.entries(properties)) {
-    let fieldSchema;
-    const typeValue = Array.isArray(prop.type) ? prop.type[0] : prop.type;
-    if (prop.enum && Array.isArray(prop.enum) && prop.enum.length > 0) {
-      const stringValues = prop.enum.filter(
-        (v) => typeof v === "string"
-      );
-      if (stringValues.length > 0) {
-        fieldSchema = z.enum(stringValues);
+    if (prop.fieldType === "file" && !fieldComponents?.["file"]) {
+      if (!uploadImage) {
+        baseConfig[key] = {
+          ...baseConfig[key],
+          fieldType: () => /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive", children: [
+            "File upload requires an ",
+            /* @__PURE__ */ jsx("code", { children: "uploadImage" }),
+            " function in CMS overrides."
+          ] })
+        };
       } else {
-        fieldSchema = z.string();
-      }
-    } else {
-      switch (typeValue) {
-        case "number":
-        case "integer": {
-          let numSchema = z.coerce.number();
-          if (prop.minimum !== void 0) {
-            numSchema = numSchema.min(prop.minimum);
-          }
-          if (prop.maximum !== void 0) {
-            numSchema = numSchema.max(prop.maximum);
-          }
-          fieldSchema = numSchema;
-          break;
-        }
-        case "boolean": {
-          fieldSchema = z.boolean();
-          if (prop.default !== void 0) {
-            fieldSchema = fieldSchema.default(
-              prop.default
-            );
-          }
-          break;
-        }
-        case "string": {
-          if (prop.format === "date" || prop.format === "date-time") {
-            fieldSchema = z.coerce.date();
-          } else {
-            let strSchema = z.string();
-            if (prop.minLength !== void 0) {
-              strSchema = strSchema.min(prop.minLength);
-            }
-            if (prop.maxLength !== void 0) {
-              strSchema = strSchema.max(prop.maxLength);
-            }
-            fieldSchema = strSchema;
-          }
-          break;
-        }
-        default: {
-          fieldSchema = z.string();
-        }
-      }
-    }
-    if (prop.default !== void 0 && typeValue !== "boolean") {
-      fieldSchema = fieldSchema.default(prop.default);
-    }
-    if (!required.includes(key)) {
-      fieldSchema = fieldSchema.optional();
-    }
-    shape[key] = fieldSchema;
-  }
-  return z.object(shape);
-}
-const BUILTIN_FIELD_TYPES = [
-  "checkbox",
-  "date",
-  "select",
-  "radio",
-  "switch",
-  "textarea",
-  "number",
-  "file",
-  "fallback"
-];
-function buildFieldConfigFromJsonSchema(jsonSchema, storedFieldConfig, uploadImage, fieldComponents) {
-  const fieldConfig = {};
-  const properties = jsonSchema.properties;
-  if (!properties) return fieldConfig;
-  for (const [key, value] of Object.entries(properties)) {
-    const config = {};
-    if (value.description) {
-      config.description = value.description;
-    }
-    if (value.placeholder) {
-      config.inputProps = {
-        placeholder: value.placeholder
-      };
-    }
-    if (storedFieldConfig?.[key]) {
-      const storedConfig = storedFieldConfig[key];
-      const fieldType = storedConfig.fieldType;
-      if (fieldType) {
-        if (fieldComponents?.[fieldType]) {
-          const CustomComponent = fieldComponents[fieldType];
-          config.fieldType = (props) => /* @__PURE__ */ jsx(CustomComponent, { ...props });
-        } else if (fieldType === "file") {
-          if (!uploadImage) {
-            config.fieldType = () => /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive", children: [
-              "File upload requires an ",
-              /* @__PURE__ */ jsx("code", { children: "uploadImage" }),
-              " function in CMS overrides."
-            ] });
-          } else {
-            config.fieldType = (props) => /* @__PURE__ */ jsx(CMSFileUpload, { ...props, uploadImage });
-          }
-        } else if (BUILTIN_FIELD_TYPES.includes(
-          fieldType
-        )) {
-          config.fieldType = fieldType;
-        } else {
-          console.warn(
-            `CMS: Unknown fieldType "${fieldType}" for field "${key}". Provide a component via fieldComponents override or use a built-in type.`
-          );
-        }
+        baseConfig[key] = {
+          ...baseConfig[key],
+          fieldType: (props) => /* @__PURE__ */ jsx(CMSFileUpload, { ...props, uploadImage })
+        };
       }
     }
-    if (Object.keys(config).length > 0) {
-      fieldConfig[key] = config;
-    }
   }
-  return fieldConfig;
+  return baseConfig;
 }
 function findSlugSourceField(jsonSchema) {
   const properties = jsonSchema.properties;
@@ -191,29 +89,16 @@ function ContentForm({
       return {};
     }
   }, [contentType.jsonSchema]);
-  const storedFieldConfig = useMemo(() => {
-    if (!contentType.fieldConfig) return void 0;
-    try {
-      return JSON.parse(contentType.fieldConfig);
-    } catch {
-      return void 0;
-    }
-  }, [contentType.fieldConfig]);
   const zodSchema = useMemo(() => {
     try {
-      return jsonSchemaToZodWithCoercion(jsonSchema);
+      return fromJSONSchemaWithDates(jsonSchema);
     } catch {
       return z.object({});
     }
   }, [jsonSchema]);
   const fieldConfig = useMemo(
-    () => buildFieldConfigFromJsonSchema(
-      jsonSchema,
-      storedFieldConfig,
-      uploadImage,
-      fieldComponents
-    ),
-    [jsonSchema, storedFieldConfig, uploadImage, fieldComponents]
+    () => buildFieldConfigFromJsonSchema(jsonSchema, uploadImage, fieldComponents),
+    [jsonSchema, uploadImage, fieldComponents]
   );
   const slugSourceField = useMemo(
     () => findSlugSourceField(jsonSchema),

package/dist/packages/better-stack/src/plugins/cms/client/components/forms/file-upload.cjs

@@ -8,8 +8,8 @@ const input = require('../../../../../../../ui/src/components/input.cjs');
 const button = require('../../../../../../../ui/src/components/button.cjs');
 const form = require('../../../../../../../ui/src/components/form.cjs');
 const lucideReact = require('lucide-react');
-const label = require('../../../../../../../ui/src/components/ui/auto-form/common/label.cjs');
-const tooltip = require('../../../../../../../ui/src/components/ui/auto-form/common/tooltip.cjs');
+const label = require('../../../../../../../ui/src/components/auto-form/common/label.cjs');
+const tooltip = require('../../../../../../../ui/src/components/auto-form/common/tooltip.cjs');
 
 function CMSFileUpload({
   label: label$1,

package/dist/packages/better-stack/src/plugins/cms/client/components/forms/file-upload.mjs

@@ -6,8 +6,8 @@ import { Input } from '../../../../../../../ui/src/components/input.mjs';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
 import { FormItem, FormControl, FormMessage } from '../../../../../../../ui/src/components/form.mjs';
 import { Loader2, Trash2 } from 'lucide-react';
-import AutoFormLabel from '../../../../../../../ui/src/components/ui/auto-form/common/label.mjs';
-import AutoFormTooltip from '../../../../../../../ui/src/components/ui/auto-form/common/tooltip.mjs';
+import AutoFormLabel from '../../../../../../../ui/src/components/auto-form/common/label.mjs';
+import AutoFormTooltip from '../../../../../../../ui/src/components/auto-form/common/tooltip.mjs';
 
 function CMSFileUpload({
   label,

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/content-editor-page.internal.cjs

@@ -10,12 +10,29 @@ const emptyState = require('../shared/empty-state.cjs');
 const pageWrapper = require('../shared/page-wrapper.cjs');
 const editorSkeleton = require('../loading/editor-skeleton.cjs');
 const index = require('../../localization/index.cjs');
+const useRouteLifecycle = require('../../../../../../../ui/src/hooks/use-route-lifecycle.cjs');
 const cmsHooks = require('../../hooks/cms-hooks.cjs');
 
 function ContentEditorPage({ typeSlug, id }) {
-  const { navigate, localization: customLocalization } = context.usePluginOverrides("cms");
-  const localization = { ...index.CMS_LOCALIZATION, ...customLocalization };
+  const overrides = context.usePluginOverrides("cms");
+  const { navigate } = overrides;
+  const localization = { ...index.CMS_LOCALIZATION, ...overrides.localization };
   const basePath = context.useBasePath();
+  useRouteLifecycle.useRouteLifecycle({
+    routeName: "contentEditor",
+    context: {
+      path: id ? `/cms/${typeSlug}/${id}` : `/cms/${typeSlug}/new`,
+      params: id ? { typeSlug, id } : { typeSlug },
+      isSSR: typeof window === "undefined"
+    },
+    overrides,
+    beforeRenderHook: (overrides2, context) => {
+      if (overrides2.onBeforeEditorRendered) {
+        return overrides2.onBeforeEditorRendered(typeSlug, id ?? null, context);
+      }
+      return true;
+    }
+  });
   const { contentTypes } = cmsHooks.useSuspenseContentTypes();
   const contentType = contentTypes.find((ct) => ct.slug === typeSlug);
   const isEditing = !!id;

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/content-editor-page.internal.mjs

@@ -8,12 +8,29 @@ import { EmptyState } from '../shared/empty-state.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
 import { EditorSkeleton } from '../loading/editor-skeleton.mjs';
 import { CMS_LOCALIZATION } from '../../localization/index.mjs';
+import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 import { useSuspenseContentTypes, useContentItem, useCreateContent, useUpdateContent } from '../../hooks/cms-hooks.mjs';
 
 function ContentEditorPage({ typeSlug, id }) {
-  const { navigate, localization: customLocalization } = usePluginOverrides("cms");
-  const localization = { ...CMS_LOCALIZATION, ...customLocalization };
+  const overrides = usePluginOverrides("cms");
+  const { navigate } = overrides;
+  const localization = { ...CMS_LOCALIZATION, ...overrides.localization };
   const basePath = useBasePath();
+  useRouteLifecycle({
+    routeName: "contentEditor",
+    context: {
+      path: id ? `/cms/${typeSlug}/${id}` : `/cms/${typeSlug}/new`,
+      params: id ? { typeSlug, id } : { typeSlug },
+      isSSR: typeof window === "undefined"
+    },
+    overrides,
+    beforeRenderHook: (overrides2, context) => {
+      if (overrides2.onBeforeEditorRendered) {
+        return overrides2.onBeforeEditorRendered(typeSlug, id ?? null, context);
+      }
+      return true;
+    }
+  });
   const { contentTypes } = useSuspenseContentTypes();
   const contentType = contentTypes.find((ct) => ct.slug === typeSlug);
   const isEditing = !!id;

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/content-list-page.internal.cjs

@@ -9,17 +9,30 @@ const context = require('@btst/stack/context');
 const emptyState = require('../shared/empty-state.cjs');
 const pageWrapper = require('../shared/page-wrapper.cjs');
 const index = require('../../localization/index.cjs');
+const useRouteLifecycle = require('../../../../../../../ui/src/hooks/use-route-lifecycle.cjs');
 const sonner = require('sonner');
 const cmsHooks = require('../../hooks/cms-hooks.cjs');
 
 function ContentListPage({ typeSlug }) {
-  const {
-    navigate,
-    Link,
-    localization: customLocalization
-  } = context.usePluginOverrides("cms");
-  const localization = { ...index.CMS_LOCALIZATION, ...customLocalization };
+  const overrides = context.usePluginOverrides("cms");
+  const { navigate, Link } = overrides;
+  const localization = { ...index.CMS_LOCALIZATION, ...overrides.localization };
   const basePath = context.useBasePath();
+  useRouteLifecycle.useRouteLifecycle({
+    routeName: "contentList",
+    context: {
+      path: `/cms/${typeSlug}`,
+      params: { typeSlug },
+      isSSR: typeof window === "undefined"
+    },
+    overrides,
+    beforeRenderHook: (overrides2, context) => {
+      if (overrides2.onBeforeListRendered) {
+        return overrides2.onBeforeListRendered(typeSlug, context);
+      }
+      return true;
+    }
+  });
   const limit = 20;
   const { contentTypes } = cmsHooks.useSuspenseContentTypes();
   const contentType = contentTypes.find((ct) => ct.slug === typeSlug);

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/content-list-page.internal.mjs

@@ -7,17 +7,30 @@ import { usePluginOverrides, useBasePath } from '@btst/stack/context';
 import { EmptyState } from '../shared/empty-state.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
 import { CMS_LOCALIZATION } from '../../localization/index.mjs';
+import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 import { toast } from 'sonner';
 import { useSuspenseContentTypes, useSuspenseContent, useDeleteContent } from '../../hooks/cms-hooks.mjs';
 
 function ContentListPage({ typeSlug }) {
-  const {
-    navigate,
-    Link,
-    localization: customLocalization
-  } = usePluginOverrides("cms");
-  const localization = { ...CMS_LOCALIZATION, ...customLocalization };
+  const overrides = usePluginOverrides("cms");
+  const { navigate, Link } = overrides;
+  const localization = { ...CMS_LOCALIZATION, ...overrides.localization };
   const basePath = useBasePath();
+  useRouteLifecycle({
+    routeName: "contentList",
+    context: {
+      path: `/cms/${typeSlug}`,
+      params: { typeSlug },
+      isSSR: typeof window === "undefined"
+    },
+    overrides,
+    beforeRenderHook: (overrides2, context) => {
+      if (overrides2.onBeforeListRendered) {
+        return overrides2.onBeforeListRendered(typeSlug, context);
+      }
+      return true;
+    }
+  });
   const limit = 20;
   const { contentTypes } = useSuspenseContentTypes();
   const contentType = contentTypes.find((ct) => ct.slug === typeSlug);

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/dashboard-page.internal.cjs

@@ -8,12 +8,28 @@ const context = require('@btst/stack/context');
 const emptyState = require('../shared/empty-state.cjs');
 const pageWrapper = require('../shared/page-wrapper.cjs');
 const index = require('../../localization/index.cjs');
+const useRouteLifecycle = require('../../../../../../../ui/src/hooks/use-route-lifecycle.cjs');
 const cmsHooks = require('../../hooks/cms-hooks.cjs');
 
 function DashboardPage() {
-  const { navigate, localization: customLocalization } = context.usePluginOverrides("cms");
-  const localization = { ...index.CMS_LOCALIZATION, ...customLocalization };
+  const overrides = context.usePluginOverrides("cms");
+  const { navigate } = overrides;
+  const localization = { ...index.CMS_LOCALIZATION, ...overrides.localization };
   const basePath = context.useBasePath();
+  useRouteLifecycle.useRouteLifecycle({
+    routeName: "dashboard",
+    context: {
+      path: "/cms",
+      isSSR: typeof window === "undefined"
+    },
+    overrides,
+    beforeRenderHook: (overrides2, context) => {
+      if (overrides2.onBeforeDashboardRendered) {
+        return overrides2.onBeforeDashboardRendered(context);
+      }
+      return true;
+    }
+  });
   const { contentTypes } = cmsHooks.useSuspenseContentTypes();
   if (contentTypes.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "cms-dashboard-page", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/dashboard-page.internal.mjs

@@ -6,12 +6,28 @@ import { usePluginOverrides, useBasePath } from '@btst/stack/context';
 import { EmptyState } from '../shared/empty-state.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
 import { CMS_LOCALIZATION } from '../../localization/index.mjs';
+import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 import { useSuspenseContentTypes } from '../../hooks/cms-hooks.mjs';
 
 function DashboardPage() {
-  const { navigate, localization: customLocalization } = usePluginOverrides("cms");
-  const localization = { ...CMS_LOCALIZATION, ...customLocalization };
+  const overrides = usePluginOverrides("cms");
+  const { navigate } = overrides;
+  const localization = { ...CMS_LOCALIZATION, ...overrides.localization };
   const basePath = useBasePath();
+  useRouteLifecycle({
+    routeName: "dashboard",
+    context: {
+      path: "/cms",
+      isSSR: typeof window === "undefined"
+    },
+    overrides,
+    beforeRenderHook: (overrides2, context) => {
+      if (overrides2.onBeforeDashboardRendered) {
+        return overrides2.onBeforeDashboardRendered(context);
+      }
+      return true;
+    }
+  });
   const { contentTypes } = useSuspenseContentTypes();
   if (contentTypes.length === 0) {
     return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-dashboard-page", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [

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

@@ -24,15 +24,41 @@ const ContentEditorPageComponent = React.lazy(
 function createDashboardLoader(config) {
   return async () => {
     if (typeof window === "undefined") {
-      const { queryClient, apiBasePath, apiBaseURL, headers } = config;
-      const client$1 = client.createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      });
-      const queries = plugins_cms_queryKeys.createCMSQueryKeys(client$1, headers);
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: "/cms",
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
       try {
+        if (hooks?.beforeLoadDashboard) {
+          const canLoad = await hooks.beforeLoadDashboard(context);
+          if (!canLoad) {
+            throw new Error("Load prevented by beforeLoadDashboard hook");
+          }
+        }
+        const client$1 = client.createApiClient({
+          baseURL: apiBaseURL,
+          basePath: apiBasePath
+        });
+        const queries = plugins_cms_queryKeys.createCMSQueryKeys(client$1, headers);
         await queryClient.prefetchQuery(queries.cmsTypes.list());
-      } catch {
+        if (hooks?.afterLoadDashboard) {
+          await hooks.afterLoadDashboard(context);
+        }
+        const queryState = queryClient.getQueryState(
+          queries.cmsTypes.list().queryKey
+        );
+        if (queryState?.error && hooks?.onLoadError) {
+          const error = queryState.error instanceof Error ? queryState.error : new Error(String(queryState.error));
+          await hooks.onLoadError(error, context);
+        }
+      } catch (error) {
+        if (hooks?.onLoadError) {
+          await hooks.onLoadError(error, context);
+        }
       }
     }
   };
@@ -40,14 +66,28 @@ function createDashboardLoader(config) {
 function createContentListLoader(typeSlug, config) {
   return async () => {
     if (typeof window === "undefined") {
-      const { queryClient, apiBasePath, apiBaseURL, headers } = config;
-      const client$1 = client.createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      });
-      const queries = plugins_cms_queryKeys.createCMSQueryKeys(client$1, headers);
-      const limit = 20;
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: `/cms/${typeSlug}`,
+        params: { typeSlug },
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
       try {
+        if (hooks?.beforeLoadContentList) {
+          const canLoad = await hooks.beforeLoadContentList(typeSlug, context);
+          if (!canLoad) {
+            throw new Error("Load prevented by beforeLoadContentList hook");
+          }
+        }
+        const client$1 = client.createApiClient({
+          baseURL: apiBaseURL,
+          basePath: apiBasePath
+        });
+        const queries = plugins_cms_queryKeys.createCMSQueryKeys(client$1, headers);
+        const limit = 20;
         await queryClient.prefetchQuery(queries.cmsTypes.list());
         const listQuery = queries.cmsContent.list({
           typeSlug,
@@ -70,7 +110,22 @@ function createContentListLoader(typeSlug, config) {
           },
           initialPageParam: 0
         });
-      } catch {
+        if (hooks?.afterLoadContentList) {
+          await hooks.afterLoadContentList(typeSlug, context);
+        }
+        const typesState = queryClient.getQueryState(
+          queries.cmsTypes.list().queryKey
+        );
+        const listState = queryClient.getQueryState(listQuery.queryKey);
+        const queryError = typesState?.error || listState?.error;
+        if (queryError && hooks?.onLoadError) {
+          const error = queryError instanceof Error ? queryError : new Error(String(queryError));
+          await hooks.onLoadError(error, context);
+        }
+      } catch (error) {
+        if (hooks?.onLoadError) {
+          await hooks.onLoadError(error, context);
+        }
       }
     }
   };
@@ -78,13 +133,31 @@ function createContentListLoader(typeSlug, config) {
 function createContentEditorLoader(typeSlug, id, config) {
   return async () => {
     if (typeof window === "undefined") {
-      const { queryClient, apiBasePath, apiBaseURL, headers } = config;
-      const client$1 = client.createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      });
-      const queries = plugins_cms_queryKeys.createCMSQueryKeys(client$1, headers);
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: id ? `/cms/${typeSlug}/${id}` : `/cms/${typeSlug}/new`,
+        params: id ? { typeSlug, id } : { typeSlug },
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
       try {
+        if (hooks?.beforeLoadContentEditor) {
+          const canLoad = await hooks.beforeLoadContentEditor(
+            typeSlug,
+            id,
+            context
+          );
+          if (!canLoad) {
+            throw new Error("Load prevented by beforeLoadContentEditor hook");
+          }
+        }
+        const client$1 = client.createApiClient({
+          baseURL: apiBaseURL,
+          basePath: apiBasePath
+        });
+        const queries = plugins_cms_queryKeys.createCMSQueryKeys(client$1, headers);
         const promises = [queryClient.prefetchQuery(queries.cmsTypes.list())];
         if (id) {
           promises.push(
@@ -92,7 +165,24 @@ function createContentEditorLoader(typeSlug, id, config) {
           );
         }
         await Promise.all(promises);
-      } catch {
+        if (hooks?.afterLoadContentEditor) {
+          await hooks.afterLoadContentEditor(typeSlug, id, context);
+        }
+        const typesState = queryClient.getQueryState(
+          queries.cmsTypes.list().queryKey
+        );
+        const itemState = id ? queryClient.getQueryState(
+          queries.cmsContent.detail(typeSlug, id).queryKey
+        ) : null;
+        const queryError = typesState?.error || itemState?.error;
+        if (queryError && hooks?.onLoadError) {
+          const error = queryError instanceof Error ? queryError : new Error(String(queryError));
+          await hooks.onLoadError(error, context);
+        }
+      } catch (error) {
+        if (hooks?.onLoadError) {
+          await hooks.onLoadError(error, context);
+        }
       }
     }
   };