@sealcode/sealgen 0.12.0 → 0.12.3

package/lib/forms/controls/multiple-files.js

@@ -1,160 +0,0 @@
-import { File as SealiousFile, } from "sealious";
-import { inputWrapper } from "../../utils/input-wrapper.js";
-import { tempstream } from "tempstream";
-import { FormFieldControl } from "./form-field-control.js";
-import { is, predicates } from "@sealcode/ts-predicates";
-import { renderAttributes } from "../../utils/render-attributes.js";
-export class MultipleFiles extends FormFieldControl {
-    constructor(field, options) {
-        super([field]);
-        this.field = field;
-        this.options = { getAdditionalFields: async () => ({}), ...options };
-    }
-    getClassModifiers() {
-        return [];
-    }
-    mount(router) {
-        router.get(this.getFrameRelativeURL(), async (ctx) => {
-            ctx.body = this.renderFrame(ctx, await this.renderFrameContent(ctx));
-        });
-        router.post(this.getFrameRelativeURL() + "/delete/:file_item_id", async (ctx) => {
-            await this.deleteFileAssociation(ctx, ctx.params.file_item_id);
-            ctx.body = this.renderFrame(ctx, await this.renderFrameContent(ctx));
-        });
-        router.post(this.getFrameRelativeURL() + "/add", async (ctx) => {
-            let files = ctx.$body.files;
-            if (!files || !is(files, predicates.object)) {
-                ctx.body = "Missing files";
-                return;
-            }
-            if (!Array.isArray(files)) {
-                files = [files];
-            }
-            await Promise.all(files.map((file) => this.addFileAssociation(ctx, file)));
-            ctx.body = this.renderFrame(ctx, await this.renderFrameContent(ctx));
-        });
-    }
-    async deleteFileAssociation(ctx, file_item_id) {
-        await ctx.$app.collections[this.field.collection_field.referencing_collection].removeByID(ctx.$context, file_item_id);
-    }
-    async addFileAssociation(ctx, file) {
-        const file_field = this.getFileField();
-        if (!file_field) {
-            throw new Error("No file field in referencing collection");
-        }
-        const body = {
-            ...(await this.options.getAdditionalFields(ctx, file)),
-            [this.field.collection_field.referencing_field]: await this.field.getItemId(ctx),
-            [file_field.name]: file,
-        };
-        await ctx.$app.collections[this.field.collection_field.referencing_collection].create(ctx.$context, body);
-    }
-    getFrameRelativeURL() {
-        return `${this.field.name}_files`;
-    }
-    getFrameID() {
-        // the "A" is necessary here
-        return `A${this.field.name}__multiple-fields-control`;
-    }
-    renderFrame(ctx, content) {
-        return tempstream /* HTML */ `<turbo-frame
-			${content ? "" : `src="./${this.getFrameRelativeURL()}"`}
-			id="${this.getFrameID()}"
-			target="_top"
-		>
-			${content || ""}
-		</turbo-frame>`;
-    }
-    render(fctx) {
-        return this.renderFrame(fctx.ctx, "");
-    }
-    getReferencingCollection() {
-        const result = this.field.collection_field.app.collections[this.field.collection_field.referencing_collection];
-        return result;
-    }
-    getFileField() {
-        for (const [_, field] of Object.entries(this.getReferencingCollection().fields)) {
-            if (field.handles_large_data) {
-                return field;
-            }
-        }
-        return null;
-    }
-    async extractFileFromItem(item) {
-        const sealious_field = this.getFileField();
-        if (!sealious_field) {
-            return null;
-        }
-        return await SealiousFile.fromID(item.collection.app, item.get(sealious_field.name).id);
-    }
-    async renderFileItemPreview(_fileItem, file) {
-        return file.filename || "no filename";
-    }
-    async renderFileItem(fileItem, file) {
-        return tempstream /* HTML */ `<li class="file-list-item">
-			<a
-				class="file-list-item__preview"
-				href="${file.getURL()}"
-				data-turbo="false"
-			>
-				${this.renderFileItemPreview(fileItem, file)}
-			</a>
-			${this.renderFileRemoveButton(fileItem)}
-		</li>`;
-    }
-    renderFileRemoveButton(fileItem) {
-        return /* HTML */ ` <form
-			data-turbo-frame="${this.getFrameID()}"
-			action="${this.getFrameRelativeURL()}/delete/${fileItem.id}"
-			method="POST"
-		>
-			<input
-				type="submit"
-				value="X"
-				class="file-list-action file-list-item__button file-list-item__button--delete"
-			/>
-		</form>`;
-    }
-    async getFileItems(ctx) {
-        const item_id = await this.field.getItemId(ctx);
-        const { items: [item], } = await this.field.collection_field.collection
-            .list(ctx.$context)
-            .ids([item_id])
-            .attach({ [this.field.collection_field.name]: true })
-            .fetch();
-        return item
-            .getAttachments(this.field.collection_field.name)
-            .filter((f) => f);
-    }
-    getInputAttributes() {
-        return { type: "file", name: "files", multiple: true };
-    }
-    async renderFrameContent(ctx) {
-        const files = (await Promise.all((await this.getFileItems(ctx))
-            .filter((item) => item) // filter out undefineds
-            .map(async (item) => [
-            item,
-            await this.extractFileFromItem(item),
-        ]))).filter(([_, f]) => f !== null);
-        return inputWrapper(["multiple-files", this.field.name, ...this.getClassModifiers()], tempstream /* HTML */ `
-				<label>${this.options.label || this.field.name}</label>
-				<ul class="multiple-files__list">
-					${files.map(([item, file]) => this.renderFileItem(item, file))}
-				</ul>
-				<form
-					action="${this.getFrameRelativeURL()}/add"
-					method="POST"
-					enctype="multipart/form-data"
-					data-turbo-frame="${this.getFrameID()}"
-				>
-					<input ${renderAttributes(this.getInputAttributes())} />
-					<input
-						type="submit"
-						value="${this.options.uploadLabel || "Upload"}"
-						class="file-list-action"
-					/>
-				</form>
-			`);
-    }
-}
-//# sourceMappingURL=multiple-files.js.map

