@btst/stack 3.0.0-rc.2 → 3.0.0-rc.4

package/dist/packages/stack/src/plugins/form-builder/client/plugin.cjs

@@ -6,6 +6,7 @@ const client = require('@btst/stack/plugins/client');
 const yar = require('@btst/yar');
 const utils = require('../../utils.cjs');
 const plugins_formBuilder_queryKeys = require('../../../../../../plugins/form-builder/query-keys.cjs');
+const constants = require('./constants.cjs');
 
 const FormListPageComponent = React.lazy(
   () => import('./components/pages/form-list-page.cjs').then((m) => ({
@@ -22,6 +23,41 @@ const SubmissionsPageComponent = React.lazy(
     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") {
@@ -33,11 +69,10 @@ function createFormListLoader(config) {
         apiBasePath,
         headers
       };
-      const client$1 = client.createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      });
-      const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
       const limit = 20;
       const listQuery = queries.forms.list({ limit });
       try {
@@ -52,14 +87,13 @@ function createFormListLoader(config) {
           await hooks.afterLoadFormList(context);
         }
         const queryState = queryClient.getQueryState(listQuery.queryKey);
-        if (queryState?.error && hooks?.onLoadError) {
-          const error = queryState.error instanceof Error ? queryState.error : new Error(String(queryState.error));
-          await hooks.onLoadError(error, context);
+        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.api.formBuilder.prefetchForRoute() for SSG data prefetching."
+            "[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 = utils.createSanitizedSSRLoaderError();
@@ -72,9 +106,7 @@ function createFormListLoader(config) {
             retry: false
           });
         }
-        if (hooks?.onLoadError) {
-          await hooks.onLoadError(error, context);
-        }
+        await reportError(error);
       }
     }
   };
@@ -91,12 +123,11 @@ function createFormBuilderLoader(id, config) {
         apiBasePath,
         headers
       };
-      const client$1 = client.createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      });
-      const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
-      const formQuery = id ? queries.forms.byId(id) : void 0;
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
+      const formQuery = id ? queries.forms.forUpdate(id) : void 0;
       try {
         if (hooks?.beforeLoadFormBuilder) {
           await hooks.beforeLoadFormBuilder(id, context);
@@ -109,15 +140,14 @@ function createFormBuilderLoader(id, config) {
         }
         if (id) {
           const queryState = queryClient.getQueryState(formQuery.queryKey);
-          if (queryState?.error && hooks?.onLoadError) {
-            const error = queryState.error instanceof Error ? queryState.error : new Error(String(queryState.error));
-            await hooks.onLoadError(error, context);
+          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.api.formBuilder.prefetchForRoute() for SSG data prefetching."
+            "[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 = utils.createSanitizedSSRLoaderError();
@@ -129,9 +159,7 @@ function createFormBuilderLoader(id, config) {
             retry: false
           });
         }
-        if (hooks?.onLoadError) {
-          await hooks.onLoadError(error, context);
-        }
+        await reportError(error);
       }
     }
   };
@@ -148,19 +176,16 @@ function createSubmissionsLoader(formId, config) {
         apiBasePath,
         headers
       };
-      const client$1 = client.createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      });
-      const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
       const limit = 20;
-      const formQuery = queries.forms.byId(formId);
       const submissionsQuery = queries.formSubmissions.list({ formId, limit });
       try {
         if (hooks?.beforeLoadSubmissions) {
           await hooks.beforeLoadSubmissions(formId, context);
         }
-        await queryClient.prefetchQuery(formQuery);
         await queryClient.prefetchInfiniteQuery({
           ...submissionsQuery,
           initialPageParam: 0
@@ -168,19 +193,17 @@ function createSubmissionsLoader(formId, config) {
         if (hooks?.afterLoadSubmissions) {
           await hooks.afterLoadSubmissions(formId, context);
         }
-        const formState = queryClient.getQueryState(formQuery.queryKey);
         const submissionsState = queryClient.getQueryState(
           submissionsQuery.queryKey
         );
-        const queryError = formState?.error || submissionsState?.error;
-        if (queryError && hooks?.onLoadError) {
-          const error = queryError instanceof Error ? queryError : new Error(String(queryError));
-          await hooks.onLoadError(error, context);
+        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.api.formBuilder.prefetchForRoute() for SSG data prefetching."
+            "[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 = utils.createSanitizedSSRLoaderError();
@@ -193,9 +216,7 @@ function createSubmissionsLoader(formId, config) {
             retry: false
           });
         }
-        if (hooks?.onLoadError) {
-          await hooks.onLoadError(error, context);
-        }
+        await reportError(error);
       }
     }
   };
