@jbpark/live-editor 1.4.0 → 1.6.0

package/dist/utils/ast/index.d.mts

@@ -1,3 +1,5 @@
+import { n as Section } from "../../index-DdSjzvA3.mjs";
+
 //#region src/utils/ast/types.d.ts
 interface Attribute {
   name: string;
@@ -1609,13 +1611,31 @@ declare const generateCode: (node: Node) => string;
 declare function extract(raw: string): DataAttrNode[];
 declare function clearExtractCache(): void;
 //#endregion
+//#region src/utils/ast/document.d.ts
+interface DocumentTree {
+  code: string;
+  ast: File;
+  container: JSXElement;
+}
+declare const parseDocument: (code: string) => DocumentTree | undefined;
+declare const clearDocumentParseCache: () => void;
+declare const getSections: (doc: DocumentTree) => Section[];
+declare const generateDocumentCode: (doc: DocumentTree) => string;
+declare const replaceDocumentSections: (fullCode: string, sectionCodes: string[]) => string;
+declare const generateSectionPreview: (fullCode: string, sectionCode: string) => string;
+declare const generateSectionPreviews: (fullCode: string, sectionCodes: string[]) => string[];
+//#endregion
 //#region src/utils/ast/update.d.ts
-declare const update: (code: string, dataId: string, label: string, value: string) => string;
+interface UpdateResult {
+  code: string;
+  success: boolean;
+}
+declare const update: (code: string, dataId: string, label: string, value: string) => UpdateResult;
 declare const bulkUpdate: (raw: string, entries: {
   dataId: string;
   label: string;
   value: string;
-}[]) => string;
+}[]) => UpdateResult;
 //#endregion
 //#region src/utils/ast/tree.d.ts
 declare const replaceIds: (code: string, generateId?: () => string) => string;
@@ -1629,5 +1649,5 @@ interface ValidationResult {
 }
 declare const validateBindingValue: (binding: BindingItem, value: unknown) => ValidationResult;
 //#endregion
-export { type BindingItem, type BindingOption, type BindingRenderLeaf, type BindingRenderMap, type BindingType, type DataAttrNode, type EditableNodeValueType, type ExtractedNodeValue, type NodeValueType, type ValidationResult, arrayExpressionToCode, bulkUpdate, clearExtractCache, clone, createNodeFromValue, extract, extractNodeValue, extractObjectProperties, fillIds, findEditableChildren, generateCode, getCurrentValue, parseArrayExpression, parseBinding, parseValue, replaceIds, update, validateBindingValue };
+export { type BindingItem, type BindingOption, type BindingRenderLeaf, type BindingRenderMap, type BindingType, type DataAttrNode, type DocumentTree, type EditableNodeValueType, type ExtractedNodeValue, type NodeValueType, type ValidationResult, arrayExpressionToCode, bulkUpdate, clearDocumentParseCache, clearExtractCache, clone, createNodeFromValue, extract, extractNodeValue, extractObjectProperties, fillIds, findEditableChildren, generateCode, generateDocumentCode, generateSectionPreview, generateSectionPreviews, getCurrentValue, getSections, parseArrayExpression, parseBinding, parseDocument, parseValue, replaceDocumentSections, replaceIds, update, validateBindingValue };
 //# sourceMappingURL=index.d.mts.map

package/dist/utils/ast/index.mjs

@@ -1,3 +1,4 @@
-import { _ as parseArrayExpression, a as bulkUpdate, c as extract, d as getCurrentValue, f as parseBinding, g as extractObjectProperties, h as extractNodeValue, i as replaceIds, m as createNodeFromValue, n as clone, o as update, p as arrayExpressionToCode, r as fillIds, s as clearExtractCache, t as validateBindingValue, u as findEditableChildren, v as parseValue, y as generateCode } from "../../ast-fX6Whrjc.mjs";
+import { a as getSections, i as generateSectionPreviews, n as generateDocumentCode, o as parseDocument, r as generateSectionPreview, s as replaceDocumentSections, t as clearDocumentParseCache } from "../../document-BkOqiV4R.mjs";
+import { _ as parseArrayExpression, a as bulkUpdate, c as extract, d as getCurrentValue, f as parseBinding, g as extractObjectProperties, h as extractNodeValue, i as replaceIds, m as createNodeFromValue, n as clone, o as update, p as arrayExpressionToCode, r as fillIds, s as clearExtractCache, t as validateBindingValue, u as findEditableChildren, v as parseValue, y as generateCode } from "../../ast-CXRFs1hO.mjs";
 
