@sealcode/sealgen 0.15.37 → 0.15.41

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

@@ -18,7 +18,8 @@ class Table extends FormControl {
     }
     return (
       /* HTML */
-      `<div
+      `<turbo-frame
+			id="${this.getFrameID()}"
 			class="${[
         "form-input__wrapper",
         "form-input__wrapper--type--table",
@@ -50,6 +51,7 @@ class Table extends FormControl {
             `<td>
 												<input
 													type="submit"
+													data-turbo-frame="${this.getFrameID()}"
 													value="${this.options.label_remove || "remove"}"
 													form="${fctx.form_id}"
 													formnovalidate
@@ -85,7 +87,7 @@ class Table extends FormControl {
 					  />`
       ) : ""}
 			</div>
-		</div>`
+		</turbo-frame>`
     );
   }
   getFrameID() {

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.37",
+	"version": "0.15.41",
 	"description": "Module to automate adding routes and collections to a sealious application",
 	"main": "lib/index.js",
 	"type": "module",

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

@@ -51,7 +51,8 @@ export class Table<F extends Record<string, FormField>> extends FormControl {
 		if (!rows) {
 			rows = [];
 		}
-		return /* HTML */ `<div
+		return /* HTML */ `<turbo-frame
+			id="${this.getFrameID()}"
 			class="${[
 				"form-input__wrapper",
 				"form-input__wrapper--type--table",
@@ -93,6 +94,7 @@ export class Table<F extends Record<string, FormField>> extends FormControl {
 										? /* HTML */ `<td>
 												<input
 													type="submit"
+													data-turbo-frame="${this.getFrameID()}"
 													value="${this.options
 														.label_remove ||
 													"remove"}"
@@ -129,7 +131,7 @@ export class Table<F extends Record<string, FormField>> extends FormControl {
 					  />`
 					: ""}
 			</div>
-		</div>`;
+		</turbo-frame>`;
 	}
 
 	getFrameID() {

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(