@sealcode/sealgen 0.19.25 → 0.19.26

package/lib/add-crud.test.js

@@ -10,7 +10,7 @@ describe("add crud test", () => {
   after(async () => {
     await page.close();
   });
-  it.only("Generate simple sealious crud", async function() {
+  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`);

package/lib/builders/backend-ts-builder.js

@@ -14,7 +14,7 @@ class BackendTSBuilder extends Builder {
     return "backend-ts";
   }
   ownsFile(file_path) {
-    return (file_path.endsWith(".ts") || file_path.endsWith(".tsx")) && !file_path.endsWith("src/back/collections/collections.ts") && !file_path.endsWith("src/back/routes/routes.ts") && !file_path.endsWith("src/back/routes/urls.ts") && !file_path.endsWith("stimulus.ts") && !file_path.startsWith("src/front");
+    return (file_path.endsWith(".ts") || file_path.endsWith(".tsx")) && !file_path.endsWith("src/back/collections/collections.ts") && !file_path.endsWith("src/back/routes/routes.ts") && !file_path.endsWith("src/back/routes/urls.ts") && !file_path.endsWith("src/back/jdd-components/components.ts") && !file_path.endsWith("stimulus.ts") && !file_path.startsWith("src/front");
   }
   async dispose() {
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sealcode/sealgen",
-	"version": "0.19.25",
+	"version": "0.19.26",
 	"description": "Module to automate adding routes and collections to a sealious application",
 	"main": "lib/index.js",
 	"type": "module",
@@ -55,7 +55,7 @@
 		"playwright": "^1.29.2",
 		"source-map-support": "^0.5.21",
 		"ts-node": "^10.9.1",
-		"typescript": "5.9",
+		"typescript": "6.0.3",
 		"typescript-eslint": "^8.44.0",
 		"wait-port": "^1.0.4"
 	},

package/src/add-route.ts

@@ -54,20 +54,18 @@ export async function addRoute(
 	]);
 
 	const { action, url, mode } = response as Record<string, string>;
-	const extension = ["list", "lpr", "page", "sreact", "jdd-editor"].includes(
-		mode
-	)
-		? "tsx"
-		: "ts";
+	const extension =
+		["list", "lpr", "page", "sreact", "jdd-editor"].includes(mode!) ? "tsx"
+		:	"ts";
 
-	const base_file_name = escape_url_params(url) || "index";
+	const base_file_name = escape_url_params(url!) || "index";
 	const file_path = target_locreq.resolve(
 		`src/back/routes/${base_file_name}.${mode}.${extension}`
 	);
 	const test_file_path = target_locreq.resolve(
 		`src/back/routes/${base_file_name}.test.ts`
 	);
-	const template = Templates[mode];
+	const template = Templates[mode!];
 
 	if (!template) {
 		throw new Error(`Could not get template ${mode}`);
@@ -78,7 +76,7 @@ export async function addRoute(
 		return;
 	}
 	await fs.mkdir(resolve(file_path, "../"), { recursive: true });
-	await fs.writeFile(file_path, await template(action, file_path));
+	await fs.writeFile(file_path, await template(action!, file_path));
 	console.info(`${file_path} created`);
 	console.info(`${test_file_path} created`);
 	await generateRoutes();

package/src/builders/colors-builder.ts

@@ -91,9 +91,9 @@ export class ColorsBuilder extends Builder {
 		}) {
 			const c = colord(color);
 			return /* HTML */ `<div
-				class="color-box ${c.isDark() ? "is-dark" : ""} ${is_main
-					? "is-main"
-					: ""} ${c.toHsl().l > 90 ? "is-almost-white" : ""}"
+				class="color-box ${c.isDark() ? "is-dark" : ""} ${is_main ?
+					"is-main"
+				:	""} ${c.toHsl().l > 90 ? "is-almost-white" : ""}"
 				style="background-color: ${color}; order: ${parseInt(shade_no)}"
 				data-color-name="${name}"
 				data-color-group-name="${group_name}"
@@ -107,7 +107,7 @@ export class ColorsBuilder extends Builder {
 			key == "brand" ? -1 : 11
 		)) {
 			html_colors += `<h2>${group_name}</h2><div class="group">`;
-			const colors = color_groups[group_name];
+			const colors = color_groups[group_name]!;
 			for (const [color_name, color_info] of Object.entries(colors)) {
 				html_colors += `<h3>${color_name}</h3><div class="shades">`;
 				const main_color = color_info.color;
@@ -156,7 +156,7 @@ export class ColorsBuilder extends Builder {
 
 		function colorCodeFind(color_varibale_name: string) {
 			const parts = color_varibale_name.split("-").slice(2);
-			const colorGroup = parts[1];
+			const colorGroup = parts[1]!;
 			const colorName = parts.slice(2).join("-").replace(/\)$/, "");
 			const colorCode = color_groups[colorGroup]?.[colorName]?.color;
 
@@ -171,8 +171,8 @@ export class ColorsBuilder extends Builder {
 		) {
 			let roundedContrast = "";
 			if (fg !== "") {
-				const fg_code = colorCodeFind(fg);
-				const bg_code = colorCodeFind(bg);
+				const fg_code = colorCodeFind(fg)!;
+				const bg_code = colorCodeFind(bg)!;
 				const contrast = hex(fg_code, bg_code);
 				roundedContrast = Math.round(contrast).toString();
 			}
@@ -430,15 +430,14 @@ export class ColorsBuilder extends Builder {
 						document.addEventListener("click", (event) => {
 							const box = event.target.closest(".color-box");
 							if (box) {
-								const css_var = box.classList.contains(
-									"is-main"
-								)
-									? \`var(--color-\${box.getAttribute(
+								const css_var =
+									box.classList.contains("is-main") ?
+										\`var(--color-\${box.getAttribute(
 											"data-color-group-name"
 										)}-\${box.getAttribute(
 											"data-color-name"
 										)})\`
-									: \`var(--color-\${box.getAttribute(
+									:	\`var(--color-\${box.getAttribute(
 											"data-color-group-name"
 										)}-\${box.getAttribute(
 											"data-color-name"

package/src/controllers/sealgen-table.stimulus.ts

@@ -47,7 +47,7 @@ export default class TableController extends Controller {
 	swapRows(index_a: number, index_b: number) {
 		const tbody = this.getTbody();
 		const [a, b] = [index_a, index_b].sort().reverse(); // we want them in descending order
-		tbody.insertBefore(tbody.children[a], tbody.children[b]);
+		tbody.insertBefore(tbody.children[a!]!, tbody.children[b!]!);
 		this.reindex();
 	}
 
@@ -101,13 +101,13 @@ export default class TableController extends Controller {
 		// disable up/down buttons for first/last items
 		// first reset all states to enabled
 		this.element
-			.querySelectorAll(
+			.querySelectorAll<HTMLButtonElement>(
 				`[data-action="sealgen-table#moveUp"], [data-action="sealgen-table#moveDown"]`
 			)
 			.forEach((e: HTMLButtonElement) => (e.disabled = false));
 		// then disable the ones at the top and bottom
 		this.element
-			.querySelectorAll(
+			.querySelectorAll<HTMLButtonElement>(
 				'tr:first-child [data-action="sealgen-table#moveUp"], tr:last-child [data-action="sealgen-table#moveDown"]'
 			)
 			.forEach((e: HTMLButtonElement) => (e.disabled = true));

package/src/page/stateful-page.ts

@@ -71,7 +71,7 @@ export abstract class StatefulPage<
 
 	constructor(public form_id?: string) {
 		super();
-		const original_render = this.render.bind(this) as typeof this.render;
+		const original_render = this.render.bind(this);
 		this.render = async (
 			ctx: Context,
 			state: State,
@@ -308,7 +308,7 @@ export abstract class StatefulPage<
 			const { action, state, inputs, action_args } =
 				await this.extractState(ctx);
 			if (action) {
-				const new_state = await this.actions[action]({
+				const new_state = await this.actions[action]!({
 					ctx,
 					state,
 					inputs,

package/tsconfig.json

@@ -17,6 +17,7 @@
 		"sourceMap": true,
 		"allowSyntheticDefaultImports": true,
 		"skipLibCheck": true,
+		"noUncheckedIndexedAccess": true
 	},
 
 	"include": ["src/**/*"],

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

@@ -1,39 +0,0 @@
-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

@@ -1,47 +0,0 @@
-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>;