@sealcode/sealgen 0.14.3 → 0.14.5

package/src/generate-stimulus.ts

@@ -0,0 +1,52 @@
+import _locreq from "locreq";
+import * as prettier from "prettier";
+import { promises as fs } from "fs";
+import { getPrettierConfig } from "./utils/prettier.js";
+import recursive from "recursive-readdir";
+import path, { dirname } from "path";
+import { toKebabCase, toPascalCase } from "js-convert-case";
+
+const target_locreq = _locreq(process.cwd());
+
+export async function generateStimulusControllers(): Promise<void> {
+	const output_file = "src/front/controllers.ts";
+	const stimulus_search_dir = target_locreq.resolve("src/");
+	const controller_names = (await recursive(stimulus_search_dir))
+		.filter((c) => c.endsWith(".stimulus.ts"))
+		.sort();
+	const controller_data = controller_names
+		.map(
+			(p) =>
+				"./" +
+				path
+					.relative(target_locreq.resolve(dirname(output_file)), p)
+					.replace(/\.[tj]sx?$/, ".js")
+		)
+		.map((relative_path) => {
+			const name = relative_path.match(/\/([^\/]+).stimulus/)?.[1];
+			return { name, relative_path };
+		});
+
+	const content = `// DO NOT EDIT! This file is generated automaticaly with 'npm run generate-stimulus'
+
+import * as Turbo from "@hotwired/turbo";
+import { Application } from "stimulus";
+const application = Application.start();
+${controller_data
+	.map(
+		(c) => `
+	import { default as ${toPascalCase(c.name)} } from "${c.relative_path}";
+	application.register("${toKebabCase(c.name)}", ${toPascalCase(c.name)});`
+	)
+	.join("\n")}
+
+export { Turbo };
+`;
+
+	await fs.writeFile(
+		target_locreq.resolve(output_file),
+		prettier.format(content, await getPrettierConfig())
+	);
+	// eslint-disable-next-line no-console
+	console.log(`Successfuly generated new ${output_file} file`);
+}

package/src/page/stateful-page.ts

@@ -66,12 +66,17 @@ export abstract class StatefulPage<
 				this.wrapInForm(
 					state,
 					await original_render(ctx, state, inputs)
-				)
+				),
+				state
 			);
 		};
 	}
 
-	abstract wrapInLayout(ctx: BaseContext, content: Templatable): Templatable;
+	abstract wrapInLayout(
+		ctx: BaseContext,
+		content: Templatable,
+		state: State
+	): Templatable;
 
 	wrapInForm(state: State, content: Templatable): Templatable {
 		return tempstream/* HTML */ `<form action="./" method="POST">
@@ -218,7 +223,7 @@ export abstract class StatefulPage<
 							options
 						);
 					} else if (target.indexOf(item) === -1) {
-						destination.push(item);
+						destination[index] = item;
 					}
 				});
 				return destination;

package/src/templates/stimulus-controller.ts

@@ -0,0 +1,18 @@
+import { toKebabCase, toPascalCase } from "js-convert-case";
+
+export function jddComponentTemplate(controller_name: string) {
+	return `import { Controller } from "stimulus";
+
+export default class ${toPascalCase(controller_name)} extends Controller {
+
+	connect() {
+		console.warn(
+			"Remove ${toKebabCase(
+				controller_name
+			)}.stimulus.ts file if your JDD component doesn't need any browser-side logic"
+		);
+	}
+}
+
+`;
+}