@sealcode/sealgen 0.8.52 → 0.8.53

package/lib/forms/multiform.js

@@ -14,8 +14,8 @@ class Multiform extends mountable_with_fields_1.MountableWithFields {
     init() {
         super.init();
         for (const [key, form] of Object.entries(this.forms)) {
-            if (key !== sanitize_1.attribute(key)) {
-                throw new Error(`Form name "${key}" is not url-safe. Try: "${sanitize_1.attribute(key)}"`);
+            if (key !== (0, sanitize_1.attribute)(key)) {
+                throw new Error(`Form name "${key}" is not url-safe. Try: "${(0, sanitize_1.attribute)(key)}"`);
             }
             form.makeOpenFormTag = () => `<div>`;
             form.makeCloseFormTag = () => `</div>`;
@@ -53,7 +53,7 @@ class Multiform extends mountable_with_fields_1.MountableWithFields {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     getSubformsToRender(ctx) {
         const requested_frame = ctx.headers["turbo-frame"];
-        if (!ts_predicates_1.is(requested_frame, ts_predicates_1.predicates.or(ts_predicates_1.predicates.undefined, ts_predicates_1.predicates.string))) {
+        if (!(0, ts_predicates_1.is)(requested_frame, ts_predicates_1.predicates.or(ts_predicates_1.predicates.undefined, ts_predicates_1.predicates.string))) {
             throw new Error("Wrong turbo-frame header value type");
         }
         const forms_to_render = requested_frame && this.forms[requested_frame]
@@ -82,7 +82,7 @@ class Multiform extends mountable_with_fields_1.MountableWithFields {
         return result;
     }
     async render(ctx, messages, prerenderedForms = {}, show_field_errors) {
-        return tempstream_1.tempstream /* HTML */ `${this.renderMessages(ctx, {
+        return (0, tempstream_1.tempstream /* HTML */) `${this.renderMessages(ctx, {
             raw_values: {},
             messages,
         })}
@@ -96,7 +96,7 @@ class Multiform extends mountable_with_fields_1.MountableWithFields {
 				></form>
 				${this.getSubformsToRender(ctx).map(([form_name]) => {
             const frame_form_id = this.name + "_" + form_name + "_frame_form";
-            return tempstream_1.tempstream /* HTML */ `<turbo-frame
+            return (0, tempstream_1.tempstream /* HTML */) `<turbo-frame
 						id="${form_name}"
 						contains-subform
 						subform-id="${frame_form_id}"

package/lib/forms/multiform.test.js

@@ -48,12 +48,12 @@ function multiform_factory(canAccessFun1, canAccessFun2) {
             super(...arguments);
             this.name = "multiform_test";
             this.forms = {
-                form1: form_test_1.form_factory(canAccessFun1),
-                form2: form_test_1.form_factory(canAccessFun2),
+                form1: (0, form_test_1.form_factory)(canAccessFun1),
+                form2: (0, form_test_1.form_factory)(canAccessFun2),
             };
         }
         async render(...args) {
-            return tempstream_1.tempstream /* HTML */ `<!DOCTYPE html>
+            return (0, tempstream_1.tempstream /* HTML */) `<!DOCTYPE html>
 				<html>
 					<head>
 						<title>Multiform Test - Sealgen</title>
@@ -71,7 +71,7 @@ function multiform_factory(canAccessFun1, canAccessFun2) {
 async function tests(js_enabled) {
     let page;
     before(async () => {
-        const browser = await browser_creator_1.getBrowser();
+        const browser = await (0, browser_creator_1.getBrowser)();
         const context = await browser.newContext({
             javaScriptEnabled: js_enabled,
         });
@@ -85,18 +85,18 @@ async function tests(js_enabled) {
     });
     it("checking whether only one submit handler is run", async () => {
         await page.getByText("Form1 done!").click();
-        await utils_1.assertThrowsAsync(async () => {
+        await (0, utils_1.assertThrowsAsync)(async () => {
             return page.getByText("Form2 done!").click({ timeout: 500 });
         });
     });
     it("checking whether the input in the not submitted form prevails", async () => {
-        await test_1.expect(page.getByLabel("name")).toHaveValue("sample2");
+        await (0, test_1.expect)(page.getByLabel("name")).toHaveValue("sample2");
     });
 }
 async function general_form_validation_e2e_tests(js_enabled) {
     let browser;
     let page;
-    browser = await browser_creator_1.getBrowser();
+    browser = await (0, browser_creator_1.getBrowser)();
     const context = await browser.newContext({
         javaScriptEnabled: js_enabled,
     });
@@ -107,7 +107,7 @@ async function general_form_validation_e2e_tests(js_enabled) {
     await page.getByPlaceholder("password").click();
     await page.getByPlaceholder("password").fill("test");
     await page.locator("#multiform_test_form2_submit").click();
-    utils_1.assertThrowsAsync(async () => {
+    (0, utils_1.assertThrowsAsync)(async () => {
         page.getByText("Incorrect input").click({ timeout: 500 });
     });
 }
@@ -115,7 +115,7 @@ async function individual_field_validation_e2e_tests(javaScriptEnabled) {
     let browser;
     let page;
     before(async () => {
-        browser = await browser_creator_1.getBrowser();
+        browser = await (0, browser_creator_1.getBrowser)();
         const context = await browser.newContext({
             javaScriptEnabled,
         });
@@ -132,7 +132,7 @@ async function individual_field_validation_e2e_tests(javaScriptEnabled) {
         await page.getByPlaceholder("text").click();
         await page.getByPlaceholder("text").fill("yes@an.email");
         await page.locator("#multiform_test_form1_submit").click();
-        utils_1.assertThrowsAsync(async () => {
+        (0, utils_1.assertThrowsAsync)(async () => {
             return page.getByText("Please enter a proper email address").click({ timeout: 500 });
         });
     });
@@ -143,14 +143,14 @@ describe("multiform test", () => {
         before(async () => {
             const app = new koa_1.default();
             const router = new router_1.default();
-            mount_1.mount(router, "/", new (class extends multiform_1.Multiform {
+            (0, mount_1.mount)(router, "/", new (class extends multiform_1.Multiform {
                 constructor() {
                     super(...arguments);
                     this.name = "multiform_test";
                     this.forms = { form1, form2 };
                 }
                 async render(ctx, messages, prerenderedForms, show_field_errors = true) {
-                    return tempstream_1.tempstream /* HTML */ `<!DOCTYPE html>
+                    return (0, tempstream_1.tempstream /* HTML */) `<!DOCTYPE html>
 							<html>
 								<head>
 									<title>Multiform Test - Sealgen</title>
@@ -180,14 +180,14 @@ describe("multiform test", () => {
             before(async () => {
                 const app = new koa_1.default();
                 const router = new router_1.default();
-                mount_1.mount(router, "/", multiform_factory(async (ctx) => {
+                (0, mount_1.mount)(router, "/", multiform_factory(async (ctx) => {
                     return { canAccess: true, message: "" };
                 }, async (ctx) => {
                     return { canAccess: true, message: "" };
                 }), true);
                 app.use(router.routes()).use(router.allowedMethods());
                 server = app.listen(8080);
-                const browser = await browser_creator_1.getBrowser();
+                const browser = await (0, browser_creator_1.getBrowser)();
                 const context = await browser.newContext();
                 page = await context.newPage();
             });
@@ -218,14 +218,14 @@ describe("multiform test", () => {
             before(async () => {
                 const app = new koa_1.default();
                 const router = new router_1.default();
-                mount_1.mount(router, "/", multiform_factory(async (ctx) => {
+                (0, mount_1.mount)(router, "/", multiform_factory(async (ctx) => {
                     return { canAccess: false, message: "" };
                 }, async (ctx) => {
                     return { canAccess: false, message: "" };
                 }), true);
                 app.use(router.routes()).use(router.allowedMethods());
                 server = app.listen(8080);
-                const browser = await browser_creator_1.getBrowser();
+                const browser = await (0, browser_creator_1.getBrowser)();
                 const context = await browser.newContext();
                 page = await context.newPage();
             });
@@ -234,7 +234,7 @@ describe("multiform test", () => {
             });
             it("check wether forms didnt render", async () => {
                 await page.goto("http://localhost:8080");
-                await utils_1.assertThrowsAsync(async () => {
+                await (0, utils_1.assertThrowsAsync)(async () => {
                     return page
                         .locator("#form1")
                         .getByText("This is a test:")
@@ -257,14 +257,14 @@ describe("multiform test", () => {
             before(async () => {
                 const app = new koa_1.default();
                 const router = new router_1.default();
-                mount_1.mount(router, "/", multiform_factory(async (ctx) => {
+                (0, mount_1.mount)(router, "/", multiform_factory(async (ctx) => {
                     return { canAccess: true, message: "" };
                 }, async (ctx) => {
                     return { canAccess: false, message: "" };
                 }), true);
                 app.use(router.routes()).use(router.allowedMethods());
                 server = app.listen(8080);
-                const browser = await browser_creator_1.getBrowser();
+                const browser = await (0, browser_creator_1.getBrowser)();
                 const context = await browser.newContext({});
                 page = await context.newPage();
             });
@@ -288,7 +288,7 @@ describe("multiform test", () => {
             });
             it("check wether form2 does not render", async () => {
                 await page.goto("http://localhost:8080");
-                await utils_1.assertThrowsAsync(async () => {
+                await (0, utils_1.assertThrowsAsync)(async () => {
                     return page
                         .locator("#form2")
                         .getByText("This is a test:")
@@ -314,7 +314,7 @@ describe("multiform test", () => {
             before(async () => {
                 const app = new koa_1.default();
                 const router = new router_1.default();
-                mount_1.mount(router, "/", new (class extends multiform_1.Multiform {
+                (0, mount_1.mount)(router, "/", new (class extends multiform_1.Multiform {
                     constructor() {
                         super(...arguments);
                         this.name = "multiform_test";
@@ -343,11 +343,11 @@ describe("multiform test", () => {
                                     return { valid: true, error: "" };
                                 }
                             })(),
-                            form2: form_test_1.form_factory(),
+                            form2: (0, form_test_1.form_factory)(),
                         };
                     }
                     async render(...args) {
-                        return tempstream_1.tempstream /* HTML */ `<!DOCTYPE html>
+                        return (0, tempstream_1.tempstream /* HTML */) `<!DOCTYPE html>
 								<html>
 									<head>
 										<title>Multiform Test - Sealgen</title>
@@ -378,7 +378,7 @@ describe("multiform test", () => {
                 const fields = {
                     text: new __1.Fields.EmailField(true),
                 };
-                mount_1.mount(router, "/", new (class extends multiform_1.Multiform {
+                (0, mount_1.mount)(router, "/", new (class extends multiform_1.Multiform {
                     constructor() {
                         super(...arguments);
                         this.name = "multiform_test";
@@ -399,11 +399,11 @@ describe("multiform test", () => {
                                     return;
                                 }
                             })(),
-                            form2: form_test_1.form_factory(),
+                            form2: (0, form_test_1.form_factory)(),
                         };
                     }
                     async render(...args) {
-                        return tempstream_1.tempstream /* HTML */ `<!DOCTYPE html>
+                        return (0, tempstream_1.tempstream /* HTML */) `<!DOCTYPE html>
 								<html>
 									<head>
 										<title>Multiform Test - Sealgen</title>

package/lib/generate-collections.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -28,14 +32,14 @@ const prettier = __importStar(require("prettier"));
 const fs_1 = require("fs");
 const ts_predicates_1 = require("@sealcode/ts-predicates");
 const prettier_1 = require("./utils/prettier");
-const target_locreq = locreq_1.default(process.cwd());
+const target_locreq = (0, locreq_1.default)(process.cwd());
 async function extractCollectionClassname(full_file_path) {
     const file_content = await fs_1.promises.readFile(full_file_path, "utf-8");
     const result = /export default class (\w+)/.exec(file_content);
     if (result === null) {
         throw new Error("Missing 'export default class' statement?");
     }
-    return ts_predicates_1.assertType(result[1], ts_predicates_1.predicates.string, `Missing export default class in '${full_file_path}'?`);
+    return (0, ts_predicates_1.assertType)(result[1], ts_predicates_1.predicates.string, `Missing export default class in '${full_file_path}'?`);
 }
 async function generateCollections() {
     const collections_dir = target_locreq.resolve("src/back/collections");
@@ -70,7 +74,7 @@ ${file_data
         .map(({ class_name, urlname }) => `	"${urlname}": ${class_name},`)
         .join("\n")}
 };`;
-    await fs_1.promises.writeFile(target_locreq.resolve("src/back/collections/collections.ts"), prettier.format(content, await prettier_1.getPrettierConfig()));
+    await fs_1.promises.writeFile(target_locreq.resolve("src/back/collections/collections.ts"), prettier.format(content, await (0, prettier_1.getPrettierConfig)()));
     // eslint-disable-next-line no-console
     console.log("Successfuly generated new src/back/collections/collections.ts file");
 }

package/lib/generate-routes.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -32,14 +36,14 @@ const import_path_1 = require("./utils/import-path");
 const ts_predicates_1 = require("@sealcode/ts-predicates");
 const escape_url_params_1 = require("./utils/escape-url-params");
 const prettier_1 = require("./utils/prettier");
-const target_locreq = locreq_1.default(process.cwd());
+const target_locreq = (0, locreq_1.default)(process.cwd());
 async function extractActionName(full_file_path) {
     const file_content = await fs_1.promises.readFile(full_file_path, "utf-8");
     const result = /export const actionName = "(\w+)"/.exec(file_content);
     if (result === null) {
         throw new Error("Missing 'export const actionName' statement?");
     }
-    return ts_predicates_1.assertType(result[1], ts_predicates_1.predicates.string, "Missing export default class?");
+    return (0, ts_predicates_1.assertType)(result[1], ts_predicates_1.predicates.string, "Missing export default class?");
 }
 function generateURL(actionName, url) {
     const parts = url.split("/");
@@ -60,7 +64,7 @@ function generateURL(actionName, url) {
         ${actionName}URL.rawURL = "${url}";`;
 }
 async function generateRoutes() {
-    const files = await Promise.all((await walk_1.walkDir(target_locreq.resolve("src/back/routes")))
+    const files = await Promise.all((await (0, walk_1.walkDir)(target_locreq.resolve("src/back/routes")))
         .filter((f) => f.endsWith(".page.ts") ||
         f.endsWith(".form.ts") ||
         f.endsWith(".multiform.ts") ||
@@ -71,8 +75,8 @@ async function generateRoutes() {
         .map(async (fullpath) => ({
         fullpath,
         actionName: await extractActionName(fullpath),
-        url: escape_url_params_1.unescape_url_params("/" +
-            path_1.relative(target_locreq.resolve("src/back/routes"), fullpath).replace(/\..+/, "") +
+        url: (0, escape_url_params_1.unescape_url_params)("/" +
+            (0, path_1.relative)(target_locreq.resolve("src/back/routes"), fullpath).replace(/\..+/, "") +
             "/" // trailing slash is important here, as it enables to use the entire path while building relative URLs. For example, while visiting /users/123, the path ./add-photo leads to /users/add-photo. While visiting /users/123/ (note the trailing slash), the path ./add-photo leads to /users/123/add-photo
         ),
     })));
@@ -83,7 +87,7 @@ import { mount } from "@sealcode/sealgen";
 import * as URLs from "./urls"
 
 ${files
-        .map(({ actionName, fullpath }) => `import { default as ${actionName} } from "${import_path_1.importPath(target_locreq.resolve("src/back/routes/routes.ts"), fullpath)}";`)
+        .map(({ actionName, fullpath }) => `import { default as ${actionName} } from "${(0, import_path_1.importPath)(target_locreq.resolve("src/back/routes/routes.ts"), fullpath)}";`)
         .join("\n")}
 
 export default function mountAutoRoutes(router: Router) {
@@ -96,7 +100,7 @@ ${files
         .map(({ actionName, url }) => generateURL(actionName, url))
         .join("\n")}
 `;
-    const prettier_config = await prettier_1.getPrettierConfig();
+    const prettier_config = await (0, prettier_1.getPrettierConfig)();
     await fs_1.promises.writeFile(target_locreq.resolve("src/back/routes/routes.ts"), prettier.format(routes_content, prettier_config));
     await fs_1.promises.writeFile(target_locreq.resolve("src/back/routes/urls.ts"), prettier.format(urls_content, prettier_config));
     // eslint-disable-next-line no-console

package/lib/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -32,6 +36,7 @@ __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);

package/lib/make-env.js

@@ -7,7 +7,7 @@ exports.makeEnv = void 0;
 const os_1 = __importDefault(require("os"));
 const fs_1 = require("fs");
 const locreq_1 = __importDefault(require("locreq"));
-const target_locreq = locreq_1.default(process.cwd());
+const target_locreq = (0, locreq_1.default)(process.cwd());
 async function makeEnv() {
     const { uid, gid } = os_1.default.userInfo();
     const content = `USER_ID=${uid}

package/lib/make-hidden-inputs.js

@@ -4,14 +4,14 @@ exports.makeHiddenInputs = void 0;
 const tempstream_1 = require("tempstream");
 const sanitize_1 = require("./sanitize");
 function makeHiddenInputs(ctx, fields, values, fields_to_skip) {
-    return tempstream_1.tempstream `${Object.entries(fields)
+    return (0, tempstream_1.tempstream) `${Object.entries(fields)
         .filter(([key]) => !fields_to_skip.includes(key))
-        .map(([key, field]) => tempstream_1.tempstream /* HTML */ `<input
+        .map(([key, field]) => (0, tempstream_1.tempstream /* HTML */) `<input
 				type="hidden"
 				name="${key}"
 				value="${field
         .getValue(ctx, values)
-        .then((r) => sanitize_1.attribute(JSON.stringify(r.raw) || ""))}"
+        .then((r) => (0, sanitize_1.attribute)(JSON.stringify(r.raw) || ""))}"
 			/>`)}`;
 }
 exports.makeHiddenInputs = makeHiddenInputs;

package/lib/page/list.js

@@ -1,17 +1,42 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SealiousItemListPage = exports.ListPage = exports.BaseListPageFields = exports.BasePagePropsShape = void 0;
+exports.ListPage = exports.BaseListPageFields = exports.BasePagePropsShape = void 0;
 const tempstream_1 = require("tempstream");
-const access_control_1 = require("./access-control");
 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),
 };
+const SORT_SEPARATOR = ":";
+function decodeSort(s) {
+    if (typeof s !== "string" || !s.includes(SORT_SEPARATOR)) {
+        return null;
+    }
+    let order = s.split(SORT_SEPARATOR)[1];
+    const field = s.split(SORT_SEPARATOR)[0];
+    if (order !== "asc" && order !== "desc") {
+        order = "asc";
+        return {
+            field,
+            order: order,
+        };
+    }
+    else {
+        return { field, order };
+    }
+}
+function encodeSort(field, order) {
+    return [field, order].join(SORT_SEPARATOR);
+}
 class ListPage extends page_1.Page {
     constructor() {
         super(...arguments);
@@ -25,7 +50,7 @@ class ListPage extends page_1.Page {
         }
     }
     renderListContainer(_, content) {
-        return tempstream_1.tempstream `<div>${content}</div>`;
+        return (0, tempstream_1.tempstream) `<div>${content}</div>`;
     }
     async getPaginationConfig(ctx) {
         const values = await this.extractRawValues(ctx);
@@ -39,28 +64,28 @@ class ListPage extends page_1.Page {
         }
         const { itemsPerPage, page } = await this.getPaginationConfig(ctx);
         const items_promise = this.getItems(ctx, page, itemsPerPage, values);
-        return tempstream_1.tempstream `${(items
+        return (0, tempstream_1.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 tempstream_1.tempstream `${this.renderPagination(ctx, values)}
+        return (0, tempstream_1.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 tempstream_1.tempstream /* HTML */ `<center>
+        return (0, tempstream_1.tempstream /* HTML */) `<center>
 			${page > 1 ? this.renderPageButton(ctx, 1, "Pierwsza strona") : ""}
 			${page > 1
             ? this.renderPageButton(ctx, page - 1, "Poprzednia strona")
             : ""}
 
 			<select onchange="if (this.value) Turbo.visit(this.value)">
-				${Array.from(utils_1.naturalNumbers(1, totalIems)).map((n) => /* HTML */ `<option
-						value="${utils_1.UrlWithNewParams(ctx, 
+				${Array.from((0, utils_1.naturalNumbers)(1, totalIems)).map((n) => /* HTML */ `<option
+						value="${(0, utils_1.UrlWithNewParams)(ctx, 
         //eslint-disable-next-line @typescript-eslint/consistent-type-assertions
         this.propsParser.overwriteProp(ctx, {
             page: n,
@@ -80,7 +105,7 @@ ${this.renderListContainer(ctx, this.renderItems(ctx, values))}`;
     }
     renderPageButton(ctx, page, text) {
         return /* HTML */ `<a
-			href="${utils_1.UrlWithNewParams(ctx, 
+			href="${(0, utils_1.UrlWithNewParams)(ctx, 
         //eslint-disable-next-line @typescript-eslint/consistent-type-assertions
         this.propsParser.overwriteProp(ctx, {
             page,
@@ -98,10 +123,21 @@ ${this.renderListContainer(ctx, this.renderItems(ctx, values))}`;
         }
         return filter;
     }
+    async getSort(ctx) {
+        const { sort } = await this.extractRawValues(ctx);
+        return decodeSort(sort);
+    }
+    makeSortLink(ctx, field, order) {
+        const url = new URL(ctx.url, "https://example.com");
+        const params = qs_1.default.parse(url.search.slice(1));
+        params.sort = encodeSort(field, order);
+        url.search = qs_1.default.stringify(params);
+        return url.pathname + url.search;
+    }
     async renderFilters(ctx) {
         const values = await this.extractRawValues(ctx);
-        return tempstream_1.tempstream /* HTML */ `<form method="GET">
-			${make_hidden_inputs_1.makeHiddenInputs(ctx, this.fields, values, [
+        return (0, tempstream_1.tempstream /* HTML */) `<form method="GET">
+			${(0, make_hidden_inputs_1.makeHiddenInputs)(ctx, this.fields, values, [
             "page",
             ...Object.values(this.filterFields).map((f) => f.name),
         ])}
@@ -111,48 +147,25 @@ ${this.renderListContainer(ctx, this.renderItems(ctx, values))}`;
         })}
 		</form>`;
     }
-}
-exports.ListPage = ListPage;
-class SealiousItemListPage extends ListPage {
-    constructor(collection) {
-        super();
-        this.collection = collection;
-        this.canAccess = access_control_1.peopleWhoCan("list", this.collection);
-    }
-    async getContextForList(ctx) {
-        return ctx.$context;
-    }
-    async getTotalPages(ctx, itemsPerPage) {
-        const query = this.collection.list(await this.getContextForList(ctx));
-        await this.addFilter(ctx, query);
-        const { items } = await query.fetch();
-        return Math.ceil(items.length / itemsPerPage);
-    }
-    async addFilter(ctx, list) {
-        const filters = await this.getFilterValues(ctx);
-        for (const key in filters) {
-            if (filters[key] === undefined || filters[key] == "") {
-                delete filters[key];
-            }
-        }
-        if (Object.keys(filters).length) {
-            list.filter(filters);
-        }
-    }
-    async makeQuery(ctx) {
-        return this.collection.list(await this.getContextForList(ctx));
-    }
-    async getItems(ctx, page, itemsPerPage) {
-        const query = await this.makeQuery(ctx);
-        await this.addFilter(ctx, query);
-        const { items } = await query
-            .paginate({ items: itemsPerPage, page })
-            .fetch();
-        return items;
-    }
-    async renderItem(_, item, index) {
-        return `<div>${item.id}</div>`;
+    renderHeading(ctx, field, label = field) {
+        const current_sort = decodeSort(qs_1.default.parse(new URL(ctx.url, "https://www.example.com").search.slice(1))["sort"]);
+        const current_order = current_sort?.field == field ? current_sort.order : null;
+        const order = current_order == "desc" ? "asc" : "desc";
+        return /* HTML */ `<th>
+			<a href="${this.makeSortLink(ctx, field, order)}"
+				>${label}
+				${(current_order && (current_order == "asc" ? "↑" : "↓")) ||
+            ""}</a
+			>
+		</th>`;
+    }
+    renderTableHead(ctx, fields) {
+        return (0, tempstream_1.tempstream /* HTML */) `<thead>
+			<tr>
+				${fields.map(({ label, field }) => this.renderHeading(ctx, field, label))}
+			</tr>
+		</thead>`;
     }
 }
-exports.SealiousItemListPage = SealiousItemListPage;
+exports.ListPage = ListPage;
 //# sourceMappingURL=list.js.map

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

@@ -52,13 +52,13 @@ class MountableWithFields extends mountable_1.Mountable {
         return { valid, field_errors, form_messages };
     }
     renderControls(fctx) {
-        return tempstream_1.tempstream /* HTML */ `${this.controls.map((control) => control.render(fctx))}`;
+        return (0, tempstream_1.tempstream /* HTML */) `${this.controls.map((control) => control.render(fctx))}`;
     }
     async renderError(_, error) {
         return error.message;
     }
     renderMessages(_, data) {
-        return tempstream_1.tempstream /* HTML */ `<div class="form-messages">
+        return (0, tempstream_1.tempstream /* HTML */) `<div class="form-messages">
 			${data.messages.map((message) => `<div class="form-message form-message--${message.type}">${message.text}</div>`)}
 		</div>`;
     }

package/lib/page/page.js

@@ -20,7 +20,7 @@ class Page extends mountable_with_fields_1.MountableWithFields {
         return { canAccess: true, message: "" };
     }
     async renderError(_, error) {
-        return tempstream_1.tempstream /* HTML */ `<div>${error.message}</div>`;
+        return (0, tempstream_1.tempstream /* HTML */) `<div>${error.message}</div>`;
     }
     async extractRawValues(ctx) {
         return this.propsParser.decode(ctx) || {};