@jbpark/live-editor 1.0.3 → 1.2.0

package/dist/{ast-UXy9dqvD.mjs → ast-fX6Whrjc.mjs}

@@ -1,5 +1,6 @@
 import { n as CONFIG, o as REGEX, r as DATA_ATTR, t as BINDING_PROP } from "./enums-3yleLgqV.mjs";
 import { createRequire } from "node:module";
+import { z } from "zod";
 import crypto from "crypto";
 
 //#region \0rolldown/runtime.js
@@ -26732,141 +26733,21 @@ var require_lib$4 = /* @__PURE__ */ __commonJSMin(((exports) => {
 }));
 
 //#endregion
-//#region src/utils/ast/binding.ts
-var import_lib$2 = require_lib$7();
-var import_lib$3 = /* @__PURE__ */ __toESM(require_lib$4(), 1);
-const parseRenderObject = (node) => {
-	const map = {};
-	node.properties.forEach((prop) => {
-		if (!import_lib$3.isObjectProperty(prop) || !import_lib$3.isIdentifier(prop.key) || !import_lib$3.isObjectExpression(prop.value)) return;
-		const key = prop.key.name;
-		const typeProp = prop.value.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "type" && import_lib$3.isStringLiteral(p.value));
-		if (typeProp) {
-			const leaf = { type: typeProp.value.value };
-			const propertyProp = prop.value.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "property" && import_lib$3.isStringLiteral(p.value));
-			if (propertyProp) leaf.property = propertyProp.value.value;
-			const renderProp = prop.value.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "render" && import_lib$3.isObjectExpression(p.value));
-			if (renderProp) {
-				const nested = parseRenderObject(renderProp.value);
-				if (nested) leaf.render = nested;
-			}
-			map[key] = leaf;
-		} else {
-			const nested = parseRenderObject(prop.value);
-			if (nested) map[key] = nested;
-		}
-	});
-	return Object.keys(map).length > 0 ? map : null;
-};
-const parseBinding = (bindingValue) => {
-	if (!bindingValue) return [];
-	try {
-		const ast = (0, import_lib$2.parseExpression)(bindingValue, { plugins: ["jsx", "typescript"] });
-		if (import_lib$3.isArrayExpression(ast)) return ast.elements.map((element) => {
-			if (import_lib$3.isObjectExpression(element)) {
-				const labelProp = element.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "label" && import_lib$3.isStringLiteral(p.value));
-				const propertyProp = element.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "property" && import_lib$3.isStringLiteral(p.value));
-				const optionsProp = element.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "options" && import_lib$3.isArrayExpression(p.value));
-				const typePropEarly = element.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "type" && import_lib$3.isStringLiteral(p.value));
-				const isRichtext = (typePropEarly ? typePropEarly.value.value : void 0) === "richtext";
-				if (labelProp && (propertyProp || isRichtext)) {
-					const binding = {
-						label: labelProp.value.value,
-						property: propertyProp ? propertyProp.value.value : BINDING_PROP.INNER_HTML
-					};
-					const typeProp = typePropEarly;
-					if (typeProp) {
-						const typeValue = typeProp.value.value;
-						if ([
-							"array",
-							"object",
-							"string",
-							"number",
-							"boolean",
-							"color",
-							"jsx",
-							"richtext",
-							"date",
-							"url",
-							"icon-picker",
-							"asset-picker"
-						].includes(typeValue)) binding.type = typeValue;
-					}
-					const renderProp = element.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "render" && import_lib$3.isObjectExpression(p.value));
-					if (renderProp && import_lib$3.isObjectExpression(renderProp.value)) {
-						const renderMap = parseRenderObject(renderProp.value);
-						if (renderMap) binding.render = renderMap;
-					}
-					if (optionsProp && import_lib$3.isArrayExpression(optionsProp.value)) {
-						const options = optionsProp.value.elements.map((el) => {
-							if (import_lib$3.isObjectExpression(el)) {
-								const labelProp = el.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "label" && import_lib$3.isStringLiteral(p.value));
-								const valueProp = el.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "value" && import_lib$3.isStringLiteral(p.value));
-								if (labelProp && valueProp) return {
-									label: labelProp.value.value,
-									value: valueProp.value.value
-								};
-							}
-							return null;
-						}).filter((item) => item !== null);
-						if (options.length > 0) binding.options = options;
-					}
-					const minProp = element.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "min" && import_lib$3.isNumericLiteral(p.value));
-					if (minProp) binding.min = minProp.value.value;
-					const maxProp = element.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "max" && import_lib$3.isNumericLiteral(p.value));
-					if (maxProp) binding.max = maxProp.value.value;
-					const patternProp = element.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "pattern" && import_lib$3.isStringLiteral(p.value));
-					if (patternProp) binding.pattern = patternProp.value.value;
-					const requiredProp = element.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "required" && import_lib$3.isBooleanLiteral(p.value));
-					if (requiredProp) binding.required = requiredProp.value.value;
-					return binding;
-				}
-			}
-			return null;
-		}).filter((item) => item !== null);
-	} catch (error) {
-		console.error("❌ Binding parsing error:", error);
-	}
-	return [];
-};
-const getCurrentValue = (node, property) => {
-	switch (property) {
-		case BINDING_PROP.INNER_TEXT: return node.textContent || "";
-		case BINDING_PROP.INNER_HTML: {
-			const dsiAttr = node.attributes.find((a) => a.name === "dangerouslySetInnerHTML");
-			if (dsiAttr?.value) try {
-				const expr = (0, import_lib$2.parseExpression)(dsiAttr.value, { plugins: ["jsx", "typescript"] });
-				if (import_lib$3.isObjectExpression(expr)) {
-					const htmlProp = expr.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "__html");
-					if (htmlProp) {
-						if (import_lib$3.isStringLiteral(htmlProp.value)) return htmlProp.value.value;
-						if (import_lib$3.isTemplateLiteral(htmlProp.value) && htmlProp.value.expressions.length === 0) return htmlProp.value.quasis[0]?.value.cooked ?? htmlProp.value.quasis[0]?.value.raw ?? "";
-					}
-				}
-			} catch {}
-			return node.rawChildren || node.textContent || "";
-		}
-		case BINDING_PROP.CHILDREN: return JSON.stringify(node?.children || []);
-		default: return node.attributes.find((attr) => attr.name === property)?.value || "";
-	}
-};
-const hasEditableBindings = (node) => {
-	const bindingAttr = node.dataAttributes.find((attr) => attr.name === DATA_ATTR.BINDING);
-	if (!bindingAttr?.value) return false;
-	return (node.bindings || parseBinding(bindingAttr.value)).length > 0;
-};
-const findEditableChildren = (node) => {
-	const editableChildren = [];
-	const traverse = (children) => {
-		if (!children) return;
-		for (const child of children) {
-			if (hasEditableBindings(child)) editableChildren.push(child);
-			traverse(child.children);
-		}
-	};
-	traverse(node.children);
-	return editableChildren;
-};
+//#region src/utils/ast/types.ts
+const BINDING_TYPES = [
+	"array",
+	"object",
+	"string",
+	"number",
+	"boolean",
+	"color",
+	"jsx",
+	"richtext",
+	"date",
+	"url",
+	"icon-picker",
+	"asset-picker"
+];
 
 //#endregion
 //#region node_modules/.pnpm/@jridgewell+sourcemap-codec@1.5.5/node_modules/@jridgewell/sourcemap-codec/dist/sourcemap-codec.umd.js
