@jbpark/live-editor 4.1.1 → 4.2.0

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

@@ -1,4 +1,4 @@
-import { n as CONFIG, r as DATA_ATTR } from "./constants-BD3FZKWE.js";
+import { i as DEFAULT_CONTAINER_ID, n as CONFIG, r as DATA_ATTR } 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
@@ -38376,26 +38376,42 @@ var require_lib = /* @__PURE__ */ __commonJSMin(((exports) => {
 	traverse.cache = cache;
 }));
 //#endregion
-//#region src/utils/ast/document.ts
+//#region src/utils/ast/jsx-name.ts
 var import_lib$1 = /* @__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);
+	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)) {
+			collectMemberParts(node.object);
+			if (import_lib$2.isJSXIdentifier(node.property)) parts.push(node.property.name);
+		}
+	};
+	collectMemberParts(expr.object);
+	if (import_lib$2.isJSXIdentifier(expr.property)) parts.push(expr.property.name);
+	return parts.join(".");
+};
+//#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 APP_CONTAINER_ID = "app-container";
 const SECTION_TAG = "section";
 const DATA_NAME_ATTR = "data-name";
-const getTagName = (element) => {
-	const name = element.openingElement.name;
-	return import_lib$2.isJSXIdentifier(name) ? name.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 getAttrValue = (element, attrName) => {
 	const attr = getAttr(element, attrName);
 	return attr && import_lib$2.isStringLiteral(attr.value) ? attr.value.value : void 0;
 };
-const isSectionElement = (node) => import_lib$2.isJSXElement(node) && getTagName(node) === SECTION_TAG;
-const findContainer = (ast) => {
+const isSectionElement = (node) => import_lib$2.isJSXElement(node) && getJSXTagName(node.openingElement) === SECTION_TAG;
+const findContainer = (ast, containerId) => {
 	let container;
 	traverse(ast, { JSXElement(path) {
-		if (getAttrValue(path.node, "id") === APP_CONTAINER_ID) {
+		if (getAttrValue(path.node, "id") === containerId) {
 			container = path.node;
 			path.stop();
 		}
@@ -38414,41 +38430,58 @@ const findOutermostSections = (children) => {
 	return sections;
 };
 const documentCache = createBoundedCache(CONFIG.DOCUMENT_CACHE_LIMIT);
-const buildDocument = (code) => {
+const buildDocument = (code, containerId) => {
+	let ast;
 	try {
-		const ast = (0, import_lib.parse)(code, {
+		ast = (0, import_lib.parse)(code, {
 			sourceType: "module",
 			plugins: ["jsx", "typescript"]
 		});
-		const container = findContainer(ast);
-		return container ? {
+	} catch (error) {
+		console.warn("⚠️ Failed to parse document", error);
+		return {
+			ok: false,
+			reason: "parse-error",
+			error
+		};
+	}
+	const container = findContainer(ast, containerId);
+	return container ? {
+		ok: true,
+		doc: {
 			code,
 			ast,
 			container
-		} : void 0;
-	} catch (e) {
-		console.warn("⚠️ Failed to parse document", e);
-		return;
-	}
+		}
+	} : {
+		ok: false,
+		reason: "container-not-found",
+		containerId
+	};
+};
+const inspectDocument = (code, { containerId = DEFAULT_CONTAINER_ID } = {}) => {
+	const key = `${containerId}\0${code}`;
+	const cached = documentCache.get(key);
+	if (cached) return cached;
+	const inspection = buildDocument(code, containerId);
+	documentCache.set(key, inspection);
+	return inspection;
 };
-const parseDocument = (code) => {
-	const cached = documentCache.get(code);
-	if (cached !== void 0) return cached ?? void 0;
-	const doc = buildDocument(code);
-	documentCache.set(code, doc ?? null);
-	return doc;
+const parseDocument = (code, options) => {
+	const inspection = inspectDocument(code, options);
+	return inspection.ok ? inspection.doc : void 0;
 };
 const clearDocumentParseCache = () => {
 	documentCache.clear();
 };
 registerEditorCache(clearDocumentParseCache);
-const getSections = (doc) => findOutermostSections(doc.container.children).map((node, index) => ({
+const getSections = (doc, { sectionNameFallback = defaultSectionName } = {}) => findOutermostSections(doc.container.children).map((node, index) => ({
 	id: getAttrValue(node, DATA_ATTR.ID) || `${index}`,
-	name: getAttrValue(node, DATA_NAME_ATTR) || `${index + 1}번째 컴포넌트`,
+	name: getAttrValue(node, DATA_NAME_ATTR) || sectionNameFallback(index),
 	code: doc.code.slice(node.start, node.end)
 }));
-const fillSectionIds = (code, generateId = () => nanoid(6)) => {
-	const doc = parseDocument(code);
+const fillSectionIds = (code, generateId = () => nanoid(6), options) => {
+	const doc = parseDocument(code, options);
 	if (!doc) return code;
 	const seen = /* @__PURE__ */ new Set();
 	const edits = [];
