@sealcode/sealgen 0.11.8 → 0.12.2

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

@@ -1,72 +0,0 @@
-"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");
-/**
- * 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
- * render method of you from implementation and you should write
- * your own implementation of this method. See forms that uses
- * this control for reference.
- */
-class EditableCollectionSubset extends controls_1.FormFieldControl {
-    constructor(field, actionname, listLabel, selectLabel) {
-        super([field]);
-        this.field = field;
-        this.actionname = actionname;
-        this.listLabel = listLabel;
-        this.selectLabel = selectLabel;
-        this.role = "input";
-    }
-    async render(fctx) {
-        const { parsed: values } = await this.field.getValue(fctx.ctx, fctx.data);
-        return (0, tempstream_1.tempstream /* HTML */) `<div>
-			<ul>
-				${Promise.resolve(this.field.generateOptions(fctx.ctx)).then((options) => Object.entries(options)
-            .filter(([value]) => (values || []).includes(value))
-            .map(([value, text]) => /* HTML */ `
-									<li>
-										<form
-											method="POST"
-											action="${fctx.ctx.path}"
-										>
-											<span>${text}</span>
-											<input
-												type="hidden"
-												name="${this.field.name}"
-												value="${(0, sanitize_1.attribute)(value)}"
-											/>
-											<input
-												type="hidden"
-												name="${this.actionname}"
-												value="list"
-											/>
-											<input
-												type="submit"
-												${this.listLabel
-            ? `value="${this.listLabel}"`
-            : ""}
-											/>
-										</form>
-									</li>
-								`))}
-			</ul>
-			<form method="POST" action="${fctx.ctx.path}">
-				<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>`))}
-				</select>
-				<input type="hidden" name="${this.actionname}" value="select" />
-				<input
-					type="submit"
-					${this.selectLabel ? `value="${this.selectLabel}"` : ""}
-				/>
-			</form>
-		</div>`;
-    }
-}
-exports.EditableCollectionSubset = EditableCollectionSubset;
-//# sourceMappingURL=editable-collection-subset.js.map

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

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldGroup = void 0;
-const tempstream_1 = require("tempstream");
-const form_field_control_1 = require("./form-field-control");
-class FieldGroup extends form_field_control_1.FormFieldControl {
-    constructor(controls, options = {}) {
-        super([]);
-        this.controls = controls;
-        this.options = options;
-    }
-    preLabel() {
-        return "";
-    }
-    preLabelContainer() {
-        return "";
-    }
-    postLabel() {
-        return "";
-    }
-    preFields() {
-        return "";
-    }
-    postFields() {
-        return "";
-    }
-    getGroupLabelProps() {
-        return `class="field-group__label"`;
-    }
-    async render(fctx) {
-        const { label, classes } = this.options;
-        return (0, tempstream_1.tempstream /* HTML */) `
-			<div
-				class="field-group ${(classes || []).join(" ")}"
-				${this.options.containerID
-            ? `id="${this.options.containerID}"`
-            : ""}
-			>
-				${this.preLabelContainer()}
-				<div class="field-group__label-container">
-					${this.preLabel()}
-					${label
-            ? `<label ${this.getGroupLabelProps()}>${label}</label>`
-            : ""}
-					${this.postLabel()}
-				</div>
-				${this.preFields()}
-				<div class="field-group__fields">
-					${this.controls.map((control) => control.render(fctx))}
-				</div>
-				${this.postFields()}
-			</div>
-		`;
-    }
-}
-exports.FieldGroup = FieldGroup;
-//# sourceMappingURL=field-group.js.map

package/lib/forms/controls/file.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.File = void 0;
-const tempstream_1 = require("tempstream");
-const simple_input_1 = require("./simple-input");
-class File extends simple_input_1.SimpleInput {
-    getType() {
-        return "file";
-    }
-    async renderFilePreview(_ctx, file_data) {
-        return file_data?.filename || "";
-    }
-    async preInput(ctx, data) {
-        const { parsed } = await this.field.getValue(ctx, data);
-        return (0, tempstream_1.tempstream /* HTML */) `${this.renderFilePreview(ctx, parsed.old)}
-			<input
-				type="hidden"
-				name="${this.field.name}[old][id]"
-				value="${parsed.old?.id || ""}"
-			/>
-			<input
-				type="hidden"
-				name="${this.field.name}[old][filename]"
-				value="${parsed.old?.filename || ""}"
-			/>`;
-    }
-    async getInputAttributes(fctx) {
-        const original = await super.getInputAttributes(fctx);
-        const { parsed } = await this.field.getValue(fctx.ctx, fctx.data);
-        return {
-            ...original,
-            name: this.field.name + "[new]",
-            required: original.required && !parsed.old,
-            value: false,
-        };
-    }
-}
-exports.File = File;
-//# sourceMappingURL=file.js.map

package/lib/forms/controls/form-control.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormControl = exports.FormControlContext = void 0;
-class FormControlContext {
-    constructor(ctx, data, messages, field_name_prefix, form_id, validate) {
-        this.ctx = ctx;
-        this.data = data;
-        this.messages = messages;
-        this.field_name_prefix = field_name_prefix;
-        this.form_id = form_id;
-        this.validate = validate;
-    }
-}
-exports.FormControlContext = FormControlContext;
-class FormControl {
-    mount(router) { }
-}
-exports.FormControl = FormControl;
-//# sourceMappingURL=form-control.js.map

package/lib/forms/controls/form-field-control.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormFieldControl = void 0;
-const form_control_1 = require("./form-control");
-class FormFieldControl extends form_control_1.FormControl {
-    constructor(fields) {
-        super();
-        this.fields = fields;
-        this.role = "input";
-    }
-}
-exports.FormFieldControl = FormFieldControl;
-//# sourceMappingURL=form-field-control.js.map

package/lib/forms/controls/form-header.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormHeader = void 0;
-const controls_1 = require("./controls");
-class FormHeader extends controls_1.FormControl {
-    constructor(text, isVisible = async () => true) {
-        super();
-        this.text = text;
-        this.isVisible = isVisible;
-        this.role = "decoration";
-    }
-    async render(fctx) {
-        const isVsbl = await this.isVisible(fctx);
-        return isVsbl ? `<h2>${this.text}</h2>` : "";
-    }
-}
-exports.FormHeader = FormHeader;
-//# sourceMappingURL=form-header.js.map

package/lib/forms/controls/form-paragraph.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormParagraph = void 0;
-const controls_1 = require("./controls");
-class FormParagraph extends controls_1.FormControl {
-    constructor(text) {
-        super();
-        this.text = text;
-        this.role = "decoration";
-    }
-    render() {
-        return `<p>${this.text}</p>`;
-    }
-}
-exports.FormParagraph = FormParagraph;
-//# sourceMappingURL=form-paragraph.js.map

package/lib/forms/controls/frame.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Frame = void 0;
-const controls_1 = require("./controls");
-/**
- * This class will render `turbo-frame` tag so that u can
- * embed other route inside your form. This will require
- * to add value to `data: FormData` (inside your master form
- * render function) with key `Frame.FRAME_PATH_KEY`. Value
- * needs to be url to route that you want to embed. If you
- * this value wont be provided frame will redner empty string.
- * See `src/back/routes/profile/[id].form.ts` for an example.
- */
-class Frame extends controls_1.FormControl {
-    constructor(src) {
-        super();
-        this.src = src;
-        this.role = "decoration";
-    }
-    render() {
-        return /* HTML */ `<turbo-frame
-			id="contrahents"
-			loading="lazy"
-			src="${this.src}"
-		></turbo-frame>`;
-    }
-}
-exports.Frame = Frame;
-//# sourceMappingURL=frame.js.map

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HiddenInput = void 0;
-const tempstream_1 = require("tempstream");
-const sanitize_1 = require("../../sanitize");
-const form_field_control_1 = require("./form-field-control");
-class HiddenInput extends form_field_control_1.FormFieldControl {
-    constructor(field) {
-        super([field]);
-        this.field = field;
-    }
-    async render(fctx) {
-        const { raw } = await this.field.getValue(fctx.ctx, fctx.data);
-        return (0, tempstream_1.tempstream) `<input type="hidden" name="${this.field.name}" value="${(0, sanitize_1.attribute)((raw || "").toString())}" form="${fctx.form_id}">`;
-    }
-}
-exports.HiddenInput = HiddenInput;
-//# sourceMappingURL=hidden-input.js.map

package/lib/forms/controls/html.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HTML = void 0;
-const controls_1 = require("./controls");
-class HTML extends controls_1.FormControl {
-    constructor(role_or_renderer, renderer_or_undefined) {
-        super();
-        this.role = "decoration";
-        if (arguments.length == 2) {
-            this.role = role_or_renderer;
-            this.renderer = renderer_or_undefined;
-        }
-        else {
-            this.renderer = role_or_renderer;
-        }
-    }
-    async render(fctx) {
-        if (typeof this.renderer === "string") {
-            return this.renderer;
-        }
-        return typeof this.renderer == "function"
-            ? this.renderer(fctx)
-            : this.renderer;
-    }
-}
-exports.HTML = HTML;
-//# sourceMappingURL=html.js.map

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

@@ -1,164 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultipleFiles = void 0;
-const sealious_1 = require("sealious");
-const input_wrapper_1 = require("../../utils/input-wrapper");
-const tempstream_1 = require("tempstream");
-const form_field_control_1 = require("./form-field-control");
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-const render_attributes_1 = require("../../utils/render-attributes");
-class MultipleFiles extends form_field_control_1.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 || !(0, ts_predicates_1.is)(files, ts_predicates_1.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 (0, tempstream_1.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 sealious_1.File.fromID(item.collection.app, item.get(sealious_field.name).id);
-    }
-    async renderFileItemPreview(_fileItem, file) {
-        return file.filename || "no filename";
-    }
-    async renderFileItem(fileItem, file) {
-        return (0, tempstream_1.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 (0, input_wrapper_1.inputWrapper)(["multiple-files", this.field.name, ...this.getClassModifiers()], (0, tempstream_1.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 ${(0, render_attributes_1.renderAttributes)(this.getInputAttributes())} />
-					<input
-						type="submit"
-						value="${this.options.uploadLabel || "Upload"}"
-						class="file-list-action"
-					/>
-				</form>
-			`);
-    }
-}
-exports.MultipleFiles = MultipleFiles;
-//# sourceMappingURL=multiple-files.js.map

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

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiplePhotos = void 0;
-const tempstream_1 = require("tempstream");
-const multiple_files_1 = require("./multiple-files");
-class MultiplePhotos extends multiple_files_1.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 (0, tempstream_1.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>`;
-    }
-}
-exports.MultiplePhotos = MultiplePhotos;
-//# sourceMappingURL=multiple-photos.js.map

package/lib/forms/controls/number.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Number = void 0;
-const simple_input_1 = require("./simple-input");
-class Number extends simple_input_1.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]] : []),
-            ]),
-        };
-    }
-}
-exports.Number = Number;
-//# sourceMappingURL=number.js.map

package/lib/forms/controls/photo.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Photo = void 0;
-const tempstream_1 = require("tempstream");
-const file_1 = require("./file");
-const sealious_1 = require("sealious");
-class Photo extends file_1.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 sealious_1.File.fromID(ctx.$app, id);
-        return (0, tempstream_1.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(`"`, "'"),
-        };
-    }
-}
-exports.Photo = Photo;
-//# sourceMappingURL=photo.js.map

package/lib/forms/controls/radio.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Radio = void 0;
-const tickable_1 = require("./tickable");
-class Radio extends tickable_1.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;
-    }
-}
-exports.Radio = Radio;
-//# sourceMappingURL=radio.js.map