@sealcode/jdd-editor 0.1.20 → 0.1.22

package/src/inputs/component-input.ts

@@ -21,6 +21,7 @@ import { ComponentInputTable } from "./component-input-table.js";
 import type { FilePointer } from "@sealcode/file-manager";
 import { ComponentInputSingleReference } from "./component-input-single-reference.js";
 import { is, predicates } from "@sealcode/ts-predicates";
+import { tempstream } from "tempstream";
 
 export const actionName = "Components";
 const absoluteUrlPattern = "http(s?)(://)((www.)?)(([^.]+).)?([a-zA-z0-9-_]+)";
@@ -132,6 +133,35 @@ export async function ComponentInput<State extends JDDPageState, T>({
 		});
 	}
 
+	const inputElement = () => {
+		if (arg instanceof ComponentArguments.Number) {
+			return tempstream/* HTML */ ` <input
+				type="number"
+				name="${`$${printArgPath(arg_path)}`}"
+				value="${(value || "").toString()}"
+				min="${arg.min || ""}"
+				max="${arg.max || ""}"
+				step="${arg.step || ""}"
+			/>`;
+		} else if (arg instanceof ComponentArguments.URL) {
+			return tempstream/* HTML */ ` <input
+				type="${isUrlAbsolute ? "url" : "text"}"
+				name="${`$${printArgPath(arg_path)}`}"
+				value="${(value || "").toString()}"
+				size="40"
+				${isUrlAbsolute ? `pattern="${absoluteUrlPattern}"` : ""}
+			/>`;
+		} else {
+			return tempstream/* HTML */ ` <input
+				type="${inputType}"
+				name="${`$${printArgPath(arg_path)}`}"
+				value="${is(value, predicates.string) ? value : ""}"
+				size="40"
+				${isUrlAbsolute ? `pattern="${absoluteUrlPattern}"` : ""}
+			/>`;
+		}
+	};
+
 	return /* HTML */ `<div>
 		<label>
 			${arg_path.at(-1) || ""}
@@ -148,15 +178,7 @@ export async function ComponentInput<State extends JDDPageState, T>({
 ${is(value, predicates.string) ? value : ""}</textarea
 						>
 				  </div>`
-				: /* HTML */ `<input
-						type="${inputType}"
-						name="${`$${printArgPath(arg_path)}`}"
-						value="${is(value, predicates.string) ? value : ""}"
-						size="40"
-						${isUrlAbsolute
-							? `pattern="${absoluteUrlPattern}"`
-							: ""}
-				  />`}
+				: await inputElement()}
 		</label>
 	</div>`;
 }

package/src/jdd-page.ts

@@ -100,7 +100,7 @@ export default abstract class JDDPage extends StatefulPage<
 			title: "Components",
 			body: content,
 			description: "",
-			css_clumps: ["jdd-page", ...jdd.getAllCSSClumps(jdd_context)],
+			css_clumps: ["jdd-page", ...jdd.getAllCSSClumps()],
 			htmlOptions: {
 				morphing: true,
 				preserveScroll: true,

package/src/test.test.ts

@@ -0,0 +1,3 @@
+describe("tests", () => {
+	it.skip("does not yet have a test", () => {});
+});

package/test.cjs

@@ -0,0 +1,53 @@
+const mri = require("mri");
+const { spawn } = require("child_process");
+
+const argv = process.argv.slice(2);
+const args = mri(argv);
+
+const bin_dir = "./node_modules/.bin/";
+
+const mocha = bin_dir + "mocha";
+
+let mocha_options = [
+	"--recursive",
+	"--timeout=10000",
+	"--require",
+	"source-map-support/register",
+];
+
+if (args["test-report"]) {
+	mocha_options = [
+		...mocha_options,
+		// "--require",
+		// "ts-node/register",
+		// "--require",
+		// "./src/http/type-overrides.ts",
+		"--reporter",
+		"xunit",
+		"--reporter-option",
+		"output=.xunit",
+	];
+}
+
+const mocha_files = ["lib/src/**/*.test.js"];
+
+let command = [mocha, ...mocha_options, ...mocha_files];
+
+if (args.debug) {
+	command = ["node", "inspect", ...command];
+}
+
+console.log("spawning mocha...", command.join(" "));
+
+const proc = spawn(command[0], command.slice(1), {
+	stdio: "inherit",
+	env: process.env,
+});
+
+proc.on("exit", function (code) {
+	if (args["test-report"]) {
+		process.exit(0);
+	} else {
+		process.exit(code);
+	}
+});

package/.mocharc.js

@@ -1,6 +0,0 @@
-module.exports = {
-	require: ["ts-node/register", "source-map-support/register"],
-	recursive: true,
-	timeout: "10000",
-	spec: ["src/*.test.ts", "src/**/*.test.ts"],
-};