ide-assi 0.598.0 → 0.600.0

package/dist/bundle.cjs.js

@@ -202095,7 +202095,7 @@ class IdeAi
 
 		console.log(menuList, tableDefinitions, JSON.stringify(menuList), JSON.stringify(tableDefinitions));
 
-		const o = await this.#invoke('/prompts/meta/C.스캐폴딩.txt', {
+		const o = await this.#invoke('/prompts/meta/2.where.txt', {
 			"userPrompt": userPrompt,
 			"menuList": JSON.stringify(menuList),
 			"tableDefinitions": JSON.stringify(tableDefinitions),
@@ -202178,7 +202178,7 @@ class IdeAi
 		return src;
 	};
 
-	#getSourcePath = (menuUrl) => {
+	#getSourcePath_BAK = (menuUrl) => {
 		const path = menuUrl.replace(/^\/+/, '');
 
 		const raw = path.split("/").join(".").toLowerCase();
@@ -202214,6 +202214,83 @@ class IdeAi
 		 };*/
 	};
 
+	#findFirstEmptyDetailWrapper = () => {
+		const allWrappers = document.querySelectorAll('div[class^="detail-wrapper-"]');
+
+		for (const el of allWrappers) {
+			if (el.innerHTML.trim() === '') {
+				// 클래스명 전체를 반환하거나, 특정 패턴을 찾아 반환
+				const className = el.className;
+				const match = className.match(/detail-wrapper-([^ ]+)/); // 숫자뿐만 아니라 다른 문자도 포함
+
+				if (match && match[1]) {
+					return match[1];
+				}
+			}
+		}
+
+		return null; // 비어있는 요소가 없을 경우 null 반환
+	};
+
+	#findActiveDetailWrapperIndex = () => {
+		const allWrappers = document.querySelectorAll('div[class^="detail-wrapper-"]');
+
+		for (let i = 0; i < allWrappers.length; i++) {
+			const el = allWrappers[i];
+			if (el.classList.contains('active')) {
+				const className = el.className;
+				const match = className.match(/detail-wrapper-([^ ]+)/);
+
+				if (match && match[1]) {
+					return match[1];
+				}
+			}
+		}
+
+		return null; // 'active' 클래스를 가진 요소가 없을 경우 null 반환
+	};
+
+
+
+	#getSourcePath = (menuUrl) => {
+		const path = menuUrl.replace(/^\/+/, '');
+
+		const raw = path.split("/").join(".").toLowerCase();
+		const cleaned = raw.replace(/[^a-z0-9.]/g, "");
+		const namespace = `${this.#parent.config.basePackage}.${cleaned}`;
+
+		const packageName = namespace.split(".").slice(0, -1).join(".");
+
+		//const packageName = `${path.split("/").slice(0, -1).join(".").toLowerCase()}`;
+		//const packageName = path.split("/").join(".").toLowerCase();
+		const fileName = path.split("/").at(-1).toLowerCase().split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
+
+		const javascript = `/src/views/${cleaned.split(".").slice(0, -1).join("/")}/${path.split("/").at(-1)}`;
+		const index = this.#findFirstEmptyDetailWrapper();
+		const javascriptTo = javascript + "-" + index;
+		const activeIndex = this.#findActiveDetailWrapperIndex();
+		const javascriptFrom = activeIndex ? javascript + "-" + activeIndex : javascript;
+
+		return {
+			package: packageName,
+			namespace: namespace,
+			baseClass: fileName,
+			resultType: this.#parent.config.basePackage.split(".").slice(0, -1).join(".") + ".core.utils.CamelCaseMap",
+			mybatis: `${cleaned.split(".").slice(0, -1).join("/")}/${fileName}Mapper.xml`,
+			javascript: `${javascript}.jsx`,
+			javascriptFrom: `${javascriptFrom}.jsx`,
+			javascriptTo: `${javascriptTo}.jsx`,
+			mybatisPullPath: `${this.#parent.settings.beProjectName}/src/main/resources/mapper/${cleaned.split(".").slice(0, -1).join("/")}/${fileName}Mapper.xml`,
+			controllerPullPath: `${this.#parent.settings.beProjectName}/src/main/java/${packageName.replaceAll(".", "/")}/controller/${fileName}Controller.java`,
+			servicePullPath: `${this.#parent.settings.beProjectName}/src/main/java/${packageName.replaceAll(".", "/")}/service/${fileName}Service.java`,
+			javascriptPullPath: `${this.#parent.settings.feProjectName}${javascript}.jsx`,
+			javascriptFromPullPath: `${this.#parent.settings.feProjectName}${javascriptFrom}.jsx`,
+			javascriptToPullPath: `${this.#parent.settings.feProjectName}${javascriptTo}.jsx`,
+		};
+	};
+
+
+
 	#createSource = async (userPrompt, apply) => {
 		const where = await this.#where(userPrompt, this.#getMenuInfo(), await this.#getTableList());
 		this.#parent.addMessage("대상 메뉴와 테이블을 찾았습니다.");
