@sealcode/sealgen 0.11.7 → 0.12.0

package/package.json

@@ -1,48 +1,51 @@
 {
 	"name": "@sealcode/sealgen",
-	"version": "0.11.7",
+	"version": "0.12.0",
 	"description": "Module to automate adding routes and collections to a sealious application",
-	"main": "lib/index.js",
+	"main": "dist/index.js",
+	"type": "module",
 	"scripts": {
-		"test": "mocha",
-		"build": "tsc",
+		"build": "node ./build.js",
+		"typecheck": "tsc --noemit",
 		"prepare": "npm run build",
 		"watch": "npm run build -- --watch",
-		"clean-coverage": "rm -rf coverage .nyc_output .xunit",
-		"coverage": "npm run clean-coverage && nyc mocha",
-		"test-reports": "npm run clean-coverage && nyc --reporter clover mocha --reporter xunit --reporter-option output=.xunit",
-		"coverage-html": "npm run test-reports && nyc report --reporter lcov && xdg-open coverage/lcov-report/index.html"
+		"test-cmd": "vitest --config ./src/vitest.config.ts",
+		"test-cmd-once": "vitest run --config ./src/vitest.config.ts",
+		"test": "npm run test-cmd -- --ui",
+		"coverage": "npm run test --coverage",
+		"test-reports": "rm -f .xunit && npm run test-cmd-once -- --coverage --reporter=junit --outputFile=.xunit",
+		"show-coverage": "npm run test-reports;  xdg-open coverage/index.html"
 	},
 	"bin": {
-		"sealgen": "./lib/cli.js"
+		"sealgen": "./dist/src/cli.js"
 	},
 	"author": "",
 	"license": "ISC",
 	"devDependencies": {
-		"@istanbuljs/nyc-config-typescript": "^1.0.2",
 		"@playwright/test": "^1.30.0",
 		"@types/koa__router": "^12.0.4",
-		"@types/mocha": "^9.0.0",
-		"@types/node": "^18.11.4",
+		"@types/node": "^20.8.4",
 		"@types/prettier": "^2.7.0",
 		"@types/prompts": "^2.0.14",
 		"@types/recursive-readdir": "^2.2.4",
 		"@types/ws": "^8.5.10",
-		"@typescript-eslint/eslint-plugin": "^4.29.3",
-		"@typescript-eslint/parser": "^4.29.3",
+		"@types/yargs": "^17.0.32",
+		"@vitest/coverage-istanbul": "^1.1.0",
+		"@vitest/coverage-v8": "^1.1.0",
+		"@vitest/ui": "^1.1.0",
+		"axios": "^1.6.7",
 		"eslint": "^7.32.0",
 		"eslint-config-prettier": "^8.3.0",
 		"eslint-plugin-prettier": "^3.4.1",
 		"eslint-plugin-with-tsc-error": "^0.0.7",
-		"get-port": "^5.0.0",
+		"get-port": "^5.1.1",
 		"koa-body": "^5.0.0",
-		"mocha": "^9.2.2",
-		"mri": "^1.2.0",
 		"nyc": "^15.1.0",
 		"playwright": "^1.29.2",
 		"source-map-support": "^0.5.21",
 		"ts-node": "^10.9.1",
 		"typescript": "^4.7",
+		"vitest": "^1.1.0",
 		"wait-port": "^1.0.4"
 	},
 	"types": "./@types/index.d.ts",
@@ -51,10 +54,8 @@
 		"@sealcode/ts-predicates": "^0.4.3",
 		"deepmerge": "^4.3.1",
 		"esbuild": "^0.20.0",
-		"esbuild-sass-plugin": "^2.3.1",
 		"js-convert-case": "^4.2.0",
-		"koa": "^2.13.0",
-		"locreq": "^2.0.2",
+		"locreq": "^3.0.0",
 		"merge": "^2.1.1",
 		"prettier": "^2.7.1",
 		"prompts": "^2.4.2",
@@ -66,7 +67,7 @@
 	},
 	"peerDependencies": {
 		"koa": "^2.13.0",
-		"koa-responsive-image-router": "^0.2.2",
-		"sealious": "^0.17.27"
+		"koa-responsive-image-router": "^0.2.6",
+		"sealious": "^0.17.50"
 	}
 }

