@sealcode/sealgen 0.19.5 → 0.19.7

package/@types/forms/fields/field.d.ts

@@ -78,5 +78,6 @@ export declare abstract class FormField<Required extends boolean = boolean, Pars
         what: string;
         from: string;
         as?: string;
+        type?: boolean;
     }[];
 }

package/@types/forms/fields/fields.d.ts

@@ -15,13 +15,14 @@ export * from "./float.js";
 export * from "./html.js";
 export * from "./image.js";
 export * from "./int.js";
+export * from "./item-draft.js";
 export * from "./json.js";
 export * from "./markdown.js";
 export * from "./multiple-files.js";
 export * from "./number.js";
 export * from "./password.js";
-export * from "./phone-number.js";
 export * from "./phone-number-with-country-code.js";
+export * from "./phone-number.js";
 export * from "./pick-from-list-sealious.js";
 export * from "./pick-from-list.js";
 export * from "./regexp.js";

package/@types/forms/fields/get-field-for-sealious.d.ts

@@ -27,6 +27,7 @@ import { EnumMultipleSealious } from "./enum-multiple-sealious.js";
 import { URLField } from "./url.js";
 import { Image } from "./image.js";
 import { PhoneNumberWithCountryCode } from "./phone-number-with-country-code.js";
-export type SealiousToFormField<T> = T extends SealiousFieldTypes.Boolean ? BooleanField<false> : T extends SealiousFieldTypes.Color ? Color<false> : T extends SealiousFieldTypes.ControlAccess<infer R> ? SealiousToFormField<R> : T extends SealiousFieldTypes.Date ? DateField<false> : T extends SealiousFieldTypes.DateTime ? DateTime<false> : T extends SealiousFieldTypes.DeepReverseSingleReference ? DeepReverseSingleReferenceList | DeepReverseSingleReferenceTable : T extends SealiousFieldTypes.DisallowUpdate<any, any, any, infer R> ? SealiousToFormField<R> : T extends SealiousFieldTypes.Email ? EmailField<false> : T extends SealiousFieldTypes.Enum<any> ? PickFromListSealious<false> : T extends SealiousFieldTypes.EnumMultiple<infer R> ? R extends string[] ? EnumMultipleSealious<R> : TextBasedSimpleField<false> : T extends SealiousFieldTypes.File ? File<false> : T extends SealiousFieldTypes.Float ? Float<false> : T extends SealiousFieldTypes.HTML ? HTML<false> : T extends SealiousFieldTypes.Image ? Image<false> : T extends SealiousFieldTypes.Int ? Int<false> : T extends SealiousFieldTypes.JsonObject ? JSONField<false> : T extends SealiousFieldTypes.JDD ? TextBasedSimpleField<false, SimpleInput> : T extends SealiousFieldTypes.Password ? Password<false> : T extends SealiousFieldTypes.PhoneNumber ? PhoneNumberWithCountryCode<false> : T extends SealiousFieldTypes.ReverseSingleReference ? TextBasedSimpleField<false, SimpleInput> : T extends SealiousFieldTypes.SecretToken ? TextBasedSimpleField<false, SimpleInput> : T extends SealiousFieldTypes.SettableBy<infer R> ? SealiousToFormField<R> : T extends SealiousFieldTypes.SingleReference ? SingleReference<Collection, boolean, T> : T extends SealiousFieldTypes.Text ? Text<false> : T extends SealiousFieldTypes.Username ? CollectionField<SealiousFieldTypes.Username, false> : T extends SealiousFieldTypes.ValueExistingInCollection ? SimpleFormField<false> : T extends SealiousFieldTypes.ValueNotExistingInCollection ? SimpleFormField<false> : T extends SealiousRequiredField<any, any, any> ? SimpleFormField<false> : T extends SealiousFieldTypes.Url ? URLField<false> : T extends SealiousFieldTypes.Money ? SimpleFormField<false> : T extends SealiousFieldTypes.Markdown ? Markdown<false> : T extends SealiousFieldTypes.Coordinates ? Coordinates<false> : T extends SealiousFieldTypes.StructuredArray<infer R> ? StructuredArrayField<R> : TextBasedSimpleField<any>;
+import { ItemDraft } from "./item-draft.js";
+export type SealiousToFormField<T> = T extends SealiousFieldTypes.Boolean ? BooleanField<false> : T extends SealiousFieldTypes.Color ? Color<false> : T extends SealiousFieldTypes.ControlAccess<infer R> ? SealiousToFormField<R> : T extends SealiousFieldTypes.Date ? DateField<false> : T extends SealiousFieldTypes.DateTime ? DateTime<false> : T extends SealiousFieldTypes.DeepReverseSingleReference ? DeepReverseSingleReferenceList | DeepReverseSingleReferenceTable : T extends SealiousFieldTypes.DisallowUpdate<any, any, any, infer R> ? SealiousToFormField<R> : T extends SealiousFieldTypes.Email ? EmailField<false> : T extends SealiousFieldTypes.Enum<any> ? PickFromListSealious<false> : T extends SealiousFieldTypes.EnumMultiple<infer R> ? R extends string[] ? EnumMultipleSealious<R> : TextBasedSimpleField<false> : T extends SealiousFieldTypes.File ? File<false> : T extends SealiousFieldTypes.Float ? Float<false> : T extends SealiousFieldTypes.HTML ? HTML<false> : T extends SealiousFieldTypes.Image ? Image<false> : T extends SealiousFieldTypes.Int ? Int<false> : T extends SealiousFieldTypes.ItemDraft<infer C extends Collection> ? ItemDraft<C> : T extends SealiousFieldTypes.JsonObject ? JSONField<false> : T extends SealiousFieldTypes.JDD ? TextBasedSimpleField<false, SimpleInput> : T extends SealiousFieldTypes.Password ? Password<false> : T extends SealiousFieldTypes.PhoneNumber ? PhoneNumberWithCountryCode<false> : T extends SealiousFieldTypes.ReverseSingleReference ? TextBasedSimpleField<false, SimpleInput> : T extends SealiousFieldTypes.SecretToken ? TextBasedSimpleField<false, SimpleInput> : T extends SealiousFieldTypes.SettableBy<infer R> ? SealiousToFormField<R> : T extends SealiousFieldTypes.SingleReference ? SingleReference<Collection, boolean, T> : T extends SealiousFieldTypes.Text ? Text<false> : T extends SealiousFieldTypes.Username ? CollectionField<SealiousFieldTypes.Username, false> : T extends SealiousFieldTypes.ValueExistingInCollection ? SimpleFormField<false> : T extends SealiousFieldTypes.ValueNotExistingInCollection ? SimpleFormField<false> : T extends SealiousRequiredField<any, any, any> ? SimpleFormField<false> : T extends SealiousFieldTypes.Url ? URLField<false> : T extends SealiousFieldTypes.Money ? SimpleFormField<false> : T extends SealiousFieldTypes.Markdown ? Markdown<false> : T extends SealiousFieldTypes.Coordinates ? Coordinates<false> : T extends SealiousFieldTypes.StructuredArray<infer R> ? StructuredArrayField<R> : TextBasedSimpleField<any>;
 export declare function sealiousToFormField<SF extends SealiousField<any>>(sealious_field: SF): SealiousToFormField<SF>;
 export declare function sealiousFieldInfoToFormField(field_info: ExtractedFieldInfo): Promise<FormField>;

