@sealcode/sealgen 0.19.18 → 0.19.21

package/.xunit

@@ -0,0 +1,77 @@
+<testsuite name="Mocha Tests" tests="75" failures="0" errors="0" skipped="0" timestamp="Mon, 18 May 2026 09:00:42 GMT" time="365.918">
+<testcase classname="add crud test" name="Generate simple sealious crud" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/add-crud.test.js" time="29.991"/>
+<testcase classname="single-reference" name="creates an item list page with working partial string search for text fields" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/add-list-route.test.js" time="26.057"/>
+<testcase classname="add route test" name="creates minimal sealious app and adds a simple route that works" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/add-route.test.js" time="24.718"/>
+<testcase classname="empty test" name="empty test" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/example.test.js" time="0"/>
+<testcase classname="checkboxed-list basic tests" name="sends the values" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/controls/checkboxed-list-input.test.js" time="0.532"/>
+<testcase classname="checkboxed-list basic tests" name="renders the label" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/controls/checkboxed-list-input.test.js" time="0.481"/>
+<testcase classname="checkboxed-list basic tests" name="groups checkboxes based on the value of the &#x27;group&#x27; attribute" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/controls/checkboxed-list-input.test.js" time="0.6"/>
+<testcase classname="checkboxed-list basic tests behavior with (non)required" name="allows to send a form when no value is selected and fiels is not required" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/controls/checkboxed-list-input.test.js" time="0.482"/>
+<testcase classname="checkboxed-list basic tests behavior with (non)required" name="does not allow to send a form when no value is selected and field IS required" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/controls/checkboxed-list-input.test.js" time="0.599"/>
+<testcase classname="checkboxed-list basic tests behavior with (non)required" name="allows to send a form when no value is selected and field IS required" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/controls/checkboxed-list-input.test.js" time="0.602"/>
+<testcase classname="file-control basic tests" name="doesn&#x27;t require image input if it already has old-value" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/controls/file.test.js" time="0.506"/>
+<testcase classname="photo-control basic tests" name="sends the old photo if it wasn&#x27;t changed and it has an initial value" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/controls/image.test.js" time="0.443"/>
+<testcase classname="photo-control basic tests" name="doesn&#x27;t require image input if it already has old-value" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/controls/image.test.js" time="0.444"/>
+<testcase classname="single-reference.test" name="creates minimal sealious app and adds form using single-reference field that works" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/controls/single-reference.test.js" time="24.635"/>
+<testcase classname="boolean field" name="validation logic" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/boolean.test.js" time="0.001"/>
+<testcase classname="boolean field" name="parse function" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/boolean.test.js" time="0"/>
+<testcase classname="email field" name="validation logic" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/email.test.js" time="0.001"/>
+<testcase classname="email field" name="parse function" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/email.test.js" time="0"/>
+<testcase classname="basic field basic tests" name="sends the values" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/field.test.js" time="0.3"/>
+<testcase classname="basic field basic tests" name="Doesn&#x27;t call &#x60;isValueValid&#x60; and &#x60;parse&#x60; if the value is empty" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/field.test.js" time="0.401"/>
+<testcase classname="basic field basic tests" name="Accepts a form where non-required values are empty" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/field.test.js" time="0.484"/>
+<testcase classname="file field" name="should handle as imple upload scenario" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/file.test.js" time="0.47"/>
+<testcase classname="number field" name="validation logic" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/number.test.js" time="0"/>
+<testcase classname="number field" name="parse function" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/number.test.js" time="0"/>
+<testcase classname="pick-from-list field" name="validation logic" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/pick-from-list.test.js" time="0"/>
+<testcase classname="regexp field" name="validation logic" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/regexp.test.js" time="0"/>
+<testcase classname="regexp field" name="parse function" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/fields/regexp.test.js" time="0"/>
+<testcase classname="form test basic tests" name="does not allow to submit an empty form when there&#x27;s a required field" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.623"/>
+<testcase classname="form test basic tests" name="allows to submit a form when all required fields have a value" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.222"/>
+<testcase classname="form test basic tests" name="does not allow submitting an empty form by circumventing HTML-based validation" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.021"/>
+<testcase classname="form test canAccess tests" name="allows visit when configured when canAccess returns true" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.025"/>
+<testcase classname="form test canAccess tests" name="passes the context to canAccess (false case)" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.029"/>
+<testcase classname="form test canAccess tests" name="passes the context to canAccess (true case)" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.023"/>
+<testcase classname="form test canAccess tests declines access when canAccess returns false" name="prevents the form from rendering" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.021"/>
+<testcase classname="form test canAccess tests declines access when canAccess returns false" name="does not allow submitting of the form through axios" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.009"/>
+<testcase classname="form test validation e2e validation message" name="shows up when incorrect input is given" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.304"/>
+<testcase classname="form test validation e2e validation message" name="doesn&#x27;t show when correct input is given" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.667"/>
+<testcase classname="form test validation e2e field specific validation message" name="shows up when incorrect input is given" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.275"/>
+<testcase classname="form test validation e2e field specific validation message" name="doesn&#x27;t show up when correct input is given" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.668"/>
+<testcase classname="form test getInitialValues tests" name="fills the form with values from getInitialValues" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/form.test.js" time="0.062"/>
+<testcase classname="multiform test basic tests turbolinks + js enabled" name="checking whether only one submit handler is run" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.607"/>
+<testcase classname="multiform test basic tests turbolinks + js enabled" name="checking whether the input in the not submitted form prevails" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.007"/>
+<testcase classname="multiform test basic tests turbolinks + js disabled" name="checking whether only one submit handler is run" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.588"/>
+<testcase classname="multiform test basic tests turbolinks + js disabled" name="checking whether the input in the not submitted form prevails" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.008"/>
+<testcase classname="multiform test canAccess allow access to both forms when both canAccess return true" name="check wether it renders" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.498"/>
+<testcase classname="multiform test canAccess allow access to both forms when both canAccess return true" name="check wether you can submit through http (axios)" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.007"/>
+<testcase classname="multiform test canAccess deny access to both forms" name="check wether forms didnt render" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.778"/>
+<testcase classname="multiform test canAccess deny access to both forms" name="check wether it&#x27;s possible to submit through http" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.007"/>
+<testcase classname="multiform test canAccess allow access to one form, deny to the other" name="check wether form1 renders" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.456"/>
+<testcase classname="multiform test canAccess allow access to one form, deny to the other" name="check wether it&#x27;s possible to submit to form1 through http" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.007"/>
+<testcase classname="multiform test canAccess allow access to one form, deny to the other" name="check wether form2 does not render" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.347"/>
+<testcase classname="multiform test canAccess allow access to one form, deny to the other" name="check wether it&#x27;s possible to submit to form2 through http" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.005"/>
+<testcase classname="multiform test validation e2e basic tests" name="js enabled" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="1.434"/>
+<testcase classname="multiform test validation e2e basic tests" name="js disabled" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="1.086"/>
+<testcase classname="multiform test validation e2e field specific validation js enabled" name="validation message shows when incorrect input is given" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.314"/>
+<testcase classname="multiform test validation e2e field specific validation js enabled" name="validation message doesn&#x27;t show when correct input is given" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.658"/>
+<testcase classname="multiform test validation e2e field specific validation js disabled" name="validation message shows when incorrect input is given" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.312"/>
+<testcase classname="multiform test validation e2e field specific validation js disabled" name="validation message doesn&#x27;t show when correct input is given" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/forms/multiform.test.js" time="0.671"/>
+<testcase classname="generate routes" name="handles a url with params" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/generate-routes.test.js" time="0.013"/>
+<testcase classname="generate routes" name="handles polish characters in the url" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/generate-routes.test.js" time="0"/>
+<testcase classname="generate routes" name="handles a url with params and diacritics" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/generate-routes.test.js" time="0.007"/>
+<testcase classname="generate routes" name="sorts routes from most specific first to least specific last, considering directory structure" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/generate-routes.test.js" time="0.001"/>
+<testcase classname="mountable-with-fields" name="properly types the getParsedValues method and respects required status" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/page/mountable-with-fields.test.js" time="0"/>
+<testcase classname="sealious-list test" name="creates minimal sealious app and adds a simple route that works" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/page/sealious-list.test.js" time="26.977"/>
+<testcase classname="stateful page" name="has types that allow for extracting action argument types" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/page/stateful-page.test.js" time="0"/>
+<testcase classname="stateful page" name="handles a basic case with action buttons" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/page/stateful-page.test.js" time="0"/>
+<testcase classname="register-external CLI commands package.json configuration" name="registers external controllers and verifies package.json is updated" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/register-external.test.js" time="18.737"/>
+<testcase classname="register-external CLI commands package.json configuration" name="registers external styles and verifies package.json is updated" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/register-external.test.js" time="19.216"/>
+<testcase classname="register-external CLI commands package.json configuration" name="registers both controllers and styles in the same project" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/register-external.test.js" time="23.32"/>
+<testcase classname="register-external CLI commands package.json configuration" name="handles duplicate registrations gracefully" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/register-external.test.js" time="23.56"/>
+<testcase classname="register-external CLI commands package.json configuration" name="preserves existing sealgen configuration when adding new entries" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/register-external.test.js" time="22.742"/>
+<testcase classname="register-external CLI commands build integration" name="registers external controllers and verifies they are included in build" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/register-external.test.js" time="24.028"/>
+<testcase classname="register-external CLI commands build integration" name="registers external styles and verifies they are included in build" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/register-external.test.js" time="23.41"/>
+<testcase classname="register-external CLI commands build integration" name="registers both external controllers and styles and verifies complete build integration" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/register-external.test.js" time="32.706"/>
+<testcase classname="route form test" name="creates minimal sealious app, adds route with form and fills it" file="/home/kuba/projects/sealcode/superseal/repos/sealgen/lib-instrumented/templates/form.test.js" time="23.018"/>
+</testsuite>

