@btst/plugin-cms 0.0.0-stage → 1.0.0-beta.0

package/dist/client/overrides.mjs

@@ -0,0 +1,24 @@
+function orderCMSContentTypes(contentTypes, providerConfig) {
+  const configured = providerConfig?.contentTypes;
+  if (!Array.isArray(configured) || configured.length === 0) {
+    return [...contentTypes];
+  }
+  const positions = /* @__PURE__ */ new Map();
+  for (const [index, value] of configured.entries()) {
+    if (value !== null && typeof value === "object" && "slug" in value && typeof value.slug === "string") {
+      positions.set(value.slug, index);
+    }
+  }
+  return contentTypes.map((value, index) => ({ value, index })).sort((left, right) => {
+    const leftPosition = positions.get(left.value.slug);
+    const rightPosition = positions.get(right.value.slug);
+    if (leftPosition === void 0 && rightPosition === void 0) {
+      return left.index - right.index;
+    }
+    if (leftPosition === void 0) return 1;
+    if (rightPosition === void 0) return -1;
+    return leftPosition - rightPosition;
+  }).map(({ value }) => value);
+}
+
+export { orderCMSContentTypes };

package/dist/client/plugin.cjs

@@ -0,0 +1,316 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const client = require('@btst/stack/plugins/client');
+const yar = require('@btst/yar');
+const queryKeys = require('../query-keys.cjs');
+const constants = require('./constants.cjs');
+
+const DashboardPageComponent = React.lazy(
+  () => import('./components/pages/dashboard-page.cjs').then((m) => ({
+    default: m.DashboardPageComponent
+  }))
+);
+const ContentListPageComponent = React.lazy(
+  () => import('./components/pages/content-list-page.cjs').then((m) => ({
+    default: m.ContentListPageComponent
+  }))
+);
+const ContentEditorPageComponent = React.lazy(
+  () => import('./components/pages/content-editor-page.cjs').then((m) => ({
+    default: m.ContentEditorPageComponent
+  }))
+);
+function resolveCMSClientConfig(config, runtime) {
+  return {
+    hooks: config.hooks,
+    pageComponents: config.pageComponents,
+    apiBaseURL: runtime.api.baseURL,
+    apiBasePath: runtime.api.basePath,
+    siteBaseURL: runtime.site.baseURL,
+    siteBasePath: runtime.site.basePath,
+    queryClient: runtime.queryClient,
+    ...runtime.api.headers ? { headers: runtime.api.headers } : {},
+    ...runtime.api.credentials ? { credentials: runtime.api.credentials } : {}
+  };
+}
+function createCMSApiClient(config) {
+  return client.createApiClient({
+    baseURL: config.apiBaseURL,
+    basePath: config.apiBasePath,
+    headers: config.headers,
+    credentials: config.credentials
+  });
+}
+function createLoadErrorReporter(hooks, context) {
+  let reported = false;
+  return async (error) => {
+    if (reported || !hooks?.onErrorLoad) return;
+    reported = true;
+    try {
+      await hooks.onErrorLoad(
+        error instanceof Error ? error : new Error(String(error)),
+        context
+      );
+    } catch {
+    }
+  };
+}
+function createDashboardLoader(config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: "/cms",
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = queryKeys.createCMSQueryKeys(createCMSApiClient(config));
+      const typesQuery = queries.cmsTypes.list();
+      try {
+        if (hooks?.beforeLoadDashboard) {
+          await hooks.beforeLoadDashboard(context);
+        }
+        await queryClient.prefetchQuery(typesQuery);
+        if (hooks?.afterLoadDashboard) {
+          await hooks.afterLoadDashboard(context);
+        }
+        const queryState = queryClient.getQueryState(typesQuery.queryKey);
+        if (queryState?.error) {
+          const error = queryState.error instanceof Error ? queryState.error : new Error(String(queryState.error));
+          await reportError(error);
+        }
+      } catch (error) {
+        if (client.isConnectionError(error)) {
+          console.warn(
+            "[btst/cms] route.loader() failed \u2014 no server running at build time. Use myStack.raw.cms.prefetchForRoute() for SSG data prefetching."
+          );
+        } else {
+          const errToStore = client.createSanitizedSSRLoaderError();
+          await queryClient.prefetchQuery({
+            queryKey: typesQuery.queryKey,
+            queryFn: () => {
+              throw errToStore;
+            },
+            retry: false
+          });
+        }
+        await reportError(error);
+      }
+    }
+  };
+}
+function createContentListLoader(typeSlug, config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: `/cms/${typeSlug}`,
+        params: { typeSlug },
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = queryKeys.createCMSQueryKeys(createCMSApiClient(config));
+      const limit = 20;
+      const typesQuery = queries.cmsTypes.list();
+      const listQuery = queries.cmsContent.list({ typeSlug, limit });
+      try {
+        if (hooks?.beforeLoadContentList) {
+          await hooks.beforeLoadContentList(typeSlug, context);
+        }
+        await queryClient.prefetchQuery(typesQuery);
+        await queryClient.prefetchInfiniteQuery({
+          ...listQuery,
+          initialPageParam: 0
+        });
+        if (hooks?.afterLoadContentList) {
+          await hooks.afterLoadContentList(typeSlug, context);
+        }
+        const typesState = queryClient.getQueryState(typesQuery.queryKey);
+        const listState = queryClient.getQueryState(listQuery.queryKey);
+        const queryError = typesState?.error || listState?.error;
+        if (queryError) {
+          const error = queryError instanceof Error ? queryError : new Error(String(queryError));
+          await reportError(error);
+        }
+      } catch (error) {
+        if (client.isConnectionError(error)) {
+          console.warn(
+            "[btst/cms] route.loader() failed \u2014 no server running at build time. Use myStack.raw.cms.prefetchForRoute() for SSG data prefetching."
+          );
+        } else {
+          const errToStore = client.createSanitizedSSRLoaderError();
+          await queryClient.prefetchInfiniteQuery({
+            queryKey: listQuery.queryKey,
+            queryFn: () => {
+              throw errToStore;
+            },
+            initialPageParam: 0,
+            retry: false
+          });
+        }
+        await reportError(error);
+      }
+    }
+  };
+}
+function createContentEditorLoader(typeSlug, id, config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      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
+      };
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = queryKeys.createCMSQueryKeys(createCMSApiClient(config));
+      const typesQuery = queries.cmsTypes.list();
+      const detailQuery = id ? queries.cmsContent.detail(typeSlug, id) : void 0;
+      try {
+        if (hooks?.beforeLoadContentEditor) {
+          await hooks.beforeLoadContentEditor(typeSlug, id, context);
+        }
+        const promises = [queryClient.prefetchQuery(typesQuery)];
+        if (id) {
+          promises.push(queryClient.prefetchQuery(detailQuery));
+        }
+        await Promise.all(promises);
+        if (hooks?.afterLoadContentEditor) {
+          await hooks.afterLoadContentEditor(typeSlug, id, context);
+        }
+        const typesState = queryClient.getQueryState(typesQuery.queryKey);
+        const itemState = id ? queryClient.getQueryState(detailQuery.queryKey) : null;
+        const queryError = typesState?.error || itemState?.error;
+        if (queryError) {
+          const error = queryError instanceof Error ? queryError : new Error(String(queryError));
+          await reportError(error);
+        }
+      } catch (error) {
+        if (client.isConnectionError(error)) {
+          console.warn(
+            "[btst/cms] route.loader() failed \u2014 no server running at build time. Use myStack.raw.cms.prefetchForRoute() for SSG data prefetching."
+          );
+        } else {
+          const errToStore = client.createSanitizedSSRLoaderError();
+          await queryClient.prefetchQuery({
+            queryKey: typesQuery.queryKey,
+            queryFn: () => {
+              throw errToStore;
+            },
+            retry: false
+          });
+          if (detailQuery) {
+            await queryClient.prefetchQuery({
+              queryKey: detailQuery.queryKey,
+              queryFn: () => {
+                throw errToStore;
+              },
+              retry: false
+            });
+          }
+        }
+        await reportError(error);
+      }
+    }
+  };
+}
+function createDashboardMeta() {
+  return () => {
+    const title = "CMS Dashboard";
+    return [
+      { title },
+      { name: "title", content: title },
+      { name: "robots", content: "noindex" }
+    ];
+  };
+}
+function createContentListMeta(typeSlug, config) {
+  return () => {
+    const { queryClient } = config;
+    const queries = queryKeys.createCMSQueryKeys(createCMSApiClient(config));
+    const contentTypes = queryClient.getQueryData(
+      queries.cmsTypes.list().queryKey
+    );
+    const contentType = contentTypes?.find((ct) => ct.slug === typeSlug);
+    const title = contentType?.name ? `${contentType.name} | CMS` : "Content | CMS";
+    return [
+      { title },
+      { name: "title", content: title },
+      { name: "robots", content: "noindex" }
+    ];
+  };
+}
+function createContentEditorMeta(typeSlug, id, config) {
+  return () => {
+    const { queryClient } = config;
+    const queries = queryKeys.createCMSQueryKeys(createCMSApiClient(config));
+    const contentTypes = queryClient.getQueryData(
+      queries.cmsTypes.list().queryKey
+    );
+    const contentType = contentTypes?.find((ct) => ct.slug === typeSlug);
+    const title = id ? `Edit ${contentType?.name || "Content"} | CMS` : `New ${contentType?.name || "Content"} | CMS`;
+    return [
+      { title },
+      { name: "title", content: title },
+      { name: "robots", content: "noindex" }
+    ];
+  };
+}
+function createResolvedCMSPlugin(config) {
+  return {
+    routes: () => yar.defineRoutes(
+      {
+        dashboard: yar.defineRoute("/cms", {
+          page: DashboardPageComponent,
+          loader: createDashboardLoader(config),
+          meta: createDashboardMeta()
+        }),
+        contentList: yar.defineRoute("/cms/:typeSlug", {
+          page: ({ params }) => /* @__PURE__ */ jsxRuntime.jsx(ContentListPageComponent, { typeSlug: params.typeSlug }),
+          loader: ({ params }) => createContentListLoader(params.typeSlug, config)(),
+          meta: ({ params }) => createContentListMeta(params.typeSlug, config)()
+        }),
+        newContent: yar.defineRoute("/cms/:typeSlug/new", {
+          page: ({ params }) => /* @__PURE__ */ jsxRuntime.jsx(ContentEditorPageComponent, { typeSlug: params.typeSlug }),
+          loader: ({ params }) => createContentEditorLoader(params.typeSlug, void 0, config)(),
+          meta: ({ params }) => createContentEditorMeta(params.typeSlug, void 0, config)()
+        }),
+        editContent: yar.defineRoute("/cms/:typeSlug/:id", {
+          page: ({ params }) => /* @__PURE__ */ jsxRuntime.jsx(
+            ContentEditorPageComponent,
+            {
+              typeSlug: params.typeSlug,
+              id: params.id
+            }
+          ),
+          loader: ({ params }) => createContentEditorLoader(params.typeSlug, params.id, config)(),
+          meta: ({ params }) => createContentEditorMeta(params.typeSlug, params.id, config)()
+        })
+      },
+      { pages: config.pageComponents }
+    ),
+    sitemap: async () => {
+      return [];
+    }
+  };
+}
+const cmsClientPlugin = (config = {}) => client.defineClientPlugin()({
+  id: constants.CMS_PLUGIN_ID,
+  providerConfig: {
+    ...config.contentTypes ? { contentTypes: config.contentTypes } : {}
+  },
+  resolve: (runtime) => createResolvedCMSPlugin(resolveCMSClientConfig(config, runtime))
+});
+
+exports.cmsClientPlugin = cmsClientPlugin;