package/lib/forms/controls/multiple-photos.js

@@ -1,33 +0,0 @@
-import { tempstream } from "tempstream";
-import { MultipleFiles } from "./multiple-files.js";
-export class MultiplePhotos extends MultipleFiles {
-    constructor(field, imageRouter, options) {
-        super(field, options);
-        this.field = field;
-        this.imageRouter = imageRouter;
-    }
-    getClassModifiers() {
-        return ["multiple-files--photos"];
-    }
-    getInputAttributes() {
-        return { ...super.getInputAttributes(), accept: "image/*" };
-    }
-    async renderFileItem(fileItem, file) {
-        const path = file.getDataPath();
-        if (!path) {
-            return "missing file";
-        }
-        return tempstream /* HTML */ `<li>
-			<a href="${file.getURL()}" data-turbo="false">
-				${this.imageRouter.image({
-            path,
-            resolutions: [150, 300],
-            sizes_attr: "150px",
-        })}
-			</a>
-			<span class="filename"> ${file.filename || "no filename"}</span>
-			${this.renderFileRemoveButton(fileItem)}
-		</li>`;
-    }
-}
-//# sourceMappingURL=multiple-photos.js.map

package/lib/forms/controls/number.js

@@ -1,25 +0,0 @@
-import { SimpleInput } from "./simple-input.js";
-export class Number extends SimpleInput {
-    constructor(field, options) {
-        super(field, options);
-    }
-    getType() {
-        return "number";
-    }
-    async getInputAttributes(fctx) {
-        const original = await super.getInputAttributes(fctx);
-        return {
-            ...original,
-            ...Object.fromEntries([
-                ...(this.field.options.min
-                    ? [["min", this.field.options.min]]
-                    : []),
-                ...(this.field.options.max
-                    ? [["max", this.field.options.max]]
-                    : []),
-                ...(this.options.step ? [["step", this.options.step]] : []),
-            ]),
-        };
-    }
-}
-//# sourceMappingURL=number.js.map

package/lib/forms/controls/photo.js

