@sealcode/sealgen 0.17.19 → 0.17.21

package/@types/src/templates/jdd-editor.d.ts

@@ -0,0 +1 @@
+export declare function jddEditorTemplate(actionName: string): Promise<string>;

package/@types/src/templates/shared/item-delete.d.ts

@@ -1 +1 @@
-export declare function itemDeleteTemplate(delete_action_name: string, collection_name: string, newfilefullpath: string, list_action_name: string): Promise<string>;
+export declare function itemDeleteTemplate(delete_action_name: string, collection_name: string, list_action_name: string, importPath: (path: string) => string): Promise<string>;

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

@@ -6,6 +6,7 @@ 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;
@@ -16,4 +17,5 @@ export declare const Templates: {
     sreact: typeof statefulPageTemplate;
     lpr: typeof LongRunningProcessTemplate;
     jdd: typeof jddComponentTemplate;
+    "jdd-editor": typeof jddEditorTemplate;
 };

package/lib/add-crud.js

@@ -1,6 +1,6 @@
 import _locreq from "locreq";
-import { escape_url_params } from "./utils/escape-url-params.js";
 import prompts from "prompts";
+import { escape_url_params } from "./utils/escape-url-params.js";
 import { toKebabCase, toPascalCase } from "js-convert-case";
 import { listCollections } from "./utils/list-collections.js";
 import {

package/lib/add-route.js

@@ -41,12 +41,15 @@ async function addRoute(params, app_directory = process.cwd()) {
         { title: "multiform", value: "multiform" },
         { title: "redirect", value: "redirect" },
         { title: "raw POST", value: "post" },
-        { title: "Long Running Process status page", value: "lpr" }
+        { title: "Long Running Process status page", value: "lpr" },
+        { title: "JDD content editor", value: "jdd-editor" }
       ]
     }
   ]);
   const { action, url, mode } = response;