package/@types/add-crud.test.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/controllers/sealgen-table.stimulus.d.ts

@@ -4,6 +4,10 @@ export default class TableController extends Controller {
     tableTarget: HTMLTableElement;
     templateTarget: HTMLTemplateElement;
     getTbody(): HTMLTableSectionElement;
+    getRowIndex(tr: HTMLTableRowElement): number;
     addRow(): void;
-    swapRows(e: MouseEvent): void;
+    swapRows(index_a: number, index_b: number): void;
+    moveUp(e: MouseEvent): void;
+    moveDown(e: MouseEvent): void;
+    reindex(): void;
 }

package/@types/forms/controls/table.d.sync-conflict-20260502-145940-GP5D735.ts

@@ -0,0 +1,39 @@
+import Router from "@koa/router";
+import { Context } from "koa";
+import { FlatTemplatable } from "tempstream";
+import { FormField } from "../fields/field.js";
+import { Table as TableField } from "../fields/table.js";
+import { Form } from "../form.js";
+import { FormControl, FormControlContext } from "./form-control.js";
+export type TableControlOptions<F extends Record<string, FormField>> = {
+    subfield_controls: {
+        [field_name in keyof F]: FormControl;
+    };
+    allow_removing?: boolean;
+    label_add?: string;
+    label: string;
+    label_remove?: string;
+} & ({
+    allow_adding: false;
+} | {
+    allow_adding: true;
+    make_new_row: (ctx: Context) => Promise<{
+        [field_name in keyof F]: unknown;
+    }>;
+});
+export declare const TABLE_COLUMN_FIELD_INDEX_PLACEHOLDER = "TABLE_ROW_INDEX________________";
+export declare class Table<F extends Record<string, FormField>> extends FormControl {
+    table_field: TableField<F>;
+    options: TableControlOptions<F>;
+    role: "input";
+    constructor(table_field: TableField<F>, options: TableControlOptions<F>);
+    render(fctx: FormControlContext): Promise<FlatTemplatable>;
+    getFrameID(): string;
+    getActionURL(field_name: string, action: Record<string, unknown>): string;
+    mount(router: Router, form: Form<any, any>): void;
+    setAllowRemoving(value: boolean): this;
+    setAllowAdding(value: boolean): this;
+    setLabel(value: string): this;
+    setRemoveLabel(value: string): this;
+    setAddLabel(value: string): this;
+}