@@ -202545,7 +202622,36 @@ console.log(el, href, title);
 		}
 
 		let jsSrc;
+		let jsSrc2;
 		if (apply.javascript) {
+			jsSrc2 = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Link.txt", "react.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascriptFrom,
+				menuUrl: where.menu.url,
+				menuName: where.menu.name,
+				baseClass: srcPath.baseClass,
+				mybatisXmlSource: mybatisXmlSource,
+				controllerSource: controllerSrc,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('javascript', 'completed');
+
+			jsSrc = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Detail.txt", "react2.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascriptTo,
+				menuUrl: where.menu.url,
+				menuName: where.menu.name,
+				baseClass: srcPath.baseClass,
+				mybatisXmlSource: mybatisXmlSource,
+				controllerSource: controllerSrc,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('javascript', 'completed');
+			/**
 			jsSrc = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Detail.txt", "react2.jsx", {
 				userPrompt: userPrompt,
 				mybatis: srcPath.mybatis,
@@ -202559,9 +202665,10 @@ console.log(el, href, title);
 			});
 			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
 			progressMessageInstance.updateProgress('javascript', 'completed');
+				*/
 		}
 		else {
-			jsSrc = src.javascript;
+			jsSrc = src.javascriptTo;
 		}
 
 		//await this.#generateRealFile(srcPath, apply);
@@ -202582,11 +202689,17 @@ console.log(el, href, title);
 				src: controllerSrc,
 			},
 			javascript: {
-				path: srcPath.javascriptPullPath,
+				path: srcPath.javascriptToPullPath,
 				src: jsSrc,
-			}
+			},
+			javascript2: {
+				path: srcPath.javascriptFromPullPath,
+				src: jsSrc2,
+			},
 		};
 
