@jbpark/live-editor 4.5.0 → 4.6.0

package/dist/{items-DdrwGxJw.js → items-B6OXxcLG.js}

@@ -1,5 +1,5 @@
-import { C as require_lib, S as require_lib$1, _ as generateCode, b as getJSXTagName, d as traverse, g as attrValue, v as unwrap, w as __toESM, x as nanoid, y as wrap } from "./document-DGHTfrda.js";
-import { c as RESERVED_BINDING_PROPERTIES, n as CONFIG, r as DATA_ATTR, s as REGEX, t as BINDING_PROP } from "./constants-h1JAgOeW.js";
+import { C as require_lib, S as require_lib$1, _ as generateCode, b as getJSXTagName, d as traverse, g as attrValue, v as unwrap, w as __toESM, x as nanoid, y as wrap } from "./document-CGbe6bSV.js";
+import { c as RESERVED_BINDING_PROPERTIES, n as CONFIG, r as DATA_ATTR, s as REGEX, t as BINDING_PROP } from "./constants-DU17Tdwo.js";
 import { n as registerEditorCache } from "./editor-caches-ClMvdcQF.js";
 import { t as createBoundedCache } from "./cache-B0-XcIxJ.js";
 import { z } from "zod";
@@ -95,86 +95,6 @@ const parseValue = (value) => {
 	}
 	return value;
 };