package/@types/forms/fields/hybrid.d.ts

@@ -0,0 +1,11 @@
+import { Context } from "koa";
+import { Hybrid as HybridControl } from "../controls/hybrid.js";
+import { FormDataValue } from "../form-types.js";
+import { FieldParseResult, FormField } from "./field.js";
+export declare class Hybrid<Fields extends Record<string, FormField>> extends FormField<true, Record<string, unknown>> {
+    subfields: Fields;
+    constructor(subfields: Fields);
+    getEmptyValue(): Record<string, unknown>;
+    parse(ctx: Context, raw_value: FormDataValue): Promise<FieldParseResult<Record<string, unknown>>>;
+    getControl(): HybridControl;
+}

package/@types/forms/fields/item-draft.d.ts

@@ -0,0 +1,20 @@
+import { Collection, FieldTypes as SealiousFieldTypes } from "sealious";
+import { Hybrid } from "./hybrid.js";
+import { FormField } from "./field.js";
+import { ExtractedFieldInfo } from "../../utils/extract-fields-from-collection.js";
+export declare class ItemDraft<C extends Collection> extends Hybrid<{
+    [name in keyof C["fields"]]: FormField;
+}> {
+    sealious_field: SealiousFieldTypes.ItemDraft<C>;
+    constructor(sealious_field: SealiousFieldTypes.ItemDraft<C>);
+    generateFieldDeclaration(field_info: ExtractedFieldInfo, vars: {
+        form_field_types: string;
+        sealious_field: string;
+    }): string;
+    generateImportsForFieldList(field_info: ExtractedFieldInfo): {
+        what: string;
+        from: string;
+        as?: string;
+        type?: boolean;
+    }[];
+}

