@sealcode/sealgen 0.15.36 → 0.15.40

package/@types/src/forms/controls/table.d.ts

@@ -6,35 +6,27 @@ 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>> = {
+    render_fields: {
+        [field_name in keyof F]: (fctx: FormControlContext, name: string, value: string) => string;
+    };
+    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 class Table<F extends Record<string, FormField>> extends FormControl {
     table_field: TableField<F>;
-    options: {
-        render_fields: {
-            [field_name in keyof F]: (fctx: FormControlContext, name: string, value: string) => string;
-        };
-        allow_adding?: boolean;
-        allow_removing?: boolean;
-        make_new_row: (ctx: Context) => Promise<{
-            [field_name in keyof F]: unknown;
-        }>;
-        label_add?: string;
-        label: string;
-        label_remove?: string;
-    };
+    options: TableControlOptions<F>;
     role: "input";
-    constructor(table_field: TableField<F>, options: {
-        render_fields: {
-            [field_name in keyof F]: (fctx: FormControlContext, name: string, value: string) => string;
-        };
-        allow_adding?: boolean;
-        allow_removing?: boolean;
-        make_new_row: (ctx: Context) => Promise<{
-            [field_name in keyof F]: unknown;
-        }>;
-        label_add?: string;
-        label: string;
-        label_remove?: string;
-    });
+    constructor(table_field: TableField<F>, options: TableControlOptions<F>);
     render(fctx: FormControlContext): Promise<FlatTemplatable>;
     getFrameID(): string;
     getActionURL(field_name: string, action: Record<string, unknown>): string;

package/lib/forms/controls/file.js

@@ -39,6 +39,7 @@ class File extends SimpleInput {
     return {
       ...original,
       name: this.field.name + "[new]",
+      "data-turbo-permanent": true,
       required: original.required && !parsed?.old,
       value: false
     };

package/lib/forms/controls/photo.js

@@ -35,10 +35,7 @@ class Photo extends File {
   }
   async getInputAttributes(fctx) {
     const original = await super.getInputAttributes(fctx);
-    return {
-      ...original,
-      accept: "image/*",
-      onchange: (original.onchange || "") + ";" + `
+    const onchange = (original.onchange || "") + ";" + `
    const file = this.files[0];
    const preview_container = this.parentElement.querySelector(".file_preview");
    const target = this;
@@ -48,7 +45,11 @@ class Photo extends File {
 	 fileReader.addEventListener("load", function () {
         preview_container.innerHTML = \`<img src="\${this.result}" style="${await this.getImgStyle()}" />\`;
     });    
-}`.replaceAll("\n", " ").replaceAll(`"`, "'")
+}`.replaceAll("\n", " ").replaceAll(`"`, "'");
+    return {
+      ...original,
+      accept: "image/*",
+      onchange
     };
   }
 }

package/lib/forms/controls/table.js

@@ -105,7 +105,7 @@ class Table extends FormControl {
         await next();
         return;
       }
-      if (hasShape(
+      if (this.options.allow_adding && hasShape(
         {
           insert: predicates.shape({ index: predicates.string })
         },

package/lib/page/stateful-page.js

@@ -92,12 +92,9 @@ class StatefulPage extends Mountable {
   }
   async deserializeState(_context, s) {
     const deserialized = JSON.parse(s);
-    console.log("stateful-page.ts:183", "deserialized:");
-    console.dir(deserialized, { depth: 10 });
     return deserialized;
   }
   async extractState(ctx) {
-    console.log("stateful-page.ts:188", "EXTRACT STATE");
     if (!hasShape(
       {
         action: predicates.maybe(predicates.string),
@@ -183,8 +180,6 @@ class StatefulPage extends Mountable {
             from_base64(action_args)
           )
         );
-        console.log("stateful-page.ts:291", "new_state:");
-        console.dir(new_state, { depth: 10 });
         ctx.body = this.render(ctx, new_state, inputs);
       } else {
         ctx.body = this.render(ctx, state, inputs);

package/lib/templates/jdd-component.js

@@ -25,10 +25,11 @@ export class ${toPascalCase(
 			title,
 			content,
 		}: ExtractStructuredComponentArgumentsParsed<typeof component_arguments>,
+		classes: string[],
 		{ render_markdown }: JDDContext
 	): FlatTemplatable {
 		return (
-			<div class="${toKebabCase(component_name)}">
+			<div class={["${toKebabCase(component_name)}", ...classes]}>
 				<h2>{title} \u2022 ${toPascalCase(component_name)} </h2>
 				<div>{render_markdown(content)}</div>
 			</div>

package/lib/templates/shared/handlers/deep-reverse-single-reference.js

@@ -86,7 +86,7 @@ const deep_reverse_single_reference_handler = async (collection_name, {
 
 			// Then, we iterate over all selected values and insert appropriate entries for the subcategories relation
 
-			const promises = data["${name}"]
+			const promises = (data["${name}"] || [])
 				.filter((s) => s.selected == true)
 				.map(async (link_info) => {
 					await ctx.$app.collections["${toKebabCase(referencing_collection)}"].create(

package/lib/templates/shared/shared-crud-form-fields.js

@@ -14,6 +14,7 @@ import { jdd_handler } from "./handlers/jdd.js";
 import { date_handler } from "./handlers/date.js";
 import { deep_reverse_single_reference_handler } from "./handlers/deep-reverse-single-reference.js";
 import { structured_array_handler } from "./handlers/structured-array.js";
+import { single_reference_handler } from "./handlers/single-reference.js";
 const target_locreq = _locreq(process.cwd());
 const field_handlers = {
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any
@@ -26,7 +27,8 @@ const field_handlers = {
   jdd: jdd_handler,
   date: date_handler,
   "deep-reverse-single-reference": deep_reverse_single_reference_handler,
-  "structured-array": structured_array_handler
+  "structured-array": structured_array_handler,
+  "single-reference": single_reference_handler
 };
 async function getFieldHandler(collection_name, field, importPath) {
   const defaults = await field_handlers.default(

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sealcode/sealgen",
-	"version": "0.15.36",
+	"version": "0.15.40",
 	"description": "Module to automate adding routes and collections to a sealious application",
 	"main": "lib/index.js",
 	"type": "module",

package/src/forms/controls/file.ts

@@ -56,6 +56,7 @@ export class File extends SimpleInput<FileContainer> {
 		return {
 			...original,
 			name: this.field.name + "[new]",
+			"data-turbo-permanent": true,
 			required: original.required && !parsed?.old,
 			value: false,
 		};

package/src/forms/controls/photo.ts

@@ -52,13 +52,10 @@ export class Photo extends File {
 
 	async getInputAttributes(fctx: FormControlContext) {
 		const original = await super.getInputAttributes(fctx);
-		return {
-			...original,
-			accept: "image/*",
-			onchange:
-				((original.onchange as string) || "") +
-				";" +
-				`
+		const onchange =
+			((original.onchange as string) || "") +
+			";" +
+			`
    const file = this.files[0];
    const preview_container = this.parentElement.querySelector(".file_preview");
    const target = this;
@@ -69,8 +66,12 @@ export class Photo extends File {
         preview_container.innerHTML = \`<img src="\${this.result}" style="${await this.getImgStyle()}" />\`;
     });    
 }`
-					.replaceAll("\n", " ")
-					.replaceAll(`"`, "'"),
+				.replaceAll("\n", " ")
+				.replaceAll(`"`, "'");
+		return {
+			...original,
+			accept: "image/*",
+			onchange,
 		};
 	}
 }

package/src/forms/controls/table.ts

@@ -12,27 +12,33 @@ import { FormReaction } from "../form-types.js";
 import { Form } from "../form.js";
 import { FormControl, FormControlContext } from "./form-control.js";
 
+export type TableControlOptions<F extends Record<string, FormField>> = {
+	render_fields: {
+		[field_name in keyof F]: (
+			fctx: FormControlContext,
+			name: string,
+			value: string
+		) => string;
+	};
+	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 class Table<F extends Record<string, FormField>> extends FormControl {
 	role = <const>"input";
 	constructor(
 		public table_field: TableField<F>,
-		public options: {
-			render_fields: {
-				[field_name in keyof F]: (
-					fctx: FormControlContext,
-					name: string,
-					value: string
-				) => string;
-			};
-			allow_adding?: boolean;
-			allow_removing?: boolean;
-			make_new_row: (
-				ctx: Context
-			) => Promise<{ [field_name in keyof F]: unknown }>;
-			label_add?: string;
-			label: string;
-			label_remove?: string;
-		}
+		public options: TableControlOptions<F>
 	) {
 		super();
 	}
@@ -149,6 +155,7 @@ export class Table<F extends Record<string, FormField>> extends FormControl {
 				return;
 			}
 			if (
+				this.options.allow_adding &&
 				hasShape(
 					{
 						insert: predicates.shape({ index: predicates.string }),

package/src/mount.ts

@@ -62,6 +62,7 @@ export function mount(
 				handleHtmlPromise,
 		  ];
 
+	// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
 	router.use(raw_url, ...args);
 	mountable.init();
 

package/src/page/stateful-page.ts

@@ -189,15 +189,12 @@ export abstract class StatefulPage<
 
 	async deserializeState(_context: BaseContext, s: string): Promise<State> {
 		const deserialized = JSON.parse(s) as unknown;
-		console.log("stateful-page.ts:183", "deserialized:");
-		console.dir(deserialized, { depth: 10 });
 		return deserialized as State;
 	}
 
 	async extractState(
 		ctx: BaseContext
 	): Promise<StateAndMetadata<State, Actions>> {
-		console.log("stateful-page.ts:188", "EXTRACT STATE");
 		if (
 			!hasShape(
 				{
@@ -307,8 +304,6 @@ export abstract class StatefulPage<
 						from_base64(action_args as string)
 					) as unknown[])
 				);
-				console.log("stateful-page.ts:291", "new_state:");
-				console.dir(new_state, { depth: 10 });
 				ctx.body = this.render(ctx, new_state, inputs);
 			} else {
 				ctx.body = this.render(ctx, state, inputs);

package/src/templates/jdd-component.ts

@@ -26,10 +26,11 @@ export class ${toPascalCase(
 			title,
 			content,
 		}: ExtractStructuredComponentArgumentsParsed<typeof component_arguments>,
+		classes: string[],
 		{ render_markdown }: JDDContext
 	): FlatTemplatable {
 		return (
-			<div class="${toKebabCase(component_name)}">
+			<div class={["${toKebabCase(component_name)}", ...classes]}>
 				<h2>{title} • ${toPascalCase(component_name)} </h2>
 				<div>{render_markdown(content)}</div>
 			</div>

package/src/templates/shared/handlers/deep-reverse-single-reference.ts

@@ -106,7 +106,7 @@ export const deep_reverse_single_reference_handler: FieldHandler<
 
 			// Then, we iterate over all selected values and insert appropriate entries for the subcategories relation
 
-			const promises = data["${name}"]
+			const promises = (data["${name}"] || [])
 				.filter((s) => s.selected == true)
 				.map(async (link_info) => {
 					await ctx.$app.collections["${toKebabCase(referencing_collection)}"].create(

package/src/templates/shared/shared-crud-form-fields.ts

@@ -17,6 +17,7 @@ import { jdd_handler } from "./handlers/jdd.js";
 import { date_handler } from "./handlers/date.js";
 import { deep_reverse_single_reference_handler } from "./handlers/deep-reverse-single-reference.js";
 import { structured_array_handler } from "./handlers/structured-array.js";
+import { single_reference_handler } from "./handlers/single-reference.js";
 const target_locreq = _locreq(process.cwd());
 
 export type FieldHandlerResult = {
@@ -79,6 +80,7 @@ export const field_handlers: Record<
 	date: date_handler,
 	"deep-reverse-single-reference": deep_reverse_single_reference_handler,
 	"structured-array": structured_array_handler,
+	"single-reference": single_reference_handler,
 };
 
 export async function getFieldHandler(