package/@types/index.d.sync-conflict-20260502-145557-GP5D735.ts

@@ -0,0 +1,47 @@
+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";
+export * from "./forms/controls/form-control.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

@@ -45,3 +45,4 @@ export interface HTMLArgs {
     hideNavigation?: boolean;
 }
 export type HTMLFunc = (args: HTMLArgs) => Readable | Promise<Readable>;
+export type BreadcrumbLabel = string | ((ctx: Context) => Promise<string>);

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

@@ -0,0 +1 @@
+export {};

package/lib/add-crud.js

@@ -60,7 +60,7 @@ async function addCRUD(params, app_directory = process.cwd()) {
 						   {displayFields.map(({ field, format }) => {
 							   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/consistent-type-assertions, @typescript-eslint/no-explicit-any
 							   const value = item.get(field as any);
-							   return <td>{format ? format(value, item) : value}</td>;
+							   return <td data-field-name={field}>{format ? format(value, item) : value}</td>;
 						   })}
                            <td><div class="sealious-list__actions">
                                <a href={${edit_action_name}URL(item.id)}>Edit</a>

package/lib/add-crud.test.js

@@ -0,0 +1,32 @@
+import { RealAppTest } from "./test_utils/test-on-real-app.js";
+import { getBrowser } from "./utils/browser-creator.js";
+describe("add crud test", () => {
+  let page;
+  before(async () => {
+    const browser = await getBrowser();
+    const context = await browser.newContext();
+    page = await context.newPage();
+  });
+  after(async () => {
+    await page.close();
+  });
+  it("Generate simple sealious crud", async function() {
+    const test_app = await RealAppTest.init();
+    const path = "/sample";
+    await test_app.runSealgenCommand(`add-collection --collection_name=sealcode-test`);
+    await test_app.runSealgenCommand(`add-crud --url=${path} --collection=sealcode-test`);
+    await test_app.start();
+    await page.goto(test_app.fullURL(`sample/create/`));
+    const contentInput = page.getByLabel("Content");
+    await contentInput.focus();
+    await contentInput.fill("Hello");
+    await page.locator("[type=submit]").click();
+    await page.locator('[href="/sample/"]').click();
+    const dataFieldNameAttr = await page.getByText("Hello").getAttribute("data-field-name");
+    if (dataFieldNameAttr !== "content") {
+      throw new Error("Generated td element does not have correct data-field-name attribute");
+    }
+    await test_app.close();
+  }).timeout(100 * 1e3);
+});
+//# sourceMappingURL=add-crud.test.js.map

package/lib/core-js.d.js

@@ -0,0 +1 @@
+//# sourceMappingURL=core-js.d.js.map

package/lib/generate-routes.js

@@ -5,8 +5,8 @@ import { walkDir } from "./utils/walk.js";
 import { importPath } from "./utils/import-path.js";
 import { assertType, predicates } from "@sealcode/ts-predicates";
 import { unescape_url_params } from "./utils/escape-url-params.js";
-import { formatWithPrettier } from "./utils/prettier.js";
 import { Templates } from "./templates/templates.js";
+import { formatWithPrettier } from "./utils/prettier.js";
 const target_locreq = _locreq(process.cwd());
 async function extractActionName(full_file_path) {
   const file_content = await fs.readFile(full_file_path, "utf-8");
@@ -49,6 +49,12 @@ function sortRoutes(urls) {
     return encoded1 < encoded2 ? -1 : 1;
   });
 }