-const MAX_FLATTEN_DEPTH = 20;
-const isEditablePrimitive = (value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean";
-const flattenEditableValue = (value) => {
-	const parsed = parseValue(value);
-	if (typeof parsed !== "object" || parsed === null || Object.keys(parsed).length === 0) return null;
-	const entries = [];
-	const walk = (node, path, depth) => {
-		if (depth > MAX_FLATTEN_DEPTH) return;
-		if (isEditablePrimitive(node)) {
-			entries.push({
-				path,
-				value: node
-			});
-			return;
-		}
-		if (Array.isArray(node)) {
-			node.forEach((item, index) => walk(item, [...path, index], depth + 1));
-			return;
-		}
-		if (typeof node === "object" && node !== null) Object.entries(node).forEach(([key, item]) => walk(item, [...path, key], depth + 1));
-	};
-	walk(parsed, [], 0);
-	return entries.length ? entries : null;
-};
-const findEditableLeaf = (root, path) => {
-	let node = unwrapExpression(root);
-	for (const segment of path) {
-		if (import_lib$1.isArrayExpression(node)) {
-			if (typeof segment !== "number") return null;
-			const elements = node.elements.slice(0, segment + 1);
-			const element = node.elements[segment];
-			if (!element || elements.some((item) => import_lib$1.isSpreadElement(item))) return null;
-			node = unwrapExpression(element);
-			continue;
-		}
-		if (import_lib$1.isObjectExpression(node)) {
-			const key = String(segment);
-			const matches = (property) => import_lib$1.isObjectProperty(property) && !property.computed && (import_lib$1.isIdentifier(property.key) && property.key.name === key || import_lib$1.isStringLiteral(property.key) && property.key.value === key || import_lib$1.isNumericLiteral(property.key) && String(property.key.value) === key);
-			let index = node.properties.length - 1;
-			while (index >= 0 && !matches(node.properties[index])) index--;
-			const property = node.properties[index];
-			if (!property || !import_lib$1.isObjectProperty(property) || node.properties.slice(index + 1).some((item) => import_lib$1.isSpreadElement(item))) return null;
-			node = unwrapExpression(property.value);
-			continue;
-		}
-		return null;
-	}
-	return node;
-};
-const isEditableLeaf = (node) => import_lib$1.isStringLiteral(node) || import_lib$1.isNumericLiteral(node) || import_lib$1.isBooleanLiteral(node) || import_lib$1.isUnaryExpression(node) && node.operator === "-" && import_lib$1.isNumericLiteral(node.argument) || import_lib$1.isTemplateLiteral(node) && node.expressions.length === 0 || import_lib$1.isJSXElement(node) || import_lib$1.isJSXFragment(node);
-const quoteString = (text, quote) => {
-	if (quote === "`") return `\`${text.replace(/[\\`]|\$\{/g, (match) => `\\${match}`)}\``;
-	const escaped = JSON.stringify(text).slice(1, -1);
-	return quote === "\"" ? `"${escaped}"` : `'${escaped.replace(/\\"/g, "\"").replace(/'/g, "\\'")}'`;
-};
-const isJSXSource = (text) => {
-	try {
-		const expression = (0, import_lib.parseExpression)(text, { plugins: ["jsx"] });
-		return import_lib$1.isJSXElement(expression) || import_lib$1.isJSXFragment(expression);
-	} catch {
-		return false;
-	}
-};
-const leafSource = (value, leaf, next) => {
-	if (typeof next !== "string") return String(next);
-	if ((import_lib$1.isJSXElement(leaf) || import_lib$1.isJSXFragment(leaf)) && isJSXSource(next)) return next.trim();
-	const quote = import_lib$1.isStringLiteral(leaf) || import_lib$1.isTemplateLiteral(leaf) ? value[leaf.start] : "'";
-	return quoteString(next, quote);
-};
-const setEditableValue = (value, path, next) => {
-	if (!path.length) return value;
-	let leaf;
-	try {
-		leaf = findEditableLeaf((0, import_lib.parseExpression)(value, { plugins: ["jsx", "typescript"] }), path);
-	} catch {
-		return value;
-	}
-	if (!leaf || !isEditableLeaf(leaf) || leaf.start == null || leaf.end == null) return value;
-	return `${value.slice(0, leaf.start)}${leafSource(value, leaf, next)}${value.slice(leaf.end)}`;
-};
 const extractNodeValue = (node) => {
 	if (import_lib$1.isBooleanLiteral(node)) return {
 		type: "boolean",
@@ -223,35 +143,6 @@ const extractNodeValue = (node) => {
 		value: null
 	};
 };
-const createNodeFromValue = (type, value) => {
-	switch (type) {
-		case "boolean": return import_lib$1.booleanLiteral(value === true);
-		case "number": return import_lib$1.numericLiteral(Number(value));
-		case "string": return import_lib$1.stringLiteral(String(value));
-		case "null": return import_lib$1.nullLiteral();
-		case "array":
-		case "object":
-		case "unknown": return null;
-		default: return null;
-	}
-};
-const valueToExpression = (value) => {
-	if (typeof value === "string") return import_lib$1.stringLiteral(value);
-	if (typeof value === "number") return value < 0 ? import_lib$1.unaryExpression("-", import_lib$1.numericLiteral(-value)) : import_lib$1.numericLiteral(value);
-	if (typeof value === "boolean") return import_lib$1.booleanLiteral(value);
-	if (value === null) return import_lib$1.nullLiteral();
-	if (Array.isArray(value)) return import_lib$1.arrayExpression(value.map((item) => valueToExpression(item) ?? import_lib$1.nullLiteral()));
-	if (typeof value === "object") {
-		const properties = [];
-		for (const [key, item] of Object.entries(value)) {
-			const expr = valueToExpression(item);
-			if (expr === null) continue;
-			properties.push(import_lib$1.objectProperty(import_lib$1.stringLiteral(key), expr));
-		}
-		return import_lib$1.objectExpression(properties);
-	}
-	return null;
-};
 const parseArrayExpression = (value) => {
 	try {
 		const ast = unwrapExpression((0, import_lib.parseExpression)(value, { plugins: ["jsx", "typescript"] }));
@@ -277,10 +168,6 @@ const extractObjectProperties = (element) => {
 	});
 	return properties;
 };
-const arrayExpressionToCode = (elements) => {
-	const nextAst = import_lib$1.arrayExpression(elements);
-	return generateCode(nextAst);
-};
 //#endregion
 //#region src/utils/ast/binding.ts
 const bindingTypeSchema = z.enum(BINDING_TYPES);
@@ -1007,7 +894,42 @@ const editChildrenSource = (source, parent, input, options) => {
 	}
 };
 //#endregion
