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

package/dist/client/plugin.cjs

@@ -0,0 +1,311 @@
+'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 FormListPageComponent = React.lazy(
+  () => import('./components/pages/form-list-page.cjs').then((m) => ({
+    default: m.FormListPageComponent
+  }))
+);
+const FormBuilderPageComponent = React.lazy(
+  () => import('./components/pages/form-builder-page.cjs').then((m) => ({
+    default: m.FormBuilderPageComponent
+  }))
+);
+const SubmissionsPageComponent = React.lazy(
+  () => import('./components/pages/submissions-page.cjs').then((m) => ({
+    default: m.SubmissionsPageComponent
+  }))
+);
+function resolveFormBuilderClientConfig(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 createFormBuilderApiClient(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 createFormListLoader(config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: "/forms",
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = queryKeys.createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
+      const limit = 20;
+      const listQuery = queries.forms.list({ limit });
+      try {
+        if (hooks?.beforeLoadFormList) {
+          await hooks.beforeLoadFormList(context);
+        }
+        await queryClient.prefetchInfiniteQuery({
+          ...listQuery,
+          initialPageParam: 0
+        });
+        if (hooks?.afterLoadFormList) {
+          await hooks.afterLoadFormList(context);
+        }
+        const queryState = queryClient.getQueryState(listQuery.queryKey);
+        if (queryState?.error) {
+          await reportError(queryState.error);
+        }
+      } catch (error) {
+        if (client.isConnectionError(error)) {
+          console.warn(
+            "[btst/form-builder] route.loader() failed \u2014 no server running at build time. Use myStack.raw.formBuilder.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 createFormBuilderLoader(id, config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: id ? `/forms/${id}/edit` : "/forms/new",
+        params: id ? { id } : {},
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = queryKeys.createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
+      const formQuery = id ? queries.forms.forUpdate(id) : void 0;
+      try {
+        if (hooks?.beforeLoadFormBuilder) {
+          await hooks.beforeLoadFormBuilder(id, context);
+        }
+        if (id) {
+          await queryClient.prefetchQuery(formQuery);
+        }
+        if (hooks?.afterLoadFormBuilder) {
+          await hooks.afterLoadFormBuilder(id, context);
+        }
+        if (id) {
+          const queryState = queryClient.getQueryState(formQuery.queryKey);
+          if (queryState?.error) {
+            await reportError(queryState.error);
+          }
+        }
+      } catch (error) {
+        if (client.isConnectionError(error)) {
+          console.warn(
+            "[btst/form-builder] route.loader() failed \u2014 no server running at build time. Use myStack.raw.formBuilder.prefetchForRoute() for SSG data prefetching."
+          );
+        } else if (formQuery) {
+          const errToStore = client.createSanitizedSSRLoaderError();
+          await queryClient.prefetchQuery({
+            queryKey: formQuery.queryKey,
+            queryFn: () => {
+              throw errToStore;
+            },
+            retry: false
+          });
+        }
+        await reportError(error);
+      }
+    }
+  };
+}
+function createSubmissionsLoader(formId, config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: `/forms/${formId}/submissions`,
+        params: { formId },
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = queryKeys.createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
+      const limit = 20;
+      const submissionsQuery = queries.formSubmissions.list({ formId, limit });
+      try {
+        if (hooks?.beforeLoadSubmissions) {
+          await hooks.beforeLoadSubmissions(formId, context);
+        }
+        await queryClient.prefetchInfiniteQuery({
+          ...submissionsQuery,
+          initialPageParam: 0
+        });
+        if (hooks?.afterLoadSubmissions) {
+          await hooks.afterLoadSubmissions(formId, context);
+        }
+        const submissionsState = queryClient.getQueryState(
+          submissionsQuery.queryKey
+        );
+        const queryError = submissionsState?.error;
+        if (queryError) {
+          await reportError(queryError);
+        }
+      } catch (error) {
+        if (client.isConnectionError(error)) {
+          console.warn(
+            "[btst/form-builder] route.loader() failed \u2014 no server running at build time. Use myStack.raw.formBuilder.prefetchForRoute() for SSG data prefetching."
+          );
+        } else {
+          const errToStore = client.createSanitizedSSRLoaderError();
+          await queryClient.prefetchInfiniteQuery({
+            queryKey: submissionsQuery.queryKey,
+            queryFn: () => {
+              throw errToStore;
+            },
+            initialPageParam: 0,
+            retry: false
+          });
+        }
+        await reportError(error);
+      }
+    }
+  };
+}
+function createFormListMeta() {
+  return () => {
+    const title = "Forms";
+    return [
+      { title },
+      { name: "title", content: title },
+      { name: "robots", content: "noindex" }
+    ];
+  };
+}
+function createFormBuilderMeta(id, config) {
+  return () => {
+    const { queryClient } = config;
+    let formName = "";
+    if (id) {
+      const queries = queryKeys.createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
+      const form = queryClient.getQueryData(
+        queries.forms.forUpdate(id).queryKey
+      );
+      formName = form?.name || "";
+    }
+    const title = id ? `Edit ${formName || "Form"}` : "New Form";
+    return [
+      { title },
+      { name: "title", content: title },
+      { name: "robots", content: "noindex" }
+    ];
+  };
+}
+function createSubmissionsMeta(formId, config) {
+  return () => {
+    const { queryClient } = config;
+    const queries = queryKeys.createFormBuilderQueryKeys(
+      createFormBuilderApiClient(config)
+    );
+    const data = queryClient.getQueryData(
+      queries.formSubmissions.list({ formId, limit: 20 }).queryKey
+    );
+    const form = data?.pages?.[0]?.form;
+    const title = form?.name ? `${form.name} Submissions` : "Submissions";
+    return [
+      { title },
+      { name: "title", content: title },
+      { name: "robots", content: "noindex" }
+    ];
+  };
+}
+function createResolvedFormBuilderPlugin(config) {
+  return {
+    routes: () => yar.defineRoutes(
+      {
+        formList: yar.defineRoute("/forms", {
+          page: FormListPageComponent,
+          loader: createFormListLoader(config),
+          meta: createFormListMeta()
+        }),
+        newForm: yar.defineRoute("/forms/new", {
+          page: () => /* @__PURE__ */ jsxRuntime.jsx(FormBuilderPageComponent, {}),
+          loader: createFormBuilderLoader(void 0, config),
+          meta: createFormBuilderMeta(void 0, config)
+        }),
+        editForm: yar.defineRoute("/forms/:id/edit", {
+          page: ({ params }) => /* @__PURE__ */ jsxRuntime.jsx(FormBuilderPageComponent, { id: params.id }),
+          loader: ({ params }) => createFormBuilderLoader(params.id, config)(),
+          meta: ({ params }) => createFormBuilderMeta(params.id, config)()
+        }),
+        submissions: yar.defineRoute("/forms/:id/submissions", {
+          page: ({ params }) => /* @__PURE__ */ jsxRuntime.jsx(SubmissionsPageComponent, { formId: params.id }),
+          loader: ({ params }) => createSubmissionsLoader(params.id, config)(),
+          meta: ({ params }) => createSubmissionsMeta(params.id, config)()
+        })
+      },
+      { pages: config.pageComponents }
+    ),
+    sitemap: async () => {
+      return [];
+    }
+  };
+}
+const formBuilderClientPlugin = (config = {}) => client.defineClientPlugin()({
+  id: constants.FORM_BUILDER_PLUGIN_ID,
+  resolve: (runtime) => createResolvedFormBuilderPlugin(
+    resolveFormBuilderClientConfig(config, runtime)
+  )
+});
+
+exports.formBuilderClientPlugin = formBuilderClientPlugin;

package/dist/client/plugin.mjs

@@ -0,0 +1,309 @@
+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 { createFormBuilderQueryKeys } from '../query-keys.mjs';
+import { FORM_BUILDER_PLUGIN_ID } from './constants.mjs';
+
+const FormListPageComponent = lazy(
+  () => import('./components/pages/form-list-page.mjs').then((m) => ({
+    default: m.FormListPageComponent
+  }))
+);
+const FormBuilderPageComponent = lazy(
+  () => import('./components/pages/form-builder-page.mjs').then((m) => ({
+    default: m.FormBuilderPageComponent
+  }))
+);
+const SubmissionsPageComponent = lazy(
+  () => import('./components/pages/submissions-page.mjs').then((m) => ({
+    default: m.SubmissionsPageComponent
+  }))
+);
+function resolveFormBuilderClientConfig(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 createFormBuilderApiClient(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 createFormListLoader(config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: "/forms",
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
+      const limit = 20;
+      const listQuery = queries.forms.list({ limit });
+      try {
+        if (hooks?.beforeLoadFormList) {
+          await hooks.beforeLoadFormList(context);
+        }
+        await queryClient.prefetchInfiniteQuery({
+          ...listQuery,
+          initialPageParam: 0
+        });
+        if (hooks?.afterLoadFormList) {
+          await hooks.afterLoadFormList(context);
+        }
+        const queryState = queryClient.getQueryState(listQuery.queryKey);
+        if (queryState?.error) {
+          await reportError(queryState.error);
+        }
+      } catch (error) {
+        if (isConnectionError(error)) {
+          console.warn(
+            "[btst/form-builder] route.loader() failed \u2014 no server running at build time. Use myStack.raw.formBuilder.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 createFormBuilderLoader(id, config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: id ? `/forms/${id}/edit` : "/forms/new",
+        params: id ? { id } : {},
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
+      const formQuery = id ? queries.forms.forUpdate(id) : void 0;
+      try {
+        if (hooks?.beforeLoadFormBuilder) {
+          await hooks.beforeLoadFormBuilder(id, context);
+        }
+        if (id) {
+          await queryClient.prefetchQuery(formQuery);
+        }
+        if (hooks?.afterLoadFormBuilder) {
+          await hooks.afterLoadFormBuilder(id, context);
+        }
+        if (id) {
+          const queryState = queryClient.getQueryState(formQuery.queryKey);
+          if (queryState?.error) {
+            await reportError(queryState.error);
+          }
+        }
+      } catch (error) {
+        if (isConnectionError(error)) {
+          console.warn(
+            "[btst/form-builder] route.loader() failed \u2014 no server running at build time. Use myStack.raw.formBuilder.prefetchForRoute() for SSG data prefetching."
+          );
+        } else if (formQuery) {
+          const errToStore = createSanitizedSSRLoaderError();
+          await queryClient.prefetchQuery({
+            queryKey: formQuery.queryKey,
+            queryFn: () => {
+              throw errToStore;
+            },
+            retry: false
+          });
+        }
+        await reportError(error);
+      }
+    }
+  };
+}
+function createSubmissionsLoader(formId, config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      const { queryClient, apiBasePath, apiBaseURL, headers, hooks } = config;
+      const context = {
+        path: `/forms/${formId}/submissions`,
+        params: { formId },
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath,
+        headers
+      };
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
+      const limit = 20;
+      const submissionsQuery = queries.formSubmissions.list({ formId, limit });
+      try {
+        if (hooks?.beforeLoadSubmissions) {
+          await hooks.beforeLoadSubmissions(formId, context);
+        }
+        await queryClient.prefetchInfiniteQuery({
+          ...submissionsQuery,
+          initialPageParam: 0
+        });
+        if (hooks?.afterLoadSubmissions) {
+          await hooks.afterLoadSubmissions(formId, context);
+        }
+        const submissionsState = queryClient.getQueryState(
+          submissionsQuery.queryKey
+        );
+        const queryError = submissionsState?.error;
+        if (queryError) {
+          await reportError(queryError);
+        }
+      } catch (error) {
+        if (isConnectionError(error)) {
+          console.warn(
+            "[btst/form-builder] route.loader() failed \u2014 no server running at build time. Use myStack.raw.formBuilder.prefetchForRoute() for SSG data prefetching."
+          );
+        } else {
+          const errToStore = createSanitizedSSRLoaderError();
+          await queryClient.prefetchInfiniteQuery({
+            queryKey: submissionsQuery.queryKey,
+            queryFn: () => {
+              throw errToStore;
+            },
+            initialPageParam: 0,
+            retry: false
+          });
+        }
+        await reportError(error);
+      }
+    }
+  };
+}
+function createFormListMeta() {
+  return () => {
+    const title = "Forms";
+    return [
+      { title },
+      { name: "title", content: title },
+      { name: "robots", content: "noindex" }
+    ];
+  };
+}
+function createFormBuilderMeta(id, config) {
+  return () => {
+    const { queryClient } = config;
+    let formName = "";
+    if (id) {
+      const queries = createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
+      const form = queryClient.getQueryData(
+        queries.forms.forUpdate(id).queryKey
+      );
+      formName = form?.name || "";
+    }
+    const title = id ? `Edit ${formName || "Form"}` : "New Form";
+    return [
+      { title },
+      { name: "title", content: title },
+      { name: "robots", content: "noindex" }
+    ];
+  };
+}
+function createSubmissionsMeta(formId, config) {
+  return () => {
+    const { queryClient } = config;
+    const queries = createFormBuilderQueryKeys(
+      createFormBuilderApiClient(config)
+    );
+    const data = queryClient.getQueryData(
+      queries.formSubmissions.list({ formId, limit: 20 }).queryKey
+    );
+    const form = data?.pages?.[0]?.form;
+    const title = form?.name ? `${form.name} Submissions` : "Submissions";
+    return [
+      { title },
+      { name: "title", content: title },
+      { name: "robots", content: "noindex" }
+    ];
+  };
+}
+function createResolvedFormBuilderPlugin(config) {
+  return {
+    routes: () => defineRoutes(
+      {
+        formList: defineRoute("/forms", {
+          page: FormListPageComponent,
+          loader: createFormListLoader(config),
+          meta: createFormListMeta()
+        }),
+        newForm: defineRoute("/forms/new", {
+          page: () => /* @__PURE__ */ jsx(FormBuilderPageComponent, {}),
+          loader: createFormBuilderLoader(void 0, config),
+          meta: createFormBuilderMeta(void 0, config)
+        }),
+        editForm: defineRoute("/forms/:id/edit", {
+          page: ({ params }) => /* @__PURE__ */ jsx(FormBuilderPageComponent, { id: params.id }),
+          loader: ({ params }) => createFormBuilderLoader(params.id, config)(),
+          meta: ({ params }) => createFormBuilderMeta(params.id, config)()
+        }),
+        submissions: defineRoute("/forms/:id/submissions", {
+          page: ({ params }) => /* @__PURE__ */ jsx(SubmissionsPageComponent, { formId: params.id }),
+          loader: ({ params }) => createSubmissionsLoader(params.id, config)(),
+          meta: ({ params }) => createSubmissionsMeta(params.id, config)()
+        })
+      },
+      { pages: config.pageComponents }
+    ),
+    sitemap: async () => {
+      return [];
+    }
+  };
+}
+const formBuilderClientPlugin = (config = {}) => defineClientPlugin()({
+  id: FORM_BUILDER_PLUGIN_ID,
+  resolve: (runtime) => createResolvedFormBuilderPlugin(
+    resolveFormBuilderClientConfig(config, runtime)
+  )
+});
+
+export { formBuilderClientPlugin };

package/dist/client.css

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