+		console.log(apply);
+
 		for (const key in apply) {
 			if (apply[key]) {
 				returnSrc.push({
@@ -202659,6 +202772,9 @@ console.log(el, href, title);
 		progressMessageInstance.updateProgress('prepare1', 'completed');
 
 
+
+
+
 		/**
 		//active가 상세면
 		if (!apply.javascript) {
@@ -202680,12 +202796,17 @@ console.log(el, href, title);
 			*/
 
 
-		if (what === "1") {
+		if (what === "C1") {
 			if (!apply.mybatis || !apply.service || !apply.controller || !apply.javascript) ;
 			//await this.#createSource(userPrompt, apply);
 			return await this.#modifySource(userPrompt, apply, progressMessageInstance);
 		}
-		else if (what === "2") {
+		else if (what === "C2") {
+			if (!apply.mybatis || !apply.service || !apply.controller || !apply.javascript) ;
+			//await this.#createSource(userPrompt, apply);
+			return await this.#generateDetailSource(userPrompt, apply, progressMessageInstance);
+		}
+		else if (what === "U1") {
 			return await this.#modifySource(userPrompt, apply, progressMessageInstance);
 		}
 	}

package/dist/bundle.esm.js

@@ -202091,7 +202091,7 @@ class IdeAi
 
 		console.log(menuList, tableDefinitions, JSON.stringify(menuList), JSON.stringify(tableDefinitions));
 
-		const o = await this.#invoke('/prompts/meta/C.스캐폴딩.txt', {
+		const o = await this.#invoke('/prompts/meta/2.where.txt', {
 			"userPrompt": userPrompt,
 			"menuList": JSON.stringify(menuList),
 			"tableDefinitions": JSON.stringify(tableDefinitions),
@@ -202174,7 +202174,7 @@ class IdeAi
 		return src;
 	};
 
-	#getSourcePath = (menuUrl) => {
+	#getSourcePath_BAK = (menuUrl) => {
 		const path = menuUrl.replace(/^\/+/, '');
 
 		const raw = path.split("/").join(".").toLowerCase();
@@ -202210,6 +202210,83 @@ class IdeAi
 		 };*/
 	};
 
+	#findFirstEmptyDetailWrapper = () => {
+		const allWrappers = document.querySelectorAll('div[class^="detail-wrapper-"]');
+
+		for (const el of allWrappers) {
+			if (el.innerHTML.trim() === '') {
+				// 클래스명 전체를 반환하거나, 특정 패턴을 찾아 반환
+				const className = el.className;
+				const match = className.match(/detail-wrapper-([^ ]+)/); // 숫자뿐만 아니라 다른 문자도 포함
+
+				if (match && match[1]) {
+					return match[1];
+				}
+			}
+		}
+
+		return null; // 비어있는 요소가 없을 경우 null 반환
+	};
+
+	#findActiveDetailWrapperIndex = () => {
+		const allWrappers = document.querySelectorAll('div[class^="detail-wrapper-"]');
+
+		for (let i = 0; i < allWrappers.length; i++) {
+			const el = allWrappers[i];
+			if (el.classList.contains('active')) {
+				const className = el.className;
+				const match = className.match(/detail-wrapper-([^ ]+)/);
+
+				if (match && match[1]) {
+					return match[1];
+				}
+			}
+		}
+
+		return null; // 'active' 클래스를 가진 요소가 없을 경우 null 반환
+	};
+
+
+
+	#getSourcePath = (menuUrl) => {
+		const path = menuUrl.replace(/^\/+/, '');
+
+		const raw = path.split("/").join(".").toLowerCase();
+		const cleaned = raw.replace(/[^a-z0-9.]/g, "");
+		const namespace = `${this.#parent.config.basePackage}.${cleaned}`;
+
+		const packageName = namespace.split(".").slice(0, -1).join(".");
+
+		//const packageName = `${path.split("/").slice(0, -1).join(".").toLowerCase()}`;
+		//const packageName = path.split("/").join(".").toLowerCase();
+		const fileName = path.split("/").at(-1).toLowerCase().split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
+
+		const javascript = `/src/views/${cleaned.split(".").slice(0, -1).join("/")}/${path.split("/").at(-1)}`;
+		const index = this.#findFirstEmptyDetailWrapper();
+		const javascriptTo = javascript + "-" + index;
+		const activeIndex = this.#findActiveDetailWrapperIndex();
+		const javascriptFrom = activeIndex ? javascript + "-" + activeIndex : javascript;
+
+		return {
+			package: packageName,
+			namespace: namespace,
+			baseClass: fileName,
+			resultType: this.#parent.config.basePackage.split(".").slice(0, -1).join(".") + ".core.utils.CamelCaseMap",
+			mybatis: `${cleaned.split(".").slice(0, -1).join("/")}/${fileName}Mapper.xml`,
+			javascript: `${javascript}.jsx`,
+			javascriptFrom: `${javascriptFrom}.jsx`,
+			javascriptTo: `${javascriptTo}.jsx`,
+			mybatisPullPath: `${this.#parent.settings.beProjectName}/src/main/resources/mapper/${cleaned.split(".").slice(0, -1).join("/")}/${fileName}Mapper.xml`,
+			controllerPullPath: `${this.#parent.settings.beProjectName}/src/main/java/${packageName.replaceAll(".", "/")}/controller/${fileName}Controller.java`,
+			servicePullPath: `${this.#parent.settings.beProjectName}/src/main/java/${packageName.replaceAll(".", "/")}/service/${fileName}Service.java`,
+			javascriptPullPath: `${this.#parent.settings.feProjectName}${javascript}.jsx`,
+			javascriptFromPullPath: `${this.#parent.settings.feProjectName}${javascriptFrom}.jsx`,
+			javascriptToPullPath: `${this.#parent.settings.feProjectName}${javascriptTo}.jsx`,
+		};
+	};
+
+
+
 	#createSource = async (userPrompt, apply) => {
 		const where = await this.#where(userPrompt, this.#getMenuInfo(), await this.#getTableList());
 		this.#parent.addMessage("대상 메뉴와 테이블을 찾았습니다.");
