@sealcode/sealgen 0.18.10 → 0.19.0

package/lib/forms/fields/table.js

@@ -1,5 +1,9 @@
 import { is, predicates } from "@sealcode/ts-predicates";
 import { FormField } from "./field.js";
+import {
+  Table as TableControl,
+  TABLE_COLUMN_FIELD_INDEX_PLACEHOLDER
+} from "../controls/table.js";
 class Table extends FormField {
   constructor(columns) {
     super(false);
@@ -8,6 +12,15 @@ class Table extends FormField {
   getEmptyValue() {
     return [];
   }
+  setName(name) {
+    super.setName(name);
+    for (const [column_name, field] of Object.entries(this.columns)) {
+      field.setName(
+        `${this.name}[${TABLE_COLUMN_FIELD_INDEX_PLACEHOLDER}][${column_name}]`
+      );
+    }
+    return this;
+  }
   async parse(ctx, raw_value) {
     if (!is(raw_value, predicates.object)) {
       return {
@@ -21,7 +34,6 @@ class Table extends FormField {
       const row_data = raw_value[row_number];
       const parsed_row = {};
       if (!is(row_data, predicates.object)) {
-        console.log("table.ts<fields>:55", this.name);
         throw new Error(`Expected object, got ${String(row_data)}`);
       }
       for (const key in row_data) {
@@ -56,6 +68,21 @@ class Table extends FormField {
     const ret = { parsed_value: result, parsable: true, error: null };
     return ret;
   }
+  getControl() {
+    return new TableControl(this, {
+      label: this.name,
+      subfield_controls: Object.fromEntries(
+        Object.entries(this.columns).map(([column_name, field]) => [
+          column_name,
+          field.getControl()
+        ])
+      ),
+      allow_adding: true,
+      make_new_row: async () => Object.fromEntries(
+        Object.keys(this.columns).map((key) => [key, ""])
+      )
+    });
+  }
 }
 export {
   Table

package/lib/forms/fields/text.js

@@ -0,0 +1,17 @@
+import { TextBasedSimpleField } from "./simple-form-field.js";
+class Text extends TextBasedSimpleField {
+  constructor(required) {
+    super(required, "text");
+  }
+  async getSealiousCreateValue(fctx) {
+    const { parsed } = await this.getParsedValue(
+      fctx.ctx,
+      fctx.data.raw_values
+    );
+    return parsed || this.getEmptyValue();
+  }
+}
+export {
+  Text
+};
+//# sourceMappingURL=text.js.map

package/lib/forms/fields/url.js

@@ -0,0 +1,17 @@
+import { TextBasedSimpleField } from "./simple-form-field.js";
+class URLField extends TextBasedSimpleField {
+  constructor(required) {
+    super(required, "text");
+  }
+  async getSealiousCreateValue(fctx) {
+    const { parsed } = await this.getParsedValue(
+      fctx.ctx,
+      fctx.data.raw_values
+    );
+    return parsed || null;
+  }
+}
+export {
+  URLField
+};
+//# sourceMappingURL=url.js.map

package/lib/forms/form.js

@@ -10,6 +10,7 @@ import {
 import {
   MountableWithFields
 } from "../page/mountable-with-fields.js";
+import { Errors as SealiousErrors } from "sealious";
 class Form extends MountableWithFields {
   constructor() {
     super(...arguments);
@@ -59,7 +60,7 @@ class Form extends MountableWithFields {
   makeCloseFormTag() {
     return `</div>`;
   }
-  async onValuesInvalid(ctx, form_messages, _field_errors) {
+  async onValuesInvalid(ctx, form_messages, field_errors) {
     const messages = form_messages.length ? form_messages : [{ type: "error", text: "Some fields are invalid" }];
     return {
       action: "stay",
@@ -67,7 +68,8 @@ class Form extends MountableWithFields {
         ctx,
         {
           raw_values: await this.extractRawValues(ctx),
-          messages
+          messages,
+          field_messages: field_errors
         },
         true
       ),
@@ -76,9 +78,18 @@ class Form extends MountableWithFields {
   }
   async onError(ctx, data, error) {
     let error_message = "Unknown error has occured";
+    let field_messages = {};
     if (is(error, predicates.object) && hasShape({ message: predicates.string }, error)) {
       error_message = error.message;
     }
+    if (error instanceof SealiousErrors.FieldsError) {
+      field_messages = Object.fromEntries(
+        Object.entries(error.field_messages).map(([key, value]) => {
+          const message = value?.message || "";
+          return [key, { type: "error", message }];
+        })
+      );
+    }
     const messages = [{ type: "error", text: error_message }];
     return {
       action: "stay",
@@ -86,7 +97,8 @@ class Form extends MountableWithFields {
         ctx,
         {
           raw_values: data.raw_values,
-          messages
+          messages,
+          field_messages
         },
         true
       )
@@ -102,7 +114,8 @@ class Form extends MountableWithFields {
         ctx,
         {
           raw_values: await this.getInitialValues(ctx),
-          messages
+          messages,
+          field_messages: {}
         },
         false
       ),
@@ -119,23 +132,21 @@ class Form extends MountableWithFields {
       raw_values
     );
     if (!valid) {
-      console.debug("Form values invalid: ", {
-        form_messages,
-        field_errors
-      });
       return this.onValuesInvalid(ctx, form_messages, field_errors);
     }
     try {
       ctx.status = 303;
       const result = await this.onSubmit(ctx, {
         raw_values,
-        messages: []
+        messages: [],
+        field_messages: {}
       });
       return this.onSuccess(
         ctx,
         {
           raw_values: await this.getRawValuesOnSuccess(ctx),
-          messages: []
+          messages: [],
+          field_messages: {}
         },
         result
       );
@@ -151,7 +162,8 @@ class Form extends MountableWithFields {
               type: "error",
               text: message
             }
-          ]
+          ],
+          field_messages: {}
         },
         e
       );
@@ -181,13 +193,13 @@ class Form extends MountableWithFields {
         ctx,
         {
           raw_values: await this.extractRawValues(ctx),
-          messages: []
+          messages: [],
+          field_messages: {}
         },
         false
       );
     });
     router.post(path, async (ctx) => {
-      console.log("REGULAR FORM HANDLE");
       const reaction = ctx.override_reaction || await this.handlePost(ctx);
       if (reaction.action == "stay") {
         ctx.status = 422;
@@ -201,6 +213,11 @@ class Form extends MountableWithFields {
   async extractRawValues(ctx) {
     return Object.keys(ctx.$body).length ? ctx.$body : this.getInitialValues(ctx);
   }
+  static initFieldNames(fields) {
+    for (const [field_name, field] of Object.entries(fields)) {
+      field.setName(field_name);
+    }
+  }
 }
 export {
   Form

package/lib/forms/form.test.js

@@ -7,10 +7,10 @@ import { locator_is_visible } from "../test_utils/locator_is_visible.js";
 import { getBrowser } from "../utils/browser-creator.js";
 import { assertThrowsAsync } from "../utils/utils.js";
 import getPort from "get-port";
-import { SimpleFormField } from "./fields/simple-form-field.js";
+import { TextBasedSimpleField } from "./fields/simple-form-field.js";
 import { expect as PlaywritghtExpect } from "@playwright/test";
 const fields = {
-  text: new Fields.SimpleFormField(true)
+  text: new Fields.TextBasedSimpleField(true)
 };
 function form_factory(canAccessFun) {
   const result = new class extends Form {
@@ -121,7 +121,6 @@ describe("form test", () => {
           "/",
           form_factory(
             async (ctx) => {
-              console.log("CAN ACCESS? FALSE");
               return { canAccess: false, message: "" };
             }
           ),
@@ -322,7 +321,7 @@ describe("form test", () => {
       const app = new Koa();
       const router = new Router();
       const fields2 = {
-        title: new SimpleFormField(true)
+        title: new TextBasedSimpleField(true)
       };
       mount(
         router,

package/lib/forms/multiform.js

@@ -78,7 +78,8 @@ class Multiform extends MountableWithFields {
       ctx,
       {
         raw_values: await this.getSubformRawValues(ctx, sub_form_name),
-        messages: []
+        messages: [],
+        field_messages: {}
       },
       show_field_errors
     );
@@ -97,7 +98,8 @@ class Multiform extends MountableWithFields {
   async render(ctx, messages, prerenderedForms = {}, show_field_errors) {
     return tempstream`${this.renderMessages(ctx, {
       raw_values: {},
-      messages
+      messages,
+      field_messages: {}
     })}
 			<div class="forms">
 				<form

package/lib/forms/multiform.test.js

@@ -8,7 +8,7 @@ import { Multiform } from "./multiform.js";
 import { assertThrowsAsync } from "../utils/utils.js";
 import { form_factory } from "./form.test.js";
 import { getBrowser } from "../utils/browser-creator.js";
-import { SimpleFormField } from "./fields/simple-form-field.js";
+import { TextBasedSimpleField } from "./fields/simple-form-field.js";
 import { Form } from "./form.js";
 import { FormHeader } from "./controls/form-header.js";
 import { SimpleInput } from "./controls/simple-input.js";
@@ -17,7 +17,7 @@ import getPort from "get-port";
 const port = await getPort();
 console.log(`Using port ${port} form multiform.test.ts`);
 const fields1 = {
-  email: new SimpleFormField(true)
+  email: new TextBasedSimpleField(true)
 };
 const form1 = new class extends Form {
   constructor() {
@@ -31,7 +31,7 @@ const form1 = new class extends Form {
   }
 }();
 const fields2 = {
-  name: new SimpleFormField(true)
+  name: new TextBasedSimpleField(true)
 };
 const form2 = new class extends Form {
   constructor() {

package/lib/generate-stimulus.js

@@ -12,6 +12,7 @@ async function generateStimulusControllers(controller_dirs) {
     target_locreq.resolve("src/"),
     ...controller_dirs
   ];
+  console.log("Looking for controllers in ", stimulus_search_dirs);
   const controller_names = (await Promise.all(stimulus_search_dirs.map((dir) => recursive(dir)))).flat().filter((c) => c.endsWith(".stimulus.ts")).sort();
   const controller_data = controller_names.map(
     (p) => "./" + path.relative(target_locreq.resolve(dirname(output_file)), p).replace(/\.[tj]sx?$/, ".js")

package/lib/index.js

@@ -16,6 +16,7 @@ export * from "./forms/multiform.js";
 import * as Components from "./components/components.js";
 export * from "./mount.js";
 export * from "./page/default-list-filters.js";
+export * from "./forms/fields/get-field-for-sealious.js";
 export {
   Components,
   Controls,

package/lib/make-hidden-inputs.js

@@ -5,7 +5,7 @@ function makeHiddenInputs(ctx, fields, values, fields_to_skip) {
     ([key, field]) => tempstream`<input
 				type="hidden"
 				name="${key}"
-				value="${field.getValue(ctx, values).then((r) => attribute(JSON.stringify(r.raw) || ""))}"
+				value="${field.getParsedValue(ctx, values).then((r) => attribute(JSON.stringify(r.raw) || ""))}"
 			/>`
   )}`;
 }

package/lib/mount.js

@@ -1,5 +1,6 @@
 import { FileManager } from "@sealcode/file-manager";
 import { Middlewares as SealiousMiddlewares } from "sealious";
+import { KoaResponsiveImageRouter } from "koa-responsive-image-router";
 async function handleHtmlPromise(ctx, next) {
   await next();
   if (ctx.body instanceof Promise) {
@@ -9,9 +10,19 @@ async function handleHtmlPromise(ctx, next) {
 }
 function mount(router, url, mountable, use_dummy_app = false, file_manager = use_dummy_app ? new FileManager("/tmp", "/uploaded_files") : void 0) {
   const raw_url = typeof url === "string" ? url : url.rawURL;
+  const imageRouter = new KoaResponsiveImageRouter({
+    staticPath: "/tmp",
+    thumbnailSize: 10,
+    cacheManagerResolutionThreshold: 10,
+    imageStoragePath: "/tmp",
+    smartCropStoragePath: "/tmp"
+  });
+  const fileManager = new FileManager("/tmp", "/uploaded_files");
   const args = use_dummy_app ? [
     async (ctx, next) => {
       ctx.$app = {
+        fileManager,
+        imageRouter,
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
         Logger: new Proxy(
           {},

package/lib/notifier.js

@@ -34,7 +34,6 @@ async function wait_for_app_to_be_stable(app_port, n = 3) {
   console.log("Waiting for app to be stable....");
   let counter = 0;
   while (true) {
-    console.debug("notifier.ts:53");
     const { status } = await get_status(app_port).catch(() => ({
       status: "down"
     }));

package/lib/page/list.js

@@ -4,13 +4,13 @@ import { naturalNumbers, UrlWithNewParams } from "../utils/utils.js";
 import { makeHiddenInputs } from "../make-hidden-inputs.js";
 import qs from "qs";
 import { NumberField } from "../forms/fields/number.js";
-import { SimpleFormField } from "../forms/fields/simple-form-field.js";
+import { TextBasedSimpleField } from "../forms/fields/simple-form-field.js";
 const BasePagePropsShape = {};
 const DEFAULT_ITEMS_PER_PAGE = 12;
 const BaseListPageFields = {
   page: new NumberField(false, 1),
   itemsPerPage: new NumberField(false, DEFAULT_ITEMS_PER_PAGE),
-  sort: new SimpleFormField(false)
+  sort: new TextBasedSimpleField(false)
 };
 const SORT_SEPARATOR = ":";
 function decodeSort(s) {
@@ -40,8 +40,8 @@ class ListPage extends Page {
   }
   init() {
     super.init();
-    for (const [fieldname, field] of Object.entries(this.filterFields)) {
-      void field.init(fieldname);
+    for (const [, field] of Object.entries(this.filterFields)) {
+      void field.init();
     }
   }
   renderListContainer(_, content) {
@@ -49,11 +49,14 @@ class ListPage extends Page {
   }
   async getPaginationConfig(ctx) {
     const values = await this.extractRawValues(ctx);
-    let { parsed: page } = await this.fields.page.getValue(ctx, values);
+    let { parsed: page } = await this.fields.page.getParsedValue(
+      ctx,
+      values
+    );
     if (!page) {
       page = 1;
     }
-    const { parsed: itemsPerPage } = await this.fields.itemsPerPage.getValue(ctx, values);
+    const { parsed: itemsPerPage } = await this.fields.itemsPerPage.getParsedValue(ctx, values);
     return { page, itemsPerPage };
   }
   async renderItems(ctx, values, items) {
@@ -127,7 +130,7 @@ class ListPage extends Page {
     const filter = {};
     const raw_values = await this.extractRawValues(ctx);
     for (const [fieldname, field] of Object.entries(this.filterFields)) {
-      const { parsed } = await field.getValue(ctx, raw_values);
+      const { parsed } = await field.getParsedValue(ctx, raw_values);
       filter[fieldname] = field.mapToFilter(parsed);
     }
     return filter;
@@ -163,7 +166,11 @@ class ListPage extends Page {
       return control.render(
         this.makeFormControlContext(
           ctx,
-          { raw_values: values, messages: [] },
+          {
+            raw_values: values,
+            messages: [],
+            field_messages: {}
+          },
           false
         )
       );

package/lib/page/mountable-with-fields.js

@@ -13,14 +13,15 @@ class MountableWithFields extends Mountable {
       this.fields = {};
   }
   init() {
-    for (const [name, field] of Object.entries(this.fields)) {
-      void field.init(name);
+    for (const [field_name, field] of Object.entries(this.fields)) {
+      void field.init();
+      field.setName(field_name);
     }
   }
   makeFormControlContext(ctx, data, validate, field_name_prefix = this.field_names_prefix, form_id = this.form_id) {
     return new FormControlContext(
       ctx,
-      data.raw_values,
+      data,
       data.messages,
       field_name_prefix,
       form_id,
@@ -44,10 +45,13 @@ class MountableWithFields extends Mountable {
     await Promise.all(
       Object.keys(this.fields).map(async (key) => {
         const field = this.fields[key];
-        const { valid: fieldvalid, message: fieldmessage } = await field.getValue(ctx, values, true);
+        const { valid: fieldvalid, message: fieldmessage } = await field.getParsedValue(ctx, values, true);
         if (!fieldvalid) {
           valid = false;
-          field_errors[field.name] = fieldmessage;
+          field_errors[field.name] = {
+            type: "error",
+            message: fieldmessage
+          };
         }
       })
     );
@@ -81,7 +85,11 @@ class MountableWithFields extends Mountable {
     const result = {};
     const promises = Object.entries(this.fields).map(
       async ([key, field]) => {
-        const { parsed } = await field.getValue(ctx, raw_values, false);
+        const { parsed } = await field.getParsedValue(
+          ctx,
+          raw_values,
+          false
+        );
         result[key] = parsed;
       }
     );

package/lib/page/mountable-with-fields.test.js

@@ -17,7 +17,7 @@ describe("mountable-with-fields", () => {
         const data = await this.getParsedValues(ctx);
         data.not_required?.trim();
         data.required.trim();
-        const { parsed: data2 } = await this.fields.not_required.getValue(
+        const { parsed: data2 } = await this.fields.not_required.getParsedValue(
           ctx,
           form_values.raw_values
         );

package/lib/templates/form.js

@@ -1,12 +1,10 @@
-import Prettier from "prettier";
-import { curryImportPath } from "../utils/import-path.js";
-import { getPrettierConfig } from "../utils/prettier.js";
+import { formatWithPrettier } from "../utils/prettier.js";
 const defaults = {
   postimport: `
          import { Fields } from "@sealcode/sealgen";
          import type {FormDataValue} from "@sealcode/sealgen";`,
   fields: `
-           password: new Fields.SimpleFormField(true),`,
+           password: new Fields.Password(true),`,
   controls: `
 		new Controls.SimpleInput(fields.password, {
 			label: "Password:",
@@ -17,8 +15,8 @@ const defaults = {
 		data: Record<string, FormDataValue>
 	): Promise<{ valid: boolean; error: string }> {
 		// just a silly example, please remove this with better logic
-		const { parsed: email } = await this.fields.email.getValue(ctx, data);
-		const { parsed: password } = await this.fields.password.getValue(ctx, data);
+		const { parsed: email } = await this.fields.email.getParsedValue(ctx, data);
+		const { parsed: password } = await this.fields.password.getParsedValue(ctx, data);
 		// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
 		if ((password || "").length > ((email as string) || "").length) {
 			return { valid: false, error: "Password cannot be longer than email" };
@@ -43,11 +41,10 @@ const defaults = {
 };
 async function formTemplate(action_name, newfilefullpath, _params = defaults) {
   const params = { ...defaults, ..._params };
-  const rel = curryImportPath(newfilefullpath);
   const content = `import type { Context } from "koa";
 import type { FormData } from "@sealcode/sealgen";
 import { Form,  Controls, fieldsToShape } from "@sealcode/sealgen";
-import html from "${rel("src/back/html.js")}";
+import html from "src/back/html.js";
 
 ${params.postimport}
 
@@ -57,6 +54,8 @@ const fields = {
     ${params.fields}
 };
 
+Form.initFieldNames(fields);
+
 export const ${action_name}Shape = fieldsToShape(fields);
 
 export default new (class ${action_name}Form extends Form<typeof fields, void> {
@@ -78,7 +77,7 @@ export default new (class ${action_name}Form extends Form<typeof fields, void> {
    ${params.render}
 })();
 `;
-  return Prettier.format(content, await getPrettierConfig());
+  return formatWithPrettier(content);
 }
 export {
   formTemplate

package/lib/templates/multiform.js

@@ -9,8 +9,8 @@ import { FlatTemplatable } from "tempstream";
 export const actionName = "${action_name}";
 
 const fields1 = {
-	email: new Fields.SimpleFormField(true),
-	password: new Fields.SimpleFormField(true),
+	email: new Fields.TextBasedSimpleField(true),
+	password: new Fields.TextBasedSimpleField(true),
 };
 
 const form1 = new (class extends Form<typeof fields1, unknown> {
@@ -26,8 +26,8 @@ const form1 = new (class extends Form<typeof fields1, unknown> {
 })();
 
 const fields2 = {
-	name: new Fields.SimpleFormField(true),
-	surname: new Fields.SimpleFormField(true),
+	name: new Fields.TextBasedSimpleField(true),
+	surname: new Fields.TextBasedSimpleField(true),
 };
 
 const form2 = new (class extends Form<typeof fields2, unknown> {

package/lib/templates/page.js

@@ -1,6 +1,4 @@
-import { curryImportPath } from "../utils/import-path.js";
 async function pageTemplate(action_name, newfilefullpath) {
-  const rel = curryImportPath(newfilefullpath);
   return `import type { Context } from "koa";
 import { TempstreamJSX } from "tempstream";
 import { Page } from "@sealcode/sealgen";

package/lib/templates/shared/collection-create-form.js

@@ -1,70 +1,58 @@
 import { toKebabCase, toPascalCase } from "js-convert-case";
 import { formTemplate } from "../form.js";
-import { curryImportPath } from "../../utils/import-path.js";
 import extract_fields_from_collection from "../../utils/extract-fields-from-collection.js";
-import { getFieldHandler } from "./shared-crud-form-fields.js";
+import { wrapAttribute } from "../../utils/wrap-attributes.js";
 async function createItemFormTemplate(create_action_name, newfilefullpath, collection_name, list_action) {
   const collection_fields = await extract_fields_from_collection(
     collection_name
   );
-  const importPath = curryImportPath(newfilefullpath);
-  const field_handler_results = await Promise.all(
-    collection_fields.map(
-      (field) => getFieldHandler(collection_name, field, importPath)
-    )
-  );
-  const post_create_actions = field_handler_results.map(({ post_create }) => post_create).filter((e) => e != "");
+  const formFieldsVar = `${toPascalCase(collection_name)}FormFields`;
   return formTemplate(create_action_name, newfilefullpath, {
     success_message: "Created!",
-    postimport: `import {${toPascalCase(
-      collection_name
-    )}FormFields, ${toPascalCase(
+    postimport: `import {${formFieldsVar}, get${toPascalCase(
       collection_name
     )}FormControls }from "./shared.js";
 
-        import { ${toPascalCase(collection_name)} } from "${importPath(
-      "src/back/collections/collections.js"
-    )}";
-
-		import { ${list_action}URL } from "${importPath("src/back/routes/urls.js")}";
+        import { ${toPascalCase(
+      collection_name
+    )} } from "src/back/collections/collections.js";
 
-        import {tempstream} from "tempstream";
+		import { ${list_action}URL } from "src/back/routes/urls.js";
+		import {tempstream} from "tempstream";
 `,
     fields: `...${toPascalCase(collection_name)}FormFields`,
     controls: `
                 new Controls.FormHeader("Create ${toPascalCase(
       collection_name
     )}"), 
-                ...${toPascalCase(collection_name)}FormControls`,
+                ...get${toPascalCase(collection_name)}FormControls()`,
     can_access: `canAccess = async (ctx: Context) => {
 			 const policy = ${toPascalCase(collection_name)}.getPolicy("create");
 			 const response = await policy.check(ctx.$context);
 			 return { canAccess: response?.allowed || false, message: response?.reason || "" };
 		 };`,
-    get_initial_values: field_handler_results.filter((r) => !r.hide_initial_value_create).map(({ initial_value_create }) => initial_value_create).filter((e) => e != "").length ? `getInitialValues(ctx: Context){
-                   return {
-                        ${field_handler_results.filter((r) => !r.hide_initial_value_create).map(
-      ({ initial_value_create }) => initial_value_create
-    ).join(",\n")}
-                   }
-}` : ``,
+    get_initial_values: "",
     onsubmit: `
-	async onSubmit(ctx: Context) {
-		const data = await this.getParsedValues(ctx);
-		if (!data) {
-			throw new Error("Error when parsing the form values");
-		}
+	async onSubmit(ctx: Context, formData: FormData) {
+		const fctx = this.makeFormControlContext(ctx, formData, true);
 
-	   ${field_handler_results.map(({ pre_create }) => pre_create).filter((e) => e !== "").join("\n")}
-
-		${post_create_actions.length ? `const created = ` : ""} await ctx.$app.collections["${toKebabCase(collection_name)}"].create(
+		const created =  await ctx.$app.collections["${toKebabCase(
+      collection_name
+    )}"].createExtraSafe(
 			ctx.$context,
-			{
-			      ${field_handler_results.filter((result) => !result.hide_sealious_value).map((result) => result.sealious_value(result)).filter((e) => e != "").join(",\n")}
-			} 
-		);
-        ${post_create_actions.length ? `/* ==== POST CREATE ACTIONS ==== */` : ""}
-        ${post_create_actions.join("\n")}
+		{
+		${collection_fields.map(
+      (field_info) => field_info.form_field.generateCreateValueGetter(field_info, {
+        form_field_types: formFieldsVar,
+        sealious_field: `fields${wrapAttribute(field_info.name)}`,
+        form_fields: "fields"
+      })
+    ).join(",\n")} 
+			});
+
+    	for(const field of Object.values(${formFieldsVar})){
+            await field.postSealiousCreate(ctx, created, formData)
+        }
 	}
 `,
     render: `	async render(ctx: Context, data: FormData, show_field_errors: boolean) {