-//#region src/utils/ast/update.ts
+//#region src/utils/ast/value-expression.ts
+const createNodeFromValue = (type, value) => {
+	switch (type) {
+		case "boolean": return import_lib$1.booleanLiteral(value === true);
+		case "number": return import_lib$1.numericLiteral(Number(value));
+		case "string": return import_lib$1.stringLiteral(String(value));
+		case "null": return import_lib$1.nullLiteral();
+		case "array":
+		case "object":
+		case "unknown": return null;
+		default: return null;
+	}
+};
+const valueToExpression = (value) => {
+	if (typeof value === "string") return import_lib$1.stringLiteral(value);
+	if (typeof value === "number") return value < 0 ? import_lib$1.unaryExpression("-", import_lib$1.numericLiteral(-value)) : import_lib$1.numericLiteral(value);
+	if (typeof value === "boolean") return import_lib$1.booleanLiteral(value);
+	if (value === null) return import_lib$1.nullLiteral();
+	if (Array.isArray(value)) return import_lib$1.arrayExpression(value.map((item) => valueToExpression(item) ?? import_lib$1.nullLiteral()));
+	if (typeof value === "object") {
+		const properties = [];
+		for (const [key, item] of Object.entries(value)) {
+			const expr = valueToExpression(item);
+			if (expr === null) continue;
+			properties.push(import_lib$1.objectProperty(import_lib$1.stringLiteral(key), expr));
+		}
+		return import_lib$1.objectExpression(properties);
+	}
+	return null;
+};
+const arrayExpressionToCode = (elements) => {
+	const nextAst = import_lib$1.arrayExpression(elements);
+	return generateCode(nextAst);
+};
+//#endregion
+//#region src/utils/ast/edit-source.ts
 const childrenRange = (element) => {
 	const { openingElement, closingElement } = element;
 	if (!closingElement || openingElement.end == null || closingElement.start == null) return null;
@@ -1186,7 +1108,139 @@ const canEditAttributeValue = (attribute, value, type) => {
 	if (!import_lib$1.isJSXExpressionContainer(attribute.value) || import_lib$1.isJSXEmptyExpression(attribute.value.expression) || isLosslesslyEvaluable(attribute.value.expression)) return true;
 	return typeof value === "string" && holdsStructuralExpression(attribute.value) && !(type && STRING_VALUED_TYPES.has(type)) && structuralSource(value) !== null;
 };
+//#endregion
+//#region src/utils/ast/update.ts
+const hasDataId = (opening, dataId) => opening.attributes.some((attr) => import_lib$1.isJSXAttribute(attr) && import_lib$1.isJSXIdentifier(attr.name) && attr.name.name === DATA_ATTR.ID && attr.value && import_lib$1.isStringLiteral(attr.value) && attr.value.value === dataId);
+const findJSXAttribute = (opening, name) => opening.attributes.find((attr) => import_lib$1.isJSXAttribute(attr) && import_lib$1.isJSXIdentifier(attr.name) && attr.name.name === name);
+const findBinding = (opening, { dataId, label, property, options }) => {
+	const bindingAttr = findJSXAttribute(opening, DATA_ATTR.BINDING);
+	if (bindingAttr && !bindingAttr.value) return { failure: {
+		reason: "no-binding",
+		dataId
+	} };
+	let own;
+	if (bindingAttr?.value) {
+		let bindingValue = "";
+		if (import_lib$1.isStringLiteral(bindingAttr.value)) bindingValue = bindingAttr.value.value;
+		else if (import_lib$1.isJSXExpressionContainer(bindingAttr.value)) try {
+			bindingValue = generateCode(bindingAttr.value.expression);
+		} catch (error) {
+			return { failure: {
+				reason: "parse-error",
+				error
+			} };
+		}
+		own = parseBinding(bindingValue);
+	}
+	const keyAttr = findJSXAttribute(opening, DATA_ATTR.BINDING_KEY);
+	const bindings = resolveBindings(own, keyAttr && (keyAttr.value && import_lib$1.isStringLiteral(keyAttr.value) ? keyAttr.value.value : null), getJSXTagName(opening), options);
+	if (!own && bindings.length === 0) return { failure: {
+		reason: "no-binding",
+		dataId
+	} };
+	const matches = bindings.filter((binding) => property !== void 0 ? binding.property === property : binding.label === label);
+	if (matches.length === 0) return { failure: {
+		reason: "binding-not-declared",
+		dataId,
+		label,
+		property
+	} };
+	if (matches.length > 1) return { failure: {
+		reason: "duplicate-binding",
+		dataId,
+		label,
+		property,
+		count: matches.length
+	} };
+	return { binding: matches[0] };
+};
+const checkEdit = (binding, { dataId, value }) => {
+	const property = binding.property;
+	if (RESERVED_BINDING_PROPERTIES.includes(property)) return {
+		reason: "reserved-property",
+		dataId,
+		property
+	};
+	if (value === void 0 && binding.required) return {
+		reason: "required-property",
+		dataId,
+		property
+	};
+};
+const toElementEdit = (result, onNull) => result ? { edits: result } : { failure: onNull() };
+const editProperty = (source, element, binding, { dataId, value, options }) => {
+	const opening = element.openingElement;
+	const prop = binding.property;
+	const unset = value === void 0;
+	const couldNotUpdate = () => ({
+		reason: "parse-error",
+		error: /* @__PURE__ */ new Error(`could not update "${prop}"`)
+	});
+	const contentWithoutSlot = !unset && String(value) !== "" && !childrenRange(element);
+	switch (prop) {
+		case BINDING_PROP.INNER_TEXT:
+			if (contentWithoutSlot) return { failure: {
+				reason: "self-closing",
+				dataId,
+				property: prop
+			} };
+			return toElementEdit(editInnerText(source, element, unset ? "" : String(value)), couldNotUpdate);
+		case BINDING_PROP.INNER_HTML:
+			if (contentWithoutSlot && binding.type !== "richtext") return { failure: {
+				reason: "self-closing",
+				dataId,
+				property: prop
+			} };
+			return toElementEdit(binding.type === "richtext" ? editRichtext(element, unset ? "" : String(value)) : editInnerHTML(element, unset ? "" : String(value)), couldNotUpdate);
+		case BINDING_PROP.CHILDREN:
+			if (unset) return { failure: {
+				reason: "unsupported-syntax",
+				dataId,
+				property: prop
+			} };
+			return toElementEdit(editChildrenSource(source, element, value, options), () => ({
+				reason: "parse-error",
+				error: /* @__PURE__ */ new Error("Unsupported or stale children edit; source was preserved")
+			}));
+		default: {
+			const attribute = findAttribute(opening, prop);
+			if (unset) return toElementEdit(attribute ? removeAttribute(source, attribute) : [], () => ({
+				reason: "parse-error",
+				error: /* @__PURE__ */ new Error(`could not remove "${prop}"`)
+			}));
+			if (!attribute) return toElementEdit(value === "" ? [] : addAttribute(source, opening, prop, value, binding.type), () => ({
+				reason: "attribute-not-found",
+				dataId,
+				property: prop
+			}));
+			if (binding.type !== "jsx" && !canEditAttributeValue(attribute, value, binding.type)) return { failure: {
+				reason: "unsupported-syntax",
+				dataId,
+				property: prop
+			} };
+			return toElementEdit(binding.type === "jsx" ? editJsxAttribute(opening, prop, value) : editAttribute(opening, prop, value, binding.type), () => ({
+				reason: "attribute-not-found",
+				dataId,
+				property: prop
+			}));
+		}
+	}
+};
+const editElement = (source, element, request) => {
+	const found = findBinding(element.openingElement, request);
+	if ("failure" in found) return found;
+	const refused = checkEdit(found.binding, request);
+	if (refused) return { failure: refused };
+	return editProperty(source, element, found.binding, request);
+};
 const update = (code, dataId, label, value, property, options = {}) => {
+	const request = {
+		dataId,
+		label,
+		value,
+		property,
+		options
+	};
 	try {
 		const wrapped = wrap(code);
 		const ast = (0, import_lib.parse)(wrapped, {
@@ -1196,150 +1250,15 @@ const update = (code, dataId, label, value, property, options = {}) => {
 		let changed = false;
 		let failure;
 		const edits = [];
-		const collect = (result, onNull) => {
-			if (!result) {
-				failure = onNull();
-				return;
-			}
-			edits.push(...result);
-			changed = true;
-		};
 		traverse(ast, { JSXElement(path) {
-			const opening = path.node.openingElement;
-			if (!opening.attributes.find((attr) => {
-				return import_lib$1.isJSXAttribute(attr) && import_lib$1.isJSXIdentifier(attr.name) && attr.name.name === DATA_ATTR.ID && attr.value && import_lib$1.isStringLiteral(attr.value) && attr.value.value === dataId;
-			})) return;
-			const bindingAttr = opening.attributes.find((attr) => import_lib$1.isJSXAttribute(attr) && import_lib$1.isJSXIdentifier(attr.name) && attr.name.name === DATA_ATTR.BINDING);
-			if (bindingAttr && !bindingAttr.value) {
-				failure = {
-					reason: "no-binding",
-					dataId
-				};
+			if (!hasDataId(path.node.openingElement, dataId)) return;
+			const result = editElement(wrapped, path.node, request);
+			if ("failure" in result) {
+				failure = result.failure;
 				return;
 			}
-			let own;
-			if (bindingAttr?.value) {
-				let bindingValue = "";
-				if (import_lib$1.isStringLiteral(bindingAttr.value)) bindingValue = bindingAttr.value.value;
-				else if (import_lib$1.isJSXExpressionContainer(bindingAttr.value)) try {
-					bindingValue = generateCode(bindingAttr.value.expression);
-				} catch (error) {
-					failure = {
-						reason: "parse-error",
-						error
-					};
-					return;
-				}
-				own = parseBinding(bindingValue);
-			}
-			const keyAttr = opening.attributes.find((attr) => import_lib$1.isJSXAttribute(attr) && import_lib$1.isJSXIdentifier(attr.name) && attr.name.name === DATA_ATTR.BINDING_KEY);
-			const bindings = resolveBindings(own, keyAttr && (keyAttr.value && import_lib$1.isStringLiteral(keyAttr.value) ? keyAttr.value.value : null), getJSXTagName(opening), options);
-			if (!own && bindings.length === 0) {
-				failure = {
-					reason: "no-binding",
-					dataId
-				};
-				return;
-			}
-			const matches = bindings.filter((binding) => property !== void 0 ? binding.property === property : binding.label === label);
-			if (matches.length === 0) {
-				failure = {
-					reason: "binding-not-declared",
-					dataId,
-					label,
-					property
-				};
-				return;
-			}
-			if (matches.length > 1) {
-				failure = {
-					reason: "duplicate-binding",
-					dataId,
-					label,
-					property,
-					count: matches.length
-				};
-				return;
-			}
-			const propertyBinding = matches[0];
-			const prop = propertyBinding.property;
-			if (RESERVED_BINDING_PROPERTIES.includes(prop)) {
-				failure = {
-					reason: "reserved-property",
-					dataId,
-					property: prop
-				};
-				return;
-			}
-			const unset = value === void 0;
-			if (unset && propertyBinding.required) {
-				failure = {
-					reason: "required-property",
-					dataId,
-					property: prop
-				};
-				return;
-			}
-			switch (prop) {
-				case BINDING_PROP.INNER_TEXT:
-					collect(editInnerText(wrapped, path.node, unset ? "" : String(value)), () => ({
-						reason: "parse-error",
-						error: /* @__PURE__ */ new Error(`could not update "${prop}"`)
-					}));
-					break;
-				case BINDING_PROP.INNER_HTML:
-					collect(propertyBinding.type === "richtext" ? editRichtext(path.node, unset ? "" : String(value)) : editInnerHTML(path.node, unset ? "" : String(value)), () => ({
-						reason: "parse-error",
-						error: /* @__PURE__ */ new Error(`could not update "${prop}"`)
-					}));
-					break;
-				case BINDING_PROP.CHILDREN:
-					if (unset) {
-						failure = {
-							reason: "unsupported-syntax",
-							dataId,
-							property: prop
-						};
-						break;
-					}
-					collect(editChildrenSource(wrapped, path.node, value, options), () => ({
-						reason: "parse-error",
-						error: /* @__PURE__ */ new Error("Unsupported or stale children edit; source was preserved")
-					}));
-					break;
-				default: {
-					const attribute = findAttribute(opening, prop);
-					if (unset) {
-						collect(attribute ? removeAttribute(wrapped, attribute) : [], () => ({
-							reason: "parse-error",
-							error: /* @__PURE__ */ new Error(`could not remove "${prop}"`)
-						}));
-						break;
-					}
-					if (!attribute) {
-						collect(value === "" ? [] : addAttribute(wrapped, opening, prop, value, propertyBinding.type), () => ({
-							reason: "attribute-not-found",
-							dataId,
-							property: prop
-						}));
-						break;
-					}
-					if (attribute && propertyBinding.type !== "jsx" && !canEditAttributeValue(attribute, value, propertyBinding.type)) {
-						failure = {
-							reason: "unsupported-syntax",
-							dataId,
-							property: prop
-						};
-						break;
-					}
-					collect(propertyBinding.type === "jsx" ? editJsxAttribute(opening, prop, value) : editAttribute(opening, prop, value, propertyBinding.type), () => ({
-						reason: "attribute-not-found",
-						dataId,
-						property: prop
-					}));
-					break;
-				}
-			}
+			edits.push(...result.edits);
+			changed = true;
 		} });
 		if (!changed) return {
 			code,
@@ -1639,6 +1558,6 @@ const appendArrayItem = (code, kind, generateId = () => nanoid(6)) => {
 	return index < 0 ? null : duplicateArrayItems(code, /* @__PURE__ */ new Set([index]), generateId);
 };
 //#endregion
-export { extractNodeValue as A, parseBinding as C, arrayExpressionToCode as D, resolveBindings as E, setEditableValue as F, flattenEditableValue as M, parseArrayExpression as N, canLosslesslyEvaluateSource as O, parseValue as P, isComponentTagName as S, readNodeBindings as T, findEditableChildren as _, parseItems as a, getRegistryBindings as b, updateArrayItemValue as c, update as d, updateAll as f, extract as g, clearExtractCache as h, moveArrayItems as i, extractObjectProperties as j, createNodeFromValue as k, canStructurallyEditArray as l, moveSelectedIndices as m, duplicateArrayItems as n, removeArrayItems as o, getChildrenSignatures as p, moveArrayItem as r, updateArrayItemProperty as s, appendArrayItem as t, bulkUpdate as u, getCurrentValue as v, parseBindingExpression as w, getStructuredValue as x, getKeyBindings as y };
+export { extractNodeValue as A, getStructuredValue as C, readNodeBindings as D, parseBindingExpression as E, parseArrayExpression as M, parseValue as N, resolveBindings as O, unwrapExpression as P, getRegistryBindings as S, parseBinding as T, clearExtractCache as _, parseItems as a, getCurrentValue as b, updateArrayItemValue as c, update as d, updateAll as f, moveSelectedIndices as g, getChildrenSignatures as h, moveArrayItems as i, extractObjectProperties as j, canLosslesslyEvaluateSource as k, canStructurallyEditArray as l, createNodeFromValue as m, duplicateArrayItems as n, removeArrayItems as o, arrayExpressionToCode as p, moveArrayItem as r, updateArrayItemProperty as s, appendArrayItem as t, bulkUpdate as u, extract as v, isComponentTagName as w, getKeyBindings as x, findEditableChildren as y };
 
-//# sourceMappingURL=items-DdrwGxJw.js.map
+//# sourceMappingURL=items-B6OXxcLG.js.map