@sealcode/sealgen 0.11.0 → 0.11.2

package/@types/add-jdd-component.d.ts

@@ -0,0 +1 @@
+export declare function addJDDComponent(): Promise<void>;

package/@types/generate-components.d.ts

@@ -0,0 +1 @@
+export declare function generateComponents(): Promise<void>;

package/@types/templates/jdd-component.d.ts

@@ -0,0 +1 @@
+export declare function jddComponentTemplate(component_name: string): string;

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

@@ -1,4 +1,5 @@
 import { formTemplate } from "./form";
+import { jddComponentTemplate } from "./jdd-component";
 import { LongRunningProcessTemplate } from "./long-running-process";
 import { multiformTemplate } from "./multiform";
 import { pageTemplate } from "./page";
@@ -14,4 +15,5 @@ export declare const Templates: {
     post: typeof postTemplate;
     sreact: typeof statefulPageTemplate;
     lpr: typeof LongRunningProcessTemplate;
+    jdd: typeof jddComponentTemplate;
 };

package/lib/add-jdd-component.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addJDDComponent = void 0;
+const path_1 = require("path");
+const locreq_1 = __importDefault(require("locreq"));
+const fs_1 = require("fs");
+const question_1 = require("./utils/question");
+const target_locreq = (0, locreq_1.default)(process.cwd());
+const jdd_component_1 = require("./templates/jdd-component");
+const generate_components_1 = require("./generate-components");
+const js_convert_case_1 = require("js-convert-case");
+async function addJDDComponent() {
+    const component_name = await (0, question_1.question)("What's the name of the component?  > ", (s) => s.length > 3);
+    const file_path = target_locreq.resolve(`src/back/jdd-components/${(0, js_convert_case_1.toKebabCase)(component_name)}/${(0, js_convert_case_1.toKebabCase)(component_name)}.jdd.tsx`);
+    if ((0, fs_1.existsSync)(file_path)) {
+        // eslint-disable-next-line no-console
+        console.error(`ERROR: File ${file_path} already exists.`);
+        return;
+    }
+    await fs_1.promises.mkdir((0, path_1.resolve)(file_path, "../"), { recursive: true });
+    await fs_1.promises.writeFile(file_path, (0, jdd_component_1.jddComponentTemplate)(component_name));
+    const css_file_path = target_locreq.resolve(`src/back/jdd-components/${(0, js_convert_case_1.toKebabCase)(component_name)}/${(0, js_convert_case_1.toKebabCase)(component_name)}.scss`);
+    await fs_1.promises.writeFile(css_file_path, `.${(0, js_convert_case_1.toKebabCase)(component_name)} {
+}`);
+    // eslint-disable-next-line no-console
+    console.log(`Created ${file_path}`);
+    console.log(`Created ${css_file_path}`);
+    await (0, generate_components_1.generateComponents)();
+}
+exports.addJDDComponent = addJDDComponent;
+//# sourceMappingURL=add-jdd-component.js.map

package/lib/build.js

@@ -37,6 +37,7 @@ const find_scss_includes_1 = require("./find-scss-includes");
 const sleep_1 = require("./utils/sleep");
 const generate_collections_1 = require("./generate-collections");
 const generate_routes_1 = require("./generate-routes");