@@ -33101,6 +32982,8 @@ var require_lib$3 = /* @__PURE__ */ __commonJSMin(((exports) => {
 //#endregion
 //#region src/utils/ast/helpers.ts
 var import_lib$1 = /* @__PURE__ */ __toESM(require_lib$3(), 1);
+var import_lib$2 = require_lib$7();
+var import_lib$3 = /* @__PURE__ */ __toESM(require_lib$4(), 1);
 const wrap = (code) => {
 	return `<>${code}</>`;
 };
@@ -33151,8 +33034,13 @@ const evaluateLiteral = (node) => {
 	if (import_lib$3.isObjectExpression(node)) {
 		const result = {};
 		for (const prop of node.properties) {
-			if (!import_lib$3.isObjectProperty(prop) || !import_lib$3.isIdentifier(prop.key)) continue;
-			result[prop.key.name] = evaluateLiteral(prop.value);
+			if (!import_lib$3.isObjectProperty(prop)) continue;
+			let key = null;
+			if (import_lib$3.isIdentifier(prop.key)) key = prop.key.name;
+			else if (import_lib$3.isStringLiteral(prop.key)) key = prop.key.value;
+			else if (import_lib$3.isNumericLiteral(prop.key)) key = String(prop.key.value);
+			if (key === null) continue;
+			result[key] = evaluateLiteral(prop.value);
 		}
 		return result;
 	}
@@ -33261,6 +33149,127 @@ const arrayExpressionToCode = (elements) => {
 	return generateCode(import_lib$3.arrayExpression(elements));
 };
 
+//#endregion
+//#region src/utils/ast/binding.ts
+const bindingTypeSchema = z.enum(BINDING_TYPES);
+const bindingOptionSchema = z.object({
+	label: z.string(),
+	value: z.string()
+});
+const bindingRenderLeafSchema = z.object({
+	type: bindingTypeSchema,
+	property: z.string().optional()
+});
+const rawBindingItemSchema = z.object({
+	label: z.string(),
+	property: z.string().optional(),
+	type: bindingTypeSchema.optional(),
+	options: z.array(bindingOptionSchema).optional(),
+	min: z.number().optional(),
+	max: z.number().optional(),
+	pattern: z.string().optional(),
+	required: z.boolean().optional()
+});
+const isPlainObject = (value) => {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+};
+const sanitizeRenderMap = (value) => {
+	if (!isPlainObject(value)) return;
+	const map = {};
+	for (const [key, raw] of Object.entries(value)) {
+		if (!isPlainObject(raw)) continue;
+		if ("type" in raw) {
+			const leaf = bindingRenderLeafSchema.safeParse(raw);
+			if (leaf.success) {
+				const render = sanitizeRenderMap(raw.render);
+				map[key] = render ? {
+					...leaf.data,
+					render
+				} : leaf.data;
+			}
+			continue;
+		}
+		const nested = sanitizeRenderMap(raw);
+		if (nested) map[key] = nested;
+	}
+	return Object.keys(map).length > 0 ? map : void 0;
+};
+const parseBinding = (bindingValue) => {
+	if (!bindingValue) return [];
+	const ast = parseArrayExpression(bindingValue);
+	if (!ast) return [];
+	const raw = evaluateLiteral(ast);
+	if (!Array.isArray(raw)) return [];
+	const items = [];
+	for (const rawItem of raw) {
+		if (!isPlainObject(rawItem)) continue;
+		const sanitizedType = bindingTypeSchema.safeParse(rawItem.type);
+		const sanitizedOptions = Array.isArray(rawItem.options) ? rawItem.options.map((option) => {
+			const parsed = bindingOptionSchema.safeParse(option);
+			return parsed.success ? parsed.data : null;
+		}).filter((option) => option !== null) : void 0;
+		const parsed = rawBindingItemSchema.safeParse({
+			...rawItem,
+			type: sanitizedType.success ? sanitizedType.data : void 0,
+			options: sanitizedOptions?.length ? sanitizedOptions : void 0
+		});
+		if (!parsed.success) continue;
+		const { label, property, type, options, min, max, pattern, required } = parsed.data;
+		if (property === void 0 && type !== "richtext") continue;
+		const render = sanitizeRenderMap(rawItem.render);
+		items.push({
+			label,
+			property: property ?? BINDING_PROP.INNER_HTML,
+			...type !== void 0 && { type },
+			...options?.length && { options },
+			...render && { render },
+			...min !== void 0 && { min },
+			...max !== void 0 && { max },
+			...pattern !== void 0 && { pattern },
+			...required !== void 0 && { required }
+		});
+	}
+	return items;
+};
+const getCurrentValue = (node, property) => {
+	switch (property) {
+		case BINDING_PROP.INNER_TEXT: return node.textContent || "";
+		case BINDING_PROP.INNER_HTML: {
+			const dsiAttr = node.attributes.find((a) => a.name === "dangerouslySetInnerHTML");
+			if (dsiAttr?.value) try {
+				const expr = (0, import_lib$2.parseExpression)(dsiAttr.value, { plugins: ["jsx", "typescript"] });
+				if (import_lib$3.isObjectExpression(expr)) {
+					const htmlProp = expr.properties.find((p) => import_lib$3.isObjectProperty(p) && import_lib$3.isIdentifier(p.key) && p.key.name === "__html");
+					if (htmlProp) {
+						if (import_lib$3.isStringLiteral(htmlProp.value)) return htmlProp.value.value;
+						if (import_lib$3.isTemplateLiteral(htmlProp.value) && htmlProp.value.expressions.length === 0) return htmlProp.value.quasis[0]?.value.cooked ?? htmlProp.value.quasis[0]?.value.raw ?? "";
+					}
+				}
+			} catch {}
+			return node.rawChildren || node.textContent || "";
+		}
+		case BINDING_PROP.CHILDREN: return JSON.stringify(node?.children || []);
+		default: return node.attributes.find((attr) => attr.name === property)?.value || "";
+	}
+};
+const hasEditableBindings = (node) => {
+	const bindingAttr = node.dataAttributes.find((attr) => attr.name === DATA_ATTR.BINDING);
+	if (!bindingAttr?.value) return false;
+	return (node.bindings || parseBinding(bindingAttr.value)).length > 0;
+};
+const findEditableChildren = (node) => {
+	const editableChildren = [];
+	const traverse = (children) => {
+		if (!children) return;
+		for (const child of children) {
+			if (hasEditableBindings(child)) editableChildren.push(child);
+			traverse(child.children);
+		}
+	};
+	traverse(node.children);
+	return editableChildren;
+};
+
 //#endregion
 //#region node_modules/.pnpm/@babel+traverse@7.28.6/node_modules/@babel/traverse/lib/path/lib/virtual-types.js
 var require_virtual_types = /* @__PURE__ */ __commonJSMin(((exports) => {
@@ -39707,5 +39716,5 @@ const validateBindingValue = (binding, value) => {
 };
 
 //#endregion
-export { __toESM as S, findEditableChildren as _, bulkUpdate as a, require_lib$4 as b, extract as c, createNodeFromValue as d, extractNodeValue as f, generateCode as g, parseValue as h, replaceIds as i, nanoid as l, parseArrayExpression as m, clone as n, update as o, extractObjectProperties as p, fillIds as r, clearExtractCache as s, validateBindingValue as t, arrayExpressionToCode as u, getCurrentValue as v, require_lib$7 as x, parseBinding as y };
-//# sourceMappingURL=ast-UXy9dqvD.mjs.map
+export { __toESM as S, parseArrayExpression as _, bulkUpdate as a, require_lib$4 as b, extract as c, getCurrentValue as d, parseBinding as f, extractObjectProperties as g, extractNodeValue as h, replaceIds as i, nanoid as l, createNodeFromValue as m, clone as n, update as o, arrayExpressionToCode as p, fillIds as r, clearExtractCache as s, validateBindingValue as t, findEditableChildren as u, parseValue as v, require_lib$7 as x, generateCode as y };
+//# sourceMappingURL=ast-fX6Whrjc.mjs.map