@sealcode/sealgen 0.11.8 → 0.12.0

package/lib/find-css-includes.js

@@ -1,24 +1,18 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generate_css_includes = void 0;
-const fs_1 = require("fs");
-const locreq_1 = __importDefault(require("locreq"));
-const path_1 = require("path");
-const walk_1 = require("./utils/walk");
-const target_locreq = (0, locreq_1.default)(process.cwd());
-async function generate_css_includes() {
-    const files = await Promise.all((await (0, walk_1.walkDir)(target_locreq.resolve("src/")))
+import { promises as fs } from "fs";
+import _locreq from "locreq";
+import { relative } from "path";
+import { walkDir } from "./utils/walk.js";
+const target_locreq = _locreq(process.cwd());
+export async function generate_css_includes() {
+    const files = await Promise.all((await walkDir(target_locreq.resolve("src/")))
         .filter((f) => f.endsWith(".css") &&
         !f.endsWith("/main.css") &&
         !f.endsWith("\\main.css") &&
         !f.endsWith("/includes.css") &&
         !f.endsWith("\\includes.css") &&
         !f.includes(".#"))
-        .map((fullpath) => (0, path_1.relative)(target_locreq.resolve("src/"), fullpath)));
-    await fs_1.promises.writeFile(target_locreq.resolve("src/includes.css"), `/*  DO NOT EDIT! This file is generated automaticaly with npx sealgen generate-css-includes */
+        .map((fullpath) => relative(target_locreq.resolve("src/"), fullpath)));
+    await fs.writeFile(target_locreq.resolve("src/includes.css"), `/*  DO NOT EDIT! This file is generated automaticaly with npx sealgen generate-css-includes */
 
 @import "../node_modules/@sealcode/sealgen/src/forms/forms.css";
 ${files.map((path) => `@import "${path.replaceAll("\\", "/")}";`).join("\n")}
@@ -26,5 +20,4 @@ ${files.map((path) => `@import "${path.replaceAll("\\", "/")}";`).join("\n")}
     // eslint-disable-next-line no-console
     console.log("Successfuly generated new src/includes.css file");
 }
-exports.generate_css_includes = generate_css_includes;
 //# sourceMappingURL=find-css-includes.js.map

package/lib/forms/controls/array.js

@@ -1,19 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StructuredArray = exports.UnboundControl = void 0;
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-const qs_1 = __importDefault(require("qs"));
-const tempstream_1 = require("tempstream");
-const __1 = require("../..");
-const form_field_control_1 = require("./form-field-control");
-function UnboundControl(controlClass, arbitrary_field_name, params) {
+import { hasShape, predicates } from "@sealcode/ts-predicates";
+import qs from "qs";
+import { tempstream } from "tempstream";
+import { Controls, Fields } from "../../index.js";
+import { FormFieldControl } from "./form-field-control.js";
+export function UnboundControl(controlClass, arbitrary_field_name, params) {
     return [controlClass, arbitrary_field_name, params];
 }
-exports.UnboundControl = UnboundControl;
-class StructuredArray extends form_field_control_1.FormFieldControl {
+export class StructuredArray extends FormFieldControl {
     constructor(field, item_controls) {
         super([field]);
         this.field = field;
@@ -26,14 +19,14 @@ class StructuredArray extends form_field_control_1.FormFieldControl {
         return this.getFrameID() + "-form";
     }
     getActionURL(form_id, action) {
-        return `${this.getFrameID()}${form_id || action ? "?" : ""}${qs_1.default.stringify({ form_id, action })}`;
+        return `${this.getFrameID()}${form_id || action ? "?" : ""}${qs.stringify({ form_id, action })}`;
     }
     async getDefaultItemBody() {
         return {};
     }
     makeSubfield(_field_name) {
         const fields = this;
-        return new __1.Fields.SimpleFormField(false);
+        return new Fields.SimpleFormField(false);
     }
     async renderItemControl(ctx, form_id, control, item, index) {
         const fctx = {
@@ -52,7 +45,7 @@ class StructuredArray extends form_field_control_1.FormFieldControl {
                 return "";
             }
             await field.init(`${this.field.name}[data][${index}][${field_name}]`);
-            const hidden_shadow = new __1.Controls.Derived([field], async (values, { inner_form_id, field_name }) => /* HTML */ `<input
+            const hidden_shadow = new Controls.Derived([field], async (values, { inner_form_id, field_name }) => /* HTML */ `<input
 					name="${field_name}"
 					type="hidden"
 					value="${values[field_name] || ""}"
@@ -61,7 +54,7 @@ class StructuredArray extends form_field_control_1.FormFieldControl {
                 inner_form_id: this.getInnerFormID(),
                 field_name: field.name,
             }));
-            return (0, tempstream_1.tempstream) `${new constructor(field, params).render({
+            return tempstream `${new constructor(field, params).render({
                 ...fctx,
                 data: { [field.name]: item[field_name] },
             })}${hidden_shadow.render({
@@ -75,7 +68,7 @@ class StructuredArray extends form_field_control_1.FormFieldControl {
         }
     }
     async renderItem(ctx, form_id, item, index) {
-        return (0, tempstream_1.tempstream /* HTML */) `<div>
+        return tempstream /* HTML */ `<div>
 			${this.item_controls.map((control) => this.renderItemControl(ctx, form_id, control, item, index))}
 			<input
 				type="submit"
@@ -92,7 +85,7 @@ class StructuredArray extends form_field_control_1.FormFieldControl {
     }
     async _render(ctx, form_id, raw_values) {
         const items = await this.getItems(ctx, raw_values);
-        return (0, tempstream_1.tempstream /* HTML */) `<turbo-frame id="${this.getFrameID()}">
+        return tempstream /* HTML */ `<turbo-frame id="${this.getFrameID()}">
 			Reverse Single Reference
 			${items.map((item, index) => this.renderItem(ctx, form_id, item, index))}
 			<form id="${this.getInnerFormID()}" method="POST"></form>
@@ -120,13 +113,13 @@ class StructuredArray extends form_field_control_1.FormFieldControl {
                 throw new Error("Missing form_id query param");
             }
             const item = await this.field.sealious_field.collection.getByID(ctx.$context, await this.getTargetItemID(ctx));
-            if (!(0, ts_predicates_1.hasShape)({ action: ts_predicates_1.predicates.object }, ctx.$body)) {
+            if (!hasShape({ action: predicates.object }, ctx.$body)) {
                 throw new Error("Missing action param");
             }
             const field_data = ctx.$body[this.field.name] || { data: [] };
             console.log({ action: field_data });
-            if (!(0, ts_predicates_1.hasShape)({
-                data: ts_predicates_1.predicates.array(this.field.sealious_field.value_predicate),
+            if (!hasShape({
+                data: predicates.array(this.field.sealious_field.value_predicate),
             }, field_data)) {
                 throw new Error("missing data atribute in action description");
             }
@@ -144,5 +137,4 @@ class StructuredArray extends form_field_control_1.FormFieldControl {
         });
     }
 }
-exports.StructuredArray = StructuredArray;
 //# sourceMappingURL=array.js.map

package/lib/forms/controls/autocomplete.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = void 0;
-const simple_input_1 = require("./simple-input");
-class Autocomplete extends simple_input_1.SimpleInput {
+import { SimpleInput } from "./simple-input.js";
+export class Autocomplete extends SimpleInput {
     constructor(field, options) {
         super(field);
         this.field = field;
@@ -23,5 +20,4 @@ class Autocomplete extends simple_input_1.SimpleInput {
 		</datalist>`;
     }
 }
-exports.Autocomplete = Autocomplete;
 //# sourceMappingURL=autocomplete.js.map

package/lib/forms/controls/big-radio-group.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BigRadioGroup = void 0;
-const tempstream_1 = require("tempstream");
-const form_field_control_1 = require("./form-field-control");
-class BigRadioGroup extends form_field_control_1.FormFieldControl {
+import { tempstream } from "tempstream";
+import { FormFieldControl } from "./form-field-control.js";
+export class BigRadioGroup extends FormFieldControl {
     constructor(field, options) {
         super([field]);
         this.field = field;
@@ -11,10 +8,10 @@ class BigRadioGroup extends form_field_control_1.FormFieldControl {
     }
     async render(fctx) {
         const { raw: current_value } = await this.field.getValue(fctx.ctx, fctx.data);
-        return (0, tempstream_1.tempstream /* HTML */) `<div class="bigradios">
+        return tempstream /* HTML */ `<div class="bigradios">
 			${Object.entries(this.options).map(([key, { description }]) => {
             const id = `${this.field.name}-radio-${key}`;
-            return (0, tempstream_1.tempstream /* HTML */) `<input
+            return tempstream /* HTML */ `<input
 						type="radio"
 						name="${this.field.name}"
 						value="${key}"
@@ -34,5 +31,4 @@ class BigRadioGroup extends form_field_control_1.FormFieldControl {
 		</div>`;
     }
 }
-exports.BigRadioGroup = BigRadioGroup;
 //# sourceMappingURL=big-radio-group.js.map

package/lib/forms/controls/checkbox-group.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxGroup = void 0;
-const proxy_field_1 = require("../fields/proxy-field");
-const checkbox_1 = require("./checkbox");
-const controls_1 = require("./controls");
-class CheckboxGroup extends controls_1.FormFieldControl {
+import { ProxyFormField } from "../fields/proxy-field.js";
+import { CheckboxWithValue } from "./checkbox.js";
+import { FieldGroup, FormFieldControl } from "./controls.js";
+export class CheckboxGroup extends FormFieldControl {
     constructor(field, options = {}) {
         super([field]);
         this.field = field;
         this.options = options;
     }
     wrapGroup(fctx, checkboxes) {
-        return new controls_1.FieldGroup(checkboxes, {
+        return new FieldGroup(checkboxes, {
             label: this.options.label,
             classes: [
                 ...(this.options.classes || []),
@@ -21,7 +18,7 @@ class CheckboxGroup extends controls_1.FormFieldControl {
     }
     async render(fctx) {
         const { parsed: values } = await this.field.getValue(fctx.ctx, fctx.data);
-        const checkboxes = this.field.options.map((option) => new checkbox_1.CheckboxWithValue(new proxy_field_1.ProxyFormField(false, this.field.name, false, values.includes(option)), {
+        const checkboxes = this.field.options.map((option) => new CheckboxWithValue(new ProxyFormField(false, this.field.name, false, values.includes(option)), {
             id: this.field.name + "__" + option,
             label: (this.options.checkboxNameToLabel ||
                 ((s) => s))(option),
@@ -29,5 +26,4 @@ class CheckboxGroup extends controls_1.FormFieldControl {
         return this.wrapGroup(fctx, checkboxes);
     }
 }
-exports.CheckboxGroup = CheckboxGroup;
 //# sourceMappingURL=checkbox-group.js.map

package/lib/forms/controls/checkbox.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxWithValue = exports.Checkbox = void 0;
-const tickable_1 = require("./tickable");
-class Checkbox extends tickable_1.Tickable {
+import { Tickable } from "./tickable.js";
+export class Checkbox extends Tickable {
     constructor() {
         super(...arguments);
         this.type = "checkbox";
@@ -14,8 +11,7 @@ class Checkbox extends tickable_1.Tickable {
         return "";
     }
 }
-exports.Checkbox = Checkbox;
-class CheckboxWithValue extends Checkbox {
+export class CheckboxWithValue extends Checkbox {
     constructor(field, options, value) {
         super(field, options);
         this.field = field;
@@ -25,5 +21,4 @@ class CheckboxWithValue extends Checkbox {
         return this.value;
     }
 }
-exports.CheckboxWithValue = CheckboxWithValue;
 //# sourceMappingURL=checkbox.js.map

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

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxedListInput = void 0;
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-const tempstream_1 = require("tempstream");
-const input_wrapper_1 = require("../../utils/input-wrapper");
-const controls_1 = require("./controls");
-class CheckboxedListInput extends controls_1.FormFieldControl {
+import { is, predicates } from "@sealcode/ts-predicates";
+import { tempstream } from "tempstream";
+import { getRequiredClass, inputWrapper } from "../../utils/input-wrapper.js";
+import { FormFieldControl } from "./controls.js";
+export class CheckboxedListInput extends FormFieldControl {
     constructor(field, options = { label: field.name }) {
         super([field]);
         this.field = field;
@@ -13,7 +10,7 @@ class CheckboxedListInput extends controls_1.FormFieldControl {
     }
     async render(fctx) {
         const { parsed: pickedValues } = await this.field.getValue(fctx.ctx, fctx.data);
-        if (!(0, ts_predicates_1.is)(pickedValues, ts_predicates_1.predicates.array(ts_predicates_1.predicates.string))) {
+        if (!is(pickedValues, predicates.array(predicates.string))) {
             throw new Error("picked values is not an array of strings");
         }
         const [options, isVisible] = await Promise.all([
@@ -21,8 +18,8 @@ class CheckboxedListInput extends controls_1.FormFieldControl {
             this.field.isVisible(fctx.ctx),
         ]);
         const { name, required } = this.field;
-        return (0, tempstream_1.tempstream /* HTML */) `${isVisible
-            ? Object.entries(options).map(([value, text]) => (0, input_wrapper_1.inputWrapper)([name, (0, input_wrapper_1.getRequiredClass)(required)], 
+        return tempstream /* HTML */ `${isVisible
+            ? Object.entries(options).map(([value, text]) => inputWrapper([name, getRequiredClass(required)], 
             /* HTML */ `
 							<input
 								type="checkbox"
@@ -35,5 +32,4 @@ class CheckboxedListInput extends controls_1.FormFieldControl {
             : ""}`;
     }
 }
-exports.CheckboxedListInput = CheckboxedListInput;
 //# sourceMappingURL=checkboxed-list-input.js.map

package/lib/forms/controls/collapsible-checkbox-group.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsibleCheckboxGroup = void 0;
-const checkbox_group_1 = require("./checkbox-group");
-const collapsible_field_group_1 = require("./collapsible-field-group");
-class CollapsibleCheckboxGroup extends checkbox_group_1.CheckboxGroup {
+import { CheckboxGroup } from "./checkbox-group.js";
+import { CollapsibleFieldGroup } from "./collapsible-field-group.js";
+export class CollapsibleCheckboxGroup extends CheckboxGroup {
     wrapGroup(fctx, checkboxes) {
-        return new collapsible_field_group_1.CollapsibleFieldGroup(checkboxes, {
+        return new CollapsibleFieldGroup(checkboxes, {
             label: this.options.label,
             textWhenOpen: this.options.textWhenOpen,
             textWhenClosed: this.options.textWhenClosed,
@@ -13,5 +10,4 @@ class CollapsibleCheckboxGroup extends checkbox_group_1.CheckboxGroup {
         }).render(fctx);
     }
 }
-exports.CollapsibleCheckboxGroup = CollapsibleCheckboxGroup;
 //# sourceMappingURL=collapsible-checkbox-group.js.map

package/lib/forms/controls/collapsible-field-group.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsibleFieldGroup = void 0;
-const field_group_1 = require("./field-group");
-const crypto_1 = require("crypto");
-class CollapsibleFieldGroup extends field_group_1.FieldGroup {
+import { FieldGroup } from "./field-group.js";
+import { randomUUID } from "crypto";
+export class CollapsibleFieldGroup extends FieldGroup {
     constructor(controls, options = {}) {
         super([]);
         this.controls = controls;
         this.options = options;
         if (this.options.groupID == undefined) {
-            this.options.groupID = "A" + (0, crypto_1.randomUUID)(); // "A" is needed as ids always have to start with a letter
+            this.options.groupID = "A" + randomUUID(); // "A" is needed as ids always have to start with a letter
         }
         this.collapseID = this.options.groupID + "collapse";
     }
@@ -78,5 +75,4 @@ class CollapsibleFieldGroup extends field_group_1.FieldGroup {
 		</label>`;
     }
 }
-exports.CollapsibleFieldGroup = CollapsibleFieldGroup;
 //# sourceMappingURL=collapsible-field-group.js.map

package/lib/forms/controls/controls.js

@@ -1,60 +1,31 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldGroup = exports.Textarea = exports.HiddenInput = exports.HTML = exports.FormParagraph = exports.FormHeader = exports.SimpleInput = exports.CheckboxedListInput = exports.Frame = exports.EditableCollectionSubset = exports.FormFieldControl = exports.FormControl = void 0;
-var form_control_1 = require("./form-control");
-Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return form_control_1.FormControl; } });
-var form_field_control_1 = require("./form-field-control");
-Object.defineProperty(exports, "FormFieldControl", { enumerable: true, get: function () { return form_field_control_1.FormFieldControl; } });
-var editable_collection_subset_1 = require("./editable-collection-subset");
-Object.defineProperty(exports, "EditableCollectionSubset", { enumerable: true, get: function () { return editable_collection_subset_1.EditableCollectionSubset; } });
-var frame_1 = require("./frame");
-Object.defineProperty(exports, "Frame", { enumerable: true, get: function () { return frame_1.Frame; } });
-var checkboxed_list_input_1 = require("./checkboxed-list-input");
-Object.defineProperty(exports, "CheckboxedListInput", { enumerable: true, get: function () { return checkboxed_list_input_1.CheckboxedListInput; } });
-__exportStar(require("./dropdown"), exports);
-var simple_input_1 = require("./simple-input");
-Object.defineProperty(exports, "SimpleInput", { enumerable: true, get: function () { return simple_input_1.SimpleInput; } });
-var form_header_1 = require("./form-header");
-Object.defineProperty(exports, "FormHeader", { enumerable: true, get: function () { return form_header_1.FormHeader; } });
-var form_paragraph_1 = require("./form-paragraph");
-Object.defineProperty(exports, "FormParagraph", { enumerable: true, get: function () { return form_paragraph_1.FormParagraph; } });
-var html_1 = require("./html");
-Object.defineProperty(exports, "HTML", { enumerable: true, get: function () { return html_1.HTML; } });
-var hidden_input_1 = require("./hidden-input");
-Object.defineProperty(exports, "HiddenInput", { enumerable: true, get: function () { return hidden_input_1.HiddenInput; } });
-var textarea_1 = require("./textarea");
-Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return textarea_1.Textarea; } });
-var field_group_1 = require("./field-group");
-Object.defineProperty(exports, "FieldGroup", { enumerable: true, get: function () { return field_group_1.FieldGroup; } });
-__exportStar(require("./derived"), exports);
-__exportStar(require("./derived-frame"), exports);
-__exportStar(require("./tickable"), exports);
-__exportStar(require("./checkbox"), exports);
-__exportStar(require("./radio"), exports);
-__exportStar(require("./big-radio-group"), exports);
-__exportStar(require("./checkbox-group"), exports);
-__exportStar(require("./collapsible-field-group"), exports);
-__exportStar(require("./collapsible-checkbox-group"), exports);
-__exportStar(require("./autocomplete"), exports);
-__exportStar(require("./file"), exports);
-__exportStar(require("./photo"), exports);
-__exportStar(require("./multiple-files"), exports);
-__exportStar(require("./number"), exports);
-__exportStar(require("./multiple-photos"), exports);
+export { FormControl } from "./form-control.js";
+export { FormFieldControl } from "./form-field-control.js";
+export { EditableCollectionSubset } from "./editable-collection-subset.js";
+export { Frame } from "./frame.js";
+export { CheckboxedListInput } from "./checkboxed-list-input.js";
+export * from "./dropdown.js";
+export { SimpleInput } from "./simple-input.js";
+export { FormHeader } from "./form-header.js";
+export { FormParagraph } from "./form-paragraph.js";
+export { HTML } from "./html.js";
+export { HiddenInput } from "./hidden-input.js";
+export { Textarea } from "./textarea.js";
+export { FieldGroup } from "./field-group.js";
+export * from "./derived.js";
+export * from "./derived-frame.js";
+export * from "./tickable.js";
+export * from "./checkbox.js";
+export * from "./radio.js";
+export * from "./big-radio-group.js";
+export * from "./checkbox-group.js";
+export * from "./collapsible-field-group.js";
+export * from "./collapsible-checkbox-group.js";
+export * from "./autocomplete.js";
+export * from "./file.js";
+export * from "./photo.js";
+export * from "./multiple-files.js";
+export * from "./number.js";
+export * from "./multiple-photos.js";
 // export * from "./reverse-single-reference";
-__exportStar(require("./array"), exports);
+export * from "./array.js";
 //# sourceMappingURL=controls.js.map

package/lib/forms/controls/derived-frame.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DerivedFrame = void 0;
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-const tempstream_1 = require("tempstream");
-const make_slug_1 = require("../../utils/make-slug");
-const derived_1 = require("./derived");
-const form_control_1 = require("./form-control");
-class DerivedFrame extends derived_1.Derived {
+import { hasShape, predicates } from "@sealcode/ts-predicates";
+import { tempstream } from "tempstream";
+import { makeSlug } from "../../utils/make-slug.js";
+import { Derived } from "./derived.js";
+import { FormControlContext } from "./form-control.js";
+export class DerivedFrame extends Derived {
     constructor(frame_name, fields, generateFrameContent, 
     // "a" is to make it a valid DOM id
-    frame_id = "a" + (0, make_slug_1.makeSlug)(frame_name)) {
+    frame_id = "a" + makeSlug(frame_name)) {
         super(fields, async (values, consts) => /* HTML */ `<turbo-frame
 				id="${consts.frame_id}"
 				src="./${consts.frame_id}?${Object.entries({
@@ -29,7 +26,7 @@ class DerivedFrame extends derived_1.Derived {
         this.frame_id = frame_id;
     }
     renderBackendResponseFrame(_ctx, content) {
-        return (0, tempstream_1.tempstream /* HTML */) `<turbo-frame
+        return tempstream /* HTML */ `<turbo-frame
 			id="${this.frame_id}"
 			target="_top"
 		>
@@ -39,18 +36,17 @@ class DerivedFrame extends derived_1.Derived {
     mount(router) {
         router.get(this.frame_id, async (ctx) => {
             const query = ctx.query;
-            if (!(0, ts_predicates_1.hasShape)({
-                field_name_prefix: ts_predicates_1.predicates.string,
-                form_id: ts_predicates_1.predicates.string,
-                validate: ts_predicates_1.predicates.string,
+            if (!hasShape({
+                field_name_prefix: predicates.string,
+                form_id: predicates.string,
+                validate: predicates.string,
             }, query)) {
                 ctx.body = this.renderBackendResponseFrame(ctx, "Missing query params");
                 return;
             }
-            ctx.body = this.renderBackendResponseFrame(ctx, await this.generateFrameContent(new form_control_1.FormControlContext(ctx, ctx.query, [], query.field_name_prefix, query.form_id, query.validate === "true" ? true : false), ctx.query));
+            ctx.body = this.renderBackendResponseFrame(ctx, await this.generateFrameContent(new FormControlContext(ctx, ctx.query, [], query.field_name_prefix, query.form_id, query.validate === "true" ? true : false), ctx.query));
         });
         return;
     }
 }
-exports.DerivedFrame = DerivedFrame;
 //# sourceMappingURL=derived-frame.js.map

package/lib/forms/controls/derived.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Derived = void 0;
-const crypto_1 = require("crypto");
-const tempstream_1 = require("tempstream");
-const form_control_1 = require("./form-control");
-class Derived extends form_control_1.FormControl {
+import { randomUUID } from "crypto";
+import { tempstream } from "tempstream";
+import { FormControl } from "./form-control.js";
+export class Derived extends FormControl {
     constructor(fields, _render, getConsts = async () => ({})) {
         super();
         this.fields = fields;
@@ -19,11 +16,11 @@ class Derived extends form_control_1.FormControl {
     }
     async render(fctx) {
         // the A makes it always a valid id, as it cannot start with a number
-        const id = "A" + (0, crypto_1.randomUUID)();
+        const id = "A" + randomUUID();
         const consts = this.getConsts(fctx);
         const frontend_side_refresh_code = (values_code = "getValues()") => `render(${values_code}, consts)
 .then(result=>document.querySelector("#${id}").innerHTML=result)`;
-        return (0, tempstream_1.tempstream /* HTML */) `<div>
+        return tempstream /* HTML */ `<div>
 			<script>
 				(function () {
 					const consts = ${"{" +
@@ -77,5 +74,4 @@ class Derived extends form_control_1.FormControl {
 		</div>`;
     }
 }
-exports.Derived = Derived;
 //# sourceMappingURL=derived.js.map

package/lib/forms/controls/dropdown.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropdown = exports.FreeformDropdown = void 0;
-const tempstream_1 = require("tempstream");
-const sanitize_1 = require("../../sanitize");
-const simple_input_1 = require("./simple-input");
-class FreeformDropdown extends simple_input_1.SimpleInput {
+import { tempstream } from "tempstream";
+import { attribute } from "../../sanitize.js";
+import { SimpleInput } from "./simple-input.js";
+export class FreeformDropdown extends SimpleInput {
     constructor(field, _generateOptions, options = {
         label: field.name,
         autosubmit: false,
@@ -37,15 +34,14 @@ class FreeformDropdown extends simple_input_1.SimpleInput {
     }
     async renderInput(ctx, attributes_str, data) {
         const { parsed: picked_value } = await this.field.getValue(ctx, data);
-        return /* HTML */ (0, tempstream_1.tempstream) `<select ${attributes_str}>
+        return /* HTML */ tempstream `<select ${attributes_str}>
 			${
         // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-        Promise.resolve(this.generateOptions(ctx)).then((options) => options.map(({ value, label }) => `<option value="${(0, sanitize_1.attribute)(value)}" ${(value || "") == picked_value ? "selected" : ""}>${label}</option>`))}
+        Promise.resolve(this.generateOptions(ctx)).then((options) => options.map(({ value, label }) => `<option value="${attribute(value)}" ${(value || "") == picked_value ? "selected" : ""}>${label}</option>`))}
 		</select>`;
     }
 }
-exports.FreeformDropdown = FreeformDropdown;
-class Dropdown extends FreeformDropdown {
+export class Dropdown extends FreeformDropdown {
     constructor(field, options = {
         label: field.name,
         autosubmit: false,
@@ -56,5 +52,4 @@ class Dropdown extends FreeformDropdown {
         this.options = options;
     }
 }
-exports.Dropdown = Dropdown;
 //# sourceMappingURL=dropdown.js.map

package/lib/forms/controls/editable-collection-subset.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditableCollectionSubset = void 0;
-const tempstream_1 = require("tempstream");
-const sanitize_1 = require("../../sanitize");
-const controls_1 = require("./controls");
+import { tempstream } from "tempstream";
+import { attribute } from "../../sanitize.js";
+import { FormFieldControl } from "./controls.js";
 /**
  * This control has own forms in it so if you want to use it you
  * probably shouldn't use `await super.render(ctx, data, path)` in
@@ -11,7 +8,7 @@ const controls_1 = require("./controls");
  * your own implementation of this method. See forms that uses
  * this control for reference.
  */
-class EditableCollectionSubset extends controls_1.FormFieldControl {
+export class EditableCollectionSubset extends FormFieldControl {
     constructor(field, actionname, listLabel, selectLabel) {
         super([field]);
         this.field = field;
@@ -22,7 +19,7 @@ class EditableCollectionSubset extends controls_1.FormFieldControl {
     }
     async render(fctx) {
         const { parsed: values } = await this.field.getValue(fctx.ctx, fctx.data);
-        return (0, tempstream_1.tempstream /* HTML */) `<div>
+        return tempstream /* HTML */ `<div>
 			<ul>
 				${Promise.resolve(this.field.generateOptions(fctx.ctx)).then((options) => Object.entries(options)
             .filter(([value]) => (values || []).includes(value))
@@ -36,7 +33,7 @@ class EditableCollectionSubset extends controls_1.FormFieldControl {
 											<input
 												type="hidden"
 												name="${this.field.name}"
-												value="${(0, sanitize_1.attribute)(value)}"
+												value="${attribute(value)}"
 											/>
 											<input
 												type="hidden"
@@ -57,7 +54,7 @@ class EditableCollectionSubset extends controls_1.FormFieldControl {
 				<select name="${this.field.name}">
 					${Promise.resolve(this.field.generateOptions(fctx.ctx)).then((options) => Object.entries(options)
             .filter(([value]) => !(values || []).includes(value))
-            .map(([value, text]) => `<option value="${(0, sanitize_1.attribute)(value)}">${text}</option>`))}
+            .map(([value, text]) => `<option value="${attribute(value)}">${text}</option>`))}
 				</select>
 				<input type="hidden" name="${this.actionname}" value="select" />
 				<input
@@ -68,5 +65,4 @@ class EditableCollectionSubset extends controls_1.FormFieldControl {
 		</div>`;
     }
 }
-exports.EditableCollectionSubset = EditableCollectionSubset;
 //# sourceMappingURL=editable-collection-subset.js.map