@sealcode/sealgen 0.17.20 → 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/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/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/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.20",
+	"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/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/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,
 };