@@ -1,57 +0,0 @@
-import { tempstream } from "tempstream";
-import { File } from "./file.js";
-import { File as SealiousFile } from "sealious";
-export class Photo extends File {
-    constructor(field, imageRouter, options) {
-        super(field, options);
-        this.field = field;
-        this.imageRouter = imageRouter;
-    }
-    async getImgStyle() {
-        return "width: 100px; height: 100px; object-fit: contain";
-    }
-    async renderFilePreview(ctx, file_data) {
-        const class_name = "file_preview";
-        const empty_container = `<div class="${class_name}"></div>`;
-        if (!file_data) {
-            return empty_container;
-        }
-        const { id } = file_data;
-        if (!id) {
-            return empty_container;
-        }
-        const file = await SealiousFile.fromID(ctx.$app, id);
-        return tempstream /* HTML */ `<div class="${class_name}">
-			${this.imageRouter.image({
-            resolutions: [100],
-            sizes_attr: "100px",
-            path: file.getDataPath(),
-            img_style: await this.getImgStyle(),
-        })}
-		</div>`;
-    }
-    async getInputAttributes(fctx) {
-        const original = (await super.getInputAttributes(fctx));
-        const { parsed } = await this.field.getValue(fctx.ctx, fctx.data);
-        return {
-            ...original,
-            accept: "image/*",
-            onchange: (original.onchange || "") +
-                ";" +
-                `
-   const file = this.files[0];
-   const preview_container = this.parentElement.querySelector(".file_preview");
-   const target = this;
-   if (file) {
-	 const fileReader = new FileReader();
-	 fileReader.readAsDataURL(file);
-	 fileReader.addEventListener("load", function () {
-        preview_container.innerHTML = \`<img src="\${this.result}" style="${await this.getImgStyle()}" />\`;
-    });    
-}`
-                    .replaceAll("\n", " ")
-                    .replaceAll(`"`, "'"),
-        };
-    }
-}
-//# sourceMappingURL=photo.js.map

package/lib/forms/controls/radio.js

@@ -1,25 +0,0 @@
-import { Tickable } from "./tickable.js";
-export class Radio extends Tickable {
-    constructor(field, value, options) {
-        super(field, options);
-        this.field = field;
-        this.value = value;
-        this.type = "radio";
-    }
-    makeInputID() {
-        return this.field.name + "-" + this.value.replaceAll(/\W/g, "-");
-    }
-    getValueAttribute() {
-        return this.value;
-    }
-    getWrapperClasses(ctx, data, value) {
-        return [
-            ...super.getWrapperClasses(ctx, data, value),
-            this.value.replaceAll(/\W/g, "-"),
-        ];
-    }
-    isChecked(_ctx, _data, value) {
-        return this.value === value;
-    }
-}
-//# sourceMappingURL=radio.js.map

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

@@ -1,47 +0,0 @@
-// import { FormControl } from "./form-control";
-// import { FormFieldControl } from "./form-field-control";
-// import { ReverseSingleReference as ReverseSingleReferenceField } from "../fields/field";
-// import { Context } from "koa";
-// import { Fields } from "../..";
-// import { ArrayControl } from "./array";
-export {};
-// export class ReverseSingleReference extends ArrayControl {
-// 	//
-// 	//
-// 	// this isn't finished yet
-// 	//
-// 	//
-// 	constructor(
-// 		public field: ReverseSingleReferenceField,
-// 		public item_controls: Array<FormControl | UnboundControlStorage>
-// 	) {
-// 		super(field, item_controls);
-// 	}
-// 	async getItems(ctx: Context) {
-// 		const target_id = await this.getTargetItemID(ctx);
-// 		const { items } = await this.field.sealious_field
-// 			.getReferencingCollection()
-// 			.list(ctx.$context)
-// 			.filter({
-// 				[this.field.sealious_field.referencing_field]: target_id,
-// 			})
-// 			.fetch();
-// 		return items;
-// 	}
-// 	makeSubfield(fieldname: string) {
-// 		const collection = this.field.sealious_field.getReferencingCollection();
-// 		if (!collection.fields[fieldname]) {
-// 			return null;
-// 		}
-// 		return new Fields.CollectionField(false, collection.fields[fieldname]);
-// 	}
-// 	async add(ctx: Context): Promise<void> {
-// 		const collection = this.field.sealious_field.getReferencingCollection();
-// 		await collection.create(ctx.$context, {
-// 			[this.field.sealious_field.referencing_field]:
-// 				await this.getTargetItemID(ctx),
-// 			...(await this.getDefaultItemBody()),
-// 		});
-// 	}
-// }
-//# sourceMappingURL=reverse-single-reference.js.map