-export { arrayExpressionToCode, bulkUpdate, clearExtractCache, clone, createNodeFromValue, extract, extractNodeValue, extractObjectProperties, fillIds, findEditableChildren, generateCode, getCurrentValue, parseArrayExpression, parseBinding, parseValue, replaceIds, update, validateBindingValue };
+export { arrayExpressionToCode, bulkUpdate, clearDocumentParseCache, clearExtractCache, clone, createNodeFromValue, extract, extractNodeValue, extractObjectProperties, fillIds, findEditableChildren, generateCode, generateDocumentCode, generateSectionPreview, generateSectionPreviews, getCurrentValue, getSections, parseArrayExpression, parseBinding, parseDocument, parseValue, replaceDocumentSections, replaceIds, update, validateBindingValue };

package/dist/utils/index.d.mts

@@ -20,8 +20,9 @@ declare const detectTypeScript: (code: string) => boolean;
 declare const extractSections: (code: string) => Section[];
 declare const replaceSections: (code: string, sections: string[]) => string;
 declare const generateSection: (code: string, fullCode: string) => string;
+declare const generateSections: (codes: string[], fullCode: string) => string[];
 declare const getCachedScriptBlob: (src: string) => Promise<string>;
 declare const preloadScripts: (scripts: string[]) => void;
 //#endregion
-export { baseModules, clearCompilationCache, cn, compile, detectTypeScript, extractSections, generateSection, getCachedScriptBlob, preloadScripts, replaceSections, transformCode };
+export { baseModules, clearCompilationCache, cn, compile, detectTypeScript, extractSections, generateSection, generateSections, getCachedScriptBlob, preloadScripts, replaceSections, transformCode };
 //# sourceMappingURL=index.d.mts.map

package/dist/utils/index.mjs

@@ -1,3 +1,4 @@
-import { a as detectTypeScript, c as getCachedScriptBlob, d as transformCode, i as compile, l as preloadScripts, n as clearCompilationCache, o as extractSections, r as cn, s as generateSection, t as baseModules, u as replaceSections } from "../utils-INSWI9h0.mjs";
+import "../document-BkOqiV4R.mjs";
+import { a as detectTypeScript, c as generateSections, d as replaceSections, f as transformCode, i as compile, l as getCachedScriptBlob, n as clearCompilationCache, o as extractSections, r as cn, s as generateSection, t as baseModules, u as preloadScripts } from "../utils-YMe7_mya.mjs";
 
-export { baseModules, clearCompilationCache, cn, compile, detectTypeScript, extractSections, generateSection, getCachedScriptBlob, preloadScripts, replaceSections, transformCode };
+export { baseModules, clearCompilationCache, cn, compile, detectTypeScript, extractSections, generateSection, generateSections, getCachedScriptBlob, preloadScripts, replaceSections, transformCode };

package/dist/{utils-INSWI9h0.mjs → utils-YMe7_mya.mjs}

@@ -1,4 +1,4 @@
-import { n as CONFIG, o as REGEX, s as TS_PATTERNS } from "./enums-3yleLgqV.mjs";
+import { a as getSections, c as createBoundedCache, i as generateSectionPreviews, m as CONFIG, o as parseDocument, r as generateSectionPreview, s as replaceDocumentSections, v as REGEX, y as TS_PATTERNS } from "./document-BkOqiV4R.mjs";
 import React from "react";
 import * as Babel from "@babel/standalone";
 import * as ui from "@jbpark/ui-kit";
@@ -1921,7 +1921,7 @@ const baseModules = {
 	"ui-kit": ui,
 	"ui-kit/utils": utils
 };