+const generate_components_1 = require("./generate-components");
 const generate_names = (function* generate_names() {
     const base_name = "____unique_import_";
     let count = 0;
@@ -46,7 +47,11 @@ const generate_names = (function* generate_names() {
     }
 })();
 async function build_ts() {
-    await Promise.all([(0, generate_collections_1.generateCollections)(), (0, generate_routes_1.generateRoutes)()]);
+    await Promise.all([
+        (0, generate_collections_1.generateCollections)(),
+        (0, generate_routes_1.generateRoutes)(),
+        (0, generate_components_1.generateComponents)(),
+    ]);
     const entryPoints = (await (0, tiny_glob_1.default)("./src/back/**/*.{ts,tsx}")).filter((path) => !path.includes(".#"));
     try {
         await (0, esbuild_1.build)({

package/lib/cli.js

@@ -2,16 +2,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const add_collection_1 = require("./add-collection");
+const add_jdd_component_1 = require("./add-jdd-component");
 const add_route_1 = require("./add-route");
 const build_1 = require("./build");
 const find_scss_includes_1 = require("./find-scss-includes");
 const generate_collections_1 = require("./generate-collections");
+const generate_components_1 = require("./generate-components");
 const generate_routes_1 = require("./generate-routes");
 const make_env_1 = require("./make-env");
 const actions = {
     "add-collection": add_collection_1.addCollection,
     "add-route": add_route_1.addRoute,
     "generate-collections": generate_collections_1.generateCollections,
+    "generate-components": generate_components_1.generateComponents,
     "generate-routes": generate_routes_1.generateRoutes,
     "generate-scss-includes": find_scss_includes_1.generateScssIncludes,
     build: build_1.buildProject,
@@ -22,6 +25,7 @@ const actions = {
             .join(", ")}`);
     },
     "make-env": make_env_1.makeEnv,
+    "add-component": add_jdd_component_1.addJDDComponent
 };
 void (async function () {
     const action = process.argv.at(2);

package/lib/generate-components.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateComponents = void 0;
+const locreq_1 = __importDefault(require("locreq"));
+const prettier = __importStar(require("prettier"));
+const fs_1 = require("fs");
+const prettier_1 = require("./utils/prettier");
+const recursive_readdir_1 = __importDefault(require("recursive-readdir"));
+const path_1 = __importDefault(require("path"));
+const js_convert_case_1 = require("js-convert-case");
+const target_locreq = (0, locreq_1.default)(process.cwd());
+async function generateComponents() {
+    const components_dir = target_locreq.resolve("src/back/jdd-components");
+    const component_names = (await (0, recursive_readdir_1.default)(components_dir)).filter((c) => c.endsWith(".jdd.tsx"));
+    const component_data = component_names
+        .map((p) => "./" +
+        path_1.default.relative(components_dir, p).replace(/\.[tj]sx?$/, ".js"))
+        .map((relative_path) => {
+        const name = relative_path.match(/\/([^\/]+).jdd/)?.[1];
+        return { name, relative_path };
+    });
+    const content = `// DO NOT EDIT! This file is generated automaticaly with 'npm run generate-components'
+	import { Registry } from "@sealcode/jdd";
+
+	export const registry = new Registry();
+${component_data
+        .map((c) => `
+	import { ${(0, js_convert_case_1.toPascalCase)(c.name)} } from "${c.relative_path}";
+	registry.add("${(0, js_convert_case_1.toKebabCase)(c.name)}", ${(0, js_convert_case_1.toPascalCase)(c.name)});`)
+        .join("\n")}`;
+    const target = "src/back/jdd-components/components.ts";
+    await fs_1.promises.writeFile(target_locreq.resolve(target), prettier.format(content, await (0, prettier_1.getPrettierConfig)()));
+    // eslint-disable-next-line no-console
+    console.log(`Successfuly generated new ${target} file`);
+}
+exports.generateComponents = generateComponents;
+//# sourceMappingURL=generate-components.js.map

package/lib/templates/jdd-component.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jddComponentTemplate = void 0;
+const js_convert_case_1 = require("js-convert-case");
+function jddComponentTemplate(component_name) {
+    return `import { FlatTemplatable, TempstreamJSX } from "tempstream";
+import {
+	Component,
+	ComponentArguments,
+	ExtractStructuredComponentArgumentsValues,
+	JDDContext,
+} from "@sealcode/jdd";
+
+const component_arguments = {
+	title: new ComponentArguments.ShortText(),
+	content: new ComponentArguments.Markdown(),
+} as const;
+
+export class ${(0, js_convert_case_1.toPascalCase)(component_name)} extends Component<typeof component_arguments> {
+	getArguments() {
+		return component_arguments;
+	}
+
+	toHTML(
+		{
+			title,
+			content,
+		}: ExtractStructuredComponentArgumentsValues<typeof component_arguments>,
+		{ render_markdown }: JDDContext
+	): FlatTemplatable {
+		return (
+			<div class="${(0, js_convert_case_1.toKebabCase)(component_name)}">
+				<h2>{title} • ${(0, js_convert_case_1.toPascalCase)(component_name)} </h2>
+				<div>{render_markdown(content)}</div>
+			</div>
+		);
+	}
+}
+
+`;
+}
+exports.jddComponentTemplate = jddComponentTemplate;
+//# sourceMappingURL=jdd-component.js.map

package/lib/templates/templates.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Templates = void 0;
 const form_1 = require("./form");
+const jdd_component_1 = require("./jdd-component");
 const list_1 = require("./list");
 const long_running_process_1 = require("./long-running-process");
 const multiform_1 = require("./multiform");
@@ -18,5 +19,6 @@ exports.Templates = {
     post: post_1.postTemplate,
     sreact: stateful_page_1.statefulPageTemplate,
     lpr: long_running_process_1.LongRunningProcessTemplate,
+    jdd: jdd_component_1.jddComponentTemplate,
 };
 //# sourceMappingURL=templates.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sealcode/sealgen",
-	"version": "0.11.0",
+	"version": "0.11.2",
 	"description": "Module to automate adding routes and collections to a sealious application",
 	"main": "lib/index.js",
 	"scripts": {
@@ -26,6 +26,7 @@
 		"@types/node": "^18.11.4",
 		"@types/prettier": "^2.7.0",
 		"@types/prompts": "^2.0.14",
+		"@types/recursive-readdir": "^2.2.4",
 		"@typescript-eslint/eslint-plugin": "^4.29.3",
 		"@typescript-eslint/parser": "^4.29.3",
 		"eslint": "^7.32.0",
@@ -50,11 +51,13 @@
 		"deepmerge": "^4.3.1",
 		"esbuild": "^0.15.5",
 		"esbuild-sass-plugin": "^2.3.1",
+		"js-convert-case": "^4.2.0",
 		"koa": "^2.13.0",
 		"locreq": "^2.0.2",
 		"merge": "^2.1.1",
 		"prettier": "^2.7.1",
 		"prompts": "^2.4.2",
+		"recursive-readdir": "^2.2.3",
 		"tempstream": "^0.3.0",
 		"tiny-glob": "^0.2.9",
 		"yargs": "^17.6.2"

package/src/add-jdd-component.ts

@@ -0,0 +1,43 @@
+import { resolve } from "path";
+import _locreq from "locreq";
+import { promises as fs, existsSync } from "fs";
+import { question } from "./utils/question";
+const target_locreq = _locreq(process.cwd());
+import { jddComponentTemplate } from "./templates/jdd-component";
+import { generateComponents } from "./generate-components";
+import { toKebabCase } from "js-convert-case";
+
+export async function addJDDComponent(): Promise<void> {
+	const component_name = await question(
+		"What's the name of the component?  > ",
+		(s: string) => s.length > 3
+	);
+	const file_path = target_locreq.resolve(
+		`src/back/jdd-components/${toKebabCase(component_name)}/${toKebabCase(
+			component_name
+		)}.jdd.tsx`
+	);
+
+	if (existsSync(file_path)) {
+		// eslint-disable-next-line no-console
+		console.error(`ERROR: File ${file_path} already exists.`);
+		return;
+	}
+	await fs.mkdir(resolve(file_path, "../"), { recursive: true });
+	await fs.writeFile(file_path, jddComponentTemplate(component_name));
+
+	const css_file_path = target_locreq.resolve(
+		`src/back/jdd-components/${toKebabCase(component_name)}/${toKebabCase(
+			component_name
+		)}.scss`
+	);
+	await fs.writeFile(
+		css_file_path,
+		`.${toKebabCase(component_name)} {
+}`
+	);
+	// eslint-disable-next-line no-console
+	console.log(`Created ${file_path}`);
+	console.log(`Created ${css_file_path}`);
+	await generateComponents();
+}

package/src/build.ts

@@ -8,6 +8,7 @@ import { generateScssIncludes } from "./find-scss-includes";
 import { sleep } from "./utils/sleep";
 import { generateCollections } from "./generate-collections";
 import { generateRoutes } from "./generate-routes";
+import { generateComponents } from "./generate-components";
 
 const generate_names = (function* generate_names() {
 	const base_name = "____unique_import_";
@@ -19,7 +20,11 @@ const generate_names = (function* generate_names() {
 })();
 
 async function build_ts() {
-	await Promise.all([generateCollections(), generateRoutes()]);
+	await Promise.all([
+		generateCollections(),
+		generateRoutes(),
+		generateComponents(),
+	]);
 	const entryPoints = (await glob("./src/back/**/*.{ts,tsx}")).filter(
 		(path) => !path.includes(".#")
 	);

package/src/cli.ts

@@ -1,9 +1,11 @@
 #!/usr/bin/env node
 import { addCollection } from "./add-collection";
+import { addJDDComponent } from "./add-jdd-component";
 import { addRoute } from "./add-route";
 import { buildProject } from "./build";
 import { generateScssIncludes } from "./find-scss-includes";
 import { generateCollections } from "./generate-collections";
+import { generateComponents } from "./generate-components";
 import { generateRoutes } from "./generate-routes";
 import { makeEnv } from "./make-env";
 
@@ -14,6 +16,7 @@ const actions: Record<
 	"add-collection": addCollection,
 	"add-route": addRoute,
 	"generate-collections": generateCollections,
+	"generate-components": generateComponents,
 	"generate-routes": generateRoutes,
 	"generate-scss-includes": generateScssIncludes,
 	build: buildProject,
@@ -26,6 +29,7 @@ const actions: Record<
 		);
 	},
 	"make-env": makeEnv,
+    "add-component": addJDDComponent
 };
 
 void (async function () {

package/src/generate-components.ts

@@ -0,0 +1,46 @@
+import _locreq from "locreq";
+import * as prettier from "prettier";
+import { promises as fs } from "fs";
+import { assertType, predicates } from "@sealcode/ts-predicates";
+import { getPrettierConfig } from "./utils/prettier";
+import recursive from "recursive-readdir";
+import path from "path";
+import { toKebabCase, toPascalCase } from "js-convert-case";
+
+const target_locreq = _locreq(process.cwd());
+
+export async function generateComponents(): Promise<void> {
+	const components_dir = target_locreq.resolve("src/back/jdd-components");
+	const component_names = (await recursive(components_dir)).filter((c) =>
+		c.endsWith(".jdd.tsx")
+	);
+	const component_data = component_names
+		.map(
+			(p) =>
+				"./" +
+				path.relative(components_dir, p).replace(/\.[tj]sx?$/, ".js")
+		)
+		.map((relative_path) => {
+			const name = relative_path.match(/\/([^\/]+).jdd/)?.[1];
+			return { name, relative_path };
+		});
+
+	const content = `// DO NOT EDIT! This file is generated automaticaly with 'npm run generate-components'
+	import { Registry } from "@sealcode/jdd";
+
+	export const registry = new Registry();
+${component_data
+	.map(
+		(c) => `
+	import { ${toPascalCase(c.name)} } from "${c.relative_path}";
+	registry.add("${toKebabCase(c.name)}", ${toPascalCase(c.name)});`
+	)
+	.join("\n")}`;
+	const target = "src/back/jdd-components/components.ts";
+	await fs.writeFile(
+		target_locreq.resolve(target),
+		prettier.format(content, await getPrettierConfig())
+	);
+	// eslint-disable-next-line no-console
+	console.log(`Successfuly generated new ${target} file`);
+}

package/src/templates/jdd-component.ts

@@ -0,0 +1,41 @@
+import { toKebabCase, toPascalCase } from "js-convert-case";
+
+export function jddComponentTemplate(component_name: string) {
+	return `import { FlatTemplatable, TempstreamJSX } from "tempstream";
+import {
+	Component,
+	ComponentArguments,
+	ExtractStructuredComponentArgumentsValues,
+	JDDContext,
+} from "@sealcode/jdd";
+
+const component_arguments = {
+	title: new ComponentArguments.ShortText(),
+	content: new ComponentArguments.Markdown(),
+} as const;
+
+export class ${toPascalCase(
+		component_name
+	)} extends Component<typeof component_arguments> {
+	getArguments() {
+		return component_arguments;
+	}
+
+	toHTML(
+		{
+			title,
+			content,
+		}: ExtractStructuredComponentArgumentsValues<typeof component_arguments>,
+		{ render_markdown }: JDDContext
+	): FlatTemplatable {
+		return (
+			<div class="${toKebabCase(component_name)}">
+				<h2>{title} • ${toPascalCase(component_name)} </h2>
+				<div>{render_markdown(content)}</div>
+			</div>
+		);
+	}
+}
+
+`;
+}

package/src/templates/templates.ts

@@ -1,4 +1,5 @@
 import { formTemplate } from "./form";
+import { jddComponentTemplate } from "./jdd-component";
 import { listTemplate } from "./list";
 import { LongRunningProcessTemplate } from "./long-running-process";
 import { multiformTemplate } from "./multiform";
@@ -16,4 +17,5 @@ export const Templates = {
 	post: postTemplate,
 	sreact: statefulPageTemplate,
 	lpr: LongRunningProcessTemplate,
+	jdd: jddComponentTemplate,
 };