@sealcode/sealgen 0.11.7 → 0.12.0

package/lib/index.js

@@ -1,46 +1,17 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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.Components = exports.sanitize = exports.Fields = exports.Controls = void 0;
-exports.Controls = __importStar(require("./forms/controls/controls"));
-exports.Fields = __importStar(require("./forms/fields/field"));
-__exportStar(require("./page/mountable"), exports);
-__exportStar(require("./page/page"), exports);
-__exportStar(require("./page/stateful-page"), exports);
-__exportStar(require("./forms/form"), exports);
-__exportStar(require("./page/props-parser"), exports);
-__exportStar(require("./utils/utils"), exports);
-__exportStar(require("./page/list"), exports);
-__exportStar(require("./page/sealious-list"), exports);
-__exportStar(require("./utils/translate"), exports);
-exports.sanitize = __importStar(require("./sanitize"));
-__exportStar(require("./forms/multiform"), exports);
-exports.Components = __importStar(require("./components/components"));
-__exportStar(require("./mount"), exports);
-__exportStar(require("./page/default-list-filters"), exports);
+export * as Controls from "./forms/controls/controls.js";
+export * as Fields from "./forms/fields/field.js";
+export * from "./page/mountable.js";
+export * from "./page/page.js";
+export * from "./page/stateful-page.js";
+export * from "./forms/form.js";
+export * from "./page/props-parser.js";
+export * from "./utils/utils.js";
+export * from "./page/list.js";
+export * from "./page/sealious-list.js";
+export * from "./utils/translate.js";
+export * as sanitize from "./sanitize.js";
+export * from "./forms/multiform.js";
+export * as Components from "./components/components.js";
+export * from "./mount.js";
+export * from "./page/default-list-filters.js";
 //# sourceMappingURL=index.js.map

package/lib/make-env.js