-const compilationCache = /* @__PURE__ */ new Map();
+const compilationCache = createBoundedCache(CONFIG.CACHE_LIMIT);
 const simpleHash = (str) => {
 	let hash = 0;
 	if (str.length === 0) return "0";
@@ -1940,10 +1940,6 @@ const compile = (code, modules) => {
 	const cacheKey = createCacheKey(code, modules);
 	if (compilationCache.has(cacheKey)) return compilationCache.get(cacheKey);
 	const result = compileModule(code, modules);
-	if (compilationCache.size >= CONFIG.CACHE_LIMIT) {
-		const firstKey = compilationCache.keys().next().value;
-		if (firstKey) compilationCache.delete(firstKey);
-	}
 	compilationCache.set(cacheKey, result);
 	return result;
 };
@@ -1981,7 +1977,8 @@ const transformCode = (code) => {
 	}
 };
 const detectTypeScript = (code) => {
-	return TS_PATTERNS.some((pattern) => pattern.test(code));
+	const withoutModuleLines = code.replace(REGEX.MODULE_IMPORT_EXPORT_LINE, "");
+	return TS_PATTERNS.some((pattern) => pattern.test(withoutModuleLines));
 };
 const compileModule = (code, modules) => {
 	const jsCode = detectTypeScript(code) ? compileTypeScript(code) : code;
@@ -2011,34 +2008,19 @@ const compileModule = (code, modules) => {
 	return module;
 };
 const extractSections = (code) => {
-	return [...code.replace(REGEX.COMMENT, "").matchAll(REGEX.SECTION)].map((m, i) => {
-		const sectionCode = m[0];
-		const dataNameMatch = sectionCode.match(REGEX.DATA_NAME);
-		return {
-			code: sectionCode,
-			id: `${i}`,
-			name: dataNameMatch?.[1] || `${i + 1}번째 컴포넌트`
-		};
-	});
+	const doc = parseDocument(code);
+	return doc ? getSections(doc) : [];
 };
 const replaceSections = (code, sections) => {
-	const comments = [...code.matchAll(REGEX.COMMENT)].map((match) => match[0]);
-	const cleanCode = code.replace(REGEX.SECTION, "");
-	const match = cleanCode.match(REGEX.CONTAINER);
-	if (match) {
-		const [, openTag, , closeTag] = match;
-		const allContent = [...sections, ...comments].join("\n");
-		return cleanCode.replace(REGEX.CONTAINER, `${openTag}\n${allContent}\n${closeTag}`);
-	}
-	return code;
+	return replaceDocumentSections(code, sections);
 };
 const generateSection = (code, fullCode) => {
-	const match = fullCode.match(REGEX.CONTAINER);
-	if (!match) return fullCode;
-	const [, openTag, , closeTag] = match;
-	return fullCode.replace(REGEX.CONTAINER, `${openTag}\n${code}\n${closeTag}`);
+	return generateSectionPreview(fullCode, code);
+};
+const generateSections = (codes, fullCode) => {
+	return generateSectionPreviews(fullCode, codes);
 };
-const scriptCache = /* @__PURE__ */ new Map();
+const scriptCache = createBoundedCache(CONFIG.CACHE_LIMIT, (_src, blobUrl) => URL.revokeObjectURL(blobUrl));
 const loadingScriptCache = /* @__PURE__ */ new Map();
 const getCachedScriptBlob = async (src) => {
 	const cached = scriptCache.get(src);
@@ -2048,14 +2030,6 @@ const getCachedScriptBlob = async (src) => {
 	const promise = fetch(src).then((res) => res.text()).then((text) => {
 		const blob = new Blob([text], { type: "application/javascript" });
 		const blobUrl = URL.createObjectURL(blob);
-		if (scriptCache.size >= CONFIG.CACHE_LIMIT) {
-			const firstKey = scriptCache.keys().next().value;
-			if (firstKey) {
-				const evictedUrl = scriptCache.get(firstKey);
-				if (evictedUrl) URL.revokeObjectURL(evictedUrl);
-				scriptCache.delete(firstKey);
-			}
-		}
 		scriptCache.set(src, blobUrl);
 		loadingScriptCache.delete(src);
 		return blobUrl;
@@ -2068,5 +2042,5 @@ const preloadScripts = (scripts) => {
 };
 
 //#endregion
-export { detectTypeScript as a, getCachedScriptBlob as c, transformCode as d, compile as i, preloadScripts as l, clearCompilationCache as n, extractSections as o, cn as r, generateSection as s, baseModules as t, replaceSections as u };
-//# sourceMappingURL=utils-INSWI9h0.mjs.map
+export { detectTypeScript as a, generateSections as c, replaceSections as d, transformCode as f, compile as i, getCachedScriptBlob as l, clearCompilationCache as n, extractSections as o, cn as r, generateSection as s, baseModules as t, preloadScripts as u };
+//# sourceMappingURL=utils-YMe7_mya.mjs.map