package/remove-named-imports.js

@@ -0,0 +1,65 @@
+import fs from "node:fs/promises";
+import { extname } from "node:path";
+
+const generate_names = (function* generate_names() {
+	const base_name = "____unique_import_";
+	let count = 0;
+	while (true) {
+		yield `${base_name}${count}`;
+		count++;
+	}
+})();
+
+export const remove_named_imports = {
+	name: "remove-named-imports", // named imports sometime cause some esm incompatibilities, like the "is a CommonJS module, which may not support all module.exports as named exports." error
+	setup(build) {
+		build.onLoad({ filter: /.*/ }, async ({ path }) => {
+			const named_and_default_regex =
+				/^import\s+((\S+),\s+)?({\s*[^}]+})\s+from\s+("[^"]+");\s*$/gm;
+
+			const old_content = await fs.readFile(path, "utf-8");
+			const contents = old_content.replace(
+				named_and_default_regex,
+				(_, default_import_name, __, all_named, module_path) => {
+					/* eslint-disable */
+					const new_name = generate_names.next().value;
+					const result =
+						`import * as ${new_name} from ${module_path}${
+							default_import_name
+								? `; const ${default_import_name.replace(
+										",",
+										""
+								  )} = ${new_name}.default || ${new_name};`
+								: ""
+						};` +
+						all_named
+							.match(/[a-zA-Z_$][^,}]+/g)
+							.map((importname) => {
+								if (importname.startsWith("default as")) {
+									return `const ${importname.replace(
+										"default as ",
+										""
+									)} = ${new_name}?.default || ${new_name};`;
+								}
+								if (importname.match(/([^{]*)\sas\s([^}]*)/)) {
+									// is "import {asdfas as somethong_else}
+									const [_, original, named] =
+										importname.match(
+											/([^{]*)\sas\s([^}]*)/
+										);
+									return `const ${named} = ${new_name}?.default.${original} || ${new_name}?.${original}`;
+								}
+								return `const ${importname} = ${new_name}?.default?.${importname} || ${new_name}?.${importname};`;
+							})
+							.join("; ");
+					return result;
+					/* eslint-enable */
+				}
+			);
+			return {
+				contents,
+				loader: extname(path) === ".tsx" ? "tsx" : "ts",
+			};
+		});
+	},
+};

package/src/add-collection.ts

@@ -1,9 +1,9 @@
 import { resolve } from "path";
 import _locreq from "locreq";
 import { promises as fs, existsSync } from "fs";