@@ -202541,7 +202618,36 @@ console.log(el, href, title);
 		}
 
 		let jsSrc;
+		let jsSrc2;
 		if (apply.javascript) {
+			jsSrc2 = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Link.txt", "react.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascriptFrom,
+				menuUrl: where.menu.url,
+				menuName: where.menu.name,
+				baseClass: srcPath.baseClass,
+				mybatisXmlSource: mybatisXmlSource,
+				controllerSource: controllerSrc,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('javascript', 'completed');
+
+			jsSrc = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Detail.txt", "react2.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascriptTo,
+				menuUrl: where.menu.url,
+				menuName: where.menu.name,
+				baseClass: srcPath.baseClass,
+				mybatisXmlSource: mybatisXmlSource,
+				controllerSource: controllerSrc,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('javascript', 'completed');
+			/**
 			jsSrc = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Detail.txt", "react2.jsx", {
 				userPrompt: userPrompt,
 				mybatis: srcPath.mybatis,
@@ -202555,9 +202661,10 @@ console.log(el, href, title);
 			});
 			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
 			progressMessageInstance.updateProgress('javascript', 'completed');
+				*/
 		}
 		else {
-			jsSrc = src.javascript;
+			jsSrc = src.javascriptTo;
 		}
 
 		//await this.#generateRealFile(srcPath, apply);
@@ -202578,11 +202685,17 @@ console.log(el, href, title);
 				src: controllerSrc,
 			},
 			javascript: {
-				path: srcPath.javascriptPullPath,
+				path: srcPath.javascriptToPullPath,
 				src: jsSrc,
-			}
+			},
+			javascript2: {
+				path: srcPath.javascriptFromPullPath,
+				src: jsSrc2,
+			},
 		};
 
