@sealcode/sealgen 0.19.0 → 0.19.3

package/@types/forms/fields/deep-reverse-single-reference-list.d.ts

@@ -16,9 +16,5 @@ export declare class DeepReverseSingleReferenceList extends CheckboxedListField<
         form_field_types: string;
         sealious_field: string;
     }): string;
-    generateCreateValueGetter(field_info: ExtractedFieldInfo, vars: {
-        form_field_types: string;
-        sealious_field: string;
-        form_fields: string;
-    }): string;
+    generateCreateValueGetter(field_info: ExtractedFieldInfo): string;
 }

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

@@ -17,7 +17,7 @@ export declare class File<Required extends boolean> extends FormField<Required,
         old: null;
         new: null;
     };
-    getControl(...args: any[]): FileControl;
+    getControl(): FileControl;
     getSealiousCreateValue(fctx: FormControlContext): Promise<FilePointer | undefined>;
     sealiousValueToForm(ctx: Context, sealiousValue: FilePointer | string | null): Promise<{
         old: FilePointer | undefined;

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

@@ -1,6 +1,5 @@
-import { Context } from "koa";
 import { TextBasedSimpleField } from "./simple-form-field.js";
 export declare class Password<Required extends boolean> extends TextBasedSimpleField<Required> {
     constructor(required: Required);
-    sealiousValueToForm(ctx: Context, value: unknown): Promise<undefined>;
+    sealiousValueToForm(): Promise<undefined>;
 }

package/@types/forms/fields/simple-form-field.d.ts

@@ -1,4 +1,4 @@
-import { FormDataValue } from "../form-types.js";
+import { FormData, FormDataValue } from "../form-types.js";
 import { Context } from "koa";
 import { FieldParseResult, FormField } from "./field.js";
 import { SimpleInput } from "../controls/simple-input.js";
@@ -9,13 +9,13 @@ export declare abstract class SimpleFormField<Required extends boolean, DefaultC
     type: string;
     predicate: import("@sealcode/ts-predicates").Predicate<string>;
     constructor(required: Required, type?: string);
-    sealiousValueToForm(ctx: Context, value: unknown): Promise<FormDataValue>;
+    sealiousValueToForm(_ctx: Context, value: unknown): Promise<FormDataValue>;
 }
 export declare class TextBasedSimpleField<Required extends boolean, DefaultControl extends FormControl = SimpleInput> extends SimpleFormField<Required, DefaultControl, string | null> {
     parse(_: Context, raw_value: FormDataValue): Promise<FieldParseResult<string>>;
     getSealiousCreateValue(fctx: FormControlContext): Promise<string | null>;
-    postSealiousCreate(ctx: Context, created_item: CollectionItem<any>): Promise<void>;
-    postSealiousEdit(ctx: Context, edited_item: CollectionItem<any>): Promise<void>;
+    postSealiousCreate(_ctx: Context, _created_item: CollectionItem<any>, _formData: FormData): Promise<void>;
+    postSealiousEdit(ctx: Context, _edited_item: CollectionItem<any>, _formData: FormData): Promise<void>;
     getControl(): DefaultControl;
     getEmptyValue(): string;
 }

package/@types/forms/fields/single-reference.d.ts

