@jbpark/live-editor 4.1.1 → 4.3.0

package/dist/{document-J9Lo9p81.d.ts → document-Ct4jW78J.d.ts}

@@ -1,16 +1,3 @@
-//#region src/types/index.d.ts
-interface Module {
-  exports: {
-    default?: React.ComponentType<Record<string, unknown>>;
-  };
-  error?: string;
-}
-interface Section {
-  id: string;
-  name: string;
-  code: string;
-}
-//#endregion
 //#region node_modules/.pnpm/@babel+types@7.29.8/node_modules/@babel/types/lib/index-legacy.d.ts
 // NOTE: This file is autogenerated. Do not modify.
 // See packages/babel-types/scripts/generators/typescript-legacy.ts for script used.
@@ -1507,27 +1494,60 @@ type TSType = TSAnyKeyword | TSBooleanKeyword | TSBigIntKeyword | TSIntrinsicKey
 type TSBaseType = TSAnyKeyword | TSBooleanKeyword | TSBigIntKeyword | TSIntrinsicKeyword | TSNeverKeyword | TSNullKeyword | TSNumberKeyword | TSObjectKeyword | TSStringKeyword | TSSymbolKeyword | TSUndefinedKeyword | TSUnknownKeyword | TSVoidKeyword | TSThisType | TSTemplateLiteralType | TSLiteralType;
 type ModuleDeclaration = ExportAllDeclaration | ExportDefaultDeclaration | ExportNamedDeclaration | ImportDeclaration;
 //#endregion
+//#region src/types/index.d.ts
+interface Module {
+  exports: {
+    default?: React.ComponentType<Record<string, unknown>>;
+  };
+  error?: string;
+}
+interface Section {
+  id: string;
+  name: string;
+  code: string;
+}
+//#endregion
 //#region src/utils/ast/document.d.ts
+interface DocumentOptions {
+  containerId?: string;
+}
+interface SectionOptions extends DocumentOptions {
+  sectionNameFallback?: (index: number) => string;
+}
+type DocumentProblem = {
+  reason: 'parse-error';
+  error: unknown;
+} | {
+  reason: 'container-not-found';
+  containerId: string;
+};
+type DocumentInspection = {
+  ok: true;
+  doc: DocumentTree;
+} | ({
+  ok: false;
+} & DocumentProblem);
 interface DocumentTree {
   code: string;
   ast: File;
   container: JSXElement;
 }
-declare const parseDocument: (code: string) => DocumentTree | undefined;
+declare const inspectDocument: (code: string, { containerId }?: DocumentOptions) => DocumentInspection;
+declare const parseDocument: (code: string, options?: DocumentOptions) => DocumentTree | undefined;
 declare const clearDocumentParseCache: () => void;
-declare const getSections: (doc: DocumentTree) => Section[];
-declare const fillSectionIds: (code: string, generateId?: () => string) => string;
+declare const getSections: (doc: DocumentTree, { sectionNameFallback }?: SectionOptions) => Section[];
+declare const fillSectionIds: (code: string, generateId?: () => string, options?: DocumentOptions) => string;
 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[];
+declare const replaceDocumentSections: (fullCode: string, sectionCodes: string[], options?: DocumentOptions) => string;
+declare const generateSectionPreview: (fullCode: string, sectionCode: string, options?: DocumentOptions) => string;
+declare const generateSectionPreviews: (fullCode: string, sectionCodes: string[], options?: DocumentOptions) => string[];
 interface SectionPreviewCache {
   compute: (fullCode: string, sections: {
     id: string;
     code: string;
-  }[]) => string[];
+  }[], options?: DocumentOptions) => string[];
 }
 declare const createSectionPreviewCache: () => SectionPreviewCache;
 //#endregion
-export { Module as _, fillSectionIds as a, generateSectionPreviews as c, replaceDocumentSections as d, ArrayExpression as f, ObjectExpression as g, Node as h, createSectionPreviewCache as i, getSections as l, File as m, SectionPreviewCache as n, generateDocumentCode as o, Expression as p, clearDocumentParseCache as r, generateSectionPreview as s, DocumentTree as t, parseDocument as u, Section as v };
-//# sourceMappingURL=document-J9Lo9p81.d.ts.map
+export { ObjectExpression as C, Node as S, Module as _, SectionOptions as a, Expression as b, createSectionPreviewCache as c, generateSectionPreview as d, generateSectionPreviews as f, replaceDocumentSections as g, parseDocument as h, DocumentTree as i, fillSectionIds as l, inspectDocument as m, DocumentOptions as n, SectionPreviewCache as o, getSections as p, DocumentProblem as r, clearDocumentParseCache as s, DocumentInspection as t, generateDocumentCode as u, Section as v, File as x, ArrayExpression as y };
+//# sourceMappingURL=document-Ct4jW78J.d.ts.map

package/dist/{document-C5Dypv4_.js → document-cEEdFERz.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, 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);
@@ -38376,26 +38405,72 @@ var require_lib = /* @__PURE__ */ __commonJSMin(((exports) => {
 	traverse.cache = cache;
 }));
 //#endregion
+//#region src/utils/ast/jsx-name.ts
+var import_lib = /* @__PURE__ */ __toESM(require_lib(), 1);
+const getJSXTagName = (opening) => {
+	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$3.isJSXIdentifier(node)) parts.push(node.name);
+		else if (import_lib$3.isJSXMemberExpression(node)) {
+			collectMemberParts(node.object);
+			if (import_lib$3.isJSXIdentifier(node.property)) parts.push(node.property.name);
+		}
+	};
+	collectMemberParts(expr.object);
+	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
-var import_lib$1 = /* @__PURE__ */ __toESM(require_lib(), 1);
-const traverse = typeof import_lib$1.default === "function" ? import_lib$1.default : import_lib$1.default.default;
-const APP_CONTAINER_ID = "app-container";
+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 getTagName = (element) => {
-	const name = element.openingElement.name;
-	return import_lib$2.isJSXIdentifier(name) ? name.name : "";
-};
-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 defaultSectionName = (index) => `Section ${index + 1}`;
+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) && getTagName(node) === SECTION_TAG;
-const findContainer = (ast) => {
+const isSectionElement = (node) => import_lib$3.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();
 		}
@@ -38409,52 +38484,69 @@ 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;
 };
 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$2.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 = [];
 	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;
@@ -38494,8 +38586,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 +38613,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 +38624,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;
@@ -38551,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
@@ -38566,6 +38658,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 { 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-C5Dypv4_.js.map
+//# sourceMappingURL=document-cEEdFERz.js.map