@@ -212,15 +233,15 @@ function createFormListMeta() {
 }
 function createFormBuilderMeta(id, config) {
   return () => {
-    const { queryClient, apiBasePath, apiBaseURL } = config;
+    const { queryClient } = config;
     let formName = "";
     if (id) {
-      const client$1 = client.createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      });
-      const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1);
-      const form = queryClient.getQueryData(queries.forms.byId(id).queryKey);
+      const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
+      const form = queryClient.getQueryData(
+        queries.forms.forUpdate(id).queryKey
+      );
       formName = form?.name || "";
     }
     const title = id ? `Edit ${formName || "Form"}` : "New Form";
@@ -233,15 +254,14 @@ function createFormBuilderMeta(id, config) {
 }
 function createSubmissionsMeta(formId, config) {
   return () => {
-    const { queryClient, apiBasePath, apiBaseURL } = config;
-    const client$1 = client.createApiClient({
-      baseURL: apiBaseURL,
-      basePath: apiBasePath
-    });
-    const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1);
-    const form = queryClient.getQueryData(
-      queries.forms.byId(formId).queryKey
+    const { queryClient } = config;
+    const queries = plugins_formBuilder_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 },
@@ -250,36 +270,43 @@ function createSubmissionsMeta(formId, config) {
     ];
   };
 }
-const formBuilderClientPlugin = (config) => client.defineClientPlugin({
-  name: "form-builder",
-  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 [];
-  }
+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/packages/stack/src/plugins/form-builder/client/plugin.mjs

@@ -1,9 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { lazy } from 'react';
-import { defineClientPlugin, createApiClient, isConnectionError } from '@btst/stack/plugins/client';
+import { defineClientPlugin, isConnectionError, createApiClient } from '@btst/stack/plugins/client';
 import { defineRoutes, defineRoute } from '@btst/yar';
 import { createSanitizedSSRLoaderError } from '../../utils.mjs';
 import { createFormBuilderQueryKeys } from '../../../../../../plugins/form-builder/query-keys.mjs';
+import { FORM_BUILDER_PLUGIN_ID } from './constants.mjs';
 
 const FormListPageComponent = lazy(
   () => import('./components/pages/form-list-page.mjs').then((m) => ({
@@ -20,6 +21,41 @@ const SubmissionsPageComponent = lazy(
     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") {
@@ -31,11 +67,10 @@ function createFormListLoader(config) {
         apiBasePath,
         headers
       };
-      const client = createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      });
-      const queries = createFormBuilderQueryKeys(client, headers);
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
       const limit = 20;
       const listQuery = queries.forms.list({ limit });
       try {
@@ -50,14 +85,13 @@ function createFormListLoader(config) {
           await hooks.afterLoadFormList(context);
         }
         const queryState = queryClient.getQueryState(listQuery.queryKey);
-        if (queryState?.error && hooks?.onLoadError) {
-          const error = queryState.error instanceof Error ? queryState.error : new Error(String(queryState.error));
-          await hooks.onLoadError(error, context);
+        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.api.formBuilder.prefetchForRoute() for SSG data prefetching."
+            "[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();
@@ -70,9 +104,7 @@ function createFormListLoader(config) {
             retry: false
           });
         }
-        if (hooks?.onLoadError) {
-          await hooks.onLoadError(error, context);
-        }
+        await reportError(error);
       }
     }
   };
@@ -89,12 +121,11 @@ function createFormBuilderLoader(id, config) {
         apiBasePath,
         headers
       };
-      const client = createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      });
-      const queries = createFormBuilderQueryKeys(client, headers);
-      const formQuery = id ? queries.forms.byId(id) : void 0;
+      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);
@@ -107,15 +138,14 @@ function createFormBuilderLoader(id, config) {
         }
         if (id) {
           const queryState = queryClient.getQueryState(formQuery.queryKey);
-          if (queryState?.error && hooks?.onLoadError) {
-            const error = queryState.error instanceof Error ? queryState.error : new Error(String(queryState.error));
-            await hooks.onLoadError(error, context);
+          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.api.formBuilder.prefetchForRoute() for SSG data prefetching."
+            "[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();
@@ -127,9 +157,7 @@ function createFormBuilderLoader(id, config) {
             retry: false
           });
         }
-        if (hooks?.onLoadError) {
-          await hooks.onLoadError(error, context);
-        }
+        await reportError(error);
       }
     }
   };
@@ -146,19 +174,16 @@ function createSubmissionsLoader(formId, config) {
         apiBasePath,
         headers
       };