@@ -7,7 +7,7 @@ import { ExtractedFieldInfo } from "../../utils/extract-fields-from-collection.j
 export declare class SingleReference<TargetCollection extends Collection, Required extends boolean, F extends SealiousFieldTypes.SingleReference> extends CollectionField<F, Required> {
     getControl(): SingleReferenceDropdown<TargetCollection, F, Required>;
     getSealiousCreateValue(fctx: FormControlContext): Promise<string | undefined>;
-    sealiousValueToForm(ctx: Context, value: string | null): Promise<string | undefined>;
+    sealiousValueToForm(_ctx: Context, value: string | null): Promise<string | undefined>;
     generateImportsForFieldList(field_info: ExtractedFieldInfo): {
         what: string;
         from: string;

package/@types/register-external.d.ts

@@ -1,2 +1,2 @@
-export declare function registerExternalControllers(args: Record<string, string | boolean>): Promise<void>;
-export declare function registerExternalStyles(args: Record<string, string | boolean>): Promise<void>;
+export declare function registerExternalControllers(_args: Record<string, string | boolean>): Promise<void>;
+export declare function registerExternalStyles(_args: Record<string, string | boolean>): Promise<void>;

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

@@ -10,7 +10,5 @@ declare const defaults: {
     other_methods: string;
     success_message: string;
 };
-export declare function formTemplate(action_name: string, newfilefullpath: string, _params?: Partial<typeof defaults> & {
-    success_message: string;
-}): Promise<string>;
+export declare function formTemplate(action_name: string, _params?: Partial<typeof defaults>): Promise<string>;
 export {};

package/@types/templates/jdd-component.d.ts

@@ -1 +1 @@
-export declare function jddComponentTemplate(component_name: string): string;
+export declare function jddComponentTemplate(component_name: string): Promise<string>;

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

@@ -1 +1 @@
-export declare function pageTemplate(action_name: string, newfilefullpath: string): Promise<string>;
+export declare function pageTemplate(action_name: string): Promise<string>;

package/@types/templates/shared/shared-crud-form-fields.d.ts

@@ -1 +1 @@
-export declare function sharedCrudFormFields(collection_name: string, newfilefullpath: string): Promise<string>;
+export declare function sharedCrudFormFields(collection_name: string): Promise<string>;

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

@@ -1,21 +1 @@
-import { formTemplate } from "./form.js";
-import { jddComponentTemplate } from "./jdd-component.js";
-import { LongRunningProcessTemplate } from "./long-running-process.js";
-import { multiformTemplate } from "./multiform.js";
-import { pageTemplate } from "./page.js";
-import { postTemplate } from "./post.js";
-import { redirectTemplate } from "./redirect.js";
-import { statefulPageTemplate } from "./stateful-page.js";
-import { jddEditorTemplate } from "./jdd-editor.js";
-export declare const Templates: {
-    page: typeof pageTemplate;
-    form: typeof formTemplate;
-    list: (action_name: string, newfilefullpath: string) => Promise<string>;
-    multiform: typeof multiformTemplate;
-    redirect: typeof redirectTemplate;
-    post: typeof postTemplate;
-    sreact: typeof statefulPageTemplate;
-    lpr: typeof LongRunningProcessTemplate;
-    jdd: typeof jddComponentTemplate;
-    "jdd-editor": typeof jddEditorTemplate;
-};
+export declare const Templates: Record<string, (action: string, params: any) => Promise<string>>;

package/eslint.config.mjs

@@ -0,0 +1,56 @@
+import eslint from "@eslint/js";
+import { defineConfig } from "eslint/config";
+import tseslint from "typescript-eslint";
+import eslintConfigPrettier from "eslint-config-prettier";
+
+export default defineConfig(
+	eslint.configs.recommended,
+	tseslint.configs.recommended,
+	tseslint.configs.recommendedTypeChecked,
+	eslintConfigPrettier,
+	{
+		languageOptions: {
+			parserOptions: {
+				projectService: true,
+				tsconfigRootDir: import.meta.dirname,
+			},
+		},
+	},
+	{
+		rules: {
+			"@typescript-eslint/no-unused-vars": "warn",
+			"prefer-const": "warn",
+			"no-console": ["error", { allow: ["warn", "error", "info"] }],
+			"no-await-in-loop": "error",
+			"@typescript-eslint/require-await": "off",
+			"@typescript-eslint/prefer-promise-reject-errors": "off",
+			"@typescript-eslint/no-unused-vars": [
+				"error",
+				{
+					args: "after-used",
+					argsIgnorePattern: "^_",
+					caughtErrorsIgnorePattern: "^_",
+					destructuredArrayIgnorePattern: "^_",
+					varsIgnorePattern: "^_",
+				},
+			],
+		},
+	},
+	defineConfig({
+		files: ["src/**/*.test.ts"],
+		rules: {
+			"no-empty-pattern": "off",
+			"@typescript-eslint/no-unused-vars": "off",
+			"@typescript-eslint/no-empty-object-type": "off",
+			"@typescript-eslint/no-explicit-any": "off",
+			"prefer-const": "off",
+			"@typescript-eslint/no-unsafe-assignment": "off",
+			"@typescript-eslint/no-unsafe-member-access": "off",
+			"@typescript-eslint/no-unsafe-call": "off",
+			"no-await-in-loop": "off",
+			"@typescript-eslint/no-misused-promises": "off",
+			"@typescript-eslint/no-unsafe-argument": "off",
+			"@typescript-eslint/no-unsafe-return": "off",
+		},
+	})
+);

package/lib/add-crud.js

@@ -75,10 +75,7 @@ async function addCRUD(params, app_directory = process.cwd()) {
   const fields_path = target_locreq.resolve(
     `src/back/routes/${escape_url_params(url)}/shared.ts`
   );
-  const fields_content = await sharedCrudFormFields(
-    collection_name,
-    fields_path
-  );
+  const fields_content = await sharedCrudFormFields(collection_name);
   await writeFile(fields_path, fields_content);
   const create_path = target_locreq.resolve(
     `src/back/routes/${escape_url_params(url)}/create.form.ts`

package/lib/add-jdd-component.js

@@ -21,7 +21,7 @@ async function addJDDComponent() {
     return;
   }
   await fs.mkdir(resolve(file_path, "../"), { recursive: true });
-  await fs.writeFile(file_path, jddComponentTemplate(component_name));
+  await fs.writeFile(file_path, await jddComponentTemplate(component_name));
   const css_file_path = target_locreq.resolve(
     `src/back/jdd-components/${toKebabCase(component_name)}/${toKebabCase(
       component_name
@@ -32,8 +32,8 @@ async function addJDDComponent() {
     `.${toKebabCase(component_name)} {
 }`
   );
-  console.log(`Created ${file_path}`);
-  console.log(`Created ${css_file_path}`);
+  console.info(`Created ${file_path}`);
+  console.info(`Created ${css_file_path}`);
   await generateComponents();
 }
 export {

package/lib/add-route.js

@@ -66,8 +66,8 @@ async function addRoute(params, app_directory = process.cwd()) {
   }
   await fs.mkdir(resolve(file_path, "../"), { recursive: true });
   await fs.writeFile(file_path, await template(action, file_path));
-  console.log(`${file_path} created`);
-  console.log(`${test_file_path} created`);
+  console.info(`${file_path} created`);
+  console.info(`${test_file_path} created`);
   await generateRoutes();
 }
 export {

package/lib/build.js

@@ -57,7 +57,7 @@ async function build(watch) {
     copy_to_public.map(async ({ from, to }) => {
       try {
         await fs.stat(resolve(project_dir, "public", to));
-      } catch (e) {
+      } catch (_e) {
         await fs.mkdir(resolve(project_dir, "public", to, "../"), {
           recursive: true
         });
@@ -93,7 +93,7 @@ async function build(watch) {
     const notifier = make_notifier(port, 8080);
     await write_notifier_config(watch, port);
     watcher.on("all", (_, file_path) => {
-      console.log("Detected a change!", file_path);
+      console.info("Detected a change!", file_path);
       builders.forEach((builder) => {
         const owns_a_file = builder.ownsFile(file_path);
         if (owns_a_file) {
@@ -114,7 +114,7 @@ async function buildProject({
   try {
     await build(watch);
   } catch (e) {
-    console.log("CAUGHT!");
+    console.error("CAUGHT!");
     console.error(e.message);
     if (!watch) {
       process.exit(1);

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

@@ -16,7 +16,6 @@ class BackendTSBuilder extends Builder {
   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");
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   async dispose() {
   }
   async _build() {

package/lib/builders/colors-builder.js

@@ -18,7 +18,6 @@ class ColorsBuilder extends Builder {
   ownsFile(file_path) {
     return file_path == COLORS_TS_PATH;
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   async dispose() {
   }
   async _build() {
@@ -212,8 +211,12 @@ class ColorsBuilder extends Builder {
 
 								.hex {
 									padding: 8px;
-									font-family: Menlo, Consolas, Monaco,
-										Liberation Mono, Lucida Console,
+									font-family:
+										Menlo,
+										Consolas,
+										Monaco,
+										Liberation Mono,
+										Lucida Console,
 										monospace;
 									opacity: 0.5;
 									visibility: hidden;
@@ -403,16 +406,16 @@ class ColorsBuilder extends Builder {
 								)
 									? \`var(--color-\${box.getAttribute(
 											"data-color-group-name"
-									  )}-\${box.getAttribute(
+										)}-\${box.getAttribute(
 											"data-color-name"
-									  )})\`
+										)})\`
 									: \`var(--color-\${box.getAttribute(
 											"data-color-group-name"
-									  )}-\${box.getAttribute(
+										)}-\${box.getAttribute(
 											"data-color-name"
-									  )}-\${box.getAttribute(
+										)}-\${box.getAttribute(
 											"data-color-shade-number"
-									  )})\`;
+										)})\`;
 								navigator.clipboard.writeText(css_var);
 								pop_toast();
 							}

package/lib/builders/fonts-builder.js

@@ -7,7 +7,6 @@ class FontsBuilder extends Builder {
   ownsFile(file_path) {
     return file_path == FONTS_CONFIG_PATH;
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   async dispose() {
   }
   async _build() {

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

@@ -16,7 +16,6 @@ class FrontendTSBuilder extends Builder {
   ownsFile(file_path) {
     return file_path.startsWith("src/front") || file_path.endsWith(".stimulus.ts");
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   async dispose() {
   }
   async _build() {

package/lib/cli.js

@@ -23,8 +23,8 @@ const actions = {
   "generate-routes": generateRoutes,
   build: buildProject,
   default: async function() {
-    console.log("Usage: `npx sealgen <action>`");
-    console.log(
+    console.info("Usage: `npx sealgen <action>`");
+    console.info(
       `Available actions: ${Object.keys(actions).filter((e) => e != "default").join(", ")}`
     );
   },

package/lib/components/tabs.js

@@ -5,51 +5,51 @@ function name_to_id(str) {
 const style = (hide_tabs_width) => (
   /* HTML */
   `<style>
-	.tab-label {
-		height: 45px;
-		line-height: 45px;
-		padding: 0 45px;
-		display: block;
-		float: left;
-		box-sizing: border-box;
-		border-bottom: 3px solid transparent;
-		cursor: pointer;
-		font-size: 18px;
-		-webkit-user-select: none;
-		user-select: none;
-	}
-
-	@media screen and (max-width: ${hide_tabs_width}px) {
 		.tab-label {
-			display: none;
+			height: 45px;
+			line-height: 45px;
+			padding: 0 45px;
+			display: block;
+			float: left;
+			box-sizing: border-box;
+			border-bottom: 3px solid transparent;
+			cursor: pointer;
+			font-size: 18px;
+			-webkit-user-select: none;
+			user-select: none;
 		}
-	}
 
-	.tab-label--mobile {
-		line-height: unset;
-		padding-top: 30px;
-		padding-left: 0;
-		pointer-events: none;
-		padding-bottom: 30px;
-		color: $font-graphite;
-		border-bottom: 2px solid $font-primary;
-		display: none;
 		@media screen and (max-width: ${hide_tabs_width}px) {
-			display: block;
+			.tab-label {
+				display: none;
+			}
 		}
-	}
 
-	.tab-content {
-		padding-top: 30px;
-		clear: both;
-	}
+		.tab-label--mobile {
+			line-height: unset;
+			padding-top: 30px;
+			padding-left: 0;
+			pointer-events: none;
+			padding-bottom: 30px;
+			color: $font-graphite;
+			border-bottom: 2px solid $font-primary;
+			display: none;
+			@media screen and (max-width: ${hide_tabs_width}px) {
+				display: block;
+			}
+		}
 
-	@media screen and (max-width: ${hide_tabs_width}px) {
 		.tab-content {
-			display: block !important;
+			padding-top: 30px;
+			clear: both;
+		}
+
+		@media screen and (max-width: ${hide_tabs_width}px) {
+			.tab-content {
+				display: block !important;
+			}
 		}
-	}
-</style>`
+	</style>`
 );
 function tabs(tabs2, selected_tab_style = "font-weight: bold;", selected_index = 0, hide_tabs_width = 0) {
   return (

package/lib/esbuild-plugins/rewrite-asset-imports.js

@@ -20,16 +20,13 @@ const rewrite_asset_imports_plugin = (project_dir) => ({
         `^import ([^ ]+, )?(\\w+|{[^}]+}) from "([^"]+)";`,
         "gm"
       );
-      contents = contents.replaceAll(
-        regex_import,
-        (line, _, original_path) => {
-          const replaced = line.replace(
-            `"src/`,
-            `"` + resolve(project_dir, "./dist") + "/"
-          );
-          return replaced;
-        }
-      );
+      contents = contents.replaceAll(regex_import, (line) => {
+        const replaced = line.replace(
+          `"src/`,
+          `"` + resolve(project_dir, "./dist") + "/"
+        );
+        return replaced;
+      });
       return {
         contents,
         loader: extname(args.path) === ".tsx" ? "tsx" : "ts"

package/lib/forms/controls/array.js

@@ -52,11 +52,11 @@ class StructuredArray extends FormFieldControl {
         async (values, { inner_form_id, field_name: field_name2 }) => (
           /* HTML */
           `<input
-					name="${field_name2}"
-					type="hidden"
-					value="${values[field_name2] || ""}"
-					form="${inner_form_id}"
-				/>`
+						name="${field_name2}"
+						type="hidden"
+						value="${values[field_name2] || ""}"
+						form="${inner_form_id}"
+					/>`
         ),
         async () => ({
           inner_form_id: this.getInnerFormID(),
@@ -158,7 +158,6 @@ class StructuredArray extends FormFieldControl {
         data: field_data.data || []
       });
       await item.save(ctx.$context);
-      console.log(await item.getDecodedBody(ctx.$context, {}));
       ctx.body = this._render(
         ctx,
         form_id,

package/lib/forms/controls/checkboxed-list-input.js

@@ -61,8 +61,7 @@ class CheckboxedListInput extends FormFieldControl {
 											${group_label}
 										</h3>
 
-										${// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        options2.map(
+										${options2.map(
           ({ value, label }) => this.renderOption({
             name,
             value,

package/lib/forms/controls/checkboxed-list-input.test.js

@@ -18,7 +18,7 @@ describe("checkboxed-list", () => {
     });
     it("sends the values", async () => {
       const port = await getPort();
-      console.log(`Using port ${port} form checkboxed-list-input.test.ts`);
+      console.info(`Using port ${port} form checkboxed-list-input.test.ts`);
       const app = new Koa();
       const router = new Router();
       const fields = {
@@ -62,7 +62,7 @@ describe("checkboxed-list", () => {
     describe("behavior with (non)required", () => {
       it("allows to send a form when no value is selected and fiels is not required", async () => {
         const port = await getPort();
-        console.log(`Using port ${port} form checkboxed-list-input.test.ts`);
+        console.info(`Using port ${port} form checkboxed-list-input.test.ts`);
         const app = new Koa();
         const router = new Router();
         const fields = {
@@ -105,7 +105,7 @@ describe("checkboxed-list", () => {
       });
       it("does not allow to send a form when no value is selected and field IS required", async () => {
         const port = await getPort();
-        console.log(`Using port ${port} form checkboxed-list-input.test.ts`);
+        console.info(`Using port ${port} form checkboxed-list-input.test.ts`);
         const app = new Koa();
         const router = new Router();
         const fields = {
@@ -149,7 +149,7 @@ describe("checkboxed-list", () => {
       });
       it("allows to send a form when no value is selected and field IS required", async () => {
         const port = await getPort();
-        console.log(`Using port ${port} form checkboxed-list-input.test.ts`);
+        console.info(`Using port ${port} form checkboxed-list-input.test.ts`);
         const app = new Koa();
         const router = new Router();
         const fields = {
@@ -194,7 +194,7 @@ describe("checkboxed-list", () => {
     });
     it("renders the label", async () => {
       const port = await getPort();
-      console.log(`Using port ${port} form checkboxed-list-input.test.ts`);
+      console.info(`Using port ${port} form checkboxed-list-input.test.ts`);
       const app = new Koa();
       const router = new Router();
       const fields = {
@@ -233,7 +233,7 @@ describe("checkboxed-list", () => {
     });
     it("groups checkboxes based on the value of the 'group' attribute", async () => {
       const port = await getPort();
-      console.log(`Using port ${port} form checkboxed-list-input.test.ts`);
+      console.info(`Using port ${port} form checkboxed-list-input.test.ts`);
       const app = new Koa();
       const router = new Router();
       const fields = {

package/lib/forms/controls/derived-frame.js

@@ -10,12 +10,12 @@ class DerivedFrame extends Derived {
       async (values, consts) => (
         /* HTML */
         `<turbo-frame
-				id="${consts.frame_id}"
-				src="./${consts.frame_id}?${Object.entries({
+					id="${consts.frame_id}"
+					src="./${consts.frame_id}?${Object.entries({
           ...consts,
           ...values || {}
         }).map(([key, value]) => `${key}=${value}`).join("&")}"
-			></turbo-frame>`
+				></turbo-frame>`
       ),
       async (fctx) => ({
         form_id: fctx.form_id,

package/lib/forms/controls/dropdown.js

@@ -37,8 +37,7 @@ class FreeformDropdown extends SimpleInput {
     return (
       /* HTML */
       tempstream`<select ${attributes_str}>
-			${// eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-      Promise.resolve(this.generateOptions(ctx)).then(
+			${Promise.resolve(this.generateOptions(ctx)).then(
         (options) => options.map(
           ({ value, label }) => `<option value="${attribute(value)}" ${(value || "") == picked_value ? "selected" : ""}>${label}</option>`
         )

package/lib/forms/controls/file.test.js

@@ -20,7 +20,7 @@ describe("file-control", () => {
     });
     it("doesn't require image input if it already has old-value", async () => {
       const port = await getPort();
-      console.log(`Using port ${port} for image.test.ts`);
+      console.info(`Using port ${port} for image.test.ts`);
       const app = new Koa();
       const router = new Router();
       const fields = {

package/lib/forms/controls/form-control.js

@@ -9,7 +9,7 @@ class FormControlContext {
   }
 }
 class FormControl {
-  // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-explicit-any
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   mount(_router, _form) {
   }
 }

package/lib/forms/controls/image.test.js

@@ -21,7 +21,7 @@ describe("photo-control", () => {
     });
     it("sends the old photo if it wasn't changed and it has an initial value", async () => {
       const port = await getPort();
-      console.log(`Using port ${port} for photo.test.ts`);
+      console.info(`Using port ${port} for photo.test.ts`);
       const app = new Koa();
       const router = new Router();
       const fields = {
@@ -68,7 +68,7 @@ describe("photo-control", () => {
     });
     it("doesn't require image input if it already has old-value", async () => {
       const port = await getPort();
-      console.log(`Using port ${port} for photo.test.ts`);
+      console.info(`Using port ${port} for photo.test.ts`);
       const app = new Koa();
       const router = new Router();
       const fields = {

package/lib/forms/controls/single-reference.test.js

@@ -30,7 +30,7 @@ describe("single-reference.test", () => {
     const form_file_path = "src/back/routes/some-form.form.ts";
     await test_app.addFile(
       form_file_path,
-      await formTemplate("SomeForm", form_file_path, {
+      await formTemplate("SomeForm", {
         postimport: `import {Comments} from "../collections/collections.js"; import {Fields} from "@sealcode/sealgen";`,
         fields: `article: new Fields.CollectionField(true, Comments.fields.article),`,
         controls: `new Controls.SingleReferenceDropdown(fields.article, {getLabel: item=>item.get("title")}),`,