@jbpark/live-editor 3.0.1 → 3.1.0

package/dist/{ast-D6R-dsk0.js → ast-CIe-mhh_.js}

@@ -453,42 +453,164 @@ const moveSelectedIndices = (items, indices, direction) => {
 	};
 };
 //#endregion
-//#region src/utils/ast/tree.ts
-const replaceIds = (code, generateId = () => nanoid(6)) => {
-	return code.replace(new RegExp(`${DATA_ATTR.ID}="[^"]*"`, "g"), () => {
-		return `${DATA_ATTR.ID}="${generateId()}"`;
-	});
+//#region src/utils/ast/patch.ts
+const hasOnlyLayoutNewlines = (content) => {
+	let index = 0;
+	while (index < content.length) {
+		const char = content[index];
+		if (char === "`" || char === "<") return false;
+		if (char === "\"" || char === "'") {
+			const next = skipStringLiteral(content, index);
+			if (next === -1) return false;
+			index = next;
+			continue;
+		}
+		if (char === "/") {
+			const following = content[index + 1];
+			if (following === "/") {
+				const lineEnd = content.indexOf("\n", index + 2);
+				index = lineEnd === -1 ? content.length : lineEnd;
+				continue;
+			}
+			if (following === "*") {
+				const commentEnd = content.indexOf("*/", index + 2);
+				if (commentEnd === -1) return false;
+				index = commentEnd + 2;
+				continue;
+			}
+			return false;
+		}
+		index++;
+	}
+	return true;
 };
-const fillIds = (code, generateId = () => nanoid(6)) => {
-	return code.replace(new RegExp(`${DATA_ATTR.ID}=""`, "g"), () => {
-		return `${DATA_ATTR.ID}="${generateId()}"`;
+const skipStringLiteral = (content, start) => {
+	const quote = content[start];
+	for (let index = start + 1; index < content.length; index++) {
+		const char = content[index];
+		if (char === "\\") {
+			const escaped = content[index + 1];
+			if (escaped === "\n" || escaped === "\r") return -1;
+			index++;
+			continue;
+		}
+		if (char === quote) return index + 1;
+		if (char === "\n") return -1;
+	}
+	return -1;
+};
+const lineIndentAt = (source, offset) => {
+	const lineStart = source.lastIndexOf("\n", offset - 1) + 1;
+	return /^[ \t]*/.exec(source.slice(lineStart, offset))?.[0] ?? "";
+};
+const lineTerminatorOf = (source) => {
+	return source.includes("\r\n") ? "\r\n" : "\n";
+};
+const applyEdits = (source, edits) => {
+	if (edits.length === 0) return source;
+	const ordered = [...edits].sort((a, b) => a.start - b.start || a.end - b.end);
+	for (const edit of ordered) if (!Number.isInteger(edit.start) || !Number.isInteger(edit.end) || edit.start < 0 || edit.end > source.length || edit.start > edit.end) throw new Error(`Invalid source edit [${edit.start}, ${edit.end}) for a source of length ${source.length}`);
+	for (let i = 1; i < ordered.length; i++) {
+		const previous = ordered[i - 1];
+		const current = ordered[i];
+		if (current.start < previous.end) throw new Error(`Overlapping source edits: [${previous.start}, ${previous.end}) and [${current.start}, ${current.end})`);
+	}
+	let result = "";
+	let cursor = 0;
+	const terminator = lineTerminatorOf(source);
+	for (const edit of ordered) {
+		const content = edit.indent && edit.content.includes("\n") && hasOnlyLayoutNewlines(edit.content) ? edit.content.replace(/\n/g, `${terminator}${lineIndentAt(source, edit.start)}`) : edit.content;
+		result += source.slice(cursor, edit.start) + content;
+		cursor = edit.end;
+	}
+	return result + source.slice(cursor);
+};
+//#endregion
+//#region src/utils/ast/array-source.ts
+const commaIn = (source, start, end) => {
+	let comma = null;
+	for (let at = start; at < end; at++) {
+		if (/\s/.test(source[at])) continue;
+		if (source.startsWith("/*", at)) {
+			const close = source.indexOf("*/", at + 2);
+			if (close < 0 || close + 2 > end) return null;
+			at = close + 1;
+		} else if (source.startsWith("//", at)) {
+			const newline = source.indexOf("\n", at + 2);
+			at = newline < 0 ? end : newline;
+		} else if (source[at] === "," && comma === null) comma = at;
+		else return null;
+	}
+	return comma;
+};
+const denseArraySource = (source) => {
+	const array = parseArrayExpression(source);
+	if (!array || array.elements.some((node) => !import_lib$2.isExpression(node) || node.extra?.parenthesized)) return null;
+	const elements = array.elements;
+	const commas = elements.slice(0, -1).map((node, index) => commaIn(source, node.end, elements[index + 1].start));
+	if (commas.some((comma) => comma === null)) return null;
+	const last = elements.at(-1);
+	return {
+		array,
+		elements,
+		commas,
+		trailing: last ? commaIn(source, last.end, array.end - 1) : null
+	};
+};
+const validArrayIndices = (indices, length) => [...indices].every((index) => Number.isInteger(index) && index >= 0 && index < length);
+const reorderArraySource = (source, elements, next) => applyEdits(source, elements.map((node, index) => ({
+	start: node.start,
+	end: node.end,
+	content: source.slice(next[index].start, next[index].end)
+})));
+const removeArraySource = (source, data, indices) => {
+	const edits = [];
+	const removedCommas = /* @__PURE__ */ new Set();
+	const { elements, commas, trailing } = data;
+	for (let index = 0; index < elements.length; index++) {
+		if (!indices.has(index)) continue;
+		const start = index;
+		while (index + 1 < elements.length && indices.has(index + 1)) index++;
+		for (let current = start; current <= index; current++) {
+			const node = elements[current];
+			edits.push({
+				start: node.start,
+				end: node.end,
+				content: ""
+			});
+			if (current < elements.length - 1) removedCommas.add(commas[current]);
+		}
+		if (index === elements.length - 1) {
+			if (trailing !== null) removedCommas.add(trailing);
+			else if (start > 0) removedCommas.add(commas[start - 1]);
+		}
+	}
+	for (const comma of removedCommas) edits.push({
+		start: comma,
+		end: comma + 1,
+		content: ""
 	});
+	return applyEdits(source, edits);
 };
-const clone = (element, generateId = () => nanoid(6)) => {
-	const cloned = import_lib$2.cloneNode(element, true);
-	const generatedCode = generateCode(cloned);
-	const code = replaceIds(generatedCode, generateId);
-	return (0, import_lib$1.parseExpression)(code, { plugins: ["jsx", "typescript"] });
+const appendArraySource = (source, data, copies) => {
+	const last = data.elements.at(-1);
+	if (!last || copies.length === 0) return source;
+	return applyEdits(source, [{
+		start: last.end,
+		end: last.end,
+		content: `, ${copies.join(", ")}`
+	}]);
 };
 //#endregion
 //#region src/utils/ast/items.ts
-const elementsOf = (code) => {
-	const ast = parseArrayExpression(code);
-	if (!ast) return null;
-	return ast.elements.filter((element) => Boolean(element));
-};
+const elementsOf = (code) => parseArrayExpression(code)?.elements ?? null;
 const kindOf = (element) => import_lib$2.isObjectExpression(element) ? "object" : "primitive";
-const toCode = (elements) => {
-	return generateCode(import_lib$2.arrayExpression(elements));
-};
 const parseItems = (code) => {
-	const elements = elementsOf(code);
-	if (!elements) return null;
-	return elements.map((node, index) => ({
+	return elementsOf(code)?.flatMap((node, index) => import_lib$2.isExpression(node) ? [{
 		index,
 		kind: kindOf(node),
 		node
-	}));
+	}] : []) ?? null;
 };
 const resolveRenderLeaf = (render, key) => {
 	const leaf = render?.[key];
@@ -542,79 +664,104 @@ const updateArrayItemProperty = (code, index, key, value, render) => {
 	const declaredType = extractObjectProperties(element)[key]?.type ?? "string";
 	const nextValue = buildPropertyValue(value, declaredType, resolveRenderLeaf(render, key), target.value);
 	if (!nextValue) return null;
-	target.value = nextValue;
-	return toCode(elements);
+	let serialized = typeof value === "string" && (declaredType === "array" || declaredType === "object" || import_lib$2.isJSXElement(nextValue) || import_lib$2.isJSXFragment(nextValue)) ? value.trim() : generateCode(nextValue);
+	if (nextValue.trailingComments?.some((comment) => comment.type === "CommentLine")) serialized += "\n";
+	const content = target.shorthand ? `${key}: ${serialized}` : serialized;
+	return applyEdits(code, [{
+		start: target.value.start,
+		end: target.value.end,
+		content
+	}]);
 };
 const updateArrayItemValue = (code, index, value) => {
 	const elements = elementsOf(code);
 	const element = elements?.[index];
-	if (!elements || !element) return null;
+	if (!elements || !import_lib$2.isExpression(element)) return null;
 	const nextValue = createNodeFromValue(extractNodeValue(element).type, parseValue(value));
 	if (!nextValue) return null;
-	elements[index] = nextValue;
-	return toCode(elements);
+	return applyEdits(code, [{
+		start: element.start,
+		end: element.end,
+		content: generateCode(nextValue)
+	}]);
 };
 const moveArrayItem = (code, from, to) => {
-	const elements = elementsOf(code);
-	if (!elements?.[from]) return null;
-	const next = [...elements];
+	const data = denseArraySource(code);
+	if (!data || !validArrayIndices([from], data.elements.length) || !Number.isInteger(to)) return null;
+	const next = [...data.elements];
 	const [moved] = next.splice(from, 1);
 	next.splice(to, 0, moved);
-	return toCode(next);
+	return reorderArraySource(code, data.elements, next);
 };
 const moveArrayItems = (code, indices, direction) => {
-	const elements = elementsOf(code);
-	if (!elements) return null;
-	const { items, indices: nextIndices } = moveSelectedIndices(elements, indices, direction);
+	const data = denseArraySource(code);
+	if (!data || !validArrayIndices(indices, data.elements.length) || !["up", "down"].includes(direction)) return null;
+	const next = moveSelectedIndices(data.elements, indices, direction);
 	return {
-		code: toCode(items),
-		indices: nextIndices
+		code: reorderArraySource(code, data.elements, next.items),
+		indices: next.indices
 	};
 };
 const removeArrayItems = (code, indices, kind) => {
-	const elements = elementsOf(code);
-	if (!elements) return null;
-	const remaining = removeIndices(elements, indices);
-	if ((kind === void 0 ? remaining : remaining.filter((element) => kindOf(element) === kind)).length < 1) return null;
-	return toCode(remaining);
-};
-const cloneItem = (element, generateId) => {
-	const cloned = clone(element);
-	if (!import_lib$2.isObjectExpression(cloned)) return cloned;
-	const editable = extractObjectProperties(cloned);
-	cloned.properties.forEach((property) => {
-		if (!import_lib$2.isObjectProperty(property) || !import_lib$2.isIdentifier(property.key)) return;
-		const key = property.key.name;
-		if (key === "key" && import_lib$2.isStringLiteral(property.value)) {
-			property.value = import_lib$2.stringLiteral(`${property.value.value}-${generateId()}`);
+	const data = denseArraySource(code);
+	if (!data || !validArrayIndices(indices, data.elements.length)) return null;
+	const remaining = removeIndices(data.elements, indices);
+	if (!(kind === void 0 ? remaining : remaining.filter((node) => kindOf(node) === kind)).length) return null;
+	return removeArraySource(code, data, indices);
+};
+const copyItem = (code, element, generateId, usedIds) => {
+	const edits = [];
+	let unsupported = false;
+	const reserveId = (id) => {
+		if (usedIds.has(id)) unsupported = true;
+		usedIds.add(id);
+		return JSON.stringify(id);
+	};
+	import_lib$2.traverseFast(element, (node) => {
+		if (!import_lib$2.isJSXOpeningElement(node)) return;
+		const ids = node.attributes.filter((attr) => import_lib$2.isJSXAttribute(attr) && import_lib$2.isJSXIdentifier(attr.name, { name: "data-id" }));
+		const attr = ids[0];
+		if (ids.length > 1 || attr && (!import_lib$2.isStringLiteral(attr.value) || node.attributes.slice(node.attributes.indexOf(attr) + 1).some((a) => import_lib$2.isJSXSpreadAttribute(a)))) {
+			unsupported = true;
 			return;
 		}
-		const source = editable[key];
-		if (source) {
-			const next = createNodeFromValue(source.type, source.value);
-			if (next) property.value = next;
-		}
+		if (attr && import_lib$2.isStringLiteral(attr.value)) edits.push({
+			start: attr.value.start,
+			end: attr.value.end,
+			content: reserveId(generateId())
+		});
 	});
-	return cloned;
+	if (import_lib$2.isObjectExpression(element)) {
+		const keys = element.properties.filter((prop) => import_lib$2.isObjectProperty(prop) && !prop.computed && (import_lib$2.isIdentifier(prop.key, { name: "key" }) || import_lib$2.isStringLiteral(prop.key, { value: "key" })));
+		const key = keys[0];
+		if (keys.length > 1 || key && (!import_lib$2.isStringLiteral(key.value) || element.properties.slice(element.properties.indexOf(key) + 1).some((prop) => import_lib$2.isSpreadElement(prop) || "computed" in prop && prop.computed))) return null;
+		if (key && import_lib$2.isStringLiteral(key.value)) edits.push({
+			start: key.value.start,
+			end: key.value.end,
+			content: reserveId(`${key.value.value}-${generateId()}`)
+		});
+	}
+	if (unsupported) return null;
+	return applyEdits(code.slice(element.start, element.end), edits.map((edit) => ({
+		...edit,
+		start: edit.start - element.start,
+		end: edit.end - element.start
+	})));
 };
 const duplicateArrayItems = (code, indices, generateId = () => nanoid(6)) => {
-	const elements = elementsOf(code);
-	if (!elements) return null;
-	const clones = [...indices].sort((a, b) => a - b).map((index) => elements[index]).filter((element) => Boolean(element)).map((element) => cloneItem(element, generateId));
-	if (clones.length === 0) return null;
-	return toCode([...elements, ...clones]);
+	const data = denseArraySource(code);
+	if (!data || !indices.size || !validArrayIndices(indices, data.elements.length)) return null;
+	const usedIds = /* @__PURE__ */ new Set();
+	import_lib$2.traverseFast(data.array, (node) => {
+		if (import_lib$2.isJSXAttribute(node) && import_lib$2.isJSXIdentifier(node.name, { name: "data-id" }) && import_lib$2.isStringLiteral(node.value)) usedIds.add(node.value.value);
+		else if (import_lib$2.isObjectProperty(node) && !node.computed && (import_lib$2.isIdentifier(node.key, { name: "key" }) || import_lib$2.isStringLiteral(node.key, { value: "key" })) && import_lib$2.isStringLiteral(node.value)) usedIds.add(node.value.value);
+	});
+	const copies = [...indices].sort((a, b) => a - b).map((index) => copyItem(code, data.elements[index], generateId, usedIds));
+	return copies.every((copy) => copy !== null) ? appendArraySource(code, data, copies) : null;
 };
 const appendArrayItem = (code, kind, generateId = () => nanoid(6)) => {
-	const elements = elementsOf(code);
-	if (!elements) return null;
-	const template = elements.find((element) => kindOf(element) === kind);
-	if (!template) return null;
-	if (kind === "primitive") {
-		const { type, value } = extractNodeValue(template);
-		const next = createNodeFromValue(type, value);
-		return next ? toCode([...elements, next]) : null;
-	}
-	return toCode([...elements, cloneItem(template, generateId)]);
+	const index = denseArraySource(code)?.elements.findIndex((node) => kindOf(node) === kind) ?? -1;
+	return index < 0 ? null : duplicateArrayItems(code, /* @__PURE__ */ new Set([index]), generateId);
 };
 //#endregion
 //#region src/utils/ast/extract.ts
@@ -647,7 +794,7 @@ const parseJSXName = (tagName) => {
 	return expr;
 };
 const extractCache = createBoundedCache(CONFIG.CACHE_LIMIT);
-const extractAttributes = (attributes) => {
+const extractAttributes = (attributes, source) => {
 	const allAttrs = [];
 	const dataAttrs = [];
 	for (const attr of attributes) {
@@ -660,7 +807,9 @@ const extractAttributes = (attributes) => {
 				value = attr.value.value;
 				isStringLiteral = true;
 			} else if (import_lib$2.isJSXExpressionContainer(attr.value)) try {
-				value = generateCode(attr.value.expression);
+				const expression = attr.value.expression;
+				const structural = import_lib$2.isArrayExpression(unwrapExpression(expression)) || import_lib$2.isObjectExpression(unwrapExpression(expression));
+				value = source && structural && expression.start != null && expression.end != null ? source.slice(expression.start, expression.end) : generateCode(expression);
 				isStringLiteral = false;
 			} catch {
 				value = null;
@@ -736,15 +885,18 @@ const createFragmentNode = (textContent, children) => ({
 	children,
 	isFragment: true
 });
-const processChildrenBinding = (jsxElement, processedNodes, shouldWrap = true) => {
+const processChildrenBinding = (jsxElement, processedNodes, shouldWrap = true, source) => {
 	const jsxChildren = jsxElement.children.filter((child) => import_lib$2.isJSXElement(child) || import_lib$2.isJSXFragment(child));
 	if (!jsxChildren.length) return;
 	const childrenNodes = [];
 	jsxChildren.forEach((child) => {
 		if (import_lib$2.isJSXElement(child)) {
-			const childResults = extractFromNode(child, processedNodes);
+			const childResults = extractFromNode(child, processedNodes, source);
 			if (shouldWrap) {
 				const wrapperNode = createWrapperNode(collectText(child.children), childResults);
+				wrapperNode.source = source?.slice(child.start, child.end);
+				const dataId = childResults[0]?.dataAttributes.find((attr) => attr.name === DATA_ATTR.ID)?.value;
+				if (dataId) wrapperNode.id = `child:${dataId}`;
 				childrenNodes.push(wrapperNode);
 			} else childrenNodes.push(...childResults);
 		} else if (import_lib$2.isJSXFragment(child)) {
@@ -752,12 +904,13 @@ const processChildrenBinding = (jsxElement, processedNodes, shouldWrap = true) =
 			const fragmentChildren = [];
 			child.children.forEach((fragmentChild) => {
 				if (import_lib$2.isJSXElement(fragmentChild)) {
-					const childResults = extractFromNode(fragmentChild, processedNodes);
+					const childResults = extractFromNode(fragmentChild, processedNodes, source);
 					fragmentChildren.push(...childResults);
 				}
 			});
 			if (fragmentChildren.length) {
 				const fragmentNode = createFragmentNode(collectText(child.children), fragmentChildren);
+				fragmentNode.source = source?.slice(child.start, child.end);
 				childrenNodes.push(fragmentNode);
 			}
 		}
@@ -788,10 +941,10 @@ const getBindingExpression = (opening) => {
 	}
 	return null;
 };
-const readNodeBindingInfo = (node) => {
+const readNodeBindingInfo = (node, source) => {
 	const opening = node.openingElement;
 	const tagName = getTagName(opening);
-	const { allAttrs, dataAttrs } = extractAttributes(opening.attributes);
+	const { allAttrs, dataAttrs } = extractAttributes(opening.attributes, source);
 	const bindingAttr = dataAttrs.find((attr) => attr.name === DATA_ATTR.BINDING);
 	const bindingExpr = getBindingExpression(opening);
 	const bindings = bindingExpr ? parseBindingExpression(bindingExpr) : bindingAttr?.value ? parseBinding(bindingAttr.value) : [];
@@ -821,10 +974,10 @@ const parseToNodes = (raw) => {
 	const processedNodes = /* @__PURE__ */ new WeakSet();
 	traverse(ast, { JSXElement(path) {
 		if (processedNodes.has(path.node)) return;
-		const { tagName, allAttrs, dataAttrs, bindings, childrenBinding, arrayBindings, rawChildren } = readNodeBindingInfo(path.node);
+		const { tagName, allAttrs, dataAttrs, bindings, childrenBinding, arrayBindings, rawChildren } = readNodeBindingInfo(path.node, wrapped);
 		if (!tagName || !dataAttrs.length) return;
 		let childrenNodes;
-		if (childrenBinding) childrenNodes = processChildrenBinding(path.node, processedNodes);
+		if (childrenBinding) childrenNodes = processChildrenBinding(path.node, processedNodes, true, wrapped);
 		for (const arrayBinding of arrayBindings) skipItemsChildren(path.node, processedNodes, arrayBinding.property);
 		results.push({
 			tagName,
@@ -854,12 +1007,12 @@ function extract(raw) {
 	extractCache.set(raw, results);
 	return results;
 }
-function extractFromNode(node, processedNodes) {
+function extractFromNode(node, processedNodes, source) {
 	processedNodes?.add(node);
-	const { tagName, allAttrs, dataAttrs, bindings, childrenBinding, rawChildren } = readNodeBindingInfo(node);
+	const { tagName, allAttrs, dataAttrs, bindings, childrenBinding, rawChildren } = readNodeBindingInfo(node, source);
 	let childrenNodes;
-	if (childrenBinding) childrenNodes = processChildrenBinding(node, processedNodes);
-	if (!childrenNodes) childrenNodes = processChildrenBinding(node, processedNodes, false);
+	if (childrenBinding) childrenNodes = processChildrenBinding(node, processedNodes, true, source);
+	if (!childrenNodes) childrenNodes = processChildrenBinding(node, processedNodes, false, source);
 	return [{
 		tagName,
 		attributes: allAttrs,
@@ -874,77 +1027,150 @@ function clearExtractCache() {
 	extractCache.clear();
 }
 //#endregion
-//#region src/utils/ast/patch.ts
-const hasOnlyLayoutNewlines = (content) => {
-	let index = 0;
-	while (index < content.length) {
-		const char = content[index];
-		if (char === "`" || char === "<") return false;
-		if (char === "\"" || char === "'") {
-			const next = skipStringLiteral(content, index);
-			if (next === -1) return false;
-			index = next;
-			continue;
+//#region src/utils/ast/children.ts
+const modeledSignatures = (nodes) => nodes.map((node) => {
+	const jsx = nodeToJSX(node);
+	if (!jsx) throw new Error("Invalid child node");
+	return generateCode(jsx);
+});
+const getChildrenSignatures = (nodes) => {
+	const modeled = modeledSignatures(nodes);
+	return nodes.map((node, index) => JSON.stringify([node.source ?? null, modeled[index]]));
+};
+const indicesAreValid = (indices, count) => Array.isArray(indices) && new Set(indices).size === indices.length && indices.every((index) => Number.isInteger(index) && index >= 0 && index < count);
+const copySource = (source, usedIds) => {
+	const node = (0, import_lib$1.parseExpression)(source, { plugins: ["jsx", "typescript"] });
+	const edits = [];
+	const newId = () => {
+		let id = nanoid(12);
+		while (usedIds.has(id)) id = nanoid(12);
+		usedIds.add(id);
+		return id;
+	};
+	import_lib$2.traverseFast(node, (child) => {
+		if (!import_lib$2.isJSXOpeningElement(child)) return;
+		const ids = child.attributes.filter((attr) => import_lib$2.isJSXAttribute(attr) && import_lib$2.isJSXIdentifier(attr.name, { name: "data-id" }));
+		if (ids.length > 1) throw new Error("Duplicate data-id attributes");
+		const attr = ids[0];
+		if (attr && child.attributes.slice(child.attributes.indexOf(attr) + 1).some((attribute) => import_lib$2.isJSXSpreadAttribute(attribute))) throw new Error("A spread may override the copied data-id");
+		if (attr) {
+			const value = attr.value;
+			if (!import_lib$2.isStringLiteral(value) || value.start == null || value.end == null) throw new Error("Cannot copy a dynamic data-id");
+			edits.push({
+				start: value.start,
+				end: value.end,
+				content: JSON.stringify(newId())
+			});
+		} else {
+			const at = child.attributes.at(-1)?.end ?? child.name.end;
+			if (at == null) throw new Error("Missing opening element span");
+			edits.push({
+				start: at,
+				end: at,
+				content: ` data-id="${newId()}"`
+			});
 		}
-		if (char === "/") {
-			const following = content[index + 1];
-			if (following === "/") {
-				const lineEnd = content.indexOf("\n", index + 2);
-				index = lineEnd === -1 ? content.length : lineEnd;
-				continue;
-			}
-			if (following === "*") {
-				const commentEnd = content.indexOf("*/", index + 2);
-				if (commentEnd === -1) return false;
-				index = commentEnd + 2;
-				continue;
+	});
+	return applyEdits(source, edits);
+};
+const editChildrenSource = (source, parent, input) => {
+	try {
+		if (!parent.closingElement || parent.start == null || parent.end == null) return null;
+		const value = typeof input === "string" ? JSON.parse(input) : input;
+		const children = parent.children.filter((child) => import_lib$2.isJSXElement(child) || import_lib$2.isJSXFragment(child));
+		const raw = children.map((child) => source.slice(child.start, child.end));
+		const models = extract(source.slice(parent.start, parent.end))[0]?.children ?? [];
+		if (models.length !== children.length) return null;
+		const signatures = modeledSignatures(models);
+		const replaceSlots = (next) => {
+			const edits = children.map((child, index) => ({
+				start: child.start,
+				end: child.end,
+				content: next[index] ?? ""
+			}));
+			if (next.length > children.length) {
+				const at = parent.closingElement.start;
+				edits.push({
+					start: at,
+					end: at,
+					content: next.slice(children.length).join("")
+				});
 			}
-			return false;
+			return edits;
+		};
+		if (Array.isArray(value)) {
+			const desired = modeledSignatures(value);
+			const lossless = raw.every((text, index) => generateCode((0, import_lib$1.parseExpression)(text, { plugins: ["jsx", "typescript"] })) === signatures[index]);
+			const consumed = /* @__PURE__ */ new Set();
+			const next = desired.map((signature, position) => {
+				const index = signatures.findIndex((candidate, i) => candidate === signature && !consumed.has(i) && (value[position].source === void 0 || value[position].source === raw[i]));
+				if (index >= 0) {
+					consumed.add(index);
+					return raw[index];
+				}
+				if (!lossless || value[position].source !== void 0 && !raw.includes(value[position].source)) throw new Error("Use children commands to copy or edit unsupported source");
+				return signature;
+			});
+			const countIds = (text) => {
+				const counts = /* @__PURE__ */ new Map();
+				import_lib$2.traverseFast((0, import_lib$1.parseExpression)(text, { plugins: ["jsx", "typescript"] }), (node) => {
+					if (import_lib$2.isJSXAttribute(node) && import_lib$2.isJSXIdentifier(node.name, { name: "data-id" }) && import_lib$2.isStringLiteral(node.value)) counts.set(node.value.value, (counts.get(node.value.value) ?? 0) + 1);
+				});
+				return counts;
+			};
+			const previousIds = countIds(source);
+			if ([...countIds(applyEdits(source, replaceSlots(next)))].some(([id, count]) => count > 1 && count > (previousIds.get(id) ?? 0))) return null;
+			return replaceSlots(next);
 		}
-		index++;
-	}
-	return true;
-};
-const skipStringLiteral = (content, start) => {
-	const quote = content[start];
-	for (let index = start + 1; index < content.length; index++) {
-		const char = content[index];
-		if (char === "\\") {
-			const escaped = content[index + 1];
-			if (escaped === "\n" || escaped === "\r") return -1;
-			index++;
-			continue;
+		const request = value;
+		if (request?.kind !== "children-edit" || !Array.isArray(request.expected) || request.expected.length !== signatures.length || !getChildrenSignatures(models).every((signature, index) => signature === request.expected[index]) || !request.action) return null;
+		const { action } = request;
+		const usedIds = /* @__PURE__ */ new Set();
+		import_lib$2.traverseFast(parent, (node) => {
+			if (import_lib$2.isJSXAttribute(node) && import_lib$2.isJSXIdentifier(node.name, { name: "data-id" }) && import_lib$2.isStringLiteral(node.value)) usedIds.add(node.value.value);
+		});
+		switch (action.type) {
+			case "move": {
+				if (!indicesAreValid([action.from], raw.length) || !indicesAreValid([action.to], raw.length)) return null;
+				const next = [...raw];
+				const [moved] = next.splice(action.from, 1);
+				next.splice(action.to, 0, moved);
+				return replaceSlots(next);
+			}
+			case "move-selected":
+				if (!indicesAreValid(action.indices, raw.length) || !["up", "down"].includes(action.direction)) return null;
+				return replaceSlots(moveSelectedIndices(raw, new Set(action.indices), action.direction).items);
+			case "remove":
+				if (!indicesAreValid(action.indices, raw.length)) return null;
+				return action.indices.map((index) => ({
+					start: children[index].start,
+					end: children[index].end,
+					content: ""
+				}));
+			case "duplicate": {
+				if (!indicesAreValid(action.indices, raw.length)) return null;
+				const content = [...action.indices].sort((a, b) => a - b).map((index) => copySource(raw[index], usedIds)).join("");
+				const at = parent.closingElement.start;
+				return [{
+					start: at,
+					end: at,
+					content
+				}];
+			}
+			case "append": {
+				const content = copySource(raw[0] ?? "<div></div>", usedIds);
+				const at = parent.closingElement.start;
+				return [{
+					start: at,
+					end: at,
+					content
+				}];
+			}
+			default: return null;
 		}
-		if (char === quote) return index + 1;
-		if (char === "\n") return -1;
-	}
-	return -1;
-};
-const lineIndentAt = (source, offset) => {
-	const lineStart = source.lastIndexOf("\n", offset - 1) + 1;
-	return /^[ \t]*/.exec(source.slice(lineStart, offset))?.[0] ?? "";
-};
-const lineTerminatorOf = (source) => {
-	return source.includes("\r\n") ? "\r\n" : "\n";
-};
-const applyEdits = (source, edits) => {
-	if (edits.length === 0) return source;
-	const ordered = [...edits].sort((a, b) => a.start - b.start || a.end - b.end);
-	for (const edit of ordered) if (!Number.isInteger(edit.start) || !Number.isInteger(edit.end) || edit.start < 0 || edit.end > source.length || edit.start > edit.end) throw new Error(`Invalid source edit [${edit.start}, ${edit.end}) for a source of length ${source.length}`);
-	for (let i = 1; i < ordered.length; i++) {
-		const previous = ordered[i - 1];
-		const current = ordered[i];
-		if (current.start < previous.end) throw new Error(`Overlapping source edits: [${previous.start}, ${previous.end}) and [${current.start}, ${current.end})`);
-	}
-	let result = "";
-	let cursor = 0;
-	const terminator = lineTerminatorOf(source);
-	for (const edit of ordered) {
-		const content = edit.indent && edit.content.includes("\n") && hasOnlyLayoutNewlines(edit.content) ? edit.content.replace(/\n/g, `${terminator}${lineIndentAt(source, edit.start)}`) : edit.content;
-		result += source.slice(cursor, edit.start) + content;
-		cursor = edit.end;
+	} catch {
+		return null;
 	}
-	return result + source.slice(cursor);
 };
 //#endregion
 //#region src/utils/ast/update.ts
@@ -1000,23 +1226,6 @@ const editInnerHTML = (element, value) => {
 		content: value
 	}];
 };
-const editChildren = (element, value) => {
-	try {
-		const childrenData = typeof value === "string" ? JSON.parse(value) : value;
-		const range = childrenRange(element);
-		if (!range) return [];
-		const content = childrenData.map((childData) => nodeToJSX(childData)).filter((node) => node !== null).map((node) => generateCode(node)).join("");
-		return [{
-			start: range.start,
-			end: range.end,
-			content,
-			indent: true
-		}];
-	} catch (error) {
-		console.error("❌ Children update error:", error);
-		return null;
-	}
-};
 const editRichtext = (element, value) => {
 	const edits = [];
 	const range = childrenRange(element);
@@ -1065,11 +1274,11 @@ const editJsxAttribute = (opening, propertyName, value) => {
 		content: `=${content}`
 	}];
 };
-const holdsStructuralExpression = (value) => import_lib$2.isJSXExpressionContainer(value) && (import_lib$2.isArrayExpression(value.expression) || import_lib$2.isObjectExpression(value.expression));
+const holdsStructuralExpression = (value) => import_lib$2.isJSXExpressionContainer(value) && (import_lib$2.isArrayExpression(unwrapExpression(value.expression)) || import_lib$2.isObjectExpression(unwrapExpression(value.expression)));
 const structuralSource = (value) => {
 	try {
 		const expression = (0, import_lib$1.parseExpression)(value.trim(), { plugins: ["jsx", "typescript"] });
-		return import_lib$2.isArrayExpression(expression) || import_lib$2.isObjectExpression(expression) ? expression : null;
+		return import_lib$2.isArrayExpression(unwrapExpression(expression)) || import_lib$2.isObjectExpression(unwrapExpression(expression)) ? expression : null;
 	} catch {
 		return null;
 	}
@@ -1097,6 +1306,18 @@ const buildAttributeValue = (value, type, current) => {
 const editAttribute = (opening, propertyName, value, type) => {
 	const attribute = findAttribute(opening, propertyName);
 	if (!attribute || attribute.start == null || attribute.end == null) return null;
+	if (typeof value === "string" && (type === "array" || type === "object" || holdsStructuralExpression(attribute.value) && !(type && STRING_VALUED_TYPES.has(type)))) {
+		const expression = structuralSource(value);
+		if (expression && import_lib$2.isJSXExpressionContainer(attribute.value)) {
+			const text = value.trim();
+			const lineComment = expression.trailingComments?.some((comment) => comment.type === "CommentLine");
+			return [{
+				start: attribute.value.expression.start,
+				end: attribute.value.expression.end,
+				content: `${text}${lineComment ? "\n" : ""}`
+			}];
+		}
+	}
 	const content = generateCode(import_lib$2.jsxAttribute(attribute.name, buildAttributeValue(value, type, attribute.value)));
 	return [{
 		start: attribute.start,
@@ -1183,9 +1404,9 @@ const update = (code, dataId, label, value, property) => {
 					}));
 					break;
 				case BINDING_PROP.CHILDREN:
-					collect(editChildren(path.node, value), () => ({
+					collect(editChildrenSource(wrapped, path.node, value), () => ({
 						reason: "parse-error",
-						error: /* @__PURE__ */ new Error(`could not update "${prop}"`)
+						error: /* @__PURE__ */ new Error("Unsupported or stale children edit; source was preserved")
 					}));
 					break;
 				default: collect(propertyBinding.type === "jsx" ? editJsxAttribute(opening, prop, value) : editAttribute(opening, prop, value, propertyBinding.type), () => ({
@@ -1237,6 +1458,24 @@ const bulkUpdate = (raw, entries) => {
 	};
 };
 //#endregion
+//#region src/utils/ast/tree.ts
+const replaceIds = (code, generateId = () => nanoid(6)) => {
+	return code.replace(new RegExp(`${DATA_ATTR.ID}="[^"]*"`, "g"), () => {
+		return `${DATA_ATTR.ID}="${generateId()}"`;
+	});
+};
+const fillIds = (code, generateId = () => nanoid(6)) => {
+	return code.replace(new RegExp(`${DATA_ATTR.ID}=""`, "g"), () => {
+		return `${DATA_ATTR.ID}="${generateId()}"`;
+	});
+};
+const clone = (element, generateId = () => nanoid(6)) => {
+	const cloned = import_lib$2.cloneNode(element, true);
+	const generatedCode = generateCode(cloned);
+	const code = replaceIds(generatedCode, generateId);
+	return (0, import_lib$1.parseExpression)(code, { plugins: ["jsx", "typescript"] });
+};
+//#endregion
 //#region src/utils/ast/validate.ts
 const VALID = { valid: true };
 const validateBindingValue = (binding, value) => {
@@ -1286,6 +1525,6 @@ const validateBindingValue = (binding, value) => {
 	return VALID;
 };
 //#endregion
-export { parseValue as A, parseBindingExpression as C, extractObjectProperties as D, extractNodeValue as E, generateCode as M, flattenEditableValue as O, parseBinding as S, createNodeFromValue as T, moveSelectedIndices as _, extract as a, getCurrentValue as b, moveArrayItem as c, removeArrayItems as d, updateArrayItemProperty as f, replaceIds as g, fillIds as h, clearExtractCache as i, setEditableValue as j, parseArrayExpression as k, moveArrayItems as l, clone as m, bulkUpdate as n, appendArrayItem as o, updateArrayItemValue as p, update as r, duplicateArrayItems as s, validateBindingValue as t, parseItems as u, removeIndices as v, arrayExpressionToCode as w, getStructuredValue as x, findEditableChildren as y };
+export { setEditableValue as A, arrayExpressionToCode as C, flattenEditableValue as D, extractObjectProperties as E, parseArrayExpression as O, parseBindingExpression as S, extractNodeValue as T, updateArrayItemValue as _, bulkUpdate as a, getStructuredValue as b, clearExtractCache as c, duplicateArrayItems as d, moveArrayItem as f, updateArrayItemProperty as g, removeArrayItems as h, replaceIds as i, generateCode as j, parseValue as k, extract as l, parseItems as m, clone as n, update as o, moveArrayItems as p, fillIds as r, getChildrenSignatures as s, validateBindingValue as t, appendArrayItem as u, findEditableChildren as v, createNodeFromValue as w, parseBinding as x, getCurrentValue as y };
 
-//# sourceMappingURL=ast-D6R-dsk0.js.map
+//# sourceMappingURL=ast-CIe-mhh_.js.map