@@ -1,21 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeEnv = void 0;
-const os_1 = __importDefault(require("os"));
-const fs_1 = require("fs");
-const locreq_1 = __importDefault(require("locreq"));
-const target_locreq = (0, locreq_1.default)(process.cwd());
-async function makeEnv() {
-    const { uid, gid } = os_1.default.userInfo();
+import os from "os";
+import { promises as fs } from "fs";
+import _locreq from "locreq";
+const target_locreq = _locreq(process.cwd());
+export async function makeEnv() {
+    const { uid, gid } = os.userInfo();
     const content = `USER_ID=${uid}
 GROUP_ID=${gid}
 `;
     const path = target_locreq.resolve(".env");
-    await fs_1.promises.writeFile(path, content);
+    await fs.writeFile(path, content);
     console.log("wrote .env");
 }
-exports.makeEnv = makeEnv;
 //# sourceMappingURL=make-env.js.map

package/lib/make-hidden-inputs.js

@@ -1,18 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeHiddenInputs = void 0;
-const tempstream_1 = require("tempstream");
-const sanitize_1 = require("./sanitize");
-function makeHiddenInputs(ctx, fields, values, fields_to_skip) {
-    return (0, tempstream_1.tempstream) `${Object.entries(fields)
+import { tempstream } from "tempstream";
+import { attribute } from "./sanitize.js";
+export function makeHiddenInputs(ctx, fields, values, fields_to_skip) {
+    return tempstream `${Object.entries(fields)
         .filter(([key]) => !fields_to_skip.includes(key))
-        .map(([key, field]) => (0, tempstream_1.tempstream /* HTML */) `<input
+        .map(([key, field]) => tempstream /* HTML */ `<input
 				type="hidden"
 				name="${key}"
 				value="${field
         .getValue(ctx, values)
-        .then((r) => (0, sanitize_1.attribute)(JSON.stringify(r.raw) || ""))}"
+        .then((r) => attribute(JSON.stringify(r.raw) || ""))}"
 			/>`)}`;
 }
-exports.makeHiddenInputs = makeHiddenInputs;
 //# sourceMappingURL=make-hidden-inputs.js.map

package/lib/mount.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mount = void 0;
-const sealious_1 = require("sealious");
+import { Middlewares } from "sealious";
 async function handleHtmlPromise(ctx, next) {
     await next();
     if (ctx.body instanceof Promise) {
@@ -10,7 +7,7 @@ async function handleHtmlPromise(ctx, next) {
     }
     ctx.set("content-type", "text/html;charset=utf-8");
 }
-function mount(router, url, mountable, use_dummy_app = false) {
+export function mount(router, url, mountable, use_dummy_app = false) {
     const raw_url = typeof url === "string" ? url : url.rawURL;
     const args = use_dummy_app
         ? [
@@ -39,12 +36,12 @@ function mount(router, url, mountable, use_dummy_app = false) {
                 // eslint-disable-next-line @typescript-eslint/no-unsafe-call
                 await next();
             },
-            sealious_1.Middlewares.parseBody(),
+            Middlewares.parseBody(),
             handleHtmlPromise,
         ]
         : [
-            sealious_1.Middlewares.extractContext(),
-            sealious_1.Middlewares.parseBody(),
+            Middlewares.extractContext(),
+            Middlewares.parseBody(),
             handleHtmlPromise,
         ];
     router.use(raw_url, ...args);
@@ -70,5 +67,4 @@ function mount(router, url, mountable, use_dummy_app = false) {
     });
     mountable.mount(router, raw_url);
 }
-exports.mount = mount;
 //# sourceMappingURL=mount.js.map

package/lib/notifier.js

@@ -1,12 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.make_notifier = void 0;
-const ws_1 = __importDefault(require("ws"));
-function make_notifier(port) {
-    const server = new ws_1.default.Server({
+import WebSocket from "ws";
+export function make_notifier(port) {
+    const server = new WebSocket.Server({
         port,
     });
     let sockets = [];
@@ -22,5 +16,4 @@ function make_notifier(port) {
         sockets.forEach((s) => s.send(message));
     };
 }
-exports.make_notifier = make_notifier;
 //# sourceMappingURL=notifier.js.map

package/lib/page/access-control.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.peopleWhoCan = void 0;
-function peopleWhoCan(action, collection) {
+export function peopleWhoCan(action, collection) {
     return async function (ctx) {
         const policy = collection.getPolicy(action);
         const result = await policy.check(ctx.$context);
@@ -16,5 +13,4 @@ function peopleWhoCan(action, collection) {
         return { canAccess: true, message: "" };
     };
 }
-exports.peopleWhoCan = peopleWhoCan;
 //# sourceMappingURL=access-control.js.map

package/lib/page/default-list-filters.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultListFilters = exports.SimpleTextFilter = exports.BooleanListFilter = void 0;
-const BooleanListFilter = (value, field) => {
+export const BooleanListFilter = (value, field) => {
     return /* HTML */ `<label>
 		${field.name}
 		<select name="filter[${field.name}]" autocomplete="off">
@@ -25,8 +22,7 @@ const BooleanListFilter = (value, field) => {
 		</select>
 	</label>`;
 };
-exports.BooleanListFilter = BooleanListFilter;
-const SimpleTextFilter = (value, field) => {
+export const SimpleTextFilter = (value, field) => {
     return /* HTML */ `<label>
 		${field.name}
 		<input
@@ -36,10 +32,9 @@ const SimpleTextFilter = (value, field) => {
 		/>
 	</label>`;
 };
-exports.SimpleTextFilter = SimpleTextFilter;
-exports.DefaultListFilters = {
-    boolean: exports.BooleanListFilter,
-    text: exports.SimpleTextFilter,
-    fallback: exports.SimpleTextFilter,
+export const DefaultListFilters = {
+    boolean: BooleanListFilter,
+    text: SimpleTextFilter,
+    fallback: SimpleTextFilter,
 };
 //# sourceMappingURL=default-list-filters.js.map

package/lib/page/list.js

@@ -1,20 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListPage = exports.BaseListPageFields = exports.BasePagePropsShape = void 0;
-const tempstream_1 = require("tempstream");
-const page_1 = require("./page");
-const field_1 = require("../forms/fields/field");
-const utils_1 = require("../utils/utils");
-const make_hidden_inputs_1 = require("../make-hidden-inputs");
-const qs_1 = __importDefault(require("qs"));
-exports.BasePagePropsShape = {};
-exports.BaseListPageFields = {
-    page: new field_1.NumberField(false, 1),
-    itemsPerPage: new field_1.NumberField(false, 12),
-    sort: new field_1.SimpleFormField(false),
+import { tempstream } from "tempstream";
+import { Page } from "./page.js";
+import { NumberField, SimpleFormField, } from "../forms/fields/field.js";
+import { naturalNumbers, UrlWithNewParams } from "../utils/utils.js";
+import { makeHiddenInputs } from "../make-hidden-inputs.js";
+import qs from "qs";
+export const BasePagePropsShape = {};
+export const BaseListPageFields = {
+    page: new NumberField(false, 1),
+    itemsPerPage: new NumberField(false, 12),
+    sort: new SimpleFormField(false),
 };
 const SORT_SEPARATOR = ":";
 function decodeSort(s) {
@@ -37,7 +31,7 @@ function decodeSort(s) {
 function encodeSort(field, order) {
     return [field, order].join(SORT_SEPARATOR);
 }
-class ListPage extends page_1.Page {
+export class ListPage extends Page {
     constructor() {
         super(...arguments);
         this.filterFields = {};
@@ -50,7 +44,7 @@ class ListPage extends page_1.Page {
         }
     }
     renderListContainer(_, content) {
-        return (0, tempstream_1.tempstream) `<div>${content}</div>`;
+        return tempstream `<div>${content}</div>`;
     }
     async getPaginationConfig(ctx) {
         const values = await this.extractRawValues(ctx);
@@ -64,20 +58,20 @@ class ListPage extends page_1.Page {
         }
         const { itemsPerPage, page } = await this.getPaginationConfig(ctx);
         const items_promise = this.getItems(ctx, page, itemsPerPage, values);
-        return (0, tempstream_1.tempstream) `${(items
+        return tempstream `${(items
             ? Promise.resolve(items)
             : items_promise).then((items) => items.map((item, index) => this.renderItem(ctx, item, index)))}`;
     }
     async render(ctx) {
         const values = await this.extractRawValues(ctx);
-        return (0, tempstream_1.tempstream) `${this.renderPagination(ctx, values)}
+        return tempstream `${this.renderPagination(ctx, values)}
 			  ${this.renderFilters(ctx)}
 ${this.renderListContainer(ctx, this.renderItems(ctx, values))}`;
     }
     async renderPagination(ctx, values) {
         const { itemsPerPage, page } = await this.getPaginationConfig(ctx);
         const totalIems = await this.getTotalPages(ctx, itemsPerPage, values);
-        return (0, tempstream_1.tempstream /* HTML */) `<div class="list-pagination">
+        return tempstream /* HTML */ `<div class="list-pagination">
 			<div class="list-pagination__left">
 				${page > 1
             ? this.renderPageButton(ctx, 1, "Pierwsza strona")
@@ -91,8 +85,8 @@ ${this.renderListContainer(ctx, this.renderItems(ctx, values))}`;
 					title="choose page"
 					onchange="if (this.value) Turbo.visit(this.value)"
 				>
-					${Array.from((0, utils_1.naturalNumbers)(1, totalIems)).map((n) => /* HTML */ `<option
-							value="${(0, utils_1.UrlWithNewParams)(ctx, 
+					${Array.from(naturalNumbers(1, totalIems)).map((n) => /* HTML */ `<option
+							value="${UrlWithNewParams(ctx, 
         //eslint-disable-next-line @typescript-eslint/consistent-type-assertions
         this.propsParser.overwriteProp(ctx, {
             page: n,
@@ -115,7 +109,7 @@ ${this.renderListContainer(ctx, this.renderItems(ctx, values))}`;
     }
     renderPageButton(ctx, page, text) {
         return /* HTML */ `<a
-			href="${(0, utils_1.UrlWithNewParams)(ctx, 
+			href="${UrlWithNewParams(ctx, 
         //eslint-disable-next-line @typescript-eslint/consistent-type-assertions
         this.propsParser.overwriteProp(ctx, {
             page,
@@ -145,15 +139,15 @@ ${this.renderListContainer(ctx, this.renderItems(ctx, values))}`;
     }
     makeSortLink(ctx, field, order) {
         const url = new URL(ctx.url, "https://example.com");
-        const params = qs_1.default.parse(url.search.slice(1));
+        const params = qs.parse(url.search.slice(1));
         params.sort = encodeSort(field, order);
-        url.search = qs_1.default.stringify(params);
+        url.search = qs.stringify(params);
         return url.pathname + url.search;
     }
     async renderFilters(ctx) {
         const values = await this.extractRawValues(ctx);
-        return (0, tempstream_1.tempstream /* HTML */) `<form method="GET">
-			${(0, make_hidden_inputs_1.makeHiddenInputs)(ctx, this.fields, values, [
+        return tempstream /* HTML */ `<form method="GET">
+			${makeHiddenInputs(ctx, this.fields, values, [
             "page",
             ...Object.values(this.filterFields).map((f) => f.name),
         ])}
@@ -179,12 +173,11 @@ ${this.renderListContainer(ctx, this.renderItems(ctx, values))}`;
         return null;
     }
     renderTableHead(ctx, fields) {
-        return (0, tempstream_1.tempstream /* HTML */) `<thead>
+        return tempstream /* HTML */ `<thead>
 			<tr>
 				${fields.map(({ label, field }) => this.renderHeading(ctx, field, label))}
 			</tr>
 		</thead>`;
     }
 }
-exports.ListPage = ListPage;
 //# sourceMappingURL=list.js.map

package/lib/page/mountable-with-fields.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MountableWithFields = void 0;
-const tempstream_1 = require("tempstream");
-const form_control_1 = require("../forms/controls/form-control");
-const mountable_1 = require("./mountable");
-class MountableWithFields extends mountable_1.Mountable {
+import { tempstream } from "tempstream";
+import { FormControlContext, } from "../forms/controls/form-control.js";
+import { Mountable } from "./mountable.js";
+export class MountableWithFields extends Mountable {
     constructor() {
         super();
         this.field_names_prefix = ""; // useful for multiform, where many forms are merged into one and field assignment is made using the prefix
@@ -18,7 +15,7 @@ class MountableWithFields extends mountable_1.Mountable {
         }
     }
     makeFormControlContext(ctx, data, validate, field_name_prefix = this.field_names_prefix, form_id = this.form_id) {
-        return new form_control_1.FormControlContext(ctx, data.raw_values, data.messages, field_name_prefix, form_id, validate);
+        return new FormControlContext(ctx, data.raw_values, data.messages, field_name_prefix, form_id, validate);
     }
     // this one is meant to be overwritten
     async validateValues(ctx, data) {
@@ -52,13 +49,13 @@ class MountableWithFields extends mountable_1.Mountable {
         return { valid, field_errors, form_messages };
     }
     renderControls(fctx) {
-        return (0, tempstream_1.tempstream /* HTML */) `${this.controls.map((control) => control.render(fctx))}`;
+        return tempstream /* HTML */ `${this.controls.map((control) => control.render(fctx))}`;
     }
     async renderError(_, error) {
         return error.message;
     }
     renderMessages(_, data) {
-        return (0, tempstream_1.tempstream /* HTML */) `<div class="form-messages">
+        return tempstream /* HTML */ `<div class="form-messages">
 			${data.messages.map((message) => `<div class="form-message form-message--${message.type}">${message.text}</div>`)}
 		</div>`;
     }
@@ -85,5 +82,4 @@ class MountableWithFields extends mountable_1.Mountable {
         return result;
     }
 }
-exports.MountableWithFields = MountableWithFields;
 //# sourceMappingURL=mountable-with-fields.js.map

package/lib/page/mountable.js

@@ -1,9 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Mountable = void 0;
-class Mountable {
+export class Mountable {
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     init() { }
 }
-exports.Mountable = Mountable;
 //# sourceMappingURL=mountable.js.map

package/lib/page/page.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Page = void 0;
-const tempstream_1 = require("tempstream");
-const __1 = require("..");
-const mountable_with_fields_1 = require("./mountable-with-fields");
-class Page extends mountable_with_fields_1.MountableWithFields {
+import { tempstream } from "tempstream";
+import { AllQueryParams } from "../index.js";
+import { MountableWithFields, } from "./mountable-with-fields.js";
+export class Page extends MountableWithFields {
     constructor() {
         super(...arguments);
-        this.propsParser = new __1.AllQueryParams();
+        this.propsParser = new AllQueryParams();
         this.controls = [];
     }
     mount(router, path) {
@@ -20,11 +17,10 @@ class Page 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>`;
     }
     async extractRawValues(ctx) {
         return this.propsParser.decode(ctx) || {};
     }
 }
-exports.Page = Page;
 //# sourceMappingURL=page.js.map

package/lib/page/props-parser.js

@@ -1,22 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AllQueryParams = exports.PagePropsParser = void 0;
-const merge_1 = __importDefault(require("merge"));
+import merge from "merge";
 // page props parser is only tasked with getting the raw props from *somewhere*
 // and being able to put new values back to that somewhere. Parsing to numbers
 // or any other exotic types is done by fields logic.
-class PagePropsParser {
+export class PagePropsParser {
     overwriteProp(ctx, new_props) {
         const result = {};
-        merge_1.default.recursive(result, this.decode(ctx), new_props);
+        merge.recursive(result, this.decode(ctx), new_props);
         return result;
     }
 }
-exports.PagePropsParser = PagePropsParser;
-class AllQueryParams extends PagePropsParser {
+export class AllQueryParams extends PagePropsParser {
     decode(ctx) {
         return ctx.query;
     }
@@ -27,5 +20,4 @@ class AllQueryParams extends PagePropsParser {
         return prop_name;
     }
 }
-exports.AllQueryParams = AllQueryParams;
 //# sourceMappingURL=props-parser.js.map

package/lib/page/sealious-list.js

@@ -1,18 +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.SealiousItemListPage = void 0;
-const list_1 = require("./list");
-const access_control_1 = require("./access-control");
-const qs_1 = __importDefault(require("qs"));
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-class SealiousItemListPage extends list_1.ListPage {
+import { ListPage } from "./list.js";
+import { peopleWhoCan } from "./access-control.js";
+import qs from "qs";
+import { is, predicates } from "@sealcode/ts-predicates";
+export class SealiousItemListPage extends ListPage {
     constructor(collection) {
         super();
         this.collection = collection;
-        this.canAccess = (0, access_control_1.peopleWhoCan)("list", this.collection);
+        this.canAccess = peopleWhoCan("list", this.collection);
     }
     async getContextForList(ctx) {
         return ctx.$context;
@@ -51,9 +45,9 @@ class SealiousItemListPage extends list_1.ListPage {
         return items;
     }
     async getFilterValues(ctx) {
-        const query_params = qs_1.default.parse(ctx.search.slice(1));
+        const query_params = qs.parse(ctx.search.slice(1));
         const _filter_values = query_params?.filter || {};
-        let filter_values = (0, ts_predicates_1.is)(_filter_values, ts_predicates_1.predicates.record(ts_predicates_1.predicates.string, ts_predicates_1.predicates.string))
+        let filter_values = is(_filter_values, predicates.record(predicates.string, predicates.string))
             ? _filter_values
             : {};
         return filter_values;
@@ -62,5 +56,4 @@ class SealiousItemListPage extends list_1.ListPage {
         return `<div>${item.id}</div>`;
     }
 }
-exports.SealiousItemListPage = SealiousItemListPage;
 //# sourceMappingURL=sealious-list.js.map

package/lib/page/stateful-page.js

@@ -1,15 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatefulPage = void 0;
-const ts_predicates_1 = require("@sealcode/ts-predicates");
-const deepmerge_1 = __importDefault(require("deepmerge"));
-const tempstream_1 = require("tempstream");
-const base64_1 = require("../utils/base64");
-const mountable_1 = require("./mountable");
-class StatefulPage extends mountable_1.Mountable {
+import { predicates, hasShape, is } from "@sealcode/ts-predicates";
+import deepmerge from "deepmerge";
+import { tempstream } from "tempstream";
+import { from_base64, to_base64 } from "../utils/base64.js";
+import { Mountable } from "./mountable.js";
+export class StatefulPage extends Mountable {
     async canAccess() {
         return { canAccess: true, message: "" };
     }
@@ -21,18 +15,18 @@ class StatefulPage extends mountable_1.Mountable {
         };
     }
     wrapInForm(state, content) {
-        return (0, tempstream_1.tempstream /* HTML */) `<form action="./" method="POST">
+        return tempstream /* HTML */ `<form action="./" method="POST">
 			<input
 				name="state"
 				type="hidden"
-				value="${(0, base64_1.to_base64)(JSON.stringify(state))}"
+				value="${to_base64(JSON.stringify(state))}"
 			/>
 			${content}
 		</form>`;
     }
     makeActionButton(state, action_description, ...args) {
         let label, action;
-        if ((0, ts_predicates_1.is)(action_description, ts_predicates_1.predicates.object)) {
+        if (is(action_description, predicates.object)) {
             action = action_description.action.toString();
             label = action_description.label || action;
         }
@@ -44,24 +38,24 @@ class StatefulPage extends mountable_1.Mountable {
 			<input
 				type="submit"
 				value=${label}
-				formaction="./?action=${action}&args=${(0, base64_1.to_base64)(JSON.stringify(args))}"
+				formaction="./?action=${action}&args=${to_base64(JSON.stringify(args))}"
 			/>
 		`;
     }
     extractState(ctx) {
-        if (!(0, ts_predicates_1.hasShape)({
-            action: ts_predicates_1.predicates.maybe(ts_predicates_1.predicates.string),
-            state: ts_predicates_1.predicates.string,
-            args: ts_predicates_1.predicates.maybe(ts_predicates_1.predicates.string),
-            $: ts_predicates_1.predicates.maybe(ts_predicates_1.predicates.object),
+        if (!hasShape({
+            action: predicates.maybe(predicates.string),
+            state: predicates.string,
+            args: predicates.maybe(predicates.string),
+            $: predicates.maybe(predicates.object),
         }, ctx.$body)) {
             console.error("Wrong data: ", ctx.$body);
             throw new Error("wrong formdata shape");
         }
         const inputs = Object.fromEntries(Object.entries(ctx.$body).filter(([key]) => !["action", "state", "args", "$"].includes(key)));
         // the "$" key is parsed as dot notation and overrides the state
-        const original_state = JSON.parse((0, base64_1.from_base64)(ctx.$body.state));
-        const modified_state = (0, deepmerge_1.default)(original_state, ctx.$body.$ || {}, {
+        const original_state = JSON.parse(from_base64(ctx.$body.state));
+        const modified_state = deepmerge(original_state, ctx.$body.$ || {}, {
             arrayMerge: (_target, source, _options) => {
                 // https://github.com/TehShrike/deepmerge#user-content-arraymerge-example-combine-arrays
                 return source;
@@ -91,7 +85,7 @@ class StatefulPage extends mountable_1.Mountable {
         router.post(path, (ctx) => {
             const { action, state, inputs, action_args } = this.extractState(ctx);
             if (action) {
-                ctx.body = this.render(ctx, this.actions[action](state, inputs, ...JSON.parse((0, base64_1.from_base64)(action_args))), inputs);
+                ctx.body = this.render(ctx, this.actions[action](state, inputs, ...JSON.parse(from_base64(action_args))), inputs);
             }
             else {
                 ctx.body = this.render(ctx, state, inputs);
@@ -100,5 +94,4 @@ class StatefulPage extends mountable_1.Mountable {
         });
     }
 }
-exports.StatefulPage = StatefulPage;
 //# sourceMappingURL=stateful-page.js.map