-      const client = createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      });
-      const queries = createFormBuilderQueryKeys(client, headers);
+      const reportError = createLoadErrorReporter(hooks, context);
+      const queries = createFormBuilderQueryKeys(
+        createFormBuilderApiClient(config)
+      );
       const limit = 20;
-      const formQuery = queries.forms.byId(formId);
       const submissionsQuery = queries.formSubmissions.list({ formId, limit });
       try {
         if (hooks?.beforeLoadSubmissions) {
           await hooks.beforeLoadSubmissions(formId, context);
         }
-        await queryClient.prefetchQuery(formQuery);
         await queryClient.prefetchInfiniteQuery({
           ...submissionsQuery,
           initialPageParam: 0
@@ -166,19 +191,17 @@ function createSubmissionsLoader(formId, config) {
         if (hooks?.afterLoadSubmissions) {
           await hooks.afterLoadSubmissions(formId, context);
         }
-        const formState = queryClient.getQueryState(formQuery.queryKey);
         const submissionsState = queryClient.getQueryState(
           submissionsQuery.queryKey
         );
-        const queryError = formState?.error || submissionsState?.error;
-        if (queryError && hooks?.onLoadError) {
-          const error = queryError instanceof Error ? queryError : new Error(String(queryError));
-          await hooks.onLoadError(error, context);
+        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.api.formBuilder.prefetchForRoute() for SSG data prefetching."
+            "[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();
@@ -191,9 +214,7 @@ function createSubmissionsLoader(formId, config) {
             retry: false
           });
         }
-        if (hooks?.onLoadError) {
-          await hooks.onLoadError(error, context);
-        }
+        await reportError(error);
       }
     }
   };
@@ -210,15 +231,15 @@ function createFormListMeta() {
 }
 function createFormBuilderMeta(id, config) {
   return () => {
-    const { queryClient, apiBasePath, apiBaseURL } = config;
+    const { queryClient } = config;
     let formName = "";
     if (id) {
-      const client = createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      });
-      const queries = createFormBuilderQueryKeys(client);
-      const form = queryClient.getQueryData(queries.forms.byId(id).queryKey);
+      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";
@@ -231,15 +252,14 @@ function createFormBuilderMeta(id, config) {
 }
 function createSubmissionsMeta(formId, config) {
   return () => {
-    const { queryClient, apiBasePath, apiBaseURL } = config;
-    const client = createApiClient({
-      baseURL: apiBaseURL,
-      basePath: apiBasePath
-    });
-    const queries = createFormBuilderQueryKeys(client);
-    const form = queryClient.getQueryData(
-      queries.forms.byId(formId).queryKey
+    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 },
@@ -248,36 +268,43 @@ function createSubmissionsMeta(formId, config) {
     ];
   };
 }
-const formBuilderClientPlugin = (config) => defineClientPlugin({
-  name: "form-builder",
-  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 [];
-  }
+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/packages/stack/src/plugins/form-builder/schemas.cjs

@@ -63,13 +63,19 @@ const formSubmissionResponseSchema = z.z.object({
   ipAddress: z.z.string().nullable().optional(),
   userAgent: z.z.string().nullable().optional()
 });
-const formSubmissionWithDataResponseSchema = formSubmissionResponseSchema.extend({
+formSubmissionResponseSchema.extend({
   // Use passthrough object for dynamic parsed data
   parsedData: z.z.object({}).passthrough(),
   form: formResponseSchema.optional()
 });
+const formSubmissionSummaryResponseSchema = z.z.object({
+  id: z.z.string(),
+  formId: z.z.string(),
+  submittedAt: z.z.string(),
+  submittedBy: z.z.string().optional()
+});
 z.z.object({
-  items: z.z.array(formSubmissionWithDataResponseSchema),
+  items: z.z.array(formSubmissionSummaryResponseSchema),
   total: z.z.number(),
   limit: z.z.number(),
   offset: z.z.number()
@@ -79,7 +85,7 @@ exports.DEFAULT_MAX_PAGE_SIZE = DEFAULT_MAX_PAGE_SIZE;
 exports.createFormSchema = createFormSchema;
 exports.formResponseSchema = formResponseSchema;
 exports.formSubmissionResponseSchema = formSubmissionResponseSchema;
-exports.formSubmissionWithDataResponseSchema = formSubmissionWithDataResponseSchema;
+exports.formSubmissionSummaryResponseSchema = formSubmissionSummaryResponseSchema;
 exports.listFormsQuerySchema = listFormsQuerySchema;
 exports.listSubmissionsQuerySchema = listSubmissionsQuerySchema;
 exports.updateFormSchema = updateFormSchema;