package/lib/forms/controls/simple-input.js

@@ -1,78 +0,0 @@
-import { tempstream } from "tempstream";
-import { getRequiredClass, inputWrapper } from "../../utils/input-wrapper.js";
-import { renderAttributes } from "../../utils/render-attributes.js";
-import { FormFieldControl } from "./controls.js";
-export class SimpleInput extends FormFieldControl {
-    constructor(field, options) {
-        super([field]);
-        this.field = field;
-        this.options = options || {};
-    }
-    async preInput(_ctx, _data) {
-        return "";
-    }
-    getType() {
-        return this.options.type || "text";
-    }
-    getLabel() {
-        return this.options.label != undefined
-            ? this.options.label
-            : this.field.name;
-    }
-    getID() {
-        return this.options.id || this.field.name;
-    }
-    getPlaceholder() {
-        return this.options.placeholder === ""
-            ? ""
-            : this.options.placeholder || this.getType();
-    }
-    async getInputAttributes(fctx) {
-        const readonly = this.options.readonly || false;
-        const required = this.field.required;
-        const { parsed, raw, valid } = await this.field.getValue(fctx.ctx, fctx.data);
-        return Object.fromEntries([
-            ["id", this.getID()],
-            ["type", this.getType()],
-            ["name", `${fctx.field_name_prefix}${this.field.name}`],
-            [
-                "value",
-                !valid && raw
-                    ? raw.toString()
-                    : parsed !== undefined && parsed !== null
-                        ? parsed?.toString() || ""
-                        : "",
-            ],
-            ...(fctx.form_id ? [["form", fctx.form_id]] : []),
-            ["placeholder", this.getPlaceholder()],
-            ...(readonly ? [["readonly", true]] : []),
-            ...(required ? [["required", true]] : []),
-            ...(!this.options.autocomplete ? [["autocomplete", "off"]] : []),
-            ...(this.options.step ? [["step", this.options.step]] : []),
-        ]);
-    }
-    async postInput(_) {
-        return this.options.suffix
-            ? /* HTML */ `<span class="suffix">${this.options.suffix}</span>`
-            : "";
-    }
-    async renderInput(_ctx, attributes_str, _data) {
-        return `<input ${attributes_str} />`;
-    }
-    async render(fctx) {
-        const id = this.getID();
-        const label = this.getLabel();
-        const type = this.getType();
-        const { valid, message } = await this.field.getValue(fctx.ctx, fctx.data);
-        return inputWrapper([id, type, getRequiredClass(this.field.required)], tempstream /* HTML */ `
-				${label ? `<label for="${id}">${label}</label>` : ""}
-				${await this.preInput(fctx.ctx, fctx.data)}
-				${this.renderInput(fctx.ctx, renderAttributes(await this.getInputAttributes(fctx)), fctx.data)}
-				${this.postInput(fctx.ctx)}
-				${~valid && !this.options.hide_errors && fctx.validate
-            ? `<div class="input__error">${message}</div>`
-            : ""}
-			`);
-    }
-}
-//# sourceMappingURL=simple-input.js.map

package/lib/forms/controls/textarea.js