@@ -38494,8 +38527,8 @@ const commonSuffixLength = (a, b, limit) => {
 	while (i < limit && a[a.length - 1 - i] === b[b.length - 1 - i]) i++;
 	return i;
 };
-const replaceDocumentSections = (fullCode, sectionCodes) => {
-	const doc = parseDocument(fullCode);
+const replaceDocumentSections = (fullCode, sectionCodes, options) => {
+	const doc = parseDocument(fullCode, options);
 	if (!doc) return fullCode;
 	const sections = findOutermostSections(doc.container.children);
 	if (sections.length === 0) {
@@ -38521,9 +38554,9 @@ const replaceDocumentSections = (fullCode, sectionCodes) => {
 	const end = sections[oldChangedEndExclusive - 1].end;
 	return spliceCode(fullCode, start, end, newChanged.join("\n"));
 };
-const generateSectionPreview = (fullCode, sectionCode) => generateSectionPreviews(fullCode, [sectionCode])[0];
-const generateSectionPreviews = (fullCode, sectionCodes) => {
-	const doc = parseDocument(fullCode);
+const generateSectionPreview = (fullCode, sectionCode, options) => generateSectionPreviews(fullCode, [sectionCode], options)[0];
+const generateSectionPreviews = (fullCode, sectionCodes, options) => {
+	const doc = parseDocument(fullCode, options);
 	const span = doc && getContainerInnerSpan(doc.container);
 	if (!span) return sectionCodes.map(() => fullCode);
 	return sectionCodes.map((sectionCode) => spliceCode(fullCode, span.start, span.end, sectionCode));
@@ -38532,8 +38565,8 @@ const createSectionPreviewCache = () => {
 	let containerPrefix = null;
 	let containerSuffix = null;
 	let previewsById = /* @__PURE__ */ new Map();
-	const compute = (fullCode, sections) => {
-		const doc = parseDocument(fullCode);
+	const compute = (fullCode, sections, options) => {
+		const doc = parseDocument(fullCode, options);
 		const span = doc && getContainerInnerSpan(doc.container);
 		if (!span) {
 			containerPrefix = null;
@@ -38566,6 +38599,6 @@ const createSectionPreviewCache = () => {
 	return { compute };
 };
 //#endregion
-export { generateSectionPreview as a, parseDocument as c, nanoid as d, require_lib$3 as f, __toESM as h, generateDocumentCode as i, replaceDocumentSections as l, require_lib$7 as m, createSectionPreviewCache as n, generateSectionPreviews as o, require_lib$4 as p, fillSectionIds as r, getSections as s, clearDocumentParseCache as t, traverse as u };
+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 };
 
-//# sourceMappingURL=document-C5Dypv4_.js.map
+//# sourceMappingURL=document-C3eCRQlj.js.map