@sealcode/sealgen 0.12.6 → 0.12.8

package/@types/src/index.d.ts

@@ -13,6 +13,7 @@ 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";

package/@types/src/page/stateful-page.d.ts

@@ -4,6 +4,10 @@ import { BaseContext } from "koa";
 import { Templatable } from "tempstream";
 import { ExtractTail } from "../utils/utils.js";
 import { Mountable } from "./mountable.js";
+export type StatefulPageActionDescription<ActionName> = {
+    action: ActionName;
+    label?: string;
+} | ActionName;
 export declare abstract class StatefulPage<State extends Record<string, unknown>, Actions extends Record<string, (state: State, inputs: Record<string, string>, ...args: unknown[]) => State>> extends Mountable {
     abstract actions: Actions;
     abstract getInitialState(): State;
@@ -15,10 +19,17 @@ export declare abstract class StatefulPage<State extends Record<string, unknown>
     constructor();
     abstract wrapInLayout(ctx: BaseContext, content: Templatable): Templatable;
     wrapInForm(state: State, content: Templatable): Templatable;
-    makeActionButton<ActionName extends keyof Actions>(state: State, action_description: {
+    extractActionAndLabel<ActionName extends keyof Actions>(action_description: StatefulPageActionDescription<ActionName>): {
+        action: string;
+        label: string;
+    };
+    makeActionURL<ActionName extends keyof Actions>(action_description: StatefulPageActionDescription<ActionName>, ...args: ExtractTail<ExtractTail<Parameters<Actions[ActionName]>>>): string;
+    makeActionButton<ActionName extends keyof Actions>(state: State, action_description: StatefulPageActionDescription<ActionName>, ...args: ExtractTail<ExtractTail<Parameters<Actions[ActionName]>>>): string;
+    makeActionCallback<ActionName extends keyof Actions>(action_description: {
         action: ActionName;
         label?: string;
     } | ActionName, ...args: ExtractTail<ExtractTail<Parameters<Actions[ActionName]>>>): string;
+    rerender(): string;
     extractState(ctx: BaseContext): {
         state: State;
         inputs: Record<string, string>;

package/dist/index.js

@@ -4,6 +4,7 @@ import * 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";

package/dist/page/stateful-page.js

@@ -30,7 +30,7 @@ class StatefulPage extends Mountable {
 			${content}
 		</form>`;
   }
-  makeActionButton(state, action_description, ...args) {
+  extractActionAndLabel(action_description) {
     let label, action;
     if (is(action_description, predicates.object)) {
       action = action_description.action.toString();
@@ -39,19 +39,34 @@ class StatefulPage extends Mountable {
       action = action_description.toString();
       label = action;
     }
+    return { action, label };
+  }
+  makeActionURL(action_description, ...args) {
+    const { action } = this.extractActionAndLabel(action_description);
+    return `./?action=${action}&args=${to_base64(JSON.stringify(args))}`;
+  }
+  makeActionButton(state, action_description, ...args) {
+    const { label } = this.extractActionAndLabel(action_description);
     return (
       /* HTML */
       `
 			<input
 				type="submit"
 				value=${label}
-				formaction="./?action=${action}&args=${to_base64(
-        JSON.stringify(args)
-      )}"
+				formaction="${this.makeActionURL(action_description, ...args)}"
 			/>
 		`
     );
   }
+  makeActionCallback(action_description, ...args) {
+    return `(()=>{const form = this.closest('form'); form.action='${this.makeActionURL(
+      action_description,
+      ...args
+    )}'; form.requestSubmit()})()`;
+  }
+  rerender() {
+    return "this.closest('form').requestSubmit()";
+  }
   extractState(ctx) {
     if (!hasShape(
       {

package/package.json

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

package/src/index.ts

@@ -15,6 +15,7 @@ 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";

package/src/page/stateful-page.ts

@@ -7,6 +7,13 @@ import { from_base64, to_base64 } from "../utils/base64.js";
 import { ExtractTail } from "../utils/utils.js";
 import { Mountable } from "./mountable.js";
 
+export type StatefulPageActionDescription<ActionName> =
+	| {
+			action: ActionName;
+			label?: string;
+	  }
+	| ActionName;
+
 export abstract class StatefulPage<
 	State extends Record<string, unknown>,
 	Actions extends Record<
@@ -61,16 +68,9 @@ export abstract class StatefulPage<
 		</form>`;
 	}
 
-	makeActionButton<ActionName extends keyof Actions>(
-		state: State,
-		action_description:
-			| {
-					action: ActionName;
-					label?: string;
-			  }
-			| ActionName,
-		...args: ExtractTail<ExtractTail<Parameters<Actions[ActionName]>>>
-	) {
+	extractActionAndLabel<ActionName extends keyof Actions>(
+		action_description: StatefulPageActionDescription<ActionName>
+	): { action: string; label: string } {
 		let label, action: string;
 		if (is(action_description, predicates.object)) {
 			action = action_description.action.toString();
@@ -79,17 +79,51 @@ export abstract class StatefulPage<
 			action = action_description.toString();
 			label = action;
 		}
+		return { action, label };
+	}
+
+	makeActionURL<ActionName extends keyof Actions>(
+		action_description: StatefulPageActionDescription<ActionName>,
+		...args: ExtractTail<ExtractTail<Parameters<Actions[ActionName]>>>
+	) {
+		const { action } = this.extractActionAndLabel(action_description);
+		return `./?action=${action}&args=${to_base64(JSON.stringify(args))}`;
+	}
+
+	makeActionButton<ActionName extends keyof Actions>(
+		state: State,
+		action_description: StatefulPageActionDescription<ActionName>,
+		...args: ExtractTail<ExtractTail<Parameters<Actions[ActionName]>>>
+	) {
+		const { label } = this.extractActionAndLabel(action_description);
 		return /* HTML */ `
 			<input
 				type="submit"
 				value=${label}
-				formaction="./?action=${action}&args=${to_base64(
-					JSON.stringify(args)
-				)}"
+				formaction="${this.makeActionURL(action_description, ...args)}"
 			/>
 		`;
 	}
 
+	makeActionCallback<ActionName extends keyof Actions>(
+		action_description:
+			| {
+					action: ActionName;
+					label?: string;
+			  }
+			| ActionName,
+		...args: ExtractTail<ExtractTail<Parameters<Actions[ActionName]>>>
+	) {
+		return `(()=>{const form = this.closest('form'); form.action='${this.makeActionURL(
+			action_description,
+			...args
+		)}'; form.requestSubmit()})()`;
+	}
+
+	rerender() {
+		return "this.closest('form').requestSubmit()";
+	}
+
 	extractState(ctx: BaseContext):
 		| {
 				state: State;