-import { question } from "./utils/question";
-import { collectionTemplate } from "./templates/collection";
-import { generateCollections } from "./generate-collections";
+import { question } from "./utils/question.js";
+import { collectionTemplate } from "./templates/collection.js";
+import { generateCollections } from "./generate-collections.js";
 const target_locreq = _locreq(process.cwd());
 
 export async function addCollection(): Promise<void> {

package/src/add-jdd-component.ts

@@ -1,10 +1,10 @@
 import { resolve } from "path";
 import _locreq from "locreq";
 import { promises as fs, existsSync } from "fs";
-import { question } from "./utils/question";
+import { question } from "./utils/question.js";
 const target_locreq = _locreq(process.cwd());
-import { jddComponentTemplate } from "./templates/jdd-component";
-import { generateComponents } from "./generate-components";
+import { jddComponentTemplate } from "./templates/jdd-component.js";
+import { generateComponents } from "./generate-components.js";
 import { toKebabCase } from "js-convert-case";
 
 export async function addJDDComponent(): Promise<void> {

package/src/add-route.test.ts

@@ -1,20 +1,42 @@
 import { promises as fs } from "fs";
 import { exec, spawn } from "child_process";
-import { promisify } from "util";
 import axios from "axios";
 import waitPort from "wait-port";
 import getPort from "get-port";
 import _locreq from "locreq";
-const target_locreq = _locreq(__dirname);
+const locreq = _locreq(__dirname);
 
-const execAsync = promisify(exec);
+const execAsync = (cmd: string) => {
+	return new Promise<void>((resolve, reject) => {
+		const process = exec(cmd);
 
-const callSealgenBin = () => `node ${target_locreq.resolve("lib/cli.js")}`;
+		console.log("EXECUTING", cmd);
+
+		process?.stdout?.on("data", (data) => {
+			console.log(`stdout: ${data}`);
+		});
+
+		process?.stderr?.on("data", (data) => {
+			console.log(`stdout: ${data}`);
+		});
+
+		process.on("exit", (code) => {
+			if (code == 0) {
+				resolve();
+			} else {
+				reject();
+			}
+		});
+	});
+};
+
+const callSealgenBin = () => `node ${locreq.resolve("dist/cli.js")}`;
 
 describe("add route test", () => {
 	let node_pid = 0;
-	const app_path = "/tmp/sealious-minimal";
-	const container_name = "sealgen-test-mongo";
+	const timestamp = Date.now();
+	const app_path = `/tmp/sealious-minimal-${timestamp}`;
+	const container_name = `sealgen-test-mongo-${timestamp}`;
 	afterEach(async function () {
 		try {
 			if (node_pid != 0) await execAsync(`kill -9 ${node_pid}`);
@@ -28,10 +50,9 @@ describe("add route test", () => {
 	});
 
 	it("creates minimal sealious app", async function () {
-		this.timeout(250000);
 		console.log("\tcloning sealious-minimal...");
 		await execAsync(
-			`git clone https://hub.sealcode.org/source/sealious-minimal.git ${app_path} && cd ${app_path} && git checkout d5abeb9514359dde4`
+			`git clone https://hub.sealcode.org/source/sealious-minimal.git ${app_path} && cd ${app_path} && git checkout 710b873`
 		);
 		console.log("\tinstalling dependencies and sealgen...");
 		await execAsync(
@@ -48,7 +69,14 @@ describe("add route test", () => {
 		await execAsync(`docker run -p ${port}:27017 --name ${container_name} -d mongo:4.4-bionic`);
 		console.log("\trunning app and making request to the generated url...");
 		const env = { ...process.env, SEALIOUS_MONGO_PORT: port.toString() };
-		let app_start = spawn(`node`, [`${app_path}/dist/back/index.js`], {
+		const node_args = [`${app_path}/dist/back/index.js`];
+		console.log(
+			"EXECUTING",
+			`${Object.entries(env)
+				.map(([key, value]) => `${key}=${value}`)
+				.join(" ")} node ${node_args.join(" ")}`
+		);
+		let app_start = spawn(`node`, node_args, {
 			env,
 		});
 		app_start.stdout.on("data", (data) => console.log(data.toString()));
@@ -65,5 +93,5 @@ describe("add route test", () => {
 		if (res.status != 200) {
 			throw new Error("url generated by add-route exists but doesnt return 200");
 		}
-	});
+	}, 250000);
 });

package/src/add-route.ts

@@ -1,11 +1,11 @@
 import { existsSync, promises as fs } from "fs";
 import _locreq from "locreq";
 import { resolve } from "path";
-import { generateRoutes } from "./generate-routes";
-import { testTemplate } from "./templates/route-test";
-import { escape_url_params } from "./utils/escape-url-params";
-import prompts = require("prompts");
-import { Templates } from "./templates/templates";
+import { generateRoutes } from "./generate-routes.js";
+import { testTemplate } from "./templates/route-test.js";
+import { escape_url_params } from "./utils/escape-url-params.js";
+import prompts from "prompts";
+import { Templates } from "./templates/templates.js";
 
 export async function addRoute(
 	params: Partial<{ [key in "action" | "url" | "mode"]: string }>,

package/src/build.ts

@@ -1,23 +1,33 @@
 import { build, BuildContext, BuildResult, context } from "esbuild";
 import { promises as fs } from "fs";
-import { extname } from "path";
 import * as chokidar from "chokidar";
 import { default as glob } from "tiny-glob";
-import { generate_css_includes } from "./find-css-includes";
-import { sleep } from "./utils/sleep";
-import { generateCollections } from "./generate-collections";
-import { generateRoutes } from "./generate-routes";
-import { generateComponents } from "./generate-components";
-import { make_notifier } from "./notifier";
+import { generate_css_includes } from "./find-css-includes.js";
+import { sleep } from "./utils/sleep.js";
+import { generateCollections } from "./generate-collections.js";
+import { generateRoutes } from "./generate-routes.js";
+import { generateComponents } from "./generate-components.js";
+import { make_notifier } from "./notifier.js";
+import getPort from "get-port";
+import { remove_named_imports } from "../remove-named-imports.js";
 
-const generate_names = (function* generate_names() {
-	const base_name = "____unique_import_";
-	let count = 0;
-	while (true) {
-		yield `${base_name}${count}`;
-		count++;
+import _locreq from "locreq";
+const target_locreq = _locreq(process.cwd());
+
+async function get_notifier_port() {
+	return getPort({ port: 4000 });
+}
+
+async function write_notifier_config(watch: boolean, port?: number) {
+	const config = { watch } as Record<string, boolean | number>;
+	if (port) {
+		config.port = port;
 	}
-})();
+	await fs.writeFile(
+		target_locreq.resolve("public/dist/notifier.json"),
+		JSON.stringify(config)
+	);
+}
 
 async function build_ts() {
 	await Promise.all([
@@ -39,79 +49,7 @@ async function build_ts() {
 			platform: "node",
 			target: "es2022",
 			format: "esm",
-			plugins: [
-				{
-					name: "remove-named-imports", // named imports sometime cause some esm incompatibilities, like the "is a CommonJS module, which may not support all module.exports as named exports." error
-					setup(build) {
-						build.onLoad({ filter: /.*/ }, async ({ path }) => {
-							const named_and_default_regex =
-								/^import\s+((\S+),\s+)?({\s*[^}]+})\s+from\s+("[^"]+");\s*$/gm;
-
-							const old_content = await fs.readFile(
-								path,
-								"utf-8"
-							);
-							const contents = old_content.replace(
-								named_and_default_regex,
-								(
-									_,
-									default_import_name,
-									__,
-									all_named,
-									module_path
-								) => {
-									/* eslint-disable */
-									const new_name =
-										generate_names.next().value;
-									const result =
-										`import * as ${new_name} from ${module_path}${
-											default_import_name
-												? `; const ${default_import_name.replace(
-														",",
-														""
-												  )} = ${new_name}.default || ${new_name};`
-												: ""
-										};` +
-										all_named
-											.match(/[a-zA-Z_$][^,}]+/g)
-											.map((importname: string) => {
-												if (
-													importname.startsWith(
-														"default as"
-													)
-												) {
-													return `const ${importname.replace(
-														"default as ",
-														""
-													)} = ${new_name}?.default || ${new_name};`;
-												}
-												if (
-													importname.match(
-														/([^{]*)\sas\s([^}]*)/
-													)
-												) {
-													// is "import {asdfas as somethong_else}
-													const [_, original, named] =
-														importname.match(
-															/([^{]*)\sas\s([^}]*)/
-														) as string[];
-													return `const named = ${new_name}?.default.${original} || ${new_name}?.${original}`;
-												}
-												return `const ${importname} = ${new_name}?.default?.${importname} || ${new_name}?.${importname};`;
-											})
-											.join(" ");
-									return result;
-									/* eslint-enable */
-								}
-							);
-							return {
-								contents,
-								loader: extname(path) === ".tsx" ? "tsx" : "ts",
-							};
-						});
-					},
-				},
-			],
+			plugins: [remove_named_imports],
 		});
 	} catch (e) {
 		// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
@@ -136,9 +74,12 @@ async function complex_build(watch: boolean): Promise<void> {
 	});
 	let ongoing_ts = false;
 	let ongoing_css = false;
+	let ongoing_ts_promise: Promise<any> | null = null;
 	if (watch) {
 		const watcher = chokidar.watch("src", { ignoreInitial: true });
-		const notifier = make_notifier(60808);
+		const port = await get_notifier_port();
+		const notifier = make_notifier(port);
+		await write_notifier_config(watch, port);
 		watcher.on("all", async (_, path) => {
 			if (!css_build) return;
 			if (path.includes(".#")) return;
@@ -161,6 +102,9 @@ async function complex_build(watch: boolean): Promise<void> {
 						// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
 						.catch((e) => console.error(e?.message));
 				}
+				if (ongoing_ts_promise) {
+					await ongoing_ts_promise;
+				}
 				notifier("css");
 				ongoing_css = false;
 			}
@@ -174,16 +118,25 @@ async function complex_build(watch: boolean): Promise<void> {
 					return;
 				}
 				ongoing_ts = true;
-				await build_ts();
+				ongoing_ts_promise = build_ts();
+				await ongoing_ts_promise;
+				notifier("ts");
+				ongoing_ts_promise = null;
 				console.log(`Finished TS build [on ${path}]`);
 				ongoing_ts = false;
 			}
 		});
+	} else {
+		await write_notifier_config(watch);
 	}
 	await generate_css_includes();
 
 	await Promise.all([css_build.rebuild(), build_ts()]);
-	watch && css_build?.rebuild?.();
+	if (watch) {
+		css_build?.rebuild?.();
+	} else {
+		css_build.dispose();
+	}
 }
 
 export async function buildProject({
@@ -204,5 +157,8 @@ export async function buildProject({
 		console.log("CAUGHT!");
 		// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
 		console.error(e.message);
+		if (!watch) {
+			process.exit(1);
+		}
 	}
 }

package/src/cli.ts

@@ -1,13 +1,14 @@
 #!/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 { generate_css_includes } from "./find-css-includes";
-import { generateCollections } from "./generate-collections";
-import { generateComponents } from "./generate-components";
-import { generateRoutes } from "./generate-routes";
-import { makeEnv } from "./make-env";
+import { addCollection } from "./add-collection.js";
+import { addJDDComponent } from "./add-jdd-component.js";
+import { addRoute } from "./add-route.js";
+import { buildProject } from "./build.js";
+import { generate_css_includes } from "./find-css-includes.js";
+import { generateCollections } from "./generate-collections.js";
+import { generateComponents } from "./generate-components.js";
+import { generateRoutes } from "./generate-routes.js";
+import { makeEnv } from "./make-env.js";
+import yargs from "yargs/yargs";
 
 const actions: Record<
 	string,
@@ -21,7 +22,7 @@ const actions: Record<
 	"generate-css-includes": generate_css_includes,
 	build: buildProject,
 	default: async function () {
-		console.log("Usage: `sealscript <action>`");
+		console.log("Usage: `npx sealgen <action>`");
 		console.log(
 			`Available actions: ${Object.keys(actions)
 				.filter((e) => e != "default")
@@ -29,12 +30,12 @@ const actions: Record<
 		);
 	},
 	"make-env": makeEnv,
-    "add-component": addJDDComponent
+	"add-component": addJDDComponent,
 };
 
 void (async function () {
 	const action = process.argv.at(2);
-	actions;
 	const fn = actions[action || "default"] || actions.default;
-	await fn(require("yargs").argv);
+	const args = yargs(process.argv).argv as Record<string, string | boolean>;
+	await fn(args);
 })();

package/src/components/components.ts

@@ -1,2 +1,2 @@
-export * from "./tabs";
-export * from "./toggle-modal";
+export * from "./tabs.js";
+export * from "./toggle-modal.js";

package/src/components/toggle-modal.ts

@@ -1,5 +1,5 @@
 import { FlatTemplatable, tempstream } from "tempstream";
-import { makeSlug } from "../utils/utils";
+import { makeSlug } from "../utils/utils.js";
 
 export function toggleModal(options: {
 	name: string;

package/src/find-css-includes.ts

@@ -1,7 +1,7 @@
 import { promises as fs } from "fs";
 import _locreq from "locreq";
 import { relative } from "path";
-import { walkDir } from "./utils/walk";
+import { walkDir } from "./utils/walk.js";
 
 const target_locreq = _locreq(process.cwd());
 

package/src/forms/controls/array.ts

@@ -4,12 +4,13 @@ import { Context } from "koa";
 import qs from "qs";
 import { Field, FieldsetOutput } from "sealious";
 import { tempstream } from "tempstream";
-import { Controls, Fields } from "../..";
-import { FormField, StructuredArrayField } from "../fields/field";
-import { FormDataValue } from "../form";
-import { FormControl } from "./controls";
-import { FormControlContext } from "./form-control";
-import { FormFieldControl } from "./form-field-control";
+import { FormField } from "../fields/field.js";
+import { SimpleFormField } from "../fields/simple-form-field.js";
+import { StructuredArrayField } from "../fields/structured-array.js";
+import { FormDataValue } from "../form-types.js";
+import { Derived } from "./derived.js";
+import { FormControl, FormControlContext } from "./form-control.js";
+import { FormFieldControl } from "./form-field-control.js";
 
 export type UnboundControlStorage<
 	F extends { new (...args: any): FormFieldControl } = {
@@ -57,7 +58,7 @@ export class StructuredArray<
 
 	makeSubfield(_field_name: string): FormField {
 		const fields = this;
-		return new Fields.SimpleFormField(false);
+		return new SimpleFormField(false);
 	}
 
 	async renderItemControl(
@@ -87,7 +88,7 @@ export class StructuredArray<
 			await field.init(
 				`${this.field.name}[data][${index}][${field_name}]`
 			);
-			const hidden_shadow = new Controls.Derived(
+			const hidden_shadow = new Derived(
 				[field],
 				async (
 					values,

package/src/forms/controls/autocomplete.ts

@@ -1,8 +1,8 @@
 import { Context } from "koa";
-import { PickFromListField } from "../fields/pick-from-list";
-import { FormDataValue } from "../form";
-import { FormControlContext } from "./form-control";
-import { SimpleInput } from "./simple-input";
+import { PickFromListField } from "../fields/pick-from-list.js";
+import { FormDataValue } from "../form-types.js";
+import { FormControlContext } from "./form-control.js";
+import { SimpleInput } from "./simple-input.js";
 
 export class Autocomplete extends SimpleInput<string | null> {
 	constructor(

package/src/forms/controls/big-radio-group.ts

@@ -1,7 +1,7 @@
 import { FlatTemplatable, tempstream } from "tempstream";
-import { FormField } from "../fields/field";
-import { FormControlContext } from "./form-control";
-import { FormFieldControl } from "./form-field-control";
+import { FormField } from "../fields/field.js";
+import { FormControlContext } from "./form-control.js";
+import { FormFieldControl } from "./form-field-control.js";
 
 export class BigRadioGroup extends FormFieldControl {
 	constructor(

package/src/forms/controls/checkbox-group.ts

@@ -1,11 +1,12 @@
 import { Context } from "koa";
 import { FlatTemplatable } from "tempstream";
-import { EnumMultipleField, FormField } from "../fields/field";
-import { ProxyFormField } from "../fields/proxy-field";
-import { FormDataValue, FormMessage } from "../form";
-import { CheckboxWithValue } from "./checkbox";
-import { FieldGroup, FormFieldControl } from "./controls";
-import { FormControlContext } from "./form-control";
+import { EnumMultipleField } from "../fields/enum-multiple.js";
+import { FormField } from "../fields/field.js";
+import { ProxyFormField } from "../fields/proxy-field.js";
+import { CheckboxWithValue } from "./checkbox.js";
+import { FieldGroup } from "./field-group.js";
+import { FormControlContext } from "./form-control.js";
+import { FormFieldControl } from "./form-field-control.js";
 
 export type DefaultCheckboxOptions = {
 	id?: string;

package/src/forms/controls/checkbox.ts

@@ -1,7 +1,7 @@
 import { Context } from "koa";
-import { FormDataValue } from "../form";
-import { Tickable, TickableOptions } from "./tickable";
-import { FormField } from "../fields/field";
+import { FormDataValue } from "../form-types.js";
+import { Tickable, TickableOptions } from "./tickable.js";
+import { FormField } from "../fields/field.js";
 
 export class Checkbox extends Tickable<boolean> {
 	type = <const>"checkbox";

package/src/forms/controls/checkboxed-list-input.ts

@@ -1,11 +1,9 @@
 import { is, predicates } from "@sealcode/ts-predicates";
-import { Context } from "koa";
 import { tempstream } from "tempstream";
-import { getRequiredClass, inputWrapper } from "../../utils/input-wrapper";
-import { ChekboxedListField } from "../fields/field";
-import { FormDataValue } from "../form";
-import { FormFieldControl } from "./controls";
-import { FormControlContext } from "./form-control";
+import { getRequiredClass, inputWrapper } from "../../utils/input-wrapper.js";
+import { ChekboxedListField } from "../fields/checkboxed-list.js";
+import { FormControlContext } from "./form-control.js";
+import { FormFieldControl } from "./form-field-control.js";
 
 export class CheckboxedListInput extends FormFieldControl {
 	constructor(