@sealcode/sealgen 0.11.7 → 0.12.0

package/lib/forms/fields/pick-from-list.test.js

@@ -1,22 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const assert_1 = __importDefault(require("assert"));
-const index_1 = require("../../index");
+import assert from "assert";
+import { Fields } from "../../index.js";
 describe("pick-from-list field", () => {
     const ctx = {};
     it("validation logic", async () => {
-        const field = new index_1.Fields.PickFromListField(true, async () => {
+        const field = new Fields.PickFromListField(true, async () => {
             return [
                 { value: "samplev", label: "samplel" },
                 { value: "samplevv", label: "samplell" },
             ];
         });
-        assert_1.default.strictEqual((await field.isValueValid(ctx, 42)).valid, false);
-        assert_1.default.strictEqual((await field.isValueValid(ctx, "samplevv")).valid, true);
-        assert_1.default.strictEqual((await field.isValueValid(ctx, "notvalid")).valid, false);
+        assert.strictEqual((await field.isValueValid(ctx, 42)).valid, false);
+        assert.strictEqual((await field.isValueValid(ctx, "samplevv")).valid, true);
+        assert.strictEqual((await field.isValueValid(ctx, "notvalid")).valid, false);
     });
 });
 //# sourceMappingURL=pick-from-list.test.js.map

package/lib/forms/fields/proxy-field.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProxyFormField = void 0;
-const field_1 = require("./field");
-class ProxyFormField extends field_1.FormField {
+import { FormField } from "./field.js";
+export class ProxyFormField extends FormField {
     constructor(required, name, empty_value, parsed_value) {
         super(required);
         this.name = name;
@@ -20,5 +17,4 @@ class ProxyFormField extends field_1.FormField {
         };
     }
 }
-exports.ProxyFormField = ProxyFormField;
 //# sourceMappingURL=proxy-field.js.map

package/lib/forms/fields/regexp.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RegExpField = void 0;
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-const field_1 = require("./field");
-class RegExpField extends field_1.FormField {
+import { is, predicates } from "@sealcode/ts-predicates";
+import { FormField } from "./field.js";
+export class RegExpField extends FormField {
     constructor(required, regexp, error_message, default_value = "") {
         super(required);
         this.regexp = regexp;
         this.error_message = error_message;
         this.default_value = default_value;
-        this.predicate = ts_predicates_1.predicates.string;
+        this.predicate = predicates.string;
     }
     async isValueValid(_, value) {
-        if (!(0, ts_predicates_1.is)(value, ts_predicates_1.predicates.string)) {
+        if (!is(value, predicates.string)) {
             return { valid: false, message: "expected a string" };
         }
         if (this.regexp.exec(value)) {
@@ -21,7 +18,7 @@ class RegExpField extends field_1.FormField {
         return { valid: false, message: this.error_message };
     }
     async parse(_, value) {
-        if ((0, ts_predicates_1.is)(value, ts_predicates_1.predicates.string)) {
+        if (is(value, predicates.string)) {
             return {
                 parsable: true,
                 parsed_value: value,
@@ -40,5 +37,4 @@ class RegExpField extends field_1.FormField {
         return this.default_value || "";
     }
 }
-exports.RegExpField = RegExpField;
 //# sourceMappingURL=regexp.js.map

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

@@ -1,26 +1,21 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const assert_1 = __importDefault(require("assert"));
-const index_1 = require("../../index");
+import assert from "assert";
+import { Fields } from "../../index.js";
 describe("regexp field", () => {
     const ctx = {};
     it("validation logic", async () => {
-        const field = new index_1.Fields.RegExpField(true, /^4/, "error");
-        assert_1.default.strictEqual((await field.isValueValid(ctx, "42")).valid, true);
-        assert_1.default.strictEqual((await field.isValueValid(ctx, "notvalid")).valid, false);
-        assert_1.default.strictEqual((await field.isValueValid(ctx, 42)).valid, false);
+        const field = new Fields.RegExpField(true, /^4/, "error");
+        assert.strictEqual((await field.isValueValid(ctx, "42")).valid, true);
+        assert.strictEqual((await field.isValueValid(ctx, "notvalid")).valid, false);
+        assert.strictEqual((await field.isValueValid(ctx, 42)).valid, false);
     });
     it("parse function", async () => {
-        const field = new index_1.Fields.RegExpField(true, /^4/, "error");
+        const field = new Fields.RegExpField(true, /^4/, "error");
         const string_response = await field.parse(ctx, "42");
         const number_response = await field.parse(ctx, 42);
-        assert_1.default.strictEqual(string_response.parsable, true);
-        assert_1.default.strictEqual(string_response.parsed_value, "42");
-        assert_1.default.strictEqual(number_response.parsable, false);
-        assert_1.default.strictEqual(number_response.error, "Please enter a string");
+        assert.strictEqual(string_response.parsable, true);
+        assert.strictEqual(string_response.parsed_value, "42");
+        assert.strictEqual(number_response.parsable, false);
+        assert.strictEqual(number_response.error, "Please enter a string");
     });
 });
 //# sourceMappingURL=regexp.test.js.map

package/lib/forms/fields/reverse-single-reference.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReverseSingleReference = void 0;
-const field_1 = require("./field");
-class ReverseSingleReference extends field_1.FormField {
+import { FormField } from "./field.js";
+export class ReverseSingleReference extends FormField {
     constructor(required, sealious_field) {
         super(required);
         this.sealious_field = sealious_field;
@@ -14,5 +11,4 @@ class ReverseSingleReference extends field_1.FormField {
         return [];
     }
 }
-exports.ReverseSingleReference = ReverseSingleReference;
 //# sourceMappingURL=reverse-single-reference.js.map

package/lib/forms/fields/simple-form-field.js

@@ -1,9 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SimpleFormField = void 0;
-const field_1 = require("./field");
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-class SimpleFormField extends field_1.FormField {
+import { FormField } from "./field.js";
+import { predicates } from "@sealcode/ts-predicates";
+console.log({ FormField });
+export class SimpleFormField extends FormField {
     async parse(_, raw_value) {
         return {
             parsed_value: (raw_value || "").toString(),
@@ -16,8 +14,7 @@ class SimpleFormField extends field_1.FormField {
     }
     constructor(required) {
         super(required);
-        this.predicate = ts_predicates_1.predicates.string;
+        this.predicate = predicates.string;
     }
 }
-exports.SimpleFormField = SimpleFormField;
 //# sourceMappingURL=simple-form-field.js.map

package/lib/forms/fields/structured-array.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StructuredArrayField = void 0;
-const field_1 = require("./field");
-class StructuredArrayField extends field_1.FormField {
+import { FormField } from "./field.js";
+export class StructuredArrayField extends FormField {
     constructor(sealious_field) {
         super(true);
         this.sealious_field = sealious_field;
@@ -18,5 +15,4 @@ class StructuredArrayField extends field_1.FormField {
         return [];
     }
 }
-exports.StructuredArrayField = StructuredArrayField;
 //# sourceMappingURL=structured-array.js.map

package/lib/forms/form.js

@@ -1,22 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = void 0;
-const crypto_1 = require("crypto");
-const router_1 = __importDefault(require("@koa/router"));
-const tempstream_1 = require("tempstream");
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-const mountable_with_fields_1 = require("../page/mountable-with-fields");
-class Form extends mountable_with_fields_1.MountableWithFields {
+import { randomUUID } from "crypto";
+import Router from "@koa/router";
+import { tempstream } from "tempstream";
+import { hasFieldOfType, hasShape, is, predicates, } from "@sealcode/ts-predicates";
+import { MountableWithFields, } from "../page/mountable-with-fields.js";
+export class Form extends MountableWithFields {
     constructor() {
         super(...arguments);
         this.defaultSuccessMessage = "Done";
         this.submitButtonText = "Wyślij";
         this.action = "./";
         this.useTurbo = true;
-        this.form_id = (0, crypto_1.randomUUID)();
+        this.form_id = randomUUID();
     }
     async canAccess(
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -24,7 +18,7 @@ class Form extends mountable_with_fields_1.MountableWithFields {
         return { canAccess: true, message: "" };
     }
     async renderError(_, error) {
-        return (0, tempstream_1.tempstream /* HTML */) `<div>${error.message}</div>`;
+        return tempstream /* HTML */ `<div>${error.message}</div>`;
     }
     makeSubmitButton() {
         return /* HTML */ `<input
@@ -35,7 +29,7 @@ class Form extends mountable_with_fields_1.MountableWithFields {
 		/>`;
     }
     async render(ctx, data, show_field_errors) {
-        return (0, tempstream_1.tempstream /* HTML */) `<div class="form-container">
+        return tempstream /* HTML */ `<div class="form-container">
 			${this.makeOpenFormTag(ctx)}
 			${!this.controls.some((control) => control.role == "messages")
             ? this.renderMessages(ctx, data)
@@ -52,7 +46,7 @@ class Form extends mountable_with_fields_1.MountableWithFields {
         return [];
     }
     makeOpenFormTag(ctx) {
-        return (0, tempstream_1.tempstream) `<form enctype="multipart/form-data" method="POST" id="${this.form_id}" action="${this.action}" class="${this.makeFormClasses(ctx).then((classes) => classes.join(" "))}" ${this.useTurbo ? "" : `data-turbo="false"`}></form><div class="form">`;
+        return tempstream `<form enctype="multipart/form-data" method="POST" id="${this.form_id}" action="${this.action}" class="${this.makeFormClasses(ctx).then((classes) => classes.join(" "))}" ${this.useTurbo ? "" : `data-turbo="false"`}></form><div class="form">`;
     }
     makeCloseFormTag() {
         return `</div>`;
@@ -72,8 +66,8 @@ class Form extends mountable_with_fields_1.MountableWithFields {
     }
     async onError(ctx, data, error) {
         let error_message = "Unknown error has occured";
-        if ((0, ts_predicates_1.is)(error, ts_predicates_1.predicates.object) &&
-            (0, ts_predicates_1.hasShape)({ message: ts_predicates_1.predicates.string }, error)) {
+        if (is(error, predicates.object) &&
+            hasShape({ message: predicates.string }, error)) {
             error_message = error.message;
         }
         const messages = [{ type: "error", text: error_message }];
@@ -121,10 +115,10 @@ class Form extends mountable_with_fields_1.MountableWithFields {
         catch (e) {
             // eslint-disable-next-line no-console
             console.dir(e, { depth: 5 });
-            const message = (0, ts_predicates_1.is)(e, ts_predicates_1.predicates.object) &&
-                (0, ts_predicates_1.hasFieldOfType)(e, "message", ts_predicates_1.predicates.string)
+            const message = is(e, predicates.object) &&
+                hasFieldOfType(e, "message", predicates.string)
                 ? e?.message
-                : (0, ts_predicates_1.is)(e, ts_predicates_1.predicates.string)
+                : is(e, predicates.string)
                     ? e
                     : "Wystąpił błąd";
             return this.onError(ctx, {
@@ -169,7 +163,7 @@ class Form extends mountable_with_fields_1.MountableWithFields {
                 ctx.redirect(reaction.url);
             }
         });
-        const subrouter = new router_1.default(); // for use with other subroutes that individual controls might register
+        const subrouter = new Router(); // for use with other subroutes that individual controls might register
         for (const control of this.controls) {
             control.mount(subrouter);
         }
@@ -179,5 +173,4 @@ class Form extends mountable_with_fields_1.MountableWithFields {
         return ctx.$body;
     }
 }
-exports.Form = Form;
 //# sourceMappingURL=form.js.map

package/lib/forms/form.test.js

@@ -1,275 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.form_factory = void 0;
-const router_1 = __importDefault(require("@koa/router"));
-const axios_1 = __importDefault(require("axios"));
-const koa_1 = __importDefault(require("koa"));
-const index_1 = require("../index");
-const mount_1 = require("../mount");
-const locator_is_visible_1 = require("../test_utils/locator_is_visible");
-const browser_creator_1 = require("../utils/browser-creator");
-const utils_1 = require("../utils/utils");
-const fields = {
-    text: new index_1.Fields.SimpleFormField(true),
-};
-function form_factory(canAccessFun) {
-    const result = new (class extends index_1.Form {
-        constructor() {
-            super(...arguments);
-            this.fields = fields;
-            this.submitButtonText = "Submit";
-            this.controls = [
-                new index_1.Controls.SimpleInput(fields.text, {
-                    label: "This is a test:",
-                    type: "password",
-                }),
-            ];
-        }
-        async onSubmit() {
-            return;
-        }
-    })();
-    if (canAccessFun)
-        result.canAccess = canAccessFun;
-    return result;
-}
-exports.form_factory = form_factory;
-describe("form test", () => {
-    let page;
-    before(async () => {
-        const browser = await (0, browser_creator_1.getBrowser)();
-        const context = await browser.newContext();
-        page = await context.newPage();
-    });
-    describe("basic tests", async () => {
-        let server;
-        before(async () => {
-            const app = new koa_1.default();
-            const router = new router_1.default();
-            (0, mount_1.mount)(router, "/", form_factory(), true);
-            app.use(router.routes()).use(router.allowedMethods());
-            server = app.listen(8080);
-            await page.goto("http://localhost:8080");
-        });
-        after(async () => {
-            server.close();
-        });
-        it("does not allow to submit an empty form when there's a required field", async () => {
-            await page.getByRole("button", { name: "Submit", exact: true }).click();
-            await (0, utils_1.assertThrowsAsync)(async () => {
-                return page.getByText("Done").click({ timeout: 500 });
-            });
-        });
-        it("allows to submit a form when all required fields have a value", async () => {
-            await page.getByPlaceholder("password").click();
-            await page.getByPlaceholder("password").fill("testpasswd");
-            await page.getByRole("button", { name: "Submit", exact: true }).click();
-            await page.getByText("Done").click();
-        });
-        it("does not allow submitting an empty form by circumventing HTML-based validation", async () => {
-            const res_axios = await axios_1.default.post("http://localhost:8080", {
-                text: "",
-            }, {
-                validateStatus: (status) => {
-                    if (status == 422)
-                        return true;
-                    return false;
-                },
-            });
-            if (!res_axios.data.includes("Some fields are invalid")) {
-                throw new Error("when sending a empty request with axios, the error didnt appear");
-            }
-        });
-    });
-    describe("canAccess tests", async () => {
-        let server;
-        afterEach(async () => {
-            server.close();
-        });
-        it("allows visit when configured when canAccess returns true", async () => {
-            const app = new koa_1.default();
-            const router = new router_1.default();
-            (0, mount_1.mount)(router, "/", form_factory(async (ctx) => {
-                return { canAccess: true, message: "" };
-            }), true);
-            app.use(router.routes()).use(router.allowedMethods());
-            server = app.listen(8080);
-            const response = await page.goto("http://localhost:8080");
-            if (response?.status() != 200) {
-                throw new Error(`Should return 200 status and it returns ${response?.status()}`);
-            }
-        });
-        describe("declines access when canAccess returns false", async () => {
-            const app = new koa_1.default();
-            const router = new router_1.default();
-            before(async () => {
-                (0, mount_1.mount)(router, "/", form_factory(async (ctx) => {
-                    return { canAccess: false, message: "" };
-                }), true);
-                app.use(router.routes()).use(router.allowedMethods());
-            });
-            beforeEach(async () => {
-                server = app.listen(8080);
-            });
-            it("prevents the form from rendering", async () => {
-                const response = await page.goto("http://localhost:8080");
-                if (response?.status() != 403) {
-                    throw new Error(`Should return 403 status and it returns ${response?.status()}`);
-                }
-            });
-            it("does not allow submitting of the form through axios", async () => {
-                await axios_1.default.post("http://localhost:8080", {
-                    text: "sample",
-                }, {
-                    validateStatus: (status) => {
-                        if (status == 403)
-                            return true;
-                        return false;
-                    },
-                });
-            });
-        });
-        it("passes the context to canAccess (false case)", async () => {
-            const app = new koa_1.default();
-            const router = new router_1.default();
-            (0, mount_1.mount)(router, "/", form_factory(async (ctx) => {
-                return ctx.$context && ctx.$context.user_id
-                    ? { canAccess: true, message: "" }
-                    : { canAccess: false, message: "" };
-            }), true);
-            app.use(router.routes()).use(router.allowedMethods());
-            server = app.listen(8080);
-            const response = await page.goto("http://localhost:8080");
-            if (response?.status() != 403) {
-                throw new Error(`Should return 403 status and it returns ${response?.status()}`);
-            }
-        });
-        it("passes the context to canAccess (true case)", async () => {
-            const app = new koa_1.default();
-            const router = new router_1.default();
-            router.use(async (ctx, next) => {
-                ctx.$context = {
-                    user_id: "miguel",
-                };
-                await next();
-            });
-            (0, mount_1.mount)(router, "/", form_factory(async (ctx) => {
-                return ctx.$context && ctx.$context.user_id
-                    ? { canAccess: true, message: "" }
-                    : { canAccess: false, message: "" };
-            }), true);
-            app.use(router.routes()).use(router.allowedMethods());
-            server = app.listen(8080);
-            const response = await page.goto("http://localhost:8080");
-            if (response?.status() != 200) {
-                throw new Error(`Should return 200 status and it returns ${response?.status()}`);
-            }
-        });
-    });
-    describe("validation e2e", async () => {
-        describe("validation message", async () => {
-            let server;
-            before(async () => {
-                const app = new koa_1.default();
-                const router = new router_1.default();
-                (0, mount_1.mount)(router, "/", new (class extends index_1.Form {
-                    constructor() {
-                        super(...arguments);
-                        this.fields = fields;
-                        this.submitButtonText = "Submit";
-                        this.controls = [
-                            new index_1.Controls.SimpleInput(fields.text, {
-                                label: "This is a test:",
-                                type: "password",
-                            }),
-                        ];
-                    }
-                    async onSubmit() {
-                        return;
-                    }
-                    async validateValues(ctx, data) {
-                        if (data.text === "incorrect")
-                            return {
-                                valid: false,
-                                error: "Incorrect input",
-                            };
-                        return { valid: true, error: "" };
-                    }
-                })(), true);
-                app.use(router.routes()).use(router.allowedMethods());
-                server = app.listen(8080);
-                await page.goto("http://localhost:8080");
-            });
-            after(async () => {
-                server.close();
-            });
-            it("shows up when incorrect input is given", async () => {
-                await page.getByPlaceholder("password").click();
-                await page.getByPlaceholder("password").fill("incorrect");
-                await page.getByRole("button", { name: "Submit" }).click();
-                if (!(await (0, locator_is_visible_1.locator_is_visible)(page.getByText("Incorrect input"))))
-                    throw new Error("validation message doens't show up when input is incorrect");
-            });
-            it("doesn't show when correct input is given", async () => {
-                await page.getByPlaceholder("password").click();
-                await page.getByPlaceholder("password").fill("correct");
-                await page.getByRole("button", { name: "Submit" }).click();
-                await (0, utils_1.assertThrowsAsync)(async () => {
-                    return page.getByText("Incorrect input").click({ timeout: 500 });
-                });
-            });
-        });
-        describe("field specific validation message", async () => {
-            let server;
-            before(async () => {
-                const app = new koa_1.default();
-                const router = new router_1.default();
-                const fields = {
-                    text: new index_1.Fields.EmailField(true),
-                };
-                (0, mount_1.mount)(router, "/", new (class extends index_1.Form {
-                    constructor() {
-                        super(...arguments);
-                        this.fields = fields;
-                        this.submitButtonText = "Submit";
-                        this.controls = [
-                            new index_1.Controls.SimpleInput(fields.text, {
-                                label: "This is a test:",
-                                type: "text",
-                            }),
-                        ];
-                    }
-                    async onSubmit() {
-                        return;
-                    }
-                })(), true);
-                app.use(router.routes()).use(router.allowedMethods());
-                server = app.listen(8080);
-                await page.goto("http://localhost:8080");
-            });
-            after(async () => {
-                server.close();
-            });
-            it("shows up when incorrect input is given", async () => {
-                await page.getByPlaceholder("text").click();
-                await page.getByPlaceholder("text").fill("notanemail");
-                await page.getByRole("button", { name: "Submit" }).click();
-                await page.getByText("Please enter a proper email address").click();
-            });
-            it("doesn't show up when correct input is given", async () => {
-                await page.getByPlaceholder("text").click();
-                await page.getByPlaceholder("text").fill("yes@an.email");
-                await page.getByRole("button", { name: "Submit" }).click();
-                (0, utils_1.assertThrowsAsync)(async () => {
-                    return page
-                        .getByText("Please enter a proper email address")
-                        .click({ timeout: 500 });
-                });
-            });
-        });
-    });
-});
-//# sourceMappingURL=form.test.js.map
+

package/lib/forms/multiform.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Multiform = void 0;
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-const tempstream_1 = require("tempstream");
-const mountable_with_fields_1 = require("../page/mountable-with-fields");
-const sanitize_1 = require("../sanitize");
+import { is, predicates } from "@sealcode/ts-predicates";
+import { tempstream } from "tempstream";
+import { MountableWithFields } from "../page/mountable-with-fields.js";
+import { attribute } from "../sanitize.js";
 const FIELD_PREFIX_SEPARATOR = "___";
-class Multiform extends mountable_with_fields_1.MountableWithFields {
+export class Multiform extends MountableWithFields {
     constructor() {
         super(...arguments);
         this.controls = [];
@@ -14,8 +11,8 @@ class Multiform extends mountable_with_fields_1.MountableWithFields {
     init() {
         super.init();
         for (const [key, form] of Object.entries(this.forms)) {
-            if (key !== (0, sanitize_1.attribute)(key)) {
-                throw new Error(`Form name "${key}" is not url-safe. Try: "${(0, sanitize_1.attribute)(key)}"`);
+            if (key !== attribute(key)) {
+                throw new Error(`Form name "${key}" is not url-safe. Try: "${attribute(key)}"`);
             }
             form.makeOpenFormTag = () => `<div>`;
             form.makeCloseFormTag = () => `</div>`;
@@ -53,7 +50,7 @@ class Multiform extends mountable_with_fields_1.MountableWithFields {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     getSubformsToRender(ctx) {
         const requested_frame = ctx.headers["turbo-frame"];
-        if (!(0, ts_predicates_1.is)(requested_frame, ts_predicates_1.predicates.or(ts_predicates_1.predicates.undefined, ts_predicates_1.predicates.string))) {
+        if (!is(requested_frame, predicates.or(predicates.undefined, predicates.string))) {
             throw new Error("Wrong turbo-frame header value type");
         }
         const forms_to_render = requested_frame && this.forms[requested_frame]
@@ -82,7 +79,7 @@ class Multiform extends mountable_with_fields_1.MountableWithFields {
         return result;
     }
     async render(ctx, messages, prerenderedForms = {}, show_field_errors) {
-        return (0, tempstream_1.tempstream /* HTML */) `${this.renderMessages(ctx, {
+        return tempstream /* HTML */ `${this.renderMessages(ctx, {
             raw_values: {},
             messages,
         })}
@@ -96,7 +93,7 @@ class Multiform extends mountable_with_fields_1.MountableWithFields {
 				></form>
 				${this.getSubformsToRender(ctx).map(([form_name]) => {
             const frame_form_id = this.name + "_" + form_name + "_frame_form";
-            return (0, tempstream_1.tempstream /* HTML */) `<turbo-frame
+            return tempstream /* HTML */ `<turbo-frame
 						id="${form_name}"
 						contains-subform
 						subform-id="${frame_form_id}"
@@ -174,5 +171,4 @@ class Multiform extends mountable_with_fields_1.MountableWithFields {
         }
     }
 }
-exports.Multiform = Multiform;
 //# sourceMappingURL=multiform.js.map