package/dist/client/plugin.mjs

@@ -0,0 +1,314 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { defineClientPlugin, isConnectionError, createSanitizedSSRLoaderError, createApiClient } from '@btst/stack/plugins/client';
+import { defineRoutes, defineRoute } from '@btst/yar';
+import { createCMSQueryKeys } from '../query-keys.mjs';
+import { CMS_PLUGIN_ID } from './constants.mjs';
+
+const DashboardPageComponent = lazy(
+  () => import('./components/pages/dashboard-page.mjs').then((m) => ({
+    default: m.DashboardPageComponent
+  }))
+);
+const ContentListPageComponent = lazy(
+  () => import('./components/pages/content-list-page.mjs').then((m) => ({
+    default: m.ContentListPageComponent
+  }))
+);
+const ContentEditorPageComponent = lazy(
+  () => import('./components/pages/content-editor-page.mjs').then((m) => ({
+    default: m.ContentEditorPageComponent
+  }))
+);
+function resolveCMSClientConfig(config, runtime) {
+  return {
+    hooks: config.hooks,
+    pageComponents: config.pageComponents,
+    apiBaseURL: runtime.api.baseURL,
+    apiBasePath: runtime.api.basePath,
+    siteBaseURL: runtime.site.baseURL,
+    siteBasePath: runtime.site.basePath,
+    queryClient: runtime.queryClient,
+    ...runtime.api.headers ? { headers: runtime.api.headers } : {},
+    ...runtime.api.credentials ? { credentials: runtime.api.credentials } : {}
+  };
+}
+function createCMSApiClient(config) {
+  return createApiClient({
+    baseURL: config.apiBaseURL,
+    basePath: config.apiBasePath,
+    headers: config.headers,
+    credentials: config.credentials
+  });
+}
+function createLoadErrorReporter(hooks, context) {
+  let reported = false;
+  return async (error) => {
+    if (reported || !hooks?.onErrorLoad) return;
+    reported = true;
+    try {
+      await hooks.onErrorLoad(
+        error instanceof Error ? error : new Error(String(error)),
+        context
+      );
+    } catch {
+    }
+  };
+}
+function createDashboardLoader(config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: "/cms",
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = createCMSQueryKeys(createCMSApiClient(config));
+      const typesQuery = queries.cmsTypes.list();
+      try {
+        if (hooks?.beforeLoadDashboard) {
+          await hooks.beforeLoadDashboard(context);
+        }
+        await queryClient.prefetchQuery(typesQuery);
+        if (hooks?.afterLoadDashboard) {
+          await hooks.afterLoadDashboard(context);
+        }
+        const queryState = queryClient.getQueryState(typesQuery.queryKey);
+        if (queryState?.error) {
+          const error = queryState.error instanceof Error ? queryState.error : new Error(String(queryState.error));
+          await reportError(error);
+        }
+      } catch (error) {
+        if (isConnectionError(error)) {
+          console.warn(
+            "[btst/cms] route.loader() failed \u2014 no server running at build time. Use myStack.raw.cms.prefetchForRoute() for SSG data prefetching."
+          );
+        } else {
+          const errToStore = createSanitizedSSRLoaderError();
+          await queryClient.prefetchQuery({
+            queryKey: typesQuery.queryKey,
+            queryFn: () => {
+              throw errToStore;
+            },
+            retry: false
+          });
+        }
+        await reportError(error);
+      }
+    }
+  };
+}
+function createContentListLoader(typeSlug, config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: `/cms/${typeSlug}`,
+        params: { typeSlug },
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = createCMSQueryKeys(createCMSApiClient(config));
+      const limit = 20;
+      const typesQuery = queries.cmsTypes.list();
+      const listQuery = queries.cmsContent.list({ typeSlug, limit });
+      try {
+        if (hooks?.beforeLoadContentList) {
+          await hooks.beforeLoadContentList(typeSlug, context);
+        }
+        await queryClient.prefetchQuery(typesQuery);
+        await queryClient.prefetchInfiniteQuery({
+          ...listQuery,
+          initialPageParam: 0
+        });
+        if (hooks?.afterLoadContentList) {
+          await hooks.afterLoadContentList(typeSlug, context);
+        }
+        const typesState = queryClient.getQueryState(typesQuery.queryKey);
+        const listState = queryClient.getQueryState(listQuery.queryKey);
+        const queryError = typesState?.error || listState?.error;
+        if (queryError) {
+          const error = queryError instanceof Error ? queryError : new Error(String(queryError));
+          await reportError(error);
+        }
+      } catch (error) {
+        if (isConnectionError(error)) {
+          console.warn(
+            "[btst/cms] route.loader() failed \u2014 no server running at build time. Use myStack.raw.cms.prefetchForRoute() for SSG data prefetching."
+          );
+        } else {
+          const errToStore = createSanitizedSSRLoaderError();
+          await queryClient.prefetchInfiniteQuery({
+            queryKey: listQuery.queryKey,
+            queryFn: () => {
+              throw errToStore;
+            },
+            initialPageParam: 0,
+            retry: false
+          });
+        }
+        await reportError(error);
+      }
+    }
+  };
+}
+function createContentEditorLoader(typeSlug, id, config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      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
+      };
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = createCMSQueryKeys(createCMSApiClient(config));
+      const typesQuery = queries.cmsTypes.list();
+      const detailQuery = id ? queries.cmsContent.detail(typeSlug, id) : void 0;
+      try {
+        if (hooks?.beforeLoadContentEditor) {
+          await hooks.beforeLoadContentEditor(typeSlug, id, context);
+        }
+        const promises = [queryClient.prefetchQuery(typesQuery)];
+        if (id) {
+          promises.push(queryClient.prefetchQuery(detailQuery));
+        }
+        await Promise.all(promises);
+        if (hooks?.afterLoadContentEditor) {
+          await hooks.afterLoadContentEditor(typeSlug, id, context);
+        }
+        const typesState = queryClient.getQueryState(typesQuery.queryKey);
+        const itemState = id ? queryClient.getQueryState(detailQuery.queryKey) : null;
+        const queryError = typesState?.error || itemState?.error;
+        if (queryError) {
+          const error = queryError instanceof Error ? queryError : new Error(String(queryError));
+          await reportError(error);
+        }
+      } catch (error) {
+        if (isConnectionError(error)) {
+          console.warn(
+            "[btst/cms] route.loader() failed \u2014 no server running at build time. Use myStack.raw.cms.prefetchForRoute() for SSG data prefetching."
+          );
+        } else {
+          const errToStore = createSanitizedSSRLoaderError();
+          await queryClient.prefetchQuery({
+            queryKey: typesQuery.queryKey,
+            queryFn: () => {
+              throw errToStore;
+            },
+            retry: false
+          });
+          if (detailQuery) {
+            await queryClient.prefetchQuery({
+              queryKey: detailQuery.queryKey,
+              queryFn: () => {
+                throw errToStore;
+              },
+              retry: false
+            });
+          }
+        }
+        await reportError(error);
+      }
+    }
+  };
+}
+function createDashboardMeta() {
+  return () => {
+    const title = "CMS Dashboard";
+    return [
+      { title },
+      { name: "title", content: title },
+      { name: "robots", content: "noindex" }
+    ];
+  };
+}
+function createContentListMeta(typeSlug, config) {
+  return () => {
+    const { queryClient } = config;
+    const queries = createCMSQueryKeys(createCMSApiClient(config));
+    const contentTypes = queryClient.getQueryData(
+      queries.cmsTypes.list().queryKey
+    );
+    const contentType = contentTypes?.find((ct) => ct.slug === typeSlug);
+    const title = contentType?.name ? `${contentType.name} | CMS` : "Content | CMS";
+    return [
+      { title },
+      { name: "title", content: title },
+      { name: "robots", content: "noindex" }
+    ];
+  };
+}
+function createContentEditorMeta(typeSlug, id, config) {
+  return () => {
+    const { queryClient } = config;
+    const queries = createCMSQueryKeys(createCMSApiClient(config));
+    const contentTypes = queryClient.getQueryData(
+      queries.cmsTypes.list().queryKey
+    );
+    const contentType = contentTypes?.find((ct) => ct.slug === typeSlug);
+    const title = id ? `Edit ${contentType?.name || "Content"} | CMS` : `New ${contentType?.name || "Content"} | CMS`;
+    return [
+      { title },
+      { name: "title", content: title },
+      { name: "robots", content: "noindex" }
+    ];
+  };
+}
+function createResolvedCMSPlugin(config) {
+  return {
+    routes: () => defineRoutes(
+      {
+        dashboard: defineRoute("/cms", {
+          page: DashboardPageComponent,
+          loader: createDashboardLoader(config),
+          meta: createDashboardMeta()
+        }),
+        contentList: defineRoute("/cms/:typeSlug", {
+          page: ({ params }) => /* @__PURE__ */ jsx(ContentListPageComponent, { typeSlug: params.typeSlug }),
+          loader: ({ params }) => createContentListLoader(params.typeSlug, config)(),
+          meta: ({ params }) => createContentListMeta(params.typeSlug, config)()
+        }),
+        newContent: defineRoute("/cms/:typeSlug/new", {
+          page: ({ params }) => /* @__PURE__ */ jsx(ContentEditorPageComponent, { typeSlug: params.typeSlug }),
+          loader: ({ params }) => createContentEditorLoader(params.typeSlug, void 0, config)(),
+          meta: ({ params }) => createContentEditorMeta(params.typeSlug, void 0, config)()
+        }),
+        editContent: defineRoute("/cms/:typeSlug/:id", {
+          page: ({ params }) => /* @__PURE__ */ jsx(
+            ContentEditorPageComponent,
+            {
+              typeSlug: params.typeSlug,
+              id: params.id
+            }
+          ),
+          loader: ({ params }) => createContentEditorLoader(params.typeSlug, params.id, config)(),
+          meta: ({ params }) => createContentEditorMeta(params.typeSlug, params.id, config)()
+        })
+      },
+      { pages: config.pageComponents }
+    ),
+    sitemap: async () => {
+      return [];
+    }
+  };
+}
+const cmsClientPlugin = (config = {}) => defineClientPlugin()({
+  id: CMS_PLUGIN_ID,
+  providerConfig: {
+    ...config.contentTypes ? { contentTypes: config.contentTypes } : {}
+  },
+  resolve: (runtime) => createResolvedCMSPlugin(resolveCMSClientConfig(config, runtime))
+});
+
+export { cmsClientPlugin };

package/dist/client.css

@@ -0,0 +1,3 @@
+
+/* CMS Plugin Client CSS */
+/* No custom styles needed - uses shadcn/ui components */