package/@types/forms/form.d.ts

@@ -27,6 +27,7 @@ export declare abstract class Form<F extends Fields, SubmitResult> extends Mount
     onSuccess(ctx: Context, _data: FormData, _submitResult: SubmitResult): Promise<FormReaction>;
     getRawValuesOnSuccess(ctx: Context): Promise<Record<string, FormDataValue>>;
     handlePost(ctx: Context): Promise<FormReaction>;
+    init(path: string, router: Router): void;
     mount(router: Router, path: string): void;
     extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
     static initFieldNames(fields: Record<string, FormField>): void;

package/@types/forms/multiform.d.ts

@@ -5,10 +5,10 @@ import { Fields, MountableWithFields } from "../page/mountable-with-fields.js";
 import type { FormDataValue, FormMessage } from "./form-types.js";
 import { Form } from "./form.js";
 export declare class Multiform extends MountableWithFields {
-    controls: never[];
+    getControls: () => never[];
     name: string;
     forms: Record<string, Form<Fields, unknown>>;
-    init(): void;
+    init(path: string, router: Router): void;
     extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
     canAccess(): Promise<{
         canAccess: boolean;

package/@types/page/list.d.ts

@@ -1,12 +1,13 @@
-import { Context } from "koa";
-import { Templatable, FlatTemplatable } from "tempstream";
-import { Page } from "./page.js";
 import { ShapeToType } from "@sealcode/ts-predicates";
+import { Context } from "koa";
+import { FlatTemplatable, Templatable } from "tempstream";
 import { FormControl } from "../forms/controls/controls.js";
 import { FormField } from "../forms/fields/field.js";
 import { NumberField } from "../forms/fields/number.js";
 import { TextBasedSimpleField } from "../forms/fields/simple-form-field.js";
 import { FormDataValue } from "../forms/form-types.js";
+import { Page } from "./page.js";
+import Router from "@koa/router";
 export declare const BasePagePropsShape: {};
 export type BasePageProps = ShapeToType<typeof BasePagePropsShape>;
 export declare const DEFAULT_ITEMS_PER_PAGE = 12;
@@ -25,7 +26,7 @@ export declare abstract class ListPage<ItemType, F extends typeof BaseListPageFi
     abstract renderItem(ctx: Context, item: ItemType, index: number): Promise<FlatTemplatable>;
     filterFields: Record<string, FormField>;
     filterControls: FormControl[];
-    init(): void;
+    init(path: string, router: Router): void;
     renderListContainer(_: Context, content: Templatable): FlatTemplatable;
     getPaginationConfig(ctx: Context): Promise<{
         page: number;

package/@types/page/mountable-with-fields.d.ts

@@ -5,6 +5,7 @@ import { FieldMessages, FormControl, FormControlContext } from "../forms/control
 import type { FieldsToShape, FormField } from "../forms/fields/field.js";
 import type { FormDataValue, FormMessage, FormData } from "../forms/form-types.js";
 import { Mountable } from "./mountable.js";
+import Router from "@koa/router";
 export type PageErrorMessage = {
     type: "access" | "internal";
     message: string;
@@ -13,12 +14,18 @@ export type Fields = Record<string, FormField<boolean, any>>;
 type Resolved<T> = T extends Promise<infer X> ? X : never;
 type ParsedValue<T extends FormField> = Resolved<ReturnType<T["getParsedValue"]>>["parsed"];
 export declare abstract class MountableWithFields<F extends Fields = Fields> extends Mountable {
+    getFields: () => F;
     fields: F;
+    initialized: boolean;
     field_names_prefix: string;
     form_id: string;
-    abstract controls: FormControl[];
+    abstract getControls: (fields: F) => FormControl[];
+    controls: FormControl[];
     constructor();
-    init(): void;
+    /** most routes should be setup using .mount(), but mount runs before
+        initialization so we don't yet have controls, app, etc ready for dynamic
+        routes **/
+    init(path: string, router: Router): void;
     makeFormControlContext(ctx: Context, data: FormData, validate: boolean, field_name_prefix?: string, form_id?: string): FormControlContext;
     validateValues(_ctx: Context, _data: Record<string, FormDataValue>): Promise<{
         valid: boolean;

package/@types/page/mountable.d.ts

@@ -1,7 +1,7 @@
 import Router from "@koa/router";
 import { Context } from "koa";
 export declare abstract class Mountable {
-    init(): void;
+    init(_path: string, _router: Router): void;
     abstract mount(router: Router, path: string): void;
     abstract canAccess(ctx: Context): Promise<{
         canAccess: boolean;

package/@types/page/page.d.ts

@@ -6,7 +6,7 @@ import { Fields, MountableWithFields, PageErrorMessage } from "./mountable-with-
 import { PagePropsParser } from "./props-parser.js";
 export declare abstract class Page<F extends Fields = Record<string, never>> extends MountableWithFields<F> {
     propsParser: PagePropsParser<Record<keyof Fields, unknown>>;
-    controls: never[];
+    getControls: () => never[];
     mount(router: Router, path: string): void;
     canAccess(_: Context): Promise<{
         canAccess: boolean;

package/@types/templates/form.d.ts

@@ -1,7 +1,7 @@
 declare const defaults: {
     postimport: string;
-    fields: string;
-    controls: string;
+    get_fields: string;
+    get_controls: string;
     validate_method: string;
     onsubmit: string;
     can_access: string;

package/lib/forms/controls/checkboxed-list-input.test.js

@@ -36,8 +36,8 @@ describe("checkboxed-list", () => {
         new class extends Form {
           constructor() {
             super(...arguments);
-            this.fields = fields;
-            this.controls = [new CheckboxedListInput(fields.syllables)];
+            this.getFields = () => fields;
+            this.getControls = () => [new CheckboxedListInput(fields.syllables)];
           }
           async onSubmit(ctx) {
             received_values = await this.getParsedValues(ctx);
@@ -81,8 +81,8 @@ describe("checkboxed-list", () => {
           new class extends Form {
             constructor() {
               super(...arguments);
-              this.fields = fields;
-              this.controls = [new CheckboxedListInput(fields.syllables)];
+              this.getFields = () => fields;
+              this.getControls = () => [new CheckboxedListInput(fields.syllables)];
             }
             async onSubmit(ctx) {
               submit_called = true;
@@ -124,8 +124,8 @@ describe("checkboxed-list", () => {
           new class extends Form {
             constructor() {
               super(...arguments);
-              this.fields = fields;
-              this.controls = [new CheckboxedListInput(fields.syllables)];
+              this.getFields = () => fields;
+              this.getControls = () => [new CheckboxedListInput(fields.syllables)];
             }
             async onSubmit(ctx) {
               submit_called = true;
@@ -168,8 +168,8 @@ describe("checkboxed-list", () => {
           new class extends Form {
             constructor() {
               super(...arguments);
-              this.fields = fields;
-              this.controls = [new CheckboxedListInput(fields.syllables)];
+              this.getFields = () => fields;
+              this.getControls = () => [new CheckboxedListInput(fields.syllables)];
             }
             async onSubmit(ctx) {
               submit_called = true;
@@ -211,8 +211,10 @@ describe("checkboxed-list", () => {
         new class extends Form {
           constructor() {
             super(...arguments);
-            this.fields = fields;
-            this.controls = [new CheckboxedListInput(fields.syllables, { label: "ABC" })];
+            this.getFields = () => fields;
+            this.getControls = () => [
+              new CheckboxedListInput(fields.syllables, { label: "ABC" })
+            ];
           }
           async onSubmit(ctx) {
           }
@@ -258,8 +260,10 @@ describe("checkboxed-list", () => {
         new class extends Form {
           constructor() {
             super(...arguments);
-            this.fields = fields;
-            this.controls = [new CheckboxedListInput(fields.syllables, { label: "Letters" })];
+            this.getFields = () => fields;
+            this.getControls = () => [
+              new CheckboxedListInput(fields.syllables, { label: "Letters" })
+            ];
           }
           async onSubmit(ctx) {
           }

package/lib/forms/controls/file.test.js

@@ -33,8 +33,8 @@ describe("file-control", () => {
         new class extends Form {
           constructor() {
             super(...arguments);
-            this.fields = fields;
-            this.controls = [new Controls.File(fields.file)];
+            this.getFields = () => fields;
+            this.getControls = () => [new Controls.File(fields.file)];
           }
           async onSubmit(_ctx) {
             submit_called = true;

package/lib/forms/controls/image.test.js

@@ -34,8 +34,8 @@ describe("photo-control", () => {
         new class extends Form {
           constructor() {
             super(...arguments);
-            this.fields = fields;
-            this.controls = [new Image(fields.photo)];
+            this.getFields = () => fields;
+            this.getControls = () => [new Image(fields.photo)];
           }
           async onSubmit(ctx) {
             const data = await this.getParsedValues(ctx);
@@ -82,8 +82,8 @@ describe("photo-control", () => {
         new class extends Form {
           constructor() {
             super(...arguments);
-            this.fields = fields;
-            this.controls = [new Image(fields.photo)];
+            this.getFields = () => fields;
+            this.getControls = () => [new Image(fields.photo)];
           }
           async onSubmit(ctx) {
             submit_called = true;

package/lib/forms/controls/single-reference.test.js

@@ -32,8 +32,8 @@ describe("single-reference.test", () => {
       form_file_path,
       await formTemplate("SomeForm", {
         postimport: `import {Comments} from "../collections/collections.js"; import {Fields} from "@sealcode/sealgen";`,
-        fields: `article: new Fields.CollectionField(true, Comments.fields.article),`,
-        controls: `new Controls.SingleReferenceDropdown(fields.article, {getLabel: item=>item.get("title")}),`,
+        get_fields: `()=>(<const>{article: new Fields.CollectionField(true, Comments.fields.article)})`,
+        get_controls: `(fields)=>[new Controls.SingleReferenceDropdown(fields.article, {getLabel: item=>item.get("title")})]`,
         validate_method: "",
         success_message: "Submit OK"
       })

package/lib/forms/fields/field.test.js

@@ -32,8 +32,8 @@ describe("basic field", () => {
         new class extends Form {
           constructor() {
             super(...arguments);
-            this.fields = fields;
-            this.controls = [new SimpleInput(fields.text)];
+            this.getFields = () => fields;
+            this.getControls = () => [new SimpleInput(fields.text)];
           }
           async onSubmit(ctx, data) {
             received_values = await this.getParsedValues(ctx);
@@ -81,8 +81,8 @@ describe("basic field", () => {
         new class extends Form {
           constructor() {
             super(...arguments);
-            this.fields = fields;
-            this.controls = [new SimpleInput(fields.text)];
+            this.getFields = () => fields;
+            this.getControls = () => [new SimpleInput(fields.text)];
           }
           async onSubmit() {
           }
@@ -118,8 +118,11 @@ describe("basic field", () => {
         new class extends Form {
           constructor() {
             super(...arguments);
-            this.fields = fields;
-            this.controls = [new SimpleInput(fields.text), new Checkbox(fields.checkbox)];
+            this.getFields = () => fields;
+            this.getControls = () => [
+              new SimpleInput(fields.text),
+              new Checkbox(fields.checkbox)
+            ];
           }
           async onSubmit() {
             submit_called = true;

package/lib/forms/fields/fields.js

@@ -15,13 +15,14 @@ export * from "./float.js";
 export * from "./html.js";
 export * from "./image.js";
 export * from "./int.js";
+export * from "./item-draft.js";
 export * from "./json.js";
 export * from "./markdown.js";
 export * from "./multiple-files.js";
 export * from "./number.js";
 export * from "./password.js";
-export * from "./phone-number.js";
 export * from "./phone-number-with-country-code.js";
+export * from "./phone-number.js";
 export * from "./pick-from-list-sealious.js";
 export * from "./pick-from-list.js";
 export * from "./regexp.js";

package/lib/forms/fields/file.test.js

@@ -34,8 +34,8 @@ describe("file field", () => {
       new class extends Form {
         constructor() {
           super(...arguments);
-          this.fields = fields;
-          this.controls = [new Image(fields.file)];
+          this.getFields = () => fields;
+          this.getControls = () => [new Image(fields.file)];
         }
         async onSubmit(ctx) {
           received_values = await this.getParsedValues(ctx);

package/lib/forms/fields/get-field-for-sealious.js

@@ -26,6 +26,7 @@ import { EnumMultipleSealious } from "./enum-multiple-sealious.js";
 import { URLField } from "./url.js";
 import { Image } from "./image.js";
 import { PhoneNumberWithCountryCode } from "./phone-number-with-country-code.js";
+import { ItemDraft } from "./item-draft.js";
 function sealiousToFormField(sealious_field) {
   if (sealious_field instanceof SealiousFieldTypes.Boolean) {
     return new BooleanField(
@@ -99,6 +100,9 @@ function sealiousToFormField(sealious_field) {
   if (sealious_field instanceof SealiousFieldTypes.Int) {
     return new Int(sealious_field.required);
   }
+  if (sealious_field instanceof SealiousFieldTypes.ItemDraft) {
+    return new ItemDraft(sealious_field);
+  }
   if (sealious_field instanceof SealiousFieldTypes.JsonObject) {
     return new JSONField(
       sealious_field.required
@@ -186,6 +190,8 @@ async function sealiousFieldInfoToFormField(field_info) {
       return new Image(field_info.is_required);
     case "int":
       return new Int(field_info.is_required);
+    case "item-draft":
+      return new ItemDraft({ target_collection: { fields: {} } });
     case "json-object":
       return new JSONField(field_info.is_required);
     case "password":

package/lib/forms/fields/hybrid.js

@@ -0,0 +1,37 @@
+import { Hybrid as HybridControl } from "../controls/hybrid.js";
+import { FormField } from "./field.js";
+class Hybrid extends FormField {
+  constructor(subfields) {
+    super(true);
+    this.subfields = subfields;
+  }
+  getEmptyValue() {
+    return {};
+  }
+  async parse(ctx, raw_value) {
+    return {
+      parsable: true,
+      error: null,
+      parsed_value: Object.fromEntries(
+        await Promise.all(
+          Object.entries(this.subfields).map(
+            async ([key, subfield]) => [
+              key,
+              (await subfield.getParsedValue(
+                ctx,
+                raw_value[key]
+              )).parsed
+            ]
+          )
+        )
+      )
+    };
+  }
+  getControl() {
+    return new HybridControl(this, this.subfields);
+  }
+}
+export {
+  Hybrid
+};
+//# sourceMappingURL=hybrid.js.map

package/lib/forms/fields/item-draft.js

@@ -0,0 +1,34 @@
+import { sealiousToFormField } from "./get-field-for-sealious.js";
+import { Hybrid } from "./hybrid.js";
+import { toPascalCase } from "js-convert-case";
+class ItemDraft extends Hybrid {
+  constructor(sealious_field) {
+    super(
+      Object.fromEntries(
+        Object.entries(sealious_field.target_collection.fields).map(
+          ([field_name, sealious_field2]) => [
+            field_name,
+            sealiousToFormField(sealious_field2)
+          ]
+        )
+      )
+    );
+    this.sealious_field = sealious_field;
+  }
+  generateFieldDeclaration(field_info, vars) {
+    return `new ${vars.form_field_types}.${this.constructor.name}<typeof ${toPascalCase(field_info.target)}>(${vars.sealious_field})`;
+  }
+  generateImportsForFieldList(field_info) {
+    return [
+      {
+        what: toPascalCase(field_info.target),
+        from: "src/back/collections/collections.js",
+        type: true
+      }
+    ];
+  }
+}
+export {
+  ItemDraft
+};
+//# sourceMappingURL=item-draft.js.map

package/lib/forms/form.js

@@ -168,6 +168,17 @@ class Form extends MountableWithFields {
       );
     }
   }
+  init(path, router) {
+    super.init(path, router);
+    if (this.initialized) {
+      return;
+    }
+    const subrouter = new Router();
+    for (const control of this.controls) {
+      control.mount(subrouter, this);
+    }
+    router.use(path, subrouter.routes(), subrouter.allowedMethods());
+  }
   mount(router, path) {
     router.use(path, async (ctx, next) => {
       const result = await this.canAccess(ctx);
@@ -181,11 +192,6 @@ class Form extends MountableWithFields {
       }
       await next();
     });
-    const subrouter = new Router();
-    for (const control of this.controls) {
-      control.mount(subrouter, this);
-    }
-    router.use(path, subrouter.routes(), subrouter.allowedMethods());
     router.get(path, async (ctx) => {
       ctx.type = "html";
       ctx.body = await this.render(

package/lib/forms/form.test.js

@@ -16,9 +16,9 @@ function form_factory(canAccessFun) {
   const result = new class extends Form {
     constructor() {
       super(...arguments);
-      this.fields = fields;
+      this.getFields = () => fields;
       this.submitButtonText = "Submit";
-      this.controls = [
+      this.getControls = () => [
         new Controls.SimpleInput(fields.text, {
           label: "This is a test:",
           type: "password"
@@ -98,7 +98,7 @@ describe("form test", () => {
         router,
         "/",
         form_factory(
-          async (ctx) => {
+          async (_ctx) => {
             return { canAccess: true, message: "" };
           }
         ),
@@ -213,9 +213,9 @@ describe("form test", () => {
           new class extends Form {
             constructor() {
               super(...arguments);
-              this.fields = fields;
+              this.getFields = () => fields;
               this.submitButtonText = "Submit";
-              this.controls = [
+              this.getControls = () => [
                 new Controls.SimpleInput(fields.text, {
                   label: "This is a test:",
                   type: "password"
@@ -273,9 +273,9 @@ describe("form test", () => {
           new class extends Form {
             constructor() {
               super(...arguments);
-              this.fields = fields2;
+              this.getFields = () => fields2;
               this.submitButtonText = "Submit";
-              this.controls = [
+              this.getControls = () => [
                 new Controls.SimpleInput(fields2.text, {
                   label: "This is a test:",
                   type: "text"
@@ -328,8 +328,8 @@ describe("form test", () => {
         new class extends Form {
           constructor() {
             super(...arguments);
-            this.fields = fields2;
-            this.controls = [new Controls.SimpleInput(fields2.title)];
+            this.getFields = () => fields2;
+            this.getControls = () => [new Controls.SimpleInput(fields2.title)];
           }
           async getInitialValues() {
             return { title: "Hello" };

package/lib/forms/multiform.js

@@ -6,10 +6,13 @@ const FIELD_PREFIX_SEPARATOR = "___";
 class Multiform extends MountableWithFields {
   constructor() {
     super(...arguments);
-    this.controls = [];
+    this.getControls = () => [];
   }
-  init() {
-    super.init();
+  init(path, router) {
+    if (this.initialized) {
+      return;
+    }
+    super.init(path, router);
     for (const [key, form] of Object.entries(this.forms)) {
       if (key !== attribute(key)) {
         throw new Error(
@@ -23,7 +26,7 @@ class Multiform extends MountableWithFields {
       form.field_names_prefix = key + FIELD_PREFIX_SEPARATOR;
       form.form_id = this.name;
       form.action = "./" + key;
-      form.init();
+      form.init(path, router);
       form.extractRawValues = async (context) => this.getSubformRawValues(context, key);
       const submit_button_id = this.name + "_" + key + "_submit";
       form.makeSubmitButton = () => (

package/lib/forms/multiform.test.js

@@ -23,8 +23,8 @@ const form1 = new class extends Form {
   constructor() {
     super(...arguments);
     this.defaultSuccessMessage = "Form1 done!";
-    this.controls = [new FormHeader("form1"), new SimpleInput(fields1.email)];
-    this.fields = fields1;
+    this.getControls = () => [new FormHeader("form1"), new SimpleInput(fields1.email)];
+    this.getFields = () => fields1;
   }
   onSubmit() {
     return;
@@ -37,8 +37,8 @@ const form2 = new class extends Form {
   constructor() {
     super(...arguments);
     this.defaultSuccessMessage = "Form2 done!";
-    this.controls = [new FormHeader("form2"), new SimpleInput(fields2.name)];
-    this.fields = fields2;
+    this.getControls = () => [new FormHeader("form2"), new SimpleInput(fields2.name)];
+    this.getFields = () => fields2;
   }
   onSubmit() {
     return;
@@ -375,7 +375,7 @@ describe("multiform test", () => {
                     super(...arguments);
                     this.fields = fields1;
                     this.submitButtonText = "Submit";
-                    this.controls = [
+                    this.getControls = () => [
                       new SimpleInput(fields1.email, {
                         label: "This is a test:",
                         type: "text"
@@ -442,9 +442,9 @@ describe("multiform test", () => {
                 form1: new class extends Form {
                   constructor() {
                     super(...arguments);
-                    this.fields = fields;
+                    this.getFields = () => fields;
                     this.submitButtonText = "Submit";
-                    this.controls = [
+                    this.getControls = () => [
                       new SimpleInput(fields.text, {
                         label: "This is a test:",
                         type: "text"

package/lib/mount.js

@@ -50,7 +50,10 @@ function mount(router, url, mountable, use_dummy_app = false, file_manager = use
     handleHtmlPromise
   ];
   router.use(raw_url, ...args);
-  mountable.init();
+  router.use(raw_url, async (_ctx, next) => {
+    mountable.init(raw_url, router);
+    await next();
+  });
   router.get(raw_url.slice(0, -1), async (ctx, next) => {
     const url2 = ctx.URL;
     if (!url2.pathname.endsWith("/")) {