-  const extension = ["list", "lpr", "page", "sreact"].includes(mode) ? "tsx" : "ts";
+  const extension = ["list", "lpr", "page", "sreact", "jdd-editor"].includes(
+    mode
+  ) ? "tsx" : "ts";
   const base_file_name = escape_url_params(url) || "index";
   const file_path = target_locreq.resolve(
     `src/back/routes/${base_file_name}.${mode}.${extension}`
@@ -64,7 +67,7 @@ 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));
-  if (mode !== "lpr") {
+  if (mode !== "lpr" && mode !== "jdd-editor") {
     await fs.writeFile(
       test_file_path,
       await testTemplate(action, file_path)

package/lib/add-verbose-crud.js

@@ -5,12 +5,11 @@ import { toKebabCase, toPascalCase } from "js-convert-case";
 import { listCollections } from "./utils/list-collections.js";
 import { collectionListTemplate } from "./templates/shared/collection-list.js";
 import { writeFile } from "./utils/write-file.js";
-import { importPath } from "./utils/import-path.js";
+import { curryImportPath, importPath } from "./utils/import-path.js";
 import { sharedCrudFormFields } from "./templates/shared/shared-crud-form-fields.js";
 import { generateRoutes } from "./generate-routes.js";
 import { createItemFormTemplate } from "./templates/shared/collection-create-form.js";
 import { editItemFormTemplate } from "./templates/shared/collection-edit-form.js";
-import { askItemDeleteTemplate } from "./templates/shared/confirm-item-delete.js";
 import { itemDeleteTemplate } from "./templates/shared/item-delete.js";
 async function addVerboseCRUD(params, app_directory = process.cwd()) {
   const target_locreq = _locreq(app_directory);
@@ -40,7 +39,6 @@ async function addVerboseCRUD(params, app_directory = process.cwd()) {
   const list_action_name = toPascalCase(collection_name) + "CRUDList";
   const create_action_name = toPascalCase(collection_name) + "CRUDCreate";
   const edit_action_name = toPascalCase(collection_name) + "CRUDEdit";
-  const delete_ask_action_name = toPascalCase(collection_name) + "CRUDDeleteAsk";
   const delete_action_name = toPascalCase(collection_name) + "CRUDDelete";
   const list_path = target_locreq.resolve(
     `src/back/routes/${escape_url_params(url)}/index.list.tsx`
@@ -50,7 +48,7 @@ async function addVerboseCRUD(params, app_directory = process.cwd()) {
     list_action_name,
     list_path,
     {
-      post_import_js: `import { ${create_action_name}URL, ${edit_action_name}URL, ${delete_ask_action_name}URL } from "${importPath(
+      post_import_js: `import { ${create_action_name}URL, ${edit_action_name}URL, ${delete_action_name}URL } from "${importPath(
         list_path,
         "src/back/routes/urls.ts"
       )}";`,
@@ -66,7 +64,7 @@ async function addVerboseCRUD(params, app_directory = process.cwd()) {
 						   })}
                            <td><div class="sealious-list__actions">
                                <a href={${edit_action_name}URL(item.id)}>Edit</a>
-                               <a href={${delete_ask_action_name}URL(item.id)}>Delete</a>
+                               <a data-turbo-method="POST" data-turbo-confirm="Delete item?" href={${delete_action_name}URL(item.id)}>Delete</a>
                                </div>
                            </td>
 					   </tr>;
@@ -102,25 +100,15 @@ async function addVerboseCRUD(params, app_directory = process.cwd()) {
     list_action_name
   );
   await writeFile(edit_path, edit_content);
-  const delete_ask_path = target_locreq.resolve(
-    `src/back/routes/${escape_url_params(url)}/[id]/delete-ask.page.tsx`
-  );
-  const delete_ask_content = await askItemDeleteTemplate(
-    delete_ask_action_name,
-    collection_name,
-    delete_ask_path,
-    list_action_name,
-    delete_action_name
-  );
-  await writeFile(delete_ask_path, delete_ask_content);
   const delete_path = target_locreq.resolve(
     `src/back/routes/${escape_url_params(url)}/[id]/delete.page.tsx`
   );
+  const base_import_path = curryImportPath(delete_path);
   const delete_content = await itemDeleteTemplate(
     delete_action_name,
     collection_name,
-    delete_ask_path,
-    list_action_name
+    list_action_name,
+    base_import_path
   );
   await writeFile(delete_path, delete_content);
   await generateRoutes();

package/lib/templates/jdd-editor.js

@@ -0,0 +1,81 @@
+import { toPascalCase } from "js-convert-case";
+import prompts from "prompts";
+import extract_fields_from_collection from "../utils/extract-fields-from-collection.js";
+import { listCollections } from "../utils/list-collections.js";
+async function jddEditorTemplate(actionName) {
+  const response = await prompts([
+    {
+      type: "autocomplete",
+      name: "collection",
+      message: "Which sealious collection do you like to add CRUD forms for?",
+      choices: (await listCollections()).map((collection) => ({
+        title: collection,
+        value: collection
+      }))
+    }
+  ]);
+  const collection_name = response.collection;
+  const jdd_fields = (await extract_fields_from_collection(collection_name)).filter((e) => e.type == "jdd");
+  let field_name = "";
+  if (jdd_fields.length == 1) {
+    field_name = jdd_fields[0].name;
+    console.log(
+      `Only one field of type JDD found: ${field_name}, so skipping the question...`
+    );
+  } else if (jdd_fields.length > 1) {
+    const response2 = await prompts([
+      {
+        type: "autocomplete",
+        name: "field_name",
+        message: `Which jdd field from the ${collection_name} do you want to setup the jdd-editor for?`,
+        choices: jdd_fields.map((field) => ({
+          title: field.name,
+          value: field.name
+        }))
+      }
+    ]);
+    field_name = response2.field_name;
+  } else {
+    console.error(
+      `Collection ${collection_name} does not have any fields of type JDD. Add such a field and try again.`
+    );
+    process.exit(13);
+  }
+  const collectionClassName = toPascalCase(collection_name);
+  return `import type { Context } from "koa";
+import type { FieldNames } from "sealious";
+import { TempstreamJSX } from "tempstream";
+import type ${collectionClassName} from "src/back/collections/${collection_name}.js";
+import { EditJDDField } from "@sealcode/jdd-editor";
+import html from "src/back/html.js";
+import { registry } from "src/back/jdd-components/registry.js";
+import { makeJDDContext } from "src/back/jdd-context.js";
+import { defaultHead } from "src/back/defaultHead.js";
+
+export const actionName = "${actionName}";
+
+export default new (class JDDCreatePreviewPage extends EditJDDField<${collectionClassName}> {
+	getCollection(ctx: Context) {
+		return ctx.$app.collections["${collection_name}"];
+	}
+
+	getJDDFieldName(): FieldNames<${collectionClassName}["fields"]> {
+	   return "${field_name}";
+	}
+
+	async renderPreParameterButtons(ctx: Context) {
+		const item = await this.getItem(ctx);
+		return (
+			<div>
+			   <h1>Edit ${collection_name}: {item.id}</h1>{" "}
+			</div>
+		);
+	}
+})({ html, registry, makeJDDContext, defaultHead });
+
+`;
+}
+export {
+  jddEditorTemplate
+};
+//# sourceMappingURL=jdd-editor.js.map

package/lib/templates/shared/item-delete.js

@@ -1,8 +1,6 @@
 import { toKebabCase, toPascalCase } from "js-convert-case";
-import { curryImportPath } from "../../utils/import-path.js";
 import { formatWithPrettier } from "../../utils/prettier.js";
-function itemDeleteTemplate(delete_action_name, collection_name, newfilefullpath, list_action_name) {
-  const importPath = curryImportPath(newfilefullpath);
+function itemDeleteTemplate(delete_action_name, collection_name, list_action_name, importPath) {
   const result = `import type { Context } from "koa";
 import { Mountable } from "@sealcode/sealgen";
 import type Router from "@koa/router";
@@ -25,7 +23,7 @@ export default new (class ${delete_action_name}Redirect extends Mountable {
 	};
 
 	mount(router: Router, path: string) {
-		router.get(path, async (ctx) => {
+		router.post(path, async (ctx) => {
             await ctx.$app.collections["${toKebabCase(
     collection_name
   )}"].removeByID(ctx.$context, ctx.params.id!);

package/lib/templates/templates.js

@@ -7,6 +7,7 @@ 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";
 const Templates = {
   page: pageTemplate,
   form: formTemplate,
@@ -16,7 +17,8 @@ const Templates = {
   post: postTemplate,
   sreact: statefulPageTemplate,
   lpr: LongRunningProcessTemplate,
-  jdd: jddComponentTemplate
+  jdd: jddComponentTemplate,
+  "jdd-editor": jddEditorTemplate
 };
 export {
   Templates

package/package.json

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

package/src/add-crud.ts

@@ -1,6 +1,7 @@
 import _locreq from "locreq";
-import { escape_url_params } from "./utils/escape-url-params.js";
 import prompts from "prompts";
+
+import { escape_url_params } from "./utils/escape-url-params.js";
 import { toKebabCase, toPascalCase } from "js-convert-case";
 import { listCollections } from "./utils/list-collections.js";
 import {

package/src/add-route.ts

@@ -49,12 +49,15 @@ export async function addRoute(
 				{ title: "redirect", value: "redirect" },
 				{ title: "raw POST", value: "post" },
 				{ title: "Long Running Process status page", value: "lpr" },
+				{ title: "JDD content editor", value: "jdd-editor" },
 			],
 		},
 	]);
 
 	const { action, url, mode } = response as Record<string, string>;
-	const extension = ["list", "lpr", "page", "sreact"].includes(mode)
+	const extension = ["list", "lpr", "page", "sreact", "jdd-editor"].includes(
+		mode
+	)
 		? "tsx"
 		: "ts";
 
@@ -78,7 +81,7 @@ export async function addRoute(
 	}
 	await fs.mkdir(resolve(file_path, "../"), { recursive: true });
 	await fs.writeFile(file_path, await template(action, file_path));
-	if (mode !== "lpr") {
+	if (mode !== "lpr" && mode !== "jdd-editor") {
 		await fs.writeFile(
 			test_file_path,
 			await testTemplate(action, file_path)

package/src/add-verbose-crud.ts

@@ -5,12 +5,11 @@ import { toKebabCase, toPascalCase } from "js-convert-case";
 import { listCollections } from "./utils/list-collections.js";
 import { collectionListTemplate } from "./templates/shared/collection-list.js";
 import { writeFile } from "./utils/write-file.js";
-import { importPath } from "./utils/import-path.js";
+import { curryImportPath, importPath } from "./utils/import-path.js";
 import { sharedCrudFormFields } from "./templates/shared/shared-crud-form-fields.js";
 import { generateRoutes } from "./generate-routes.js";
 import { createItemFormTemplate } from "./templates/shared/collection-create-form.js";
 import { editItemFormTemplate } from "./templates/shared/collection-edit-form.js";
-import { askItemDeleteTemplate } from "./templates/shared/confirm-item-delete.js";
 import { itemDeleteTemplate } from "./templates/shared/item-delete.js";
 
 export async function addVerboseCRUD(
@@ -50,8 +49,6 @@ export async function addVerboseCRUD(
 	const list_action_name = toPascalCase(collection_name) + "CRUDList";
 	const create_action_name = toPascalCase(collection_name) + "CRUDCreate";
 	const edit_action_name = toPascalCase(collection_name) + "CRUDEdit";
-	const delete_ask_action_name =
-		toPascalCase(collection_name) + "CRUDDeleteAsk";
 	const delete_action_name = toPascalCase(collection_name) + "CRUDDelete";
 
 	/* create the list endpoint */
@@ -63,7 +60,7 @@ export async function addVerboseCRUD(
 		list_action_name,
 		list_path,
 		{
-			post_import_js: `import { ${create_action_name}URL, ${edit_action_name}URL, ${delete_ask_action_name}URL } from "${importPath(
+			post_import_js: `import { ${create_action_name}URL, ${edit_action_name}URL, ${delete_action_name}URL } from "${importPath(
 				list_path,
 				"src/back/routes/urls.ts"
 			)}";`,
@@ -81,7 +78,7 @@ export async function addVerboseCRUD(
 						   })}
                            <td><div class="sealious-list__actions">
                                <a href={${edit_action_name}URL(item.id)}>Edit</a>
-                               <a href={${delete_ask_action_name}URL(item.id)}>Delete</a>
+                               <a data-turbo-method="POST" data-turbo-confirm="Delete item?" href={${delete_action_name}URL(item.id)}>Delete</a>
                                </div>
                            </td>
 					   </tr>;
@@ -124,28 +121,16 @@ export async function addVerboseCRUD(
 	);
 	await writeFile(edit_path, edit_content);
 
-	/* create the confirm delete endpoint */
-	const delete_ask_path = target_locreq.resolve(
-		`src/back/routes/${escape_url_params(url)}/[id]/delete-ask.page.tsx`
-	);
-	const delete_ask_content = await askItemDeleteTemplate(
-		delete_ask_action_name,
-		collection_name,
-		delete_ask_path,
-		list_action_name,
-		delete_action_name
-	);
-	await writeFile(delete_ask_path, delete_ask_content);
-
 	/* create the actual delete endpoint */
 	const delete_path = target_locreq.resolve(
 		`src/back/routes/${escape_url_params(url)}/[id]/delete.page.tsx`
 	);
+	const base_import_path = curryImportPath(delete_path);
 	const delete_content = await itemDeleteTemplate(
 		delete_action_name,
 		collection_name,
-		delete_ask_path,
-		list_action_name
+		list_action_name,
+		base_import_path
 	);
 	await writeFile(delete_path, delete_content);
 

package/src/templates/jdd-editor.ts

@@ -0,0 +1,89 @@
+import { toPascalCase } from "js-convert-case";
+import prompts from "prompts";
+import extract_fields_from_collection from "../utils/extract-fields-from-collection.js";
+
+import { listCollections } from "../utils/list-collections.js";
+
+export async function jddEditorTemplate(actionName: string) {
+	const response = await prompts([
+		{
+			type: "autocomplete",
+			name: "collection",
+			message:
+				"Which sealious collection do you like to add CRUD forms for?",
+			choices: (
+				await listCollections()
+			).map((collection) => ({
+				title: collection,
+				value: collection,
+			})),
+		},
+	]);
+
+	const collection_name = response.collection as string;
+
+	const jdd_fields = (
+		await extract_fields_from_collection(collection_name)
+	).filter((e) => e.type == "jdd");
+
+	let field_name = "";
+	if (jdd_fields.length == 1) {
+		field_name = jdd_fields[0].name;
+		console.log(
+			`Only one field of type JDD found: ${field_name}, so skipping the question...`
+		);
+	} else if (jdd_fields.length > 1) {
+		const response = await prompts([
+			{
+				type: "autocomplete",
+				name: "field_name",
+				message: `Which jdd field from the ${collection_name} do you want to setup the jdd-editor for?`,
+				choices: jdd_fields.map((field) => ({
+					title: field.name,
+					value: field.name,
+				})),
+			},
+		]);
+		field_name = response.field_name as string;
+	} else {
+		console.error(
+			`Collection ${collection_name} does not have any fields of type JDD. Add such a field and try again.`
+		);
+		process.exit(13);
+	}
+
+	const collectionClassName = toPascalCase(collection_name);
+
+	return `import type { Context } from "koa";
+import type { FieldNames } from "sealious";
+import { TempstreamJSX } from "tempstream";
+import type ${collectionClassName} from "src/back/collections/${collection_name}.js";
+import { EditJDDField } from "@sealcode/jdd-editor";
+import html from "src/back/html.js";
+import { registry } from "src/back/jdd-components/registry.js";
+import { makeJDDContext } from "src/back/jdd-context.js";
+import { defaultHead } from "src/back/defaultHead.js";
+
+export const actionName = "${actionName}";
+
+export default new (class JDDCreatePreviewPage extends EditJDDField<${collectionClassName}> {
+	getCollection(ctx: Context) {
+		return ctx.$app.collections["${collection_name}"];
+	}
+
+	getJDDFieldName(): FieldNames<${collectionClassName}["fields"]> {
+	   return "${field_name}";
+	}
+
+	async renderPreParameterButtons(ctx: Context) {
+		const item = await this.getItem(ctx);
+		return (
+			<div>
+			   <h1>Edit ${collection_name}: {item.id}</h1>{" "}
+			</div>
+		);
+	}
+})({ html, registry, makeJDDContext, defaultHead });
+
+`;
+}

package/src/templates/shared/item-delete.ts

@@ -5,10 +5,9 @@ import { formatWithPrettier } from "../../utils/prettier.js";
 export function itemDeleteTemplate(
 	delete_action_name: string,
 	collection_name: string,
-	newfilefullpath: string,
-	list_action_name: string
+	list_action_name: string,
+	importPath: (path: string) => string
 ): Promise<string> {
-	const importPath = curryImportPath(newfilefullpath);
 	const result = `import type { Context } from "koa";
 import { Mountable } from "@sealcode/sealgen";
 import type Router from "@koa/router";
@@ -31,7 +30,7 @@ export default new (class ${delete_action_name}Redirect extends Mountable {
 	};
 
 	mount(router: Router, path: string) {
-		router.get(path, async (ctx) => {
+		router.post(path, async (ctx) => {
             await ctx.$app.collections["${toKebabCase(
 				collection_name
 			)}"].removeByID(ctx.$context, ctx.params.id!);

package/src/templates/templates.ts

@@ -7,6 +7,7 @@ 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 const Templates = {
 	page: pageTemplate,
@@ -18,4 +19,5 @@ export const Templates = {
 	sreact: statefulPageTemplate,
 	lpr: LongRunningProcessTemplate,
 	jdd: jddComponentTemplate,
+	"jdd-editor": jddEditorTemplate,
 };

package/lib/templates/shared/confirm-item-delete.js

@@ -1,74 +0,0 @@
-import { toKebabCase, toPascalCase } from "js-convert-case";
-import { curryImportPath } from "../../utils/import-path.js";
-import { formatWithPrettier } from "../../utils/prettier.js";
-async function askItemDeleteTemplate(ask_delete_action_name, collection_name, newfilefullpath, list_action_name, delete_action_name) {
-  const importPath = curryImportPath(newfilefullpath);
-  const result = `import type { Context } from "koa";
-import { Page } from "@sealcode/sealgen";
-import type { CollectionItem } from "sealious";
-import { TempstreamJSX } from "tempstream";
-import { ${delete_action_name}URL } from "${importPath(
-    "src/back/routes/urls.js"
-  )}";
-import html from "${importPath("src/back/html.ts")}";
-import { ${toPascalCase(collection_name)} as ${toPascalCase(
-    collection_name
-  )}Collection } from "${importPath("src/back/collections/collections.js")}";
-
-export const actionName = "${ask_delete_action_name}";
-
-export default new (class ${ask_delete_action_name}Page extends Page {
-	canAccess = async (ctx: Context) => {
-        const policy = ${toPascalCase(
-    collection_name
-  )}Collection.getPolicy("edit");
-		const response = await policy.check(ctx.$context);
-		 return { canAccess: response?.allowed || false, message: response?.reason || "" };
-	};
-
-    getItemTitle(_ctx: Context, item: CollectionItem<typeof ${toPascalCase(
-    collection_name
-  )}Collection>){
-      return item.get("name")
-    }
-
-	async render(ctx: Context) {
-		const id = ctx.params.id
-        if(!id){throw new Error("Could not read the id param from the URL")}
-		const { items: [item] }  = 
-			await ctx.$app.collections["${toKebabCase(
-    collection_name
-  )}"].list(ctx.$context).ids([id]).fetch();
-
-		if (!item) {
-			throw new Error("Item with given id not found");
-		}
-		return html(
-			ctx,
-			"Delete?",
-			<div>
-				<div class="confirm-delete-page confirm-delete-page--${toKebabCase(
-    collection_name
-  )}">
-					<span>
-						Are you sure you want to remove: {" "}
-						<b>{this.getItemTitle(ctx, item)}</b>
-					</span>
-					<form action={${delete_action_name}URL(item.id)}>
-						<button type="submit">
-							remove
-						</button>
-						<input type="hidden" name="id" value={item?.id} />
-					</form>
-				</div>
-			</div>
-		);
-	}
-})();
-`;
-  return await formatWithPrettier(result);
-}
-export {
-  askItemDeleteTemplate
-};
-//# sourceMappingURL=confirm-item-delete.js.map

package/src/templates/shared/confirm-item-delete.ts

@@ -1,78 +0,0 @@
-import { toKebabCase, toPascalCase } from "js-convert-case";
-import { curryImportPath } from "../../utils/import-path.js";
-import { formatWithPrettier } from "../../utils/prettier.js";
-
-export async function askItemDeleteTemplate(
-	ask_delete_action_name: string,
-	collection_name: string,
-	newfilefullpath: string,
-	list_action_name: string,
-	delete_action_name: string
-): Promise<string> {
-	const importPath = curryImportPath(newfilefullpath);
-	const result = `import type { Context } from "koa";
-import { Page } from "@sealcode/sealgen";
-import type { CollectionItem } from "sealious";
-import { TempstreamJSX } from "tempstream";
-import { ${delete_action_name}URL } from "${importPath(
-		"src/back/routes/urls.js"
-	)}";
-import html from "${importPath("src/back/html.ts")}";
-import { ${toPascalCase(collection_name)} as ${toPascalCase(
-		collection_name
-	)}Collection } from "${importPath("src/back/collections/collections.js")}";
-
-export const actionName = "${ask_delete_action_name}";
-
-export default new (class ${ask_delete_action_name}Page extends Page {
-	canAccess = async (ctx: Context) => {
-        const policy = ${toPascalCase(
-			collection_name
-		)}Collection.getPolicy("edit");
-		const response = await policy.check(ctx.$context);
-		 return { canAccess: response?.allowed || false, message: response?.reason || "" };
-	};
-
-    getItemTitle(_ctx: Context, item: CollectionItem<typeof ${toPascalCase(
-		collection_name
-	)}Collection>){
-      return item.get("name")
-    }
-
-	async render(ctx: Context) {
-		const id = ctx.params.id
-        if(!id){throw new Error("Could not read the id param from the URL")}
-		const { items: [item] }  = 
-			await ctx.$app.collections["${toKebabCase(
-				collection_name
-			)}"].list(ctx.$context).ids([id]).fetch();
-
-		if (!item) {
-			throw new Error("Item with given id not found");
-		}
-		return html(
-			ctx,
-			"Delete?",
-			<div>
-				<div class="confirm-delete-page confirm-delete-page--${toKebabCase(
-					collection_name
-				)}">
-					<span>
-						Are you sure you want to remove: {" "}
-						<b>{this.getItemTitle(ctx, item)}</b>
-					</span>
-					<form action={${delete_action_name}URL(item.id)}>
-						<button type="submit">
-							remove
-						</button>
-						<input type="hidden" name="id" value={item?.id} />
-					</form>
-				</div>
-			</div>
-		);
-	}
-})();
-`;
-
-	return await formatWithPrettier(result);
-}