@jbpark/live-editor 4.2.0 → 4.3.0

package/dist/{document-C3eCRQlj.js → document-cEEdFERz.js}

@@ -1,4 +1,4 @@
-import { i as DEFAULT_CONTAINER_ID, n as CONFIG, r as DATA_ATTR } from "./constants-CKvdqZtO.js";
+import { i as DEFAULT_CONTAINER_ID, n as CONFIG, r as DATA_ATTR, s as REGEX } from "./constants-CKvdqZtO.js";
 import { n as registerEditorCache } from "./editor-caches-ClMvdcQF.js";
 import { t as createBoundedCache } from "./cache-B0-XcIxJ.js";
 //#region \0rolldown/runtime.js
@@ -32710,9 +32710,38 @@ var require_lib$3 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	exports.default = generate;
 }));
 //#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 generate = typeof import_lib$1.default === "function" ? import_lib$1.default : import_lib$1.default.default;
+const wrap = (code) => {
+	return `<>${code}</>`;
+};
+const unwrap = (generated) => {
+	return generated.replace(/^<>\s*/g, "").replace(/\s*<\/>\s*;?\s*$/g, "").trim();
+};
+const attrValue = ({ value, isStringLiteral }) => {
+	if (value === null) return null;
+	if (isStringLiteral) return import_lib$3.stringLiteral(value);
+	const trimmed = value.trim();
+	if (REGEX.NUMBER.test(trimmed)) return import_lib$3.jsxExpressionContainer(import_lib$3.numericLiteral(parseFloat(trimmed)));
+	if (REGEX.BOOLEAN_OR_NULL.test(trimmed)) {
+		const expr = (0, import_lib$2.parseExpression)(trimmed, { plugins: ["jsx", "typescript"] });
+		return import_lib$3.jsxExpressionContainer(expr);
+	}
+	try {
+		const expr = (0, import_lib$2.parseExpression)(trimmed, { plugins: ["jsx", "typescript"] });
+		return import_lib$3.jsxExpressionContainer(expr);
+	} catch {
+		return import_lib$3.stringLiteral(trimmed);
+	}
+};
+const generateCode = (node) => {
+	return generate(node, { jsescOption: { minimal: true } }).code;
+};
+//#endregion
 //#region node_modules/.pnpm/nanoid@3.3.18/node_modules/nanoid/index.browser.js