+		console.log(apply);
+
 		for (const key in apply) {
 			if (apply[key]) {
 				returnSrc.push({
@@ -202655,6 +202768,9 @@ console.log(el, href, title);
 		progressMessageInstance.updateProgress('prepare1', 'completed');
 
 
+
+
+
 		/**
 		//active가 상세면
 		if (!apply.javascript) {
@@ -202676,12 +202792,17 @@ console.log(el, href, title);
 			*/
 
 
-		if (what === "1") {
+		if (what === "C1") {
 			if (!apply.mybatis || !apply.service || !apply.controller || !apply.javascript) ;
 			//await this.#createSource(userPrompt, apply);
 			return await this.#modifySource(userPrompt, apply, progressMessageInstance);
 		}
-		else if (what === "2") {
+		else if (what === "C2") {
+			if (!apply.mybatis || !apply.service || !apply.controller || !apply.javascript) ;
+			//await this.#createSource(userPrompt, apply);
+			return await this.#generateDetailSource(userPrompt, apply, progressMessageInstance);
+		}
+		else if (what === "U1") {
 			return await this.#modifySource(userPrompt, apply, progressMessageInstance);
 		}
 	}

package/dist/components/ideAi.js

@@ -225,7 +225,7 @@ export class IdeAi
 
 		console.log(menuList, tableDefinitions, JSON.stringify(menuList), JSON.stringify(tableDefinitions));
 
-		const o = await this.#invoke('/prompts/meta/C.스캐폴딩.txt', {
+		const o = await this.#invoke('/prompts/meta/2.where.txt', {
 			"userPrompt": userPrompt,
 			"menuList": JSON.stringify(menuList),
 			"tableDefinitions": JSON.stringify(tableDefinitions),
@@ -308,7 +308,7 @@ export class IdeAi
 		return src;
 	};
 
-	#getSourcePath = (menuUrl) => {
+	#getSourcePath_BAK = (menuUrl) => {
 		const path = menuUrl.replace(/^\/+/, '');
 
 		const raw = path.split("/").join(".").toLowerCase();
@@ -344,6 +344,83 @@ export class IdeAi
 		 };*/
 	};
 
+	#findFirstEmptyDetailWrapper = () => {
+		const allWrappers = document.querySelectorAll('div[class^="detail-wrapper-"]');
+
+		for (const el of allWrappers) {
+			if (el.innerHTML.trim() === '') {
+				// 클래스명 전체를 반환하거나, 특정 패턴을 찾아 반환
+				const className = el.className;
+				const match = className.match(/detail-wrapper-([^ ]+)/); // 숫자뿐만 아니라 다른 문자도 포함
+
+				if (match && match[1]) {
+					return match[1];
+				}
+			}
+		}
+
+		return null; // 비어있는 요소가 없을 경우 null 반환
+	};
+
+	#findActiveDetailWrapperIndex = () => {
+		const allWrappers = document.querySelectorAll('div[class^="detail-wrapper-"]');
+
+		for (let i = 0; i < allWrappers.length; i++) {
+			const el = allWrappers[i];
+			if (el.classList.contains('active')) {
+				const className = el.className;
+				const match = className.match(/detail-wrapper-([^ ]+)/);
+
+				if (match && match[1]) {
+					return match[1];
+				}
+			}
+		}
+
+		return null; // 'active' 클래스를 가진 요소가 없을 경우 null 반환
+	};
+
+
+
+	#getSourcePath = (menuUrl) => {
+		const path = menuUrl.replace(/^\/+/, '');
+
+		const raw = path.split("/").join(".").toLowerCase();
+		const cleaned = raw.replace(/[^a-z0-9.]/g, "");
+		const namespace = `${this.#parent.config.basePackage}.${cleaned}`;
+
+		const packageName = namespace.split(".").slice(0, -1).join(".");
+
+		//const packageName = `${path.split("/").slice(0, -1).join(".").toLowerCase()}`;
+		//const packageName = path.split("/").join(".").toLowerCase();
+		const fileName = path.split("/").at(-1).toLowerCase().split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
+
+		const javascript = `/src/views/${cleaned.split(".").slice(0, -1).join("/")}/${path.split("/").at(-1)}`;
+		const index = this.#findFirstEmptyDetailWrapper();
+		const javascriptTo = javascript + "-" + index;
+		const activeIndex = this.#findActiveDetailWrapperIndex();
+		const javascriptFrom = activeIndex ? javascript + "-" + activeIndex : javascript;
+
+		return {
+			package: packageName,
+			namespace: namespace,
+			baseClass: fileName,
+			resultType: this.#parent.config.basePackage.split(".").slice(0, -1).join(".") + ".core.utils.CamelCaseMap",
+			mybatis: `${cleaned.split(".").slice(0, -1).join("/")}/${fileName}Mapper.xml`,
+			javascript: `${javascript}.jsx`,
+			javascriptFrom: `${javascriptFrom}.jsx`,
+			javascriptTo: `${javascriptTo}.jsx`,
+			mybatisPullPath: `${this.#parent.settings.beProjectName}/src/main/resources/mapper/${cleaned.split(".").slice(0, -1).join("/")}/${fileName}Mapper.xml`,
+			controllerPullPath: `${this.#parent.settings.beProjectName}/src/main/java/${packageName.replaceAll(".", "/")}/controller/${fileName}Controller.java`,
+			servicePullPath: `${this.#parent.settings.beProjectName}/src/main/java/${packageName.replaceAll(".", "/")}/service/${fileName}Service.java`,
+			javascriptPullPath: `${this.#parent.settings.feProjectName}${javascript}.jsx`,
+			javascriptFromPullPath: `${this.#parent.settings.feProjectName}${javascriptFrom}.jsx`,
+			javascriptToPullPath: `${this.#parent.settings.feProjectName}${javascriptTo}.jsx`,
+		};
+	};
+
+
+
 	#createSource = async (userPrompt, apply) => {
 		const where = await this.#where(userPrompt, this.#getMenuInfo(), await this.#getTableList());
 		this.#parent.addMessage("대상 메뉴와 테이블을 찾았습니다.")