@@ -1,33 +0,0 @@
-import { SimpleInput } from "./simple-input.js";
-export class Textarea extends SimpleInput {
-    constructor(field, options = {}) {
-        super(field, options);
-        this.field = field;
-        this.options = options;
-    }
-    renderDescription() {
-        return this.options.description
-            ? /* HTML */ `<div class="form-input__description">
-					${this.options.description}
-			  </div>`
-            : "";
-    }
-    async getInputAttributes(fctx) {
-        const original = (await super.getInputAttributes(fctx));
-        let onkeydown = original.onkeydown || "";
-        if (this.options.autogrow) {
-            onkeydown += `;this.style.height = '5px';this.style.height = Math.max((this.scrollHeight)+32, ${((this.options.rows || 2) + 1) * 16} )+'px';`;
-        }
-        return {
-            ...original,
-            rows: this.options.rows ? this.options.rows.toString() : false,
-            cols: this.options.cols ? this.options.cols.toString() : false,
-            onkeydown,
-        };
-    }
-    async renderInput(ctx, attributes, data) {
-        const { parsed: value } = await this.field.getValue(ctx, data);
-        return /* HTML */ `<textarea ${attributes}>${value}</textarea>`;
-    }
-}
-//# sourceMappingURL=textarea.js.map

package/lib/forms/controls/tickable.js

@@ -1,75 +0,0 @@
-import { attribute } from "../../sanitize.js";
-import { getRequiredClass, inputWrapper } from "../../utils/input-wrapper.js";
-import { FormFieldControl } from "./controls.js";
-export class Tickable extends FormFieldControl {
-    constructor(field, options = {}) {
-        super([field]);
-        this.field = field;
-        this.options = options;
-    }
-    makeInputID(ctx, data, value) {
-        const value_attr = this.getValueAttribute(ctx, data, value);
-        return (this.options.id ||
-            this.field.name + (value_attr ? "--" + value_attr : ""));
-    }
-    getWrapperClasses(ctx, data, value) {
-        return [
-            this.makeInputID(ctx, data, value),
-            this.type,
-            this.field.name.replaceAll(/\W/g, "-"),
-            getRequiredClass(this.field.required),
-            ...(this.isChecked(ctx, data, value) ? ["checked"] : []),
-        ];
-    }
-    async render(fctx) {
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        const { parsed, valid, message } = await this.field.getValue(fctx.ctx, fctx.data);
-        const value = this.getValueAttribute(fctx.ctx, fctx.data, parsed);
-        const id = this.makeInputID(fctx.ctx, fctx.data, parsed);
-        const label = this.options.label != undefined
-            ? this.options.label
-            : this.field.name;
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        const readonly = this.options.readonly || false;
-        const required = this.field.required;
-        return inputWrapper(this.getWrapperClasses(fctx.ctx, fctx.data, parsed), 
-        /* HTML */ `
-				<input
-					id="${id}"
-					type="${this.type}"
-					name="${fctx.field_name_prefix}${this.options.name ||
-            this.field.name}"
-					${value ? `value="${attribute(value)}"` : ""}
-					${fctx.form_id ? `form="${fctx.form_id}"` : ""}
-					${this.isChecked(fctx.ctx, fctx.data, parsed)
-            ? "checked"
-            : ""}
-					${readonly ? "readonly" : ""}
-					${required ? "required" : ""}
-					autocomplete="off"
-					onchange="this.closest('.form-container').querySelectorAll('.form-input__wrapper--${this
-            .field
-            .name}').forEach(e=>e.setAttribute('data-checked','false'));
-				this.closest('.form-input__wrapper').setAttribute('data-checked',this.checked);"
-				/>
-
-				<label for="${id}">${label}</label>
-				<script>
-					(function () {
-						let wrapper = document.currentScript.closest(
-							".form-input__wrapper"
-						);
-						wrapper.setAttribute(
-							"data-checked",
-							wrapper.querySelector("input").checked.toString()
-						);
-					})();
-				</script>
-
-				${~valid && !this.options.hide_errors && fctx.validate
-            ? `<div class="input__error">${message}</div>`
-            : ""}
-			`);
-    }
-}
-//# sourceMappingURL=tickable.js.map

package/lib/forms/fields/boolean.js

