@jbpark/live-editor 1.5.0 → 1.7.0

package/dist/{document-BGG0pNR2.mjs → document-kU_tXfS_.mjs}

@@ -30,7 +30,10 @@ var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
 //#endregion
 //#region src/constants/index.ts
-const CONFIG = { CACHE_LIMIT: 50 };
+const CONFIG = {
+	CACHE_LIMIT: 50,
+	DOCUMENT_CACHE_LIMIT: 4
+};
 const DATA_ATTR = {
 	ID: "data-id",
 	BINDING: "data-binding",
@@ -40183,8 +40186,16 @@ var require_lib = /* @__PURE__ */ __commonJSMin(((exports) => {
 //#region src/utils/cache.ts
 const createBoundedCache = (limit, onEvict) => {
 	const store = /* @__PURE__ */ new Map();
+	const get = (key) => {
+		if (!store.has(key)) return;
+		const value = store.get(key);
+		store.delete(key);
+		store.set(key, value);
+		return value;
+	};
 	const set = (key, value) => {
-		if (store.size >= limit) {
+		if (store.has(key)) store.delete(key);
+		else if (store.size >= limit) {
 			const oldestKey = store.keys().next().value;
 			if (oldestKey !== void 0) {
 				const oldestValue = store.get(oldestKey);
@@ -40196,7 +40207,7 @@ const createBoundedCache = (limit, onEvict) => {
 	};
 	return {
 		has: (key) => store.has(key),
-		get: (key) => store.get(key),
+		get,
 		set,
 		delete: (key) => store.delete(key),
 		clear: () => store.clear(),
@@ -40206,56 +40217,26 @@ const createBoundedCache = (limit, onEvict) => {
 	};
 };
 
-//#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}</>`;
-};
-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 (0, import_lib$1.default)(node, { jsescOption: { minimal: true } }).code;
-};
-
 //#endregion
 //#region src/utils/ast/document.ts
-var import_lib = /* @__PURE__ */ __toESM(require_lib(), 1);
+var import_lib = require_lib$7();
+var import_lib$1 = /* @__PURE__ */ __toESM(require_lib(), 1);
+var import_lib$2 = /* @__PURE__ */ __toESM(require_lib$4(), 1);
 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$3.isJSXIdentifier(name) ? name.name : "";
+	return import_lib$2.isJSXIdentifier(name) ? name.name : "";
 };
 const getAttrValue = (element, attrName) => {
-	const attr = element.openingElement.attributes.find((a) => import_lib$3.isJSXAttribute(a) && import_lib$3.isJSXIdentifier(a.name) && a.name.name === attrName);
-	return attr && import_lib$3.isStringLiteral(attr.value) ? attr.value.value : void 0;
+	const attr = element.openingElement.attributes.find((a) => import_lib$2.isJSXAttribute(a) && import_lib$2.isJSXIdentifier(a.name) && a.name.name === attrName);
+	return attr && import_lib$2.isStringLiteral(attr.value) ? attr.value.value : void 0;
 };
-const isSectionElement = (node) => import_lib$3.isJSXElement(node) && getTagName(node) === SECTION_TAG;
-const isBlankJSXText = (node) => import_lib$3.isJSXText(node) && !node.value.trim();
+const isSectionElement = (node) => import_lib$2.isJSXElement(node) && getTagName(node) === SECTION_TAG;
 const findContainer = (ast) => {
 	let container;
-	(0, import_lib.default)(ast, { JSXElement(path) {
+	(0, import_lib$1.default)(ast, { JSXElement(path) {
 		if (getAttrValue(path.node, "id") === APP_CONTAINER_ID) {
 			container = path.node;
 			path.stop();
@@ -40263,22 +40244,27 @@ const findContainer = (ast) => {
 	} });
 	return container;
 };
-const parseCache = createBoundedCache(CONFIG.CACHE_LIMIT);
-const parseSource = (code) => {
-	const cached = parseCache.get(code);
-	if (cached) return import_lib$3.cloneNode(cached, true);
-	const ast = (0, import_lib$2.parse)(code, {
-		sourceType: "module",
-		plugins: ["jsx", "typescript"]
-	});
-	parseCache.set(code, ast);
-	return import_lib$3.cloneNode(ast, true);
+const findOutermostSections = (children) => {
+	const sections = [];
+	for (const child of children) {
+		if (isSectionElement(child)) {
+			sections.push(child);
+			continue;
+		}
+		if (import_lib$2.isJSXElement(child) || import_lib$2.isJSXFragment(child)) sections.push(...findOutermostSections(child.children));
+	}
+	return sections;
 };
-const parseDocument = (code) => {
+const documentCache = createBoundedCache(CONFIG.DOCUMENT_CACHE_LIMIT);
+const buildDocument = (code) => {
 	try {
-		const ast = parseSource(code);
+		const ast = (0, import_lib.parse)(code, {
+			sourceType: "module",
+			plugins: ["jsx", "typescript"]
+		});
 		const container = findContainer(ast);
 		return container ? {
+			code,
 			ast,
 			container
 		} : void 0;
@@ -40287,40 +40273,51 @@ const parseDocument = (code) => {
 		return;
 	}
 };
+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 clearDocumentParseCache = () => {
-	parseCache.clear();
+	documentCache.clear();
 };
-const getSections = (doc) => doc.container.children.filter(isSectionElement).map((node, index) => ({
+const getSections = (doc) => findOutermostSections(doc.container.children).map((node, index) => ({
 	id: `${index}`,
 	name: getAttrValue(node, DATA_NAME_ATTR) || `${index + 1}번째 컴포넌트`,
-	code: generateCode(node)
+	code: doc.code.slice(node.start, node.end)
 }));
-const generateDocumentCode = (doc) => generateCode(doc.ast);
-const parseSectionNode = (code) => {
-	try {
-		const expr = (0, import_lib$2.parseExpression)(code, { plugins: ["jsx", "typescript"] });
-		return import_lib$3.isJSXElement(expr) ? expr : void 0;
-	} catch (e) {
-		console.warn("⚠️ Failed to parse section", e);
-		return;
-	}
+const generateDocumentCode = (doc) => doc.code;
+const getContainerInnerSpan = (container) => {
+	if (!container.closingElement) return;
+	return {
+		start: container.openingElement.end,
+		end: container.closingElement.start
+	};
 };
+const spliceCode = (code, start, end, replacement) => code.slice(0, start) + replacement + code.slice(end);
 const replaceDocumentSections = (fullCode, sectionCodes) => {
 	const doc = parseDocument(fullCode);
 	if (!doc) return fullCode;
-	const nextSections = sectionCodes.map(parseSectionNode).filter((node) => Boolean(node));
-	const preserved = doc.container.children.filter((child) => !isSectionElement(child) && !isBlankJSXText(child));
-	doc.container.children = [...nextSections, ...preserved];
-	return generateDocumentCode(doc);
+	const sections = findOutermostSections(doc.container.children);
+	const replacement = sectionCodes.join("\n");
+	if (sections.length > 0) {
+		const start = sections[0].start;
+		const end = sections[sections.length - 1].end;
+		return spliceCode(fullCode, start, end, replacement);
+	}
+	const span = getContainerInnerSpan(doc.container);
+	return span ? spliceCode(fullCode, span.end, span.end, replacement) : fullCode;
 };
-const generateSectionPreview = (fullCode, sectionCode) => {
+const generateSectionPreview = (fullCode, sectionCode) => generateSectionPreviews(fullCode, [sectionCode])[0];
+const generateSectionPreviews = (fullCode, sectionCodes) => {
 	const doc = parseDocument(fullCode);
-	const sectionNode = parseSectionNode(sectionCode);
-	if (!doc || !sectionNode) return fullCode;
-	doc.container.children = [sectionNode];
-	return generateDocumentCode(doc);
+	const span = doc && getContainerInnerSpan(doc.container);
+	if (!span) return sectionCodes.map(() => fullCode);
+	return sectionCodes.map((sectionCode) => spliceCode(fullCode, span.start, span.end, sectionCode));
 };
 
 //#endregion
-export { __toESM as S, DATA_ATTR as _, parseDocument as a, REGEX as b, generateCode as c, createBoundedCache as d, require_lib as f, CONFIG as g, BINDING_PROP as h, getSections as i, unwrap as l, require_lib$7 as m, generateDocumentCode as n, replaceDocumentSections as o, require_lib$4 as p, generateSectionPreview as r, attrValue as s, clearDocumentParseCache as t, wrap as u, DEFAULT_TEMPLATE as v, TS_PATTERNS as x, DRAGGABLE_ITEMS as y };
-//# sourceMappingURL=document-BGG0pNR2.mjs.map
+export { DRAGGABLE_ITEMS as _, getSections as a, __toESM as b, createBoundedCache as c, require_lib$4 as d, require_lib$7 as f, DEFAULT_TEMPLATE as g, DATA_ATTR as h, generateSectionPreviews as i, require_lib as l, CONFIG as m, generateDocumentCode as n, parseDocument as o, BINDING_PROP as p, generateSectionPreview as r, replaceDocumentSections as s, clearDocumentParseCache as t, require_lib$3 as u, REGEX as v, TS_PATTERNS as y };
+//# sourceMappingURL=document-kU_tXfS_.mjs.map