@@ -675,7 +752,36 @@ console.log(el, href, title);
 		}
 
 		let jsSrc;
+		let jsSrc2;
 		if (apply.javascript) {
+			jsSrc2 = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Link.txt", "react.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascriptFrom,
+				menuUrl: where.menu.url,
+				menuName: where.menu.name,
+				baseClass: srcPath.baseClass,
+				mybatisXmlSource: mybatisXmlSource,
+				controllerSource: controllerSrc,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('javascript', 'completed');
+
+			jsSrc = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Detail.txt", "react2.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascriptTo,
+				menuUrl: where.menu.url,
+				menuName: where.menu.name,
+				baseClass: srcPath.baseClass,
+				mybatisXmlSource: mybatisXmlSource,
+				controllerSource: controllerSrc,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('javascript', 'completed');
+			/**
 			jsSrc = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Detail.txt", "react2.jsx", {
 				userPrompt: userPrompt,
 				mybatis: srcPath.mybatis,
@@ -689,9 +795,10 @@ console.log(el, href, title);
 			});
 			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
 			progressMessageInstance.updateProgress('javascript', 'completed');
+				*/
 		}
 		else {
-			jsSrc = src.javascript;
+			jsSrc = src.javascriptTo;
 		}
 
 		//await this.#generateRealFile(srcPath, apply);
@@ -712,11 +819,17 @@ console.log(el, href, title);
 				src: controllerSrc,
 			},
 			javascript: {
-				path: srcPath.javascriptPullPath,
+				path: srcPath.javascriptToPullPath,
 				src: jsSrc,
-			}
+			},
+			javascript2: {
+				path: srcPath.javascriptFromPullPath,
+				src: jsSrc2,
+			},
 		};
 