@@ -1,51 +0,0 @@
-import { is, predicates } from "@sealcode/ts-predicates";
-import { FormField } from "./field.js";
-const truthy = ["true", "on", "yes", "1"];
-const falsy = ["false", "off", "no", "0"];
-export class Boolean extends FormField {
-    constructor(required, error_message = "") {
-        super(required);
-        this.error_message = error_message;
-        this.predicate = predicates.boolean;
-    }
-    async isValueValid(_, value) {
-        if (this.required && !value) {
-            return { valid: false, message: this.error_message };
-        }
-        return { valid: true, message: "" };
-    }
-    async parse(_, value) {
-        if (is(value, predicates.boolean)) {
-            return { parsable: true, parsed_value: value, error: null };
-        }
-        else if (is(value, predicates.string) &&
-            [...truthy, ...falsy].includes(value)) {
-            return {
-                parsable: true,
-                parsed_value: truthy.includes(value),
-                error: null,
-            };
-        }
-        else if (is(value, predicates.undefined)) {
-            return {
-                parsable: true,
-                parsed_value: false,
-                error: null,
-            };
-        }
-        else if (value === null) {
-            return { parsable: true, parsed_value: false, error: null };
-        }
-        else {
-            return {
-                parsable: false,
-                parsed_value: null,
-                error: "Please enter a boolean",
-            };
-        }
-    }
-    getEmptyValue() {
-        return false;
-    }
-}
-//# sourceMappingURL=boolean.js.map

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

@@ -1,32 +0,0 @@
-import assert from "assert";
-import { Fields } from "../../index.js";
-describe("boolean field", () => {
-    const ctx = {};
-    it("validation logic", async () => {
-        const required = new Fields.Boolean(true);
-        const not_required = new Fields.Boolean(false);
-        assert.strictEqual((await required.isValueValid(ctx, true)).valid, true);
-        assert.strictEqual((await required.isValueValid(ctx, false)).valid, false);
-        assert.strictEqual((await not_required.isValueValid(ctx, true)).valid, true);
-        assert.strictEqual((await not_required.isValueValid(ctx, false)).valid, true);
-    });
-    it("parse function", async () => {
-        const field = new Fields.Boolean(true);
-        const true_response = await field.parse(ctx, true);
-        const null_response = await field.parse(ctx, null);
-        const true_as_string_response = await field.parse(ctx, "true");
-        const undefined_response = await field.parse(ctx, undefined);
-        const number_response = await field.parse(ctx, 42);
-        assert.strictEqual(true_response.parsable, true);
-        assert.strictEqual(true_response.parsed_value, true);
-        assert.strictEqual(null_response.parsable, true);
-        assert.strictEqual(null_response.parsed_value, false);
-        assert.strictEqual(true_as_string_response.parsable, true);
-        assert.strictEqual(true_as_string_response.parsed_value, true);
-        assert.strictEqual(undefined_response.parsable, true);
-        assert.strictEqual(undefined_response.parsed_value, false);
-        assert.strictEqual(number_response.parsable, false);
-        assert.strictEqual(number_response.error, "Please enter a boolean");
-    });
-});
-//# sourceMappingURL=boolean.test.js.map

package/lib/forms/fields/checkboxed-list.js

@@ -1,40 +0,0 @@
-import { is, predicates } from "@sealcode/ts-predicates";
-import { FormField, } from "./field.js";
-export class ChekboxedListField extends FormField {
-    constructor(required, generateOptions, isVisible = () => Promise.resolve(true)) {
-        super(required);
-        this.required = required;
-        this.generateOptions = generateOptions;
-        this.isVisible = isVisible;
-        this.predicate = predicates.array(predicates.string); // TODO: this is probably wrong
-    }
-    async isValueValid(_, value) {
-        if (is(value, predicates.string)) {
-            return { valid: false, message: "you need an array" };
-        }
-        if (is(value, predicates.null)) {
-            return { valid: false, message: "you need an array" };
-        }
-        return { valid: true, message: "" };
-    }
-    async parse(_, raw_value) {
-        if (is(raw_value, predicates.object)) {
-            return {
-                parsable: true,
-                parsed_value: Object.fromEntries(Object.entries(raw_value).filter(([, value]) => value === "on")),
-                error: null,
-            };
-        }
-        else {
-            return {
-                parsed_value: null,
-                parsable: false,
-                error: "Expected an object",
-            };
-        }
-    }
-    getEmptyValue() {
-        return {};
-    }
-}
-//# sourceMappingURL=checkboxed-list.js.map