+const getPathToBuiltFile = (filePath) => {
+  const rootPath = target_locreq.resolve("");
+  const relativePath = relative(rootPath, filePath);
+  const distPath = relativePath.replace(/^src[\\/]/, "dist/");
+  return distPath.replace(/\.(ts|tsx)$/, ".js");
+};
 async function generateRoutes() {
   const files = await Promise.all(
     (await walkDir(target_locreq.resolve("src/back/routes"))).filter(
@@ -58,6 +64,7 @@ async function generateRoutes() {
     ).map(async (fullpath) => ({
       fullpath,
       actionName: await extractActionName(fullpath),
+      module_path: getPathToBuiltFile(fullpath),
       // 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
       url: unescape_url_params(
         "/" + relative(
@@ -71,7 +78,7 @@ async function generateRoutes() {
     }))
   );
   const url_tree = { children: {} };
-  sortRoutes(files).forEach(({ actionName, url }) => {
+  sortRoutes(files).forEach(({ actionName, url, module_path }) => {
     const elements = url.split("/").filter((e) => e != "");
     let pointer = url_tree;
     for (const [index, element] of elements.entries()) {
@@ -81,6 +88,7 @@ async function generateRoutes() {
       pointer = pointer.children[element];
       if (index == elements.length - 1) {
         pointer.actionName = actionName;
+        pointer.module_path = module_path;
       }
     }
   });
@@ -88,6 +96,7 @@ async function generateRoutes() {
 
 export type URLTree = {
    actionName?: string;
+   module_path?: string;
    children: { [key: string]: URLTree };
 };
 export const url_tree = ${JSON.stringify(url_tree)};

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

@@ -1,3 +1,7 @@
+import regex_escape from "core-js-pure/features/regexp/escape.js";
+console.warn(regex_escape);
+const string = "jedna baba ;) drugiej babie ;)";
+console.warn(regex_escape(string), new RegExp(regex_escape(string)));
 const BooleanListFilter = {
   render: (value, field) => {
     return (
@@ -38,7 +42,7 @@ const SimpleTextFilter = {
     );
   },
   prepareValue: (value) => {
-    return { regex: `.*${value}.*` };
+    return { regex: `.*${regex_escape(value)}.*` };
   }
 };
 const DefaultListFilters = {

package/lib/templates/form.js

@@ -5,10 +5,9 @@ const defaults = {
          import type {FormDataValue} from "@sealcode/sealgen";`,
   get_fields: `()=>(<const>{ password: new Fields.Password(true) })`,
   get_controls: `
-	(fields: ReturnType<typeof getFields>)=>[new Controls.SimpleInput(fields.password, {
-			label: "Password:",
-			type: "password",
-})]`,
+	(fields: ReturnType<typeof getFields>)=>[
+		fields.password?.getControl()
+	]`,
   validate_method: `async validateValues(
 		ctx: Context,
 		data: Record<string, FormDataValue>
@@ -41,13 +40,13 @@ const defaults = {
 async function formTemplate(action_name, _params = defaults) {
   const params = { ...defaults, ..._params };
   const content = `import type { Context } from "koa";
-import type { FormData } from "@sealcode/sealgen";
+import type { FormData, BreadcrumbLabel } from "@sealcode/sealgen";
 import { Form,  Controls } from "@sealcode/sealgen";
 import html from "src/back/html.js";
-
 ${params.postimport}
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 const getFields = ${params.get_fields};
 

package/lib/templates/form.test.js

@@ -0,0 +1,32 @@
+import { expect } from "@playwright/test";
+import { RealAppTest } from "../test_utils/test-on-real-app.js";
+import { getBrowser } from "../utils/browser-creator.js";
+describe("route form test", () => {
+  let page;
+  before(async () => {
+    const browser = await getBrowser();
+    const context = await browser.newContext();
+    page = await context.newPage();
+  });
+  after(async () => {
+    await page.close();
+  });
+  it("creates minimal sealious app, adds route with form and fills it", async function() {
+    const test_app = await RealAppTest.init();
+    const path = "/form-test/";
+    await test_app.runSealgenCommand(`add-route --url=${path} --action=Sample --mode=form`);
+    await test_app.start();
+    const res = await test_app.httpGET(path);
+    if (res.status != 200) {
+      throw new Error("url generated by add-route exists but doesn't return 200");
+    }
+    await page.goto(test_app.fullURL(path));
+    const input = page.locator("#password");
+    await input.focus();
+    await input.fill("abc123");
+    await page.locator("[type=submit]").click();
+    await expect(page.locator("text=Formularz wype\u0142niony poprawnie")).toBeVisible();
+    await test_app.close();
+  }).timeout(100 * 1e3);
+});
+//# sourceMappingURL=form.test.js.map

package/lib/templates/jdd-editor.js

@@ -48,12 +48,15 @@ import type { FieldNames } from "sealious";
 import { TempstreamJSX } from "tempstream";
 import type ${collectionClassName} from "src/back/collections/${collection_name}.js";
 import { EditJDDField } from "@sealcode/jdd-editor";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import html from "src/back/html.js";
 import { registry } from "src/back/jdd-components/registry.js";
 import { makeJDDContext } from "src/back/jdd-context.js";
 import { defaultHead } from "src/back/defaultHead.js";
+import { get_breadcrumbs_from_path } from "src/back/routes/url-tree.js";
 
 export const actionName = "${actionName}";
+export const breadcrumbLabel: BreadcrumbLabel = "${actionName}";
 
 export default new (class JDDCreatePreviewPage extends EditJDDField<${collectionClassName}> {
 	getCollection(ctx: Context) {
@@ -66,9 +69,27 @@ export default new (class JDDCreatePreviewPage extends EditJDDField<${collection
 
 	async renderPreParameterButtons(ctx: Context) {
 		const item = await this.getItem(ctx);
+		const breadcrumbs = get_breadcrumbs_from_path(ctx.path);
+		const lastIdx = breadcrumbs.length - 2;
+		let prev_page = null;
+
+		for (let i = lastIdx; i > -1; i--) {
+			if (breadcrumbs[i]?.actionName) {
+				prev_page = breadcrumbs[i];
+				break;
+			}
+		}
+
 		return (
 			<div>
-			   <h1>Edit ${collection_name}: {item.id}</h1>{" "}
+				{!! prev_page && !!prev_page.url && prev_page.actionName !== undefined ? (
+					<a href={prev_page?.url || ""}>
+	                  \u2190 Back to {prev_page.breadcrumbLabel?.(ctx) ||  prev_page.actionName || ""}
+					</a>
+				) : (
+					""
+				)}
+			   <h1>Edit ${collection_name}: {item.id}</h1>
 			</div>
 		);
 	}

package/lib/templates/long-running-process.js

@@ -5,10 +5,12 @@ async function LongRunningProcessTemplate(action_name, newfilefullpath) {
   return `import { Context } from "koa";
 import { TempstreamJSX } from "tempstream";
 import { Page } from "@sealcode/sealgen";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import html from "${rel("src/back/html.js")}";
 import { LongRunningProcess } from "sealious";
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 export default new (class PatroniteAutoImportStatusPage extends Page {
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars

package/lib/templates/multiform.js

@@ -4,9 +4,11 @@ async function multiformTemplate(action_name, newfilefullpath) {
   return `import { Context } from "koa";
 import html from "${rel("src/back/html.js")}";
 import { Controls, Fields, Form, FormMessage, Multiform } from "@sealcode/sealgen";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import { FlatTemplatable } from "tempstream";
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 const fields1 = {
 	email: new Fields.TextBasedSimpleField(true),

package/lib/templates/page.js

@@ -2,9 +2,11 @@ async function pageTemplate(action_name) {
   return `import type { Context } from "koa";
 import { TempstreamJSX } from "tempstream";
 import { Page } from "@sealcode/sealgen";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import html from "src/back/html.js";
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 export default new (class ${action_name}Page extends Page {
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars

package/lib/templates/post.js

@@ -1,9 +1,11 @@
 async function postTemplate(action_name) {
   return `import type { Context } from "koa";
 import { Mountable } from "@sealcode/sealgen";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import type Router from "@koa/router";
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 export default new (class ${action_name}Redirect extends Mountable {
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars

package/lib/templates/redirect.js

@@ -1,9 +1,11 @@
 async function redirectTemplate(action_name) {
   return `import type { Context } from "koa";
 import { Mountable } from "@sealcode/sealgen";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import type Router from "@koa/router";
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 export default new (class ${action_name}Redirect extends Mountable {
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars

package/lib/templates/shared/collection-list.js

@@ -91,7 +91,7 @@ import type { FlatTemplatable, Templatable } from "tempstream";
 import { TempstreamJSX, tempstream } from "tempstream";
 import { ${uppercase_collection} } from "src/back/collections/collections.js";
 import html from "src/back/html.js";
-import type { ListFilterRender, FormDisplayInfo } from "@sealcode/sealgen";
+import type { ListFilterRender, FormDisplayInfo, BreadcrumbLabel } from "@sealcode/sealgen";
 import {
 	SealiousItemListPage,
 	BaseListPageFields,
@@ -103,6 +103,7 @@ ${hooks.post_import_js}
 ${field_import_string}
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 const filterFields:{
     field: keyof (typeof ${uppercase_collection})["fields"];

package/lib/templates/shared/item-delete.js

@@ -4,6 +4,7 @@ function itemDeleteTemplate(delete_action_name, collection_name, list_action_nam
   const result = `import type { Context } from "koa";
 import { Mountable } from "@sealcode/sealgen";
 import type Router from "@koa/router";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 
 import { ${toPascalCase(collection_name)} } from "${importPath(
     "src/back/collections/collections.js"
@@ -14,6 +15,7 @@ import { ${list_action_name}URL } from "${importPath(
   )}";
 
 export const actionName = "${delete_action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${delete_action_name}";
 
 export default new (class ${delete_action_name}Redirect extends Mountable {
     canAccess = async (ctx: Context) => {

package/lib/templates/stateful-page.js

@@ -5,9 +5,11 @@ async function statefulPageTemplate(action_name, newfilefullpath) {
   return formatWithPrettier(`import { TempstreamJSX, Templatable } from "tempstream";
 import { Context } from "koa";
 import { StatefulPage, StatefulPageActionArgument } from "@sealcode/sealgen";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import html from "${rel("src/back/html.js")}";
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 const actions = {
 	add: ({ state, inputs }: StatefulPageActionArgument<State>) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sealcode/sealgen",
-	"version": "0.19.18",
+	"version": "0.19.21",
 	"description": "Module to automate adding routes and collections to a sealious application",
 	"main": "lib/index.js",
 	"type": "module",
@@ -66,6 +66,7 @@
 		"@sealcode/ts-predicates": "^0.4.3",
 		"chokidar": "^3.6.0",
 		"colord": "^2.9.3",
+		"core-js-pure": "^3.49.0",
 		"country-codes-list": "^2.0.0",
 		"deepmerge": "^4.3.1",
 		"esbuild": "^0.20.0",

package/src/add-crud.test.ts

@@ -0,0 +1,44 @@
+import { Locator, Page } from "playwright";
+import { RealAppTest } from "./test_utils/test-on-real-app.js";
+import { getBrowser } from "./utils/browser-creator.js";
+
+describe("add crud test", () => {
+	let page: Page;
+	before(async () => {
+		const browser = await getBrowser();
+		const context = await browser.newContext();
+		page = await context.newPage();
+	});
+
+	after(async () => {
+		await page.close();
+	});
+
+	it("Generate simple sealious crud", async function () {
+		const test_app = await RealAppTest.init();
+
+		const path = "/sample";
+		await test_app.runSealgenCommand(`add-collection --collection_name=sealcode-test`);
+		await test_app.runSealgenCommand(`add-crud --url=${path} --collection=sealcode-test`);
+		await test_app.start();
+
+		await page.goto(test_app.fullURL(`sample/create/`));
+
+		const contentInput: Locator = page.getByLabel("Content");
+
+		await contentInput.focus();
+		await contentInput.fill("Hello");
+
+		await page.locator("[type=submit]").click();
+		await page.locator('[href="/sample/"]').click();
+
+		const dataFieldNameAttr: string | null = await page
+			.getByText("Hello")
+			.getAttribute("data-field-name");
+
+		if (dataFieldNameAttr !== "content") {
+			throw new Error("Generated td element does not have correct data-field-name attribute");
+		}
+		await test_app.close();
+	}).timeout(100 * 1000);
+});

package/src/add-crud.ts

@@ -71,7 +71,7 @@ export async function addCRUD(
 						   {displayFields.map(({ field, format }) => {
 							   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/consistent-type-assertions, @typescript-eslint/no-explicit-any
 							   const value = item.get(field as any);
-							   return <td>{format ? format(value, item) : value}</td>;
+							   return <td data-field-name={field}>{format ? format(value, item) : value}</td>;
 						   })}
                            <td><div class="sealious-list__actions">
                                <a href={${edit_action_name}URL(item.id)}>Edit</a>

package/src/core-js.d.ts

@@ -0,0 +1,3 @@
+declare module "core-js-pure/features/regexp/escape.js" {
+	export default function regexEscape(input: string): string;
+}

package/src/generate-routes.ts

@@ -5,8 +5,8 @@ import { walkDir } from "./utils/walk.js";
 import { importPath } from "./utils/import-path.js";
 import { assertType, predicates } from "@sealcode/ts-predicates";
 import { unescape_url_params } from "./utils/escape-url-params.js";
-import { formatWithPrettier } from "./utils/prettier.js";
 import { Templates } from "./templates/templates.js";
+import { formatWithPrettier } from "./utils/prettier.js";
 
 const target_locreq = _locreq(process.cwd());
 
@@ -67,6 +67,13 @@ export function sortRoutes<T extends { url: string }>(urls: T[]): T[] {
 	});
 }
 
+const getPathToBuiltFile = (filePath: string) => {
+	const rootPath = target_locreq.resolve("");
+	const relativePath = relative(rootPath, filePath);
+	const distPath = relativePath.replace(/^src[\\/]/, "dist/");
+	return distPath.replace(/\.(ts|tsx)$/, ".js");
+};
+
 export async function generateRoutes(): Promise<void> {
 	const files = await Promise.all(
 		(await walkDir(target_locreq.resolve("src/back/routes")))
@@ -79,6 +86,7 @@ export async function generateRoutes(): Promise<void> {
 			.map(async (fullpath) => ({
 				fullpath,
 				actionName: await extractActionName(fullpath),
+				module_path: getPathToBuiltFile(fullpath),
 				// 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
 				url: unescape_url_params(
 					"/" +
@@ -98,11 +106,12 @@ export async function generateRoutes(): Promise<void> {
 
 	type URLTree = {
 		actionName?: string;
+		module_path?: string;
 		children: { [key: string]: URLTree };
 	};
 
 	const url_tree: URLTree = { children: {} };
-	sortRoutes(files).forEach(({ actionName, url }) => {
+	sortRoutes(files).forEach(({ actionName, url, module_path }) => {
 		const elements = url.split("/").filter((e) => e != "");
 		let pointer: URLTree = url_tree;
 		for (const [index, element] of elements.entries()) {
@@ -113,6 +122,7 @@ export async function generateRoutes(): Promise<void> {
 			if (index == elements.length - 1) {
 				(pointer as unknown as { actionName: string }).actionName =
 					actionName;
+				pointer.module_path = module_path;
 			}
 		}
 	});
@@ -121,6 +131,7 @@ export async function generateRoutes(): Promise<void> {
 
 export type URLTree = {
    actionName?: string;
+   module_path?: string;
    children: { [key: string]: URLTree };
 };
 export const url_tree = ${JSON.stringify(url_tree)};

package/src/index.ts

@@ -52,3 +52,5 @@ export interface HTMLArgs {
 }
 
 export type HTMLFunc = (args: HTMLArgs) => Readable | Promise<Readable>;
+
+export type BreadcrumbLabel = string | ((ctx: Context) => Promise<string>);

package/src/page/default-list-filters.ts

@@ -2,6 +2,7 @@
 import type { Context } from "koa";
 import { Field } from "sealious";
 import { FlatTemplatable } from "tempstream";
+import regex_escape from "core-js-pure/features/regexp/escape.js";
 
 export type ListFilterRender = (
 	value: string,
@@ -27,12 +28,14 @@ export const BooleanListFilter = {
 				</option>
 				<option
 					value=""
-					${value == "null" ||
-					value == "" ||
-					value == "undefined" ||
-					value == undefined
-						? "selected"
-						: ""}
+					${(
+						value == "null" ||
+						value == "" ||
+						value == "undefined" ||
+						value == undefined
+					) ?
+						"selected"
+					:	""}
 				>
 					-
 				</option>
@@ -54,7 +57,7 @@ export const SimpleTextFilter = {
 		</label>`;
 	},
 	prepareValue: (value: string) => {
-		return { regex: `.*${value}.*` };
+		return { regex: `.*${regex_escape(value)}.*` };
 	},
 };
 

package/src/templates/form.test.ts

@@ -0,0 +1,42 @@
+import { Locator, Page } from "playwright";
+import { expect } from "@playwright/test";
+import { RealAppTest } from "../test_utils/test-on-real-app.js";
+import { getBrowser } from "../utils/browser-creator.js";
+
+describe("route form test", () => {
+	let page: Page;
+	before(async () => {
+		const browser = await getBrowser();
+		const context = await browser.newContext();
+		page = await context.newPage();
+	});
+
+	after(async () => {
+		await page.close();
+	});
+
+	it("creates minimal sealious app, adds route with form and fills it", async function () {
+		const test_app = await RealAppTest.init();
+
+		const path = "/form-test/";
+		await test_app.runSealgenCommand(`add-route --url=${path} --action=Sample --mode=form`);
+		await test_app.start();
+		const res = await test_app.httpGET(path);
+
+		if (res.status != 200) {
+			throw new Error("url generated by add-route exists but doesn't return 200");
+		}
+
+		await page.goto(test_app.fullURL(path));
+
+		const input: Locator = page.locator("#password");
+
+		await input.focus();
+		await input.fill("abc123");
+		await page.locator("[type=submit]").click();
+
+		await expect(page.locator("text=Formularz wypełniony poprawnie")).toBeVisible();
+
+		await test_app.close();
+	}).timeout(100 * 1000);
+});

package/src/templates/form.ts

@@ -6,10 +6,9 @@ const defaults = {
          import type {FormDataValue} from "@sealcode/sealgen";`,
 	get_fields: `()=>(<const>{ password: new Fields.Password(true) })`,
 	get_controls: `
-	(fields: ReturnType<typeof getFields>)=>[new Controls.SimpleInput(fields.password, {
-			label: "Password:",
-			type: "password",
-})]`,
+	(fields: ReturnType<typeof getFields>)=>[
+		fields.password?.getControl()
+	]`,
 	validate_method: `async validateValues(
 		ctx: Context,
 		data: Record<string, FormDataValue>
@@ -46,13 +45,13 @@ export async function formTemplate(
 ): Promise<string> {
 	const params = { ...defaults, ..._params };
 	const content = `import type { Context } from "koa";
-import type { FormData } from "@sealcode/sealgen";
+import type { FormData, BreadcrumbLabel } from "@sealcode/sealgen";
 import { Form,  Controls } from "@sealcode/sealgen";
 import html from "src/back/html.js";
-
 ${params.postimport}
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 const getFields = ${params.get_fields};
 

package/src/templates/jdd-editor.ts

@@ -58,12 +58,15 @@ import type { FieldNames } from "sealious";
 import { TempstreamJSX } from "tempstream";
 import type ${collectionClassName} from "src/back/collections/${collection_name}.js";
 import { EditJDDField } from "@sealcode/jdd-editor";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import html from "src/back/html.js";
 import { registry } from "src/back/jdd-components/registry.js";
 import { makeJDDContext } from "src/back/jdd-context.js";
 import { defaultHead } from "src/back/defaultHead.js";
+import { get_breadcrumbs_from_path } from "src/back/routes/url-tree.js";
 
 export const actionName = "${actionName}";
+export const breadcrumbLabel: BreadcrumbLabel = "${actionName}";
 
 export default new (class JDDCreatePreviewPage extends EditJDDField<${collectionClassName}> {
 	getCollection(ctx: Context) {
@@ -76,9 +79,27 @@ export default new (class JDDCreatePreviewPage extends EditJDDField<${collection
 
 	async renderPreParameterButtons(ctx: Context) {
 		const item = await this.getItem(ctx);
+		const breadcrumbs = get_breadcrumbs_from_path(ctx.path);
+		const lastIdx = breadcrumbs.length - 2;
+		let prev_page = null;
+
+		for (let i = lastIdx; i > -1; i--) {
+			if (breadcrumbs[i]?.actionName) {
+				prev_page = breadcrumbs[i];
+				break;
+			}
+		}
+
 		return (
 			<div>
-			   <h1>Edit ${collection_name}: {item.id}</h1>{" "}
+				{!! prev_page && !!prev_page.url && prev_page.actionName !== undefined ? (
+					<a href={prev_page?.url || ""}>
+	                  ← Back to {prev_page.breadcrumbLabel?.(ctx) ||  prev_page.actionName || ""}
+					</a>
+				) : (
+					""
+				)}
+			   <h1>Edit ${collection_name}: {item.id}</h1>
 			</div>
 		);
 	}

package/src/templates/long-running-process.ts

@@ -9,10 +9,12 @@ export async function LongRunningProcessTemplate(
 	return `import { Context } from "koa";
 import { TempstreamJSX } from "tempstream";
 import { Page } from "@sealcode/sealgen";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import html from "${rel("src/back/html.js")}";
 import { LongRunningProcess } from "sealious";
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 export default new (class PatroniteAutoImportStatusPage extends Page {
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars

package/src/templates/multiform.ts

@@ -8,9 +8,11 @@ export async function multiformTemplate(
 	return `import { Context } from "koa";
 import html from "${rel("src/back/html.js")}";
 import { Controls, Fields, Form, FormMessage, Multiform } from "@sealcode/sealgen";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import { FlatTemplatable } from "tempstream";
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 const fields1 = {
 	email: new Fields.TextBasedSimpleField(true),

package/src/templates/page.ts

@@ -2,9 +2,11 @@ export async function pageTemplate(action_name: string): Promise<string> {
 	return `import type { Context } from "koa";
 import { TempstreamJSX } from "tempstream";
 import { Page } from "@sealcode/sealgen";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import html from "src/back/html.js";
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 export default new (class ${action_name}Page extends Page {
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars

package/src/templates/post.ts

@@ -1,9 +1,11 @@
 export async function postTemplate(action_name: string): Promise<string> {
 	return `import type { Context } from "koa";
 import { Mountable } from "@sealcode/sealgen";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import type Router from "@koa/router";
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 export default new (class ${action_name}Redirect extends Mountable {
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars

package/src/templates/redirect.ts

@@ -1,9 +1,11 @@
 export async function redirectTemplate(action_name: string): Promise<string> {
 	return `import type { Context } from "koa";
 import { Mountable } from "@sealcode/sealgen";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import type Router from "@koa/router";
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 export default new (class ${action_name}Redirect extends Mountable {
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars

package/src/templates/shared/collection-list.ts

@@ -118,7 +118,7 @@ import type { FlatTemplatable, Templatable } from "tempstream";
 import { TempstreamJSX, tempstream } from "tempstream";
 import { ${uppercase_collection} } from "src/back/collections/collections.js";
 import html from "src/back/html.js";
-import type { ListFilterRender, FormDisplayInfo } from "@sealcode/sealgen";
+import type { ListFilterRender, FormDisplayInfo, BreadcrumbLabel } from "@sealcode/sealgen";
 import {
 	SealiousItemListPage,
 	BaseListPageFields,
@@ -130,6 +130,7 @@ ${hooks.post_import_js}
 ${field_import_string}
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 const filterFields:{
     field: keyof (typeof ${uppercase_collection})["fields"];

package/src/templates/shared/item-delete.ts

@@ -10,6 +10,7 @@ export function itemDeleteTemplate(
 	const result = `import type { Context } from "koa";
 import { Mountable } from "@sealcode/sealgen";
 import type Router from "@koa/router";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 
 import { ${toPascalCase(collection_name)} } from "${importPath(
 		"src/back/collections/collections.js"
@@ -20,6 +21,7 @@ import { ${list_action_name}URL } from "${importPath(
 	)}";
 
 export const actionName = "${delete_action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${delete_action_name}";
 
 export default new (class ${delete_action_name}Redirect extends Mountable {
     canAccess = async (ctx: Context) => {

package/src/templates/stateful-page.ts

@@ -9,9 +9,11 @@ export async function statefulPageTemplate(
 	return formatWithPrettier(`import { TempstreamJSX, Templatable } from "tempstream";
 import { Context } from "koa";
 import { StatefulPage, StatefulPageActionArgument } from "@sealcode/sealgen";
+import type { BreadcrumbLabel } from "@sealcode/sealgen";
 import html from "${rel("src/back/html.js")}";
 
 export const actionName = "${action_name}";
+export const breadcrumbLabel: BreadcrumbLabel = "${action_name}";
 
 const actions = {
 	add: ({ state, inputs }: StatefulPageActionArgument<State>) => {