+		console.log(apply);
+
 		for (const key in apply) {
 			if (apply[key]) {
 				returnSrc.push({
@@ -789,6 +902,9 @@ console.log(el, href, title);
 		progressMessageInstance.updateProgress('prepare1', 'completed');
 
 
+
+
+
 		/**
 		//active가 상세면
 		if (!apply.javascript) {
@@ -810,14 +926,21 @@ console.log(el, href, title);
 			*/
 
 
-		if (what === "1") {
+		if (what === "C1") {
 			if (!apply.mybatis || !apply.service || !apply.controller || !apply.javascript) {
 				//return "소스 생성하실려면 변경대상 소스를 모두 선택하세요.";
 			}
 			//await this.#createSource(userPrompt, apply);
 			return await this.#modifySource(userPrompt, apply, progressMessageInstance);
 		}
-		else if (what === "2") {
+		else if (what === "C2") {
+			if (!apply.mybatis || !apply.service || !apply.controller || !apply.javascript) {
+				//return "소스 생성하실려면 변경대상 소스를 모두 선택하세요.";
+			}
+			//await this.#createSource(userPrompt, apply);
+			return await this.#generateDetailSource(userPrompt, apply, progressMessageInstance);
+		}
+		else if (what === "U1") {
 			return await this.#modifySource(userPrompt, apply, progressMessageInstance);
 		}
 	}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ide-assi",
   "type": "module",
-  "version": "0.598.0",
+  "version": "0.600.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/components/ideAi.js

@@ -225,7 +225,7 @@ export class IdeAi
 
 		console.log(menuList, tableDefinitions, JSON.stringify(menuList), JSON.stringify(tableDefinitions));
 
-		const o = await this.#invoke('/prompts/meta/C.스캐폴딩.txt', {
+		const o = await this.#invoke('/prompts/meta/2.where.txt', {
 			"userPrompt": userPrompt,
 			"menuList": JSON.stringify(menuList),
 			"tableDefinitions": JSON.stringify(tableDefinitions),
@@ -308,7 +308,7 @@ export class IdeAi
 		return src;
 	};
 
-	#getSourcePath = (menuUrl) => {
+	#getSourcePath_BAK = (menuUrl) => {
 		const path = menuUrl.replace(/^\/+/, '');
 
 		const raw = path.split("/").join(".").toLowerCase();
@@ -344,6 +344,83 @@ export class IdeAi
 		 };*/
 	};
 
+	#findFirstEmptyDetailWrapper = () => {
+		const allWrappers = document.querySelectorAll('div[class^="detail-wrapper-"]');
+
+		for (const el of allWrappers) {
+			if (el.innerHTML.trim() === '') {
+				// 클래스명 전체를 반환하거나, 특정 패턴을 찾아 반환
+				const className = el.className;
+				const match = className.match(/detail-wrapper-([^ ]+)/); // 숫자뿐만 아니라 다른 문자도 포함
+
+				if (match && match[1]) {
+					return match[1];
+				}
+			}
+		}
+
+		return null; // 비어있는 요소가 없을 경우 null 반환
+	};
+
+	#findActiveDetailWrapperIndex = () => {
+		const allWrappers = document.querySelectorAll('div[class^="detail-wrapper-"]');
+
+		for (let i = 0; i < allWrappers.length; i++) {
+			const el = allWrappers[i];
+			if (el.classList.contains('active')) {
+				const className = el.className;
+				const match = className.match(/detail-wrapper-([^ ]+)/);
+
+				if (match && match[1]) {
+					return match[1];
+				}
+			}
+		}
+
+		return null; // 'active' 클래스를 가진 요소가 없을 경우 null 반환
+	};
+
+
+
+	#getSourcePath = (menuUrl) => {
+		const path = menuUrl.replace(/^\/+/, '');
+
+		const raw = path.split("/").join(".").toLowerCase();
+		const cleaned = raw.replace(/[^a-z0-9.]/g, "");
+		const namespace = `${this.#parent.config.basePackage}.${cleaned}`;
+
+		const packageName = namespace.split(".").slice(0, -1).join(".");
+
+		//const packageName = `${path.split("/").slice(0, -1).join(".").toLowerCase()}`;
+		//const packageName = path.split("/").join(".").toLowerCase();
+		const fileName = path.split("/").at(-1).toLowerCase().split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
+
+		const javascript = `/src/views/${cleaned.split(".").slice(0, -1).join("/")}/${path.split("/").at(-1)}`;
+		const index = this.#findFirstEmptyDetailWrapper();
+		const javascriptTo = javascript + "-" + index;
+		const activeIndex = this.#findActiveDetailWrapperIndex();
+		const javascriptFrom = activeIndex ? javascript + "-" + activeIndex : javascript;
+
+		return {
+			package: packageName,
+			namespace: namespace,
+			baseClass: fileName,
+			resultType: this.#parent.config.basePackage.split(".").slice(0, -1).join(".") + ".core.utils.CamelCaseMap",
+			mybatis: `${cleaned.split(".").slice(0, -1).join("/")}/${fileName}Mapper.xml`,
+			javascript: `${javascript}.jsx`,
+			javascriptFrom: `${javascriptFrom}.jsx`,
+			javascriptTo: `${javascriptTo}.jsx`,
+			mybatisPullPath: `${this.#parent.settings.beProjectName}/src/main/resources/mapper/${cleaned.split(".").slice(0, -1).join("/")}/${fileName}Mapper.xml`,
+			controllerPullPath: `${this.#parent.settings.beProjectName}/src/main/java/${packageName.replaceAll(".", "/")}/controller/${fileName}Controller.java`,
+			servicePullPath: `${this.#parent.settings.beProjectName}/src/main/java/${packageName.replaceAll(".", "/")}/service/${fileName}Service.java`,
+			javascriptPullPath: `${this.#parent.settings.feProjectName}${javascript}.jsx`,
+			javascriptFromPullPath: `${this.#parent.settings.feProjectName}${javascriptFrom}.jsx`,
+			javascriptToPullPath: `${this.#parent.settings.feProjectName}${javascriptTo}.jsx`,
+		};
+	};
+
+
+
 	#createSource = async (userPrompt, apply) => {
 		const where = await this.#where(userPrompt, this.#getMenuInfo(), await this.#getTableList());
 		this.#parent.addMessage("대상 메뉴와 테이블을 찾았습니다.")
