@vizejs/vite-plugin-musea 0.211.0 → 0.213.0

package/dist/index.mjs

@@ -2080,56 +2080,123 @@ async function handleArtPalette(ctx, match, sendJson, sendError) {
 			json: "{}",
 			typescript: ""
 		};
-		if (palette.controls.length === 0 && art.metadata.component) {
-			const resolvedComponentPath = resolveComponentSourcePath(art, artPath, allowedSourceRoots(ctx.config.root, ctx.scanRoots));
-			if (!resolvedComponentPath) {
-				sendJson(palette);
-				return;
-			}
-			try {
-				const componentSource = await fs.promises.readFile(resolvedComponentPath, "utf-8");
-				const analysis = binding.analyzeSfc ? binding.analyzeSfc(componentSource, { filename: resolvedComponentPath }) : analyzeSfcFallback(componentSource, { filename: resolvedComponentPath });
-				if (analysis.props.length > 0) {
-					palette.controls = analysis.props.map((prop) => {
-						let control = "text";
-						if (prop.type === "boolean") control = "boolean";
-						else if (prop.type === "number") control = "number";
-						else if (prop.type.includes("|") && !prop.type.includes("=>")) control = "select";
-						const options = [];
-						if (control === "select") {
-							const optionMatches = prop.type.match(/"([^"]+)"/g);
-							if (optionMatches) for (const opt of optionMatches) {
-								const val = opt.replace(/"/g, "");
-								options.push({
-									label: val,
-									value: val
-								});
-							}
-						}
-						return {
-							name: prop.name,
-							control,
-							default_value: prop.default_value !== void 0 ? prop.default_value === "true" ? true : prop.default_value === "false" ? false : typeof prop.default_value === "string" && prop.default_value.startsWith("\"") ? prop.default_value.replace(/^"|"$/g, "") : prop.default_value : void 0,
-							description: void 0,
-							required: prop.required,
-							options,
-							range: void 0,
-							group: void 0
-						};
-					});
-					palette.json = JSON.stringify({
-						title: palette.title,
-						controls: palette.controls
-					}, null, 2);
-					palette.typescript = `export interface ${palette.title}Props {\n${palette.controls.map((c) => `  ${c.name}${c.required ? "" : "?"}: ${c.control === "boolean" ? "boolean" : c.control === "number" ? "number" : c.control === "select" ? c.options.map((o) => `"${String(o.value)}"`).join(" | ") : "string"};`).join("\n")}\n}\n`;
-				}
-			} catch {}
+		const resolvedComponentPath = resolveComponentSourcePath(art, artPath, allowedSourceRoots(ctx.config.root, ctx.scanRoots));
+		if (!resolvedComponentPath) {
+			sendJson(palette);
+			return;
 		}
+		try {
+			const componentSource = await fs.promises.readFile(resolvedComponentPath, "utf-8");
+			const analysis = binding.analyzeSfc ? binding.analyzeSfc(componentSource, { filename: resolvedComponentPath }) : analyzeSfcFallback(componentSource, { filename: resolvedComponentPath });
+			if (analysis.props.length > 0) mergeSfcPropsIntoPalette(palette, analysis.props);
+		} catch {}
 		sendJson(palette);
 	} catch (e) {
 		sendError(e instanceof Error ? e.message : String(e));
 	}
 }
+function mergeSfcPropsIntoPalette(palette, props) {
+	const controlsByName = /* @__PURE__ */ new Map();
+	for (const control of palette.controls) controlsByName.set(normalizePropName(control.name), control);
+	for (const prop of props) {
+		const control = controlsByName.get(normalizePropName(prop.name));
+		if (control) applyPropMetadata(control, prop);
+		else palette.controls.push(controlFromProp(prop));
+	}
+	palette.json = JSON.stringify({
+		title: palette.title,
+		controls: palette.controls
+	}, null, 2);
+	palette.typescript = generateTypescript(palette);
+}
+function applyPropMetadata(control, prop) {
+	const inferred = inferControl(prop.type);
+	control.name = prop.name;
+	control.required = prop.required;
+	if (control.default_value === void 0 && prop.default_value !== void 0) control.default_value = parseDefault(prop.default_value);
+	if (inferred.control !== "text" || control.control === "text") control.control = inferred.control;
+	if (inferred.options.length > 0) control.options = inferred.options;
+}
+function controlFromProp(prop) {
+	const inferred = inferControl(prop.type);
+	return {
+		name: prop.name,
+		control: inferred.control,
+		default_value: prop.default_value === void 0 ? void 0 : parseDefault(prop.default_value),
+		description: void 0,
+		required: prop.required,
+		options: inferred.options,
+		range: void 0,
+		group: void 0
+	};
+}
+function inferControl(type) {
+	const normalized = type.trim();
+	const options = literalOptions(normalized);
+	if (options.length > 0) return {
+		control: "select",
+		options
+	};
+	if (normalized === "boolean") return {
+		control: "boolean",
+		options: []
+	};
+	if (normalized === "number") return {
+		control: "number",
+		options: []
+	};
+	if (normalized.includes("[]") || normalized.startsWith("Array<")) return {
+		control: "array",
+		options: []
+	};
+	if (normalized.startsWith("{") || normalized.startsWith("Record<")) return {
+		control: "object",
+		options: []
+	};
+	return {
+		control: "text",
+		options: []
+	};
+}
+function literalOptions(type) {
+	if (!type.includes("|") || type.includes("=>")) return [];
+	return type.split("|").map((part) => part.trim()).map((part) => {
+		const stringMatch = part.match(/^["']([^"']+)["']$/);
+		if (stringMatch) return stringMatch[1];
+		if (part === "true") return true;
+		if (part === "false") return false;
+		const numberValue = Number(part);
+		return Number.isFinite(numberValue) ? numberValue : void 0;
+	}).filter((value) => value !== void 0).map((value) => ({
+		label: String(value),
+		value
+	}));
+}
+function parseDefault(value) {
+	if (typeof value !== "string") return value;
+	if (value === "true") return true;
+	if (value === "false") return false;
+	if (/^-?\d+(?:\.\d+)?$/.test(value)) return Number(value);
+	return value.replace(/^["']|["']$/g, "");
+}
+function normalizePropName(name) {
+	return name.replace(/[-_]/g, "").toLowerCase();
+}
+function generateTypescript(palette) {
+	const fields = palette.controls.map((control) => `  ${control.name}${control.required ? "" : "?"}: ${controlTsType(control)};`).join("\n");
+	return `export interface ${pascalCase(palette.title)}Props {\n${fields}\n}\n`;
+}
+function controlTsType(control) {
+	if (control.control === "boolean") return "boolean";
+	if (control.control === "number" || control.control === "range") return "number";
+	if (control.control === "array") return "unknown[]";
+	if (control.control === "object") return "Record<string, unknown>";
+	if (control.control === "select" && control.options.length > 0) return control.options.map((option) => JSON.stringify(option.value)).join(" | ");
+	return "string";
+}
+function pascalCase(value) {
+	return value.split(/[^A-Za-z0-9]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
 //#endregion
 //#region src/api-routes/handlers.ts
 /**