@jbpark/live-editor 1.3.0 → 1.5.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,29 @@ 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 {
+  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;
+//#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 +1647,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, 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 parseDocument, c as generateCode, i as getSections, n as generateDocumentCode, o as replaceDocumentSections, r as generateSectionPreview, t as clearDocumentParseCache } from "../../document-BGG0pNR2.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 } from "../../ast-DyDLUN5F.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, getCurrentValue, getSections, parseArrayExpression, parseBinding, parseDocument, parseValue, replaceDocumentSections, replaceIds, update, validateBindingValue };

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-BGG0pNR2.mjs";
+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-UTqUJaVs.mjs";
 
 export { baseModules, clearCompilationCache, cn, compile, detectTypeScript, extractSections, generateSection, getCachedScriptBlob, preloadScripts, replaceSections, transformCode };

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

@@ -1,4 +1,4 @@
-import { n as CONFIG, o as REGEX, s as TS_PATTERNS } from "./enums-3yleLgqV.mjs";
+import { a as parseDocument, b as REGEX, d as createBoundedCache, g as CONFIG, i as getSections, o as replaceDocumentSections, r as generateSectionPreview, x as TS_PATTERNS } from "./document-BGG0pNR2.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,16 @@ 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 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 +2027,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;
@@ -2069,4 +2040,4 @@ 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
+//# sourceMappingURL=utils-UTqUJaVs.mjs.map