-var import_lib = require_lib$7();
-var import_lib$2 = /* @__PURE__ */ __toESM(require_lib$4(), 1);
 let nanoid = (size = 21) => crypto.getRandomValues(new Uint8Array(size)).reduce((id, byte) => {
 	byte &= 63;
 	if (byte < 36) id += byte.toString(36);
@@ -38377,37 +38406,67 @@ var require_lib = /* @__PURE__ */ __commonJSMin(((exports) => {
 }));
 //#endregion
 //#region src/utils/ast/jsx-name.ts
-var import_lib$1 = /* @__PURE__ */ __toESM(require_lib(), 1);
+var import_lib = /* @__PURE__ */ __toESM(require_lib(), 1);
 const getJSXTagName = (opening) => {
-	if (import_lib$2.isJSXIdentifier(opening.name)) return opening.name.name;
-	if (import_lib$2.isJSXMemberExpression(opening.name)) return resolveMemberName(opening.name);
+	if (import_lib$3.isJSXIdentifier(opening.name)) return opening.name.name;
+	if (import_lib$3.isJSXMemberExpression(opening.name)) return resolveMemberName(opening.name);
 	return "";
 };
 const resolveMemberName = (expr) => {
 	const parts = [];
 	const collectMemberParts = (node) => {
-		if (import_lib$2.isJSXIdentifier(node)) parts.push(node.name);
-		else if (import_lib$2.isJSXMemberExpression(node)) {
+		if (import_lib$3.isJSXIdentifier(node)) parts.push(node.name);
+		else if (import_lib$3.isJSXMemberExpression(node)) {
 			collectMemberParts(node.object);
-			if (import_lib$2.isJSXIdentifier(node.property)) parts.push(node.property.name);
+			if (import_lib$3.isJSXIdentifier(node.property)) parts.push(node.property.name);
 		}
 	};
 	collectMemberParts(expr.object);
-	if (import_lib$2.isJSXIdentifier(expr.property)) parts.push(expr.property.name);
+	if (import_lib$3.isJSXIdentifier(expr.property)) parts.push(expr.property.name);
 	return parts.join(".");
 };
 //#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 fillIdsFrom = (code, prefix) => {
+	const taken = new Set(Array.from(code.matchAll(new RegExp(`${DATA_ATTR.ID}="([^"]*)"`, "g")), (match) => match[1]));
+	let count = 0;
+	return fillIds(code, () => {
+		let id;
+		do {
+			count++;
+			id = `${prefix}-${count}`;
+		} while (taken.has(id));
+		return id;
+	});
+};
+const clone = (element, generateId = () => nanoid(6)) => {
+	const cloned = import_lib$3.cloneNode(element, true);
+	const generatedCode = generateCode(cloned);
+	const code = replaceIds(generatedCode, generateId);
+	return (0, import_lib$2.parseExpression)(code, { plugins: ["jsx", "typescript"] });
+};
+//#endregion
 //#region src/utils/ast/document.ts
-const traverse = typeof import_lib$1.default === "function" ? import_lib$1.default : import_lib$1.default.default;
+const traverse = typeof import_lib.default === "function" ? import_lib.default : import_lib.default.default;
 const SECTION_TAG = "section";
 const DATA_NAME_ATTR = "data-name";
 const defaultSectionName = (index) => `Section ${index + 1}`;
-const getAttr = (element, attrName) => element.openingElement.attributes.find((a) => import_lib$2.isJSXAttribute(a) && import_lib$2.isJSXIdentifier(a.name) && a.name.name === attrName);
+const getAttr = (element, attrName) => element.openingElement.attributes.find((a) => import_lib$3.isJSXAttribute(a) && import_lib$3.isJSXIdentifier(a.name) && a.name.name === attrName);
 const getAttrValue = (element, attrName) => {
 	const attr = getAttr(element, attrName);
-	return attr && import_lib$2.isStringLiteral(attr.value) ? attr.value.value : void 0;
+	return attr && import_lib$3.isStringLiteral(attr.value) ? attr.value.value : void 0;
 };
-const isSectionElement = (node) => import_lib$2.isJSXElement(node) && getJSXTagName(node.openingElement) === SECTION_TAG;
+const isSectionElement = (node) => import_lib$3.isJSXElement(node) && getJSXTagName(node.openingElement) === SECTION_TAG;
 const findContainer = (ast, containerId) => {
 	let container;
 	traverse(ast, { JSXElement(path) {
@@ -38425,7 +38484,7 @@ const findOutermostSections = (children) => {
 			sections.push(child);
 			continue;
 		}
-		if (import_lib$2.isJSXElement(child) || import_lib$2.isJSXFragment(child)) sections.push(...findOutermostSections(child.children));
+		if (import_lib$3.isJSXElement(child) || import_lib$3.isJSXFragment(child)) sections.push(...findOutermostSections(child.children));
 	}
 	return sections;
 };
@@ -38433,7 +38492,7 @@ const documentCache = createBoundedCache(CONFIG.DOCUMENT_CACHE_LIMIT);
 const buildDocument = (code, containerId) => {
 	let ast;
 	try {
-		ast = (0, import_lib.parse)(code, {
+		ast = (0, import_lib$2.parse)(code, {
 			sourceType: "module",
 			plugins: ["jsx", "typescript"]
 		});
@@ -38487,7 +38546,7 @@ const fillSectionIds = (code, generateId = () => nanoid(6), options) => {
 	const edits = [];
 	findOutermostSections(doc.container.children).forEach((node) => {
 		const attr = getAttr(node, DATA_ATTR.ID);
-		const id = attr && import_lib$2.isStringLiteral(attr.value) ? attr.value.value : void 0;
+		const id = attr && import_lib$3.isStringLiteral(attr.value) ? attr.value.value : void 0;
 		if (id && !seen.has(id)) {
 			seen.add(id);
 			return;
@@ -38584,7 +38643,7 @@ const createSectionPreviewCache = () => {
 				nextPreviewsById.set(section.id, cached);
 				return cached.preview;
 			}
-			const preview = spliceCode(fullCode, span.start, span.end, section.code);
+			const preview = spliceCode(fullCode, span.start, span.end, fillIdsFrom(section.code, section.id));
 			nextPreviewsById.set(section.id, {
 				code: section.code,
 				preview
@@ -38599,6 +38658,6 @@ const createSectionPreviewCache = () => {
 	return { compute };
 };
 //#endregion
-export { __toESM as _, generateSectionPreview as a, inspectDocument as c, traverse as d, getJSXTagName as f, require_lib$7 as g, require_lib$4 as h, generateDocumentCode as i, parseDocument as l, require_lib$3 as m, createSectionPreviewCache as n, generateSectionPreviews as o, nanoid as p, fillSectionIds as r, getSections as s, clearDocumentParseCache as t, replaceDocumentSections as u };
+export { require_lib$7 as C, require_lib$4 as S, nanoid as _, generateSectionPreview as a, unwrap as b, inspectDocument as c, traverse as d, clone as f, getJSXTagName as g, replaceIds as h, generateDocumentCode as i, parseDocument as l, fillIdsFrom as m, createSectionPreviewCache as n, generateSectionPreviews as o, fillIds as p, fillSectionIds as r, getSections as s, clearDocumentParseCache as t, replaceDocumentSections as u, attrValue as v, __toESM as w, wrap as x, generateCode as y };
 
-//# sourceMappingURL=document-C3eCRQlj.js.map
+//# sourceMappingURL=document-cEEdFERz.js.map