@sealcode/sealgen 0.18.8 → 0.19.0

package/@types/forms/fields/url.d.ts

@@ -0,0 +1,6 @@
+import { FormControlContext } from "../controls/form-control.js";
+import { TextBasedSimpleField } from "./simple-form-field.js";
+export declare class URLField<Required extends boolean> extends TextBasedSimpleField<Required> {
+    constructor(required: Required);
+    getSealiousCreateValue(fctx: FormControlContext): Promise<string | null>;
+}

package/@types/forms/form-types.d.sync-conflict-20250918-222045-TFDLWFG.ts

@@ -0,0 +1,26 @@
+import { FilePointer } from "@sealcode/file-manager";
+import type { FlatTemplatable } from "tempstream";
+import type { FormField } from "./fields/field.js";
+export type FormDataPrimitive = string | string[] | number | undefined | FilePointer;
+export type FormDataValue = FormDataPrimitive | Record<string, FormDataPrimitive>;
+export type FieldValueType<F extends FormField> = F extends FormField<infer R> ? R : never;
+export type FormFieldsToValues<F extends Record<string, FormField<boolean, keyof F>>> = {
+    [Property in keyof F]: FieldValueType<F[Property]>;
+};
+export type FormMessage = {
+    type: "info" | "success" | "error";
+    text: string;
+};
+export type FormData<Fieldnames extends string = string> = {
+    raw_values: Record<Fieldnames, FormDataValue>;
+    messages: FormMessage[];
+};
+export type FormReaction = {
+    action: "stay";
+    content: FlatTemplatable;
+    messages?: FormMessage[];
+} | {
+    action: "redirect";
+    url: string;
+    messages?: FormMessage[];
+};

package/@types/forms/form-types.d.ts

@@ -1,6 +1,7 @@
 import { FilePointer } from "@sealcode/file-manager";
 import type { FlatTemplatable } from "tempstream";
 import type { FormField } from "./fields/field.js";
+import { FieldMessages } from "./controls/form-control.js";
 export type FormDataPrimitive = string | string[] | number | undefined | FilePointer;
 export type FormDataValue = FormDataPrimitive | Record<string, FormDataPrimitive>;
 export type FieldValueType<F extends FormField> = F extends FormField<infer R> ? R : never;
@@ -14,6 +15,7 @@ export type FormMessage = {
 export type FormData<Fieldnames extends string = string> = {
     raw_values: Record<Fieldnames, FormDataValue>;
     messages: FormMessage[];
+    field_messages: FieldMessages<Fieldnames>;
 };
 export type FormReaction = {
     action: "stay";

package/@types/forms/form.d.sync-conflict-20250918-184315-TFDLWFG.ts

@@ -0,0 +1,32 @@
+import { Context } from "koa";
+import Router from "@koa/router";
+import { FormData, FormDataValue, FormMessage, FormReaction } from "./form-types.js";
+import { Fields, MountableWithFields, PageErrorMessage } from "../page/mountable-with-fields.js";
+import { Readable } from "stream";
+import { FormField } from "../index.js";
+export declare abstract class Form<F extends Fields, SubmitResult> extends MountableWithFields<F> {
+    defaultSuccessMessage: string;
+    submitButtonText: string;
+    action: string;
+    useTurbo: boolean;
+    form_id: string;
+    canAccess(_: Context): Promise<{
+        canAccess: boolean;
+        message: string;
+    }>;
+    renderError(_: Context, error: PageErrorMessage): Promise<JSX.Element | Readable>;
+    makeSubmitButton(): JSX.Element;
+    render(ctx: Context, data: FormData, show_field_errors: boolean): Promise<JSX.Element | Readable>;
+    makeFormClasses(_ctx: Context): Promise<string[]>;
+    makeOpenFormTag(ctx: Context): JSX.Element;
+    makeCloseFormTag(): JSX.Element;
+    onValuesInvalid(ctx: Context, form_messages: FormMessage[], _field_errors: Partial<Record<keyof Fields, string>>): Promise<FormReaction>;
+    onError(ctx: Context, data: FormData, error: unknown): Promise<FormReaction>;
+    abstract onSubmit(ctx: Context, data: FormData): SubmitResult | Promise<SubmitResult>;
+    onSuccess(ctx: Context, _data: FormData, _submitResult: SubmitResult): Promise<FormReaction>;
+    getRawValuesOnSuccess(ctx: Context): Promise<Record<string, FormDataValue>>;
+    handlePost(ctx: Context): Promise<FormReaction>;
+    mount(router: Router, path: string): void;
+    extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
+    static initFieldNames(fields: Record<string, FormField>): void;
+}

package/@types/forms/form.d.sync-conflict-20250918-222049-TFDLWFG.ts

@@ -0,0 +1,32 @@
+import { Context } from "koa";
+import Router from "@koa/router";
+import { FormData, FormDataValue, FormMessage, FormReaction } from "./form-types.js";
+import { Fields, MountableWithFields, PageErrorMessage } from "../page/mountable-with-fields.js";
+import { Readable } from "stream";
+import { FormField } from "../index.js";
+export declare abstract class Form<F extends Fields, SubmitResult> extends MountableWithFields<F> {
+    defaultSuccessMessage: string;
+    submitButtonText: string;
+    action: string;
+    useTurbo: boolean;
+    form_id: string;
+    canAccess(_: Context): Promise<{
+        canAccess: boolean;
+        message: string;
+    }>;
+    renderError(_: Context, error: PageErrorMessage): Promise<JSX.Element | Readable>;
+    makeSubmitButton(): JSX.Element;
+    render(ctx: Context, data: FormData, show_field_errors: boolean): Promise<JSX.Element | Readable>;
+    makeFormClasses(_ctx: Context): Promise<string[]>;
+    makeOpenFormTag(ctx: Context): JSX.Element;
+    makeCloseFormTag(): JSX.Element;
+    onValuesInvalid(ctx: Context, form_messages: FormMessage[], _field_errors: Partial<Record<keyof Fields, string>>): Promise<FormReaction>;
+    onError(ctx: Context, data: FormData, error: unknown): Promise<FormReaction>;
+    abstract onSubmit(ctx: Context, data: FormData): SubmitResult | Promise<SubmitResult>;
+    onSuccess(ctx: Context, _data: FormData, _submitResult: SubmitResult): Promise<FormReaction>;
+    getRawValuesOnSuccess(ctx: Context): Promise<Record<string, FormDataValue>>;
+    handlePost(ctx: Context): Promise<FormReaction>;
+    mount(router: Router, path: string): void;
+    extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
+    static initFieldNames(fields: Record<string, FormField>): void;
+}

package/@types/forms/form.d.ts

@@ -1,8 +1,10 @@
 import { Context } from "koa";
 import Router from "@koa/router";
-import { FlatTemplatable } from "tempstream";
 import { FormData, FormDataValue, FormMessage, FormReaction } from "./form-types.js";
 import { Fields, MountableWithFields, PageErrorMessage } from "../page/mountable-with-fields.js";
+import { Readable } from "stream";
+import { FormField } from "../index.js";
+import { FieldMessages } from "./controls/form-control.js";
 export declare abstract class Form<F extends Fields, SubmitResult> extends MountableWithFields<F> {
     defaultSuccessMessage: string;
     submitButtonText: string;
@@ -13,13 +15,13 @@ export declare abstract class Form<F extends Fields, SubmitResult> extends Mount
         canAccess: boolean;
         message: string;
     }>;
-    renderError(_: Context, error: PageErrorMessage): Promise<FlatTemplatable>;
-    makeSubmitButton(): FlatTemplatable;
-    render(ctx: Context, data: FormData, show_field_errors: boolean): Promise<FlatTemplatable>;
+    renderError(_: Context, error: PageErrorMessage): Promise<JSX.Element | Readable>;
+    makeSubmitButton(): JSX.Element;
+    render(ctx: Context, data: FormData, show_field_errors: boolean): Promise<JSX.Element | Readable>;
     makeFormClasses(_ctx: Context): Promise<string[]>;
-    makeOpenFormTag(ctx: Context): FlatTemplatable;
-    makeCloseFormTag(): FlatTemplatable;
-    onValuesInvalid(ctx: Context, form_messages: FormMessage[], _field_errors: Partial<Record<keyof Fields, string>>): Promise<FormReaction>;
+    makeOpenFormTag(ctx: Context): JSX.Element;
+    makeCloseFormTag(): JSX.Element;
+    onValuesInvalid(ctx: Context, form_messages: FormMessage[], field_errors: FieldMessages<keyof Fields>): Promise<FormReaction>;
     onError(ctx: Context, data: FormData, error: unknown): Promise<FormReaction>;
     abstract onSubmit(ctx: Context, data: FormData): SubmitResult | Promise<SubmitResult>;
     onSuccess(ctx: Context, _data: FormData, _submitResult: SubmitResult): Promise<FormReaction>;
@@ -27,4 +29,5 @@ export declare abstract class Form<F extends Fields, SubmitResult> extends Mount
     handlePost(ctx: Context): Promise<FormReaction>;
     mount(router: Router, path: string): void;
     extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
+    static initFieldNames(fields: Record<string, FormField>): void;
 }

package/@types/forms/form.sync-conflict-20250918-222049-TFDLWFG.d.ts

@@ -0,0 +1,33 @@
+import { Context } from "koa";
+import Router from "@koa/router";
+import { FormData, FormDataValue, FormMessage, FormReaction } from "./form-types.js";
+import { Fields, MountableWithFields, PageErrorMessage } from "../page/mountable-with-fields.js";
+import { Readable } from "stream";
+import { FormField } from "../index.js";
+import { FieldMessages } from "./controls/form-control.js";
+export declare abstract class Form<F extends Fields, SubmitResult> extends MountableWithFields<F> {
+    defaultSuccessMessage: string;
+    submitButtonText: string;
+    action: string;
+    useTurbo: boolean;
+    form_id: string;
+    canAccess(_: Context): Promise<{
+        canAccess: boolean;
+        message: string;
+    }>;
+    renderError(_: Context, error: PageErrorMessage): Promise<JSX.Element | Readable>;
+    makeSubmitButton(): JSX.Element;
+    render(ctx: Context, data: FormData, show_field_errors: boolean): Promise<JSX.Element | Readable>;
+    makeFormClasses(_ctx: Context): Promise<string[]>;
+    makeOpenFormTag(ctx: Context): JSX.Element;
+    makeCloseFormTag(): JSX.Element;
+    onValuesInvalid(ctx: Context, form_messages: FormMessage[], field_errors: FieldMessages<keyof Fields>): Promise<FormReaction>;
+    onError(ctx: Context, data: FormData, error: unknown): Promise<FormReaction>;
+    abstract onSubmit(ctx: Context, data: FormData): SubmitResult | Promise<SubmitResult>;
+    onSuccess(ctx: Context, _data: FormData, _submitResult: SubmitResult): Promise<FormReaction>;
+    getRawValuesOnSuccess(ctx: Context): Promise<Record<string, FormDataValue>>;
+    handlePost(ctx: Context): Promise<FormReaction>;
+    mount(router: Router, path: string): void;
+    extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
+    static initFieldNames(fields: Record<string, FormField>): void;
+}

package/@types/forms/form.test.d.sync-conflict-20250918-184318-TFDLWFG.ts

@@ -0,0 +1,6 @@
+import { Controls, Fields, Form, Mountable } from "../index.js";
+declare const fields: {
+    text: Fields.TextBasedSimpleField<true, Controls.SimpleInput<string | null, import("./controls/simple-input.js").SimpleInputOptions>>;
+};
+export declare function form_factory(canAccessFun?: Mountable["canAccess"]): Form<typeof fields, void>;
+export {};

package/@types/forms/form.test.d.sync-conflict-20250918-222047-TFDLWFG.ts

@@ -0,0 +1,6 @@
+import { Controls, Fields, Form, Mountable } from "../index.js";
+declare const fields: {
+    text: Fields.TextBasedSimpleField<true, Controls.SimpleInput<string | null, import("./controls/simple-input.js").SimpleInputOptions>>;
+};
+export declare function form_factory(canAccessFun?: Mountable["canAccess"]): Form<typeof fields, void>;
+export {};

package/@types/forms/form.test.d.ts

@@ -1,6 +1,6 @@
-import { Fields, Form, Mountable } from "../index.js";
+import { Controls, Fields, Form, Mountable } from "../index.js";
 declare const fields: {
-    text: Fields.SimpleFormField<true>;
+    text: Fields.TextBasedSimpleField<true, Controls.SimpleInput<import("./controls/simple-input.js").SimpleInputOptions>>;
 };
 export declare function form_factory(canAccessFun?: Mountable["canAccess"]): Form<typeof fields, void>;
 export {};

package/@types/forms/multiform.d.sync-conflict-20250918-184308-TFDLWFG.ts

@@ -0,0 +1,23 @@
+import Router from "@koa/router";
+import { Context } from "koa";
+import { FlatTemplatable } from "tempstream";
+import { Fields, MountableWithFields } from "../page/mountable-with-fields.js";
+import type { FormDataValue, FormMessage } from "./form-types.js";
+import { Form } from "./form.js";
+export declare class Multiform extends MountableWithFields {
+    controls: never[];
+    name: string;
+    forms: Record<string, Form<Fields, unknown>>;
+    init(): void;
+    extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
+    canAccess(): Promise<{
+        canAccess: boolean;
+        message: string;
+    }>;
+    getSubformsToRender(ctx: Context): Array<readonly [string, Form<any, unknown>]>;
+    renderSubform(ctx: Context, sub_form_name: string, show_field_errors: boolean): Promise<FlatTemplatable>;
+    getSubformRawValues(ctx: Context, sub_form_name: string): Promise<Record<string, FormDataValue>>;
+    render(ctx: Context, messages: FormMessage[], prerenderedForms: Record<string, FlatTemplatable | undefined> | undefined, show_field_errors: boolean): Promise<FlatTemplatable>;
+    makeBottomScript(): string;
+    mount(router: Router, path: string): void;
+}

package/@types/forms/multiform.d.ts

@@ -17,7 +17,7 @@ export declare class Multiform extends MountableWithFields {
     getSubformsToRender(ctx: Context): Array<readonly [string, Form<any, unknown>]>;
     renderSubform(ctx: Context, sub_form_name: string, show_field_errors: boolean): Promise<FlatTemplatable>;
     getSubformRawValues(ctx: Context, sub_form_name: string): Promise<Record<string, FormDataValue>>;
-    render(ctx: Context, messages: FormMessage[], prerenderedForms: Record<string, import("tempstream/@types/stringify.js").Stringifiable | undefined> | undefined, show_field_errors: boolean): Promise<FlatTemplatable>;
+    render(ctx: Context, messages: FormMessage[], prerenderedForms: Record<string, FlatTemplatable | undefined> | undefined, show_field_errors: boolean): Promise<FlatTemplatable>;
     makeBottomScript(): string;
     mount(router: Router, path: string): void;
 }

package/@types/forms/multiform.sync-conflict-20250918-222044-TFDLWFG.d.ts

@@ -0,0 +1,23 @@
+import Router from "@koa/router";
+import { Context } from "koa";
+import { FlatTemplatable } from "tempstream";
+import { Fields, MountableWithFields } from "../page/mountable-with-fields.js";
+import type { FormDataValue, FormMessage } from "./form-types.js";
+import { Form } from "./form.js";
+export declare class Multiform extends MountableWithFields {
+    controls: never[];
+    name: string;
+    forms: Record<string, Form<Fields, unknown>>;
+    init(): void;
+    extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
+    canAccess(): Promise<{
+        canAccess: boolean;
+        message: string;
+    }>;
+    getSubformsToRender(ctx: Context): Array<readonly [string, Form<any, unknown>]>;
+    renderSubform(ctx: Context, sub_form_name: string, show_field_errors: boolean): Promise<FlatTemplatable>;
+    getSubformRawValues(ctx: Context, sub_form_name: string): Promise<Record<string, FormDataValue>>;
+    render(ctx: Context, messages: FormMessage[], prerenderedForms: Record<string, FlatTemplatable | undefined> | undefined, show_field_errors: boolean): Promise<FlatTemplatable>;
+    makeBottomScript(): string;
+    mount(router: Router, path: string): void;
+}

package/@types/index.d.sync-conflict-20250918-184316-TFDLWFG.ts

@@ -0,0 +1,46 @@
+export * as Controls from "./forms/controls/controls.js";
+export * from "./forms/fields/field.js";
+export * as Fields from "./forms/fields/fields.js";
+export * from "./page/mountable.js";
+export * from "./page/page.js";
+export * from "./page/stateful-page.js";
+export * from "./forms/form-types.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";
+export * from "./forms/fields/get-field-for-sealious.js";
+import { Context } from "koa";
+import { Readable } from "node:stream";
+export interface HTMLOptions {
+    morphing?: boolean;
+}
+export interface HTMLHeadOptions {
+    ctx: Context;
+    title: string | Promise<string | Readable>;
+    htmlOptions: Partial<HTMLOptions>;
+    metaImage?: string;
+    canonicalPath?: string;
+    css_clumps: string[];
+    description: string;
+}
+export interface HTMLArgs {
+    ctx: Context;
+    title: string | Promise<string>;
+    body: string | Promise<string> | Readable;
+    htmlOptions?: Partial<HTMLOptions>;
+    makeHead?: (args: HTMLHeadOptions) => string | Promise<string> | Readable | Promise<Readable>;
+    metaImage?: string;
+    canonicalPath?: string;
+    css_clumps?: string[];
+    description: string;
+    hideNavigation?: boolean;
+}
+export type HTMLFunc = (args: HTMLArgs) => Readable | Promise<Readable>;

package/@types/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" resolution-mode="require"/>
 export * as Controls from "./forms/controls/controls.js";
 export * from "./forms/fields/field.js";
 export * as Fields from "./forms/fields/fields.js";
@@ -17,6 +16,7 @@ export * from "./forms/multiform.js";
 export * as Components from "./components/components.js";
 export * from "./mount.js";
 export * from "./page/default-list-filters.js";
+export * from "./forms/fields/get-field-for-sealious.js";
 import { Context } from "koa";
 import { Readable } from "node:stream";
 export interface HTMLOptions {
@@ -34,7 +34,7 @@ export interface HTMLHeadOptions {
 export interface HTMLArgs {
     ctx: Context;
     title: string | Promise<string>;
-    body: string | Promise<string>;
+    body: string | Promise<string> | Readable;
     htmlOptions?: Partial<HTMLOptions>;
     makeHead?: (args: HTMLHeadOptions) => string | Promise<string> | Readable | Promise<Readable>;
     metaImage?: string;

package/@types/mount.d.sync-conflict-20250918-184320-TFDLWFG.ts

@@ -0,0 +1,6 @@
+import Router from "@koa/router";
+import { FileManager } from "@sealcode/file-manager";
+import { Mountable } from "./page/mountable.js";
+export declare function mount(router: Router, url: string | {
+    rawURL: string;
+}, mountable: Mountable, use_dummy_app?: boolean, file_manager?: FileManager | undefined): void;

package/@types/page/list.d.sync-conflict-20250918-184318-TFDLWFG.ts

@@ -0,0 +1,48 @@
+import { Context } from "koa";
+import { Templatable, FlatTemplatable } from "tempstream";
+import { Page } from "./page.js";
+import { ShapeToType } from "@sealcode/ts-predicates";
+import { FormControl } from "../forms/controls/controls.js";
+import { FormField } from "../forms/fields/field.js";
+import { NumberField } from "../forms/fields/number.js";
+import { TextBasedSimpleField } from "../forms/fields/simple-form-field.js";
+import { FormDataValue } from "../forms/form-types.js";
+export declare const BasePagePropsShape: {};
+export type BasePageProps = ShapeToType<typeof BasePagePropsShape>;
+export declare const DEFAULT_ITEMS_PER_PAGE = 12;
+export declare const BaseListPageFields: {
+    readonly page: NumberField<1, false>;
+    readonly itemsPerPage: NumberField<12, false>;
+    readonly sort: TextBasedSimpleField<false, import("../forms/controls/simple-input.js").SimpleInput<string | null, import("../forms/controls/simple-input.js").SimpleInputOptions>>;
+};
+export type ListSort = {
+    field: string;
+    order: "asc" | "desc";
+};
+export declare abstract class ListPage<ItemType, F extends typeof BaseListPageFields> extends Page<F> {
+    abstract getItems(ctx: Context, page: number, itemsPerPage: number | null, values: Record<string, FormDataValue>): Promise<ItemType[]>;
+    abstract getTotalPages(ctx: Context, itemsPerPage: number, values: Record<string, FormDataValue>): Promise<number>;
+    abstract renderItem(ctx: Context, item: ItemType, index: number): Promise<FlatTemplatable>;
+    filterFields: Record<string, FormField>;
+    filterControls: FormControl[];
+    init(): void;
+    renderListContainer(_: Context, content: Templatable): FlatTemplatable;
+    getPaginationConfig(ctx: Context): Promise<{
+        page: number;
+        itemsPerPage: number | null;
+    }>;
+    renderItems(ctx: Context, values?: Record<string, FormDataValue>, items?: ItemType[]): Promise<FlatTemplatable>;
+    renderPagination(ctx: Context, values: Record<string, FormDataValue>): Promise<FlatTemplatable>;
+    private renderPageButton;
+    getFilterValues(ctx: Context): Promise<Record<string, unknown>>;
+    getSort(ctx: Context): Promise<ListSort | null>;
+    makeSortLink(ctx: Context, field: string, order: "asc" | "desc" | null): string;
+    renderFilters(ctx: Context): Promise<FlatTemplatable>;
+    renderHeading(ctx: Context, field: string, label?: string): Promise<FlatTemplatable>;
+    getDefaultSort(_: Context): ListSort | null;
+    renderTableHead(ctx: Context, fields: {
+        field: string;
+        label?: string;
+    }[]): FlatTemplatable;
+    render(ctx: Context): Promise<FlatTemplatable>;
+}

package/@types/page/list.d.sync-conflict-20250918-222046-TFDLWFG.ts

@@ -0,0 +1,48 @@
+import { Context } from "koa";
+import { Templatable, FlatTemplatable } from "tempstream";
+import { Page } from "./page.js";
+import { ShapeToType } from "@sealcode/ts-predicates";
+import { FormControl } from "../forms/controls/controls.js";
+import { FormField } from "../forms/fields/field.js";
+import { NumberField } from "../forms/fields/number.js";
+import { TextBasedSimpleField } from "../forms/fields/simple-form-field.js";
+import { FormDataValue } from "../forms/form-types.js";
+export declare const BasePagePropsShape: {};
+export type BasePageProps = ShapeToType<typeof BasePagePropsShape>;
+export declare const DEFAULT_ITEMS_PER_PAGE = 12;
+export declare const BaseListPageFields: {
+    readonly page: NumberField<1, false>;
+    readonly itemsPerPage: NumberField<12, false>;
+    readonly sort: TextBasedSimpleField<false, import("../forms/controls/simple-input.js").SimpleInput<string | null, import("../forms/controls/simple-input.js").SimpleInputOptions>>;
+};
+export type ListSort = {
+    field: string;
+    order: "asc" | "desc";
+};
+export declare abstract class ListPage<ItemType, F extends typeof BaseListPageFields> extends Page<F> {
+    abstract getItems(ctx: Context, page: number, itemsPerPage: number | null, values: Record<string, FormDataValue>): Promise<ItemType[]>;
+    abstract getTotalPages(ctx: Context, itemsPerPage: number, values: Record<string, FormDataValue>): Promise<number>;
+    abstract renderItem(ctx: Context, item: ItemType, index: number): Promise<FlatTemplatable>;
+    filterFields: Record<string, FormField>;
+    filterControls: FormControl[];
+    init(): void;
+    renderListContainer(_: Context, content: Templatable): FlatTemplatable;
+    getPaginationConfig(ctx: Context): Promise<{
+        page: number;
+        itemsPerPage: number | null;
+    }>;
+    renderItems(ctx: Context, values?: Record<string, FormDataValue>, items?: ItemType[]): Promise<FlatTemplatable>;
+    renderPagination(ctx: Context, values: Record<string, FormDataValue>): Promise<FlatTemplatable>;
+    private renderPageButton;
+    getFilterValues(ctx: Context): Promise<Record<string, unknown>>;
+    getSort(ctx: Context): Promise<ListSort | null>;
+    makeSortLink(ctx: Context, field: string, order: "asc" | "desc" | null): string;
+    renderFilters(ctx: Context): Promise<FlatTemplatable>;
+    renderHeading(ctx: Context, field: string, label?: string): Promise<FlatTemplatable>;
+    getDefaultSort(_: Context): ListSort | null;
+    renderTableHead(ctx: Context, fields: {
+        field: string;
+        label?: string;
+    }[]): FlatTemplatable;
+    render(ctx: Context): Promise<FlatTemplatable>;
+}

package/@types/page/list.d.ts

@@ -5,7 +5,7 @@ import { ShapeToType } from "@sealcode/ts-predicates";
 import { FormControl } from "../forms/controls/controls.js";
 import { FormField } from "../forms/fields/field.js";
 import { NumberField } from "../forms/fields/number.js";
-import { SimpleFormField } from "../forms/fields/simple-form-field.js";
+import { TextBasedSimpleField } from "../forms/fields/simple-form-field.js";
 import { FormDataValue } from "../forms/form-types.js";
 export declare const BasePagePropsShape: {};
 export type BasePageProps = ShapeToType<typeof BasePagePropsShape>;
@@ -13,7 +13,7 @@ export declare const DEFAULT_ITEMS_PER_PAGE = 12;
 export declare const BaseListPageFields: {
     readonly page: NumberField<1, false>;
     readonly itemsPerPage: NumberField<12, false>;
-    readonly sort: SimpleFormField<false>;
+    readonly sort: TextBasedSimpleField<false, import("../forms/controls/simple-input.js").SimpleInput<import("../forms/controls/simple-input.js").SimpleInputOptions>>;
 };
 export type ListSort = {
     field: string;

package/@types/page/list.sync-conflict-20250918-222048-TFDLWFG.d.ts

@@ -0,0 +1,48 @@
+import { Context } from "koa";
+import { Templatable, FlatTemplatable } from "tempstream";
+import { Page } from "./page.js";
+import { ShapeToType } from "@sealcode/ts-predicates";
+import { FormControl } from "../forms/controls/controls.js";
+import { FormField } from "../forms/fields/field.js";
+import { NumberField } from "../forms/fields/number.js";
+import { TextBasedSimpleField } from "../forms/fields/simple-form-field.js";
+import { FormDataValue } from "../forms/form-types.js";
+export declare const BasePagePropsShape: {};
+export type BasePageProps = ShapeToType<typeof BasePagePropsShape>;
+export declare const DEFAULT_ITEMS_PER_PAGE = 12;
+export declare const BaseListPageFields: {
+    readonly page: NumberField<1, false>;
+    readonly itemsPerPage: NumberField<12, false>;
+    readonly sort: TextBasedSimpleField<false, import("../forms/controls/simple-input.js").SimpleInput<import("../forms/controls/simple-input.js").SimpleInputOptions>>;
+};
+export type ListSort = {
+    field: string;
+    order: "asc" | "desc";
+};
+export declare abstract class ListPage<ItemType, F extends typeof BaseListPageFields> extends Page<F> {
+    abstract getItems(ctx: Context, page: number, itemsPerPage: number | null, values: Record<string, FormDataValue>): Promise<ItemType[]>;
+    abstract getTotalPages(ctx: Context, itemsPerPage: number, values: Record<string, FormDataValue>): Promise<number>;
+    abstract renderItem(ctx: Context, item: ItemType, index: number): Promise<FlatTemplatable>;
+    filterFields: Record<string, FormField>;
+    filterControls: FormControl[];
+    init(): void;
+    renderListContainer(_: Context, content: Templatable): FlatTemplatable;
+    getPaginationConfig(ctx: Context): Promise<{
+        page: number;
+        itemsPerPage: number | null;
+    }>;
+    renderItems(ctx: Context, values?: Record<string, FormDataValue>, items?: ItemType[]): Promise<FlatTemplatable>;
+    renderPagination(ctx: Context, values: Record<string, FormDataValue>): Promise<FlatTemplatable>;
+    private renderPageButton;
+    getFilterValues(ctx: Context): Promise<Record<string, unknown>>;
+    getSort(ctx: Context): Promise<ListSort | null>;
+    makeSortLink(ctx: Context, field: string, order: "asc" | "desc" | null): string;
+    renderFilters(ctx: Context): Promise<FlatTemplatable>;
+    renderHeading(ctx: Context, field: string, label?: string): Promise<FlatTemplatable>;
+    getDefaultSort(_: Context): ListSort | null;
+    renderTableHead(ctx: Context, fields: {
+        field: string;
+        label?: string;
+    }[]): FlatTemplatable;
+    render(ctx: Context): Promise<FlatTemplatable>;
+}

package/@types/page/mountable-with-fields.d.sync-conflict-20250918-184321-TFDLWFG.ts

@@ -0,0 +1,42 @@
+import { ShapeToType } from "@sealcode/ts-predicates";
+import { Context } from "koa";
+import { FlatTemplatable } from "tempstream";
+import { FormControl, FormControlContext } from "../forms/controls/form-control.js";
+import type { FieldsToShape, FormField } from "../forms/fields/field.js";
+import type { FormDataValue, FormMessage, FormData } from "../forms/form-types.js";
+import { Mountable } from "./mountable.js";
+export type PageErrorMessage = {
+    type: "access" | "internal";
+    message: string;
+};
+export type Fields = Record<string, FormField<boolean, any>>;
+type Resolved<T> = T extends Promise<infer X> ? X : never;
+type ParsedValue<T extends FormField> = Resolved<ReturnType<T["getParsedValue"]>>["parsed"];
+export declare abstract class MountableWithFields<F extends Fields = Fields> extends Mountable {
+    fields: F;
+    field_names_prefix: string;
+    form_id: string;
+    abstract controls: FormControl[];
+    constructor();
+    init(): void;
+    makeFormControlContext(ctx: Context, data: FormData, validate: boolean, field_name_prefix?: string, form_id?: string): FormControlContext;
+    validateValues(_ctx: Context, _data: Record<string, FormDataValue>): Promise<{
+        valid: boolean;
+        error: string;
+    }>;
+    getInitialValues(_ctx: Context): Promise<Record<string, FormDataValue>>;
+    validate(ctx: Context, values: Record<string, FormDataValue>): Promise<{
+        valid: boolean;
+        field_errors: Partial<Record<keyof Fields, string>>;
+        form_messages: FormMessage[];
+    }>;
+    renderControls(fctx: FormControlContext): FlatTemplatable;
+    renderError(_: Context, error: PageErrorMessage): Promise<FlatTemplatable>;
+    renderMessages(_: Context, data: FormData<keyof Fields>): FlatTemplatable;
+    abstract extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
+    getParsedValues(ctx: Context): Promise<{
+        [field in keyof F]: F[field] extends FormField<true> ? Exclude<ParsedValue<F[field]>, null> : ParsedValue<F[field]>;
+    }>;
+    getDatabaseValues(ctx: Context): Promise<ShapeToType<FieldsToShape<F>>>;
+}
+export {};

package/@types/page/mountable-with-fields.d.sync-conflict-20250918-222046-TFDLWFG.ts

@@ -0,0 +1,42 @@
+import { ShapeToType } from "@sealcode/ts-predicates";
+import { Context } from "koa";
+import { FlatTemplatable } from "tempstream";
+import { FormControl, FormControlContext } from "../forms/controls/form-control.js";
+import type { FieldsToShape, FormField } from "../forms/fields/field.js";
+import type { FormDataValue, FormMessage, FormData } from "../forms/form-types.js";
+import { Mountable } from "./mountable.js";
+export type PageErrorMessage = {
+    type: "access" | "internal";
+    message: string;
+};
+export type Fields = Record<string, FormField<boolean, any>>;
+type Resolved<T> = T extends Promise<infer X> ? X : never;
+type ParsedValue<T extends FormField> = Resolved<ReturnType<T["getParsedValue"]>>["parsed"];
+export declare abstract class MountableWithFields<F extends Fields = Fields> extends Mountable {
+    fields: F;
+    field_names_prefix: string;
+    form_id: string;
+    abstract controls: FormControl[];
+    constructor();
+    init(): void;
+    makeFormControlContext(ctx: Context, data: FormData, validate: boolean, field_name_prefix?: string, form_id?: string): FormControlContext;
+    validateValues(_ctx: Context, _data: Record<string, FormDataValue>): Promise<{
+        valid: boolean;
+        error: string;
+    }>;
+    getInitialValues(_ctx: Context): Promise<Record<string, FormDataValue>>;
+    validate(ctx: Context, values: Record<string, FormDataValue>): Promise<{
+        valid: boolean;
+        field_errors: Partial<Record<keyof Fields, string>>;
+        form_messages: FormMessage[];
+    }>;
+    renderControls(fctx: FormControlContext): FlatTemplatable;
+    renderError(_: Context, error: PageErrorMessage): Promise<FlatTemplatable>;
+    renderMessages(_: Context, data: FormData<keyof Fields>): FlatTemplatable;
+    abstract extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
+    getParsedValues(ctx: Context): Promise<{
+        [field in keyof F]: F[field] extends FormField<true> ? Exclude<ParsedValue<F[field]>, null> : ParsedValue<F[field]>;
+    }>;
+    getDatabaseValues(ctx: Context): Promise<ShapeToType<FieldsToShape<F>>>;
+}
+export {};

package/@types/page/mountable-with-fields.d.ts

@@ -1,7 +1,7 @@
 import { ShapeToType } from "@sealcode/ts-predicates";
 import { Context } from "koa";
 import { FlatTemplatable } from "tempstream";
-import { FormControl, FormControlContext } from "../forms/controls/form-control.js";
+import { FieldMessages, FormControl, FormControlContext } from "../forms/controls/form-control.js";
 import type { FieldsToShape, FormField } from "../forms/fields/field.js";
 import type { FormDataValue, FormMessage, FormData } from "../forms/form-types.js";
 import { Mountable } from "./mountable.js";
@@ -11,7 +11,7 @@ export type PageErrorMessage = {
 };
 export type Fields = Record<string, FormField<boolean, any>>;
 type Resolved<T> = T extends Promise<infer X> ? X : never;
-type ParsedValue<T extends FormField> = Resolved<ReturnType<T["getValue"]>>["parsed"];
+type ParsedValue<T extends FormField> = Resolved<ReturnType<T["getParsedValue"]>>["parsed"];
 export declare abstract class MountableWithFields<F extends Fields = Fields> extends Mountable {
     fields: F;
     field_names_prefix: string;
@@ -27,7 +27,7 @@ export declare abstract class MountableWithFields<F extends Fields = Fields> ext
     getInitialValues(_ctx: Context): Promise<Record<string, FormDataValue>>;
     validate(ctx: Context, values: Record<string, FormDataValue>): Promise<{
         valid: boolean;
-        field_errors: Partial<Record<keyof Fields, string>>;
+        field_errors: FieldMessages;
         form_messages: FormMessage[];
     }>;
     renderControls(fctx: FormControlContext): FlatTemplatable;