@@ -675,7 +752,36 @@ console.log(el, href, title);
 		}
 
 		let jsSrc;
+		let jsSrc2;
 		if (apply.javascript) {
+			jsSrc2 = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Link.txt", "react.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascriptFrom,
+				menuUrl: where.menu.url,
+				menuName: where.menu.name,
+				baseClass: srcPath.baseClass,
+				mybatisXmlSource: mybatisXmlSource,
+				controllerSource: controllerSrc,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('javascript', 'completed');
+
+			jsSrc = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Detail.txt", "react2.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascriptTo,
+				menuUrl: where.menu.url,
+				menuName: where.menu.name,
+				baseClass: srcPath.baseClass,
+				mybatisXmlSource: mybatisXmlSource,
+				controllerSource: controllerSrc,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('javascript', 'completed');
+			/**
 			jsSrc = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Detail.txt", "react2.jsx", {
 				userPrompt: userPrompt,
 				mybatis: srcPath.mybatis,
@@ -689,9 +795,10 @@ console.log(el, href, title);
 			});
 			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
 			progressMessageInstance.updateProgress('javascript', 'completed');
+				*/
 		}
 		else {
-			jsSrc = src.javascript;
+			jsSrc = src.javascriptTo;
 		}
 
 		//await this.#generateRealFile(srcPath, apply);
@@ -712,11 +819,17 @@ console.log(el, href, title);
 				src: controllerSrc,
 			},
 			javascript: {
-				path: srcPath.javascriptPullPath,
+				path: srcPath.javascriptToPullPath,
 				src: jsSrc,
-			}
+			},
+			javascript2: {
+				path: srcPath.javascriptFromPullPath,
+				src: jsSrc2,
+			},
 		};
 
+		console.log(apply);
+
 		for (const key in apply) {
 			if (apply[key]) {
 				returnSrc.push({
@@ -789,6 +902,9 @@ console.log(el, href, title);
 		progressMessageInstance.updateProgress('prepare1', 'completed');
 
 
+
+
+
 		/**
 		//active가 상세면
 		if (!apply.javascript) {
@@ -810,14 +926,21 @@ console.log(el, href, title);
 			*/
 
 
-		if (what === "1") {
+		if (what === "C1") {
 			if (!apply.mybatis || !apply.service || !apply.controller || !apply.javascript) {
 				//return "소스 생성하실려면 변경대상 소스를 모두 선택하세요.";
 			}
 			//await this.#createSource(userPrompt, apply);
 			return await this.#modifySource(userPrompt, apply, progressMessageInstance);
 		}
-		else if (what === "2") {
+		else if (what === "C2") {
+			if (!apply.mybatis || !apply.service || !apply.controller || !apply.javascript) {
+				//return "소스 생성하실려면 변경대상 소스를 모두 선택하세요.";
+			}
+			//await this.#createSource(userPrompt, apply);
+			return await this.#generateDetailSource(userPrompt, apply, progressMessageInstance);
+		}
+		else if (what === "U1") {
 			return await this.#modifySource(userPrompt, apply, progressMessageInstance);
 		}
 	}