ide-assi 0.708.0 → 0.710.0

package/src/components/ideAi.js.bak

@@ -0,0 +1,1384 @@
+import ninegrid from "ninegrid2";
+import { IdeUtils } from "./ideUtils.js";
+import { api } from "./ideFetch.js";
+import { HumanMessage, SystemMessage } from '@langchain/core/messages';
+import { ChatGoogleGenerativeAI } from "@langchain/google-genai";
+import { Ollama } from "@langchain/ollama";
+import { ChatOpenAI } from '@langchain/openai';
+
+export class IdeAi
+{
+	#API_URL = "http://localhost:8091";
+	#SCHEMA = "booxtory_250131";
+	#model;
+	#parent;
+	prompt = null;
+
+	constructor(parent) {
+		this.#parent = parent;
+	}
+
+	#createModel = () => {
+
+		switch (this.#parent.settings.server) {
+			case "chatopenai":
+				this.#model = new ChatOpenAI({
+					modelName: this.#parent.settings.model,
+					openAIApiKey: this.#parent.settings.CHATOPENAI_API_KEY,
+					configuration: {
+						baseURL: "https://openrouter.ai/api/v1",
+					},
+					temperature: 0,
+				});
+				break;
+			case "gemini":
+				this.#model = new ChatGoogleGenerativeAI({ model: this.#parent.settings.model, apiKey: this.#parent.settings.geminiApiKey, temperature: 0,});
+				break;
+			case "openai":
+				this.#model = new ChatOpenAI({ model: this.#parent.settings.model, apiKey: this.#parent.settings.openaiApiKey, temperature: 0, });
+				break;
+			case "ollama":
+				this.#model = new Ollama({
+					model: this.#parent.settings.model,
+					host: this.#parent.settings.ollamaUrl,
+					temperature: 0,
+				});
+				break;
+		}
+
+		//this.#qdrantClient = new QdrantClient({ url: this.settings.qdrantUrl });
+	};
+
+	#getMenuInfo = () => {
+		let arr = [];
+
+		ninegrid.querySelectorAll("nx-side-menu-item[href][title]").forEach(elem => {
+			arr.push({
+				//menuId: elem.getAttribute("menu-id"),
+				url: elem.getAttribute("href"),
+				title: elem.getAttribute("title"),
+			})
+		});
+
+		return arr;
+	};
+
+	#getTableList = async () => {
+		const response = await fetch("/api/meta/selectTableList", {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({
+				schema: this.#SCHEMA,
+			})
+		});
+
+		return await response.json();
+	};
+
+	#getColumnInfo = async (tables) => {
+		const response = await fetch("/api/meta/selectColumnInfo", {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({
+				schema: this.#SCHEMA,
+				tables: tables,
+			})
+		});
+
+		return await response.json();
+	};
+
+	#toJavaPackage = (path) => {
+		// 확장자 및 파일 제거: 마지막 / 이후는 제거
+		const withoutFile = path.substring(0, path.lastIndexOf('/'));
+
+		// 슬래시(/) → 점(.) 변환
+		return withoutFile.replace(/\//g, '.');
+	}
+
+	/**
+	 * 1. 소스 명칭 package 예) tmpl.population
+	 * 2. 소스가 없으면 소스 생성
+	 * 3.
+	 *
+	 * 1. 메뉴정보, 테이블정보로 해당 패키지, URL, 소스명칭을 유추
+	 */
+	generateSource = async (userPrompt) => {
+
+		const menus = this.#getMenuInfo();
+		const tables = await this.#getTableList();
+
+		console.log(menus);
+		console.log(tables);
+
+		const response = await fetch(`${this.#API_URL}/ai/inferSourceMeta`, {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({
+				userPrompt: userPrompt,
+				menus: menus,
+				tables: tables.list,
+			})
+		});
+
+		const res = await response.json();
+		//console.log(res);
+
+		if (res.result == "1") {
+
+			const columnInfo = await this.#getColumnInfo(res.table);
+			console.log(columnInfo);
+
+			const response2 = await fetch(`${this.#API_URL}/ai/generateSource`, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					packageName: "ide.assi.be." + this.#toJavaPackage(res.service).replace(".service", ""),
+					userPrompt: userPrompt,
+					url: res.menu.url,
+					tables: columnInfo.list,
+				})
+			});
+
+			const source = await response2.json();
+
+			const response3 = await fetch(`/api/source/generateMybatisFile`, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					fileNm: res.xml,
+					contents: source.mybatis,
+				})
+			});
+			//console.log(response3);
+			//console.log(await response3.json());
+
+			const response4 = await fetch(`/api/source/generateJavaFile`, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					fileNm: res.service,
+					contents: source.service,
+				})
+			});
+
+			const response5 = await fetch(`/api/source/generateJavaFile`, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					fileNm: res.controller,
+					contents: source.controller,
+				})
+			});
+
+			const response6 = await fetch(`/api/source/generateJsFile`, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					fileNm: res.js + "x",
+					contents: source.js,
+				})
+			});
+
+			return await response4.json();
+		}
+
+		return null;
+	};
+
+	#invoke = async (path, params) => {
+
+		const prompt = await IdeUtils.generatePrompt(path, params);
+		//console.log(prompt);
+
+		try {
+			const response = await this.#model.invoke([
+				//new SystemMessage(systemMessage),
+				new HumanMessage(prompt),
+			]);
+
+			return IdeUtils.extractResponse(response, this.#parent.settings.server);
+		}
+		catch (error) {
+			throw error;
+		}
+	}
+
+
+
+	#what = async (userPrompt) => {
+		const o = await this.#invoke('/prompts/meta/1.what.txt', { "userPrompt": userPrompt });
+
+		console.log(o);
+
+		if (Object.prototype.toString.call(o) === "[object Object]" && o.hasOwnProperty("result")) {
+			if (o.result === "0") throw new Error(o.reason);
+		}
+		else {
+			throw new Error(o);
+		}
+
+		return o.result;
+	};
+
+	#where = async (userPrompt, menuList, tableDefinitions) => {
+
+		console.log(menuList, tableDefinitions, JSON.stringify(menuList), JSON.stringify(tableDefinitions));
+
+		const o = await this.#invoke('/prompts/meta/2.where.txt', {
+			"userPrompt": userPrompt,
+			"menuList": JSON.stringify(menuList),
+			"tableDefinitions": JSON.stringify(tableDefinitions),
+		});
+
+		console.log("=======================================================");
+		console.log(o);
+		console.log( Object.prototype.toString.call(o));
+		console.log(o.hasOwnProperty("result"));
+
+		if (Object.prototype.toString.call(o) === "[object Object]" && o.hasOwnProperty("result")) {
+			if (o.result === "0") throw new Error(o.reason);
+		}
+		else {
+			throw new Error(o);
+		}
+
+
+		return o;
+	};
+
+	#generateRealFile = async (srcPath, apply) => {
+		const fileMap = {
+			mybatis: { name: "mybatis.xml", path: srcPath.mybatisPullPath },
+			service: { name: "service.java", path: srcPath.servicePullPath },
+			controller: { name: "controller.java", path: srcPath.controllerPullPath },
+			javascript: { name: "react.jsx", path: srcPath.javascriptPullPath },
+		};
+
+		const selectedFiles = Object.entries(fileMap)
+			.filter(([key]) => apply[key])
+			.map(([_, { name, path }]) => ({ name, path }));
+
+		const params = await Promise.all(
+			selectedFiles.map(async ({ name, path }) => ({
+				path,
+				contents: await fetch(`/api/templates/${name}`).then(res => res.text()),
+			}))
+		);
+
+		console.log(params);
+
+		api.post(`/api/source/generateRealFile`, { list: params });
+	};
+
+
+	#generateTmplFile = async (promptFile, generateFileName, params) => {
+
+		let src = await this.#invoke(promptFile, params);
+		if (src.endsWith("```")) {
+			src = src.slice(0, -3);
+		}
+
+		await api.post(`/api/source/generateTmplFile`, {
+			basePath: `${this.#parent.settings.beProjectName}/tmpl`,
+			fileNm: generateFileName,
+			contents: src,
+		});
+
+		return src;
+	};
+
+
+	#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 = `${cleaned.split(".").slice(0, -1).join("/")}/${path.split("/").at(-1)}`;
+		const emptyIndex = this.#findFirstEmptyDetailWrapper();
+		const activeIndex = this.#findActiveDetailWrapperIndex();
+		const javascriptFrom = activeIndex ? javascript + "-detail-" + activeIndex : javascript;
+		const javascriptTo = javascript + "-detail-" + emptyIndex;
+		const classFrom = activeIndex ? fileName + "Detail" + activeIndex : fileName;
+		const classTo = fileName + "Detail" + emptyIndex;
+
+		//console.log("************", javascriptFrom, javascriptTo);
+
+		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`,
+			classFrom: classFrom,
+			classTo: classTo,
+			activeIndex: activeIndex,
+			emptyIndex: emptyIndex,
+			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`,
+			javascriptFrom: `${this.#parent.settings.feProjectName}/src/views/${javascriptFrom}.jsx`,
+			javascriptTo: `${this.#parent.settings.feProjectName}/src/views/${javascriptTo}.jsx`,
+		};
+	};
+
+
+	#modifySource = async (userPrompt, apply, progressMessageInstance) => {
+
+		const el = ninegrid.querySelector("nx-side-menu-item.active");
+		if (!el) throw new Error("관련 메뉴를 찾을 수 없습니다.");
+
+		const href = el.getAttribute("href");
+		const title = el.getAttribute("title");
+
+console.log(el, href, title);
+
+		const srcPath = this.#getSourcePath(href);
+		console.log(srcPath);
+
+
+		/**
+		 * {
+		 *     "package": "ide.assi.be.tmpla",
+		 *     "namespace": "ide.assi.be.tmpla.docmanager",
+		 *     "baseClass": "DocManager",
+		 *     "resultType": "ide.assi.core.utils.CamelCaseMap",
+		 *     "mybatis": "tmpla/DocManagerMapper.xml",
+		 *     "mybatisPullPath": "ide-assi-be/src/main/resources/mapper/tmpla/DocManagerMapper.xml",
+		 *     "controllerPullPath": "ide-assi-be/src/main/java/ide/assi/be/tmpla/controller/DocManagerController.java",
+		 *     "servicePullPath": "ide-assi-be/src/main/java/ide/assi/be/tmpla/service/DocManagerService.java",
+		 *     "javascriptPullPath": "ide-assi-fe-vite-react-js/src/views/tmpla/doc-manager.jsx"
+		 * }
+		 */
+		const src = await api.post("/api/source/read", srcPath);
+		//console.log(src);
+
+		/**
+		const response = await fetch(srcPath.javascript);
+		src.javascript = await response.text();*/
+
+		//console.log(src);
+		//const template = await fetch(path).then(res => res.text());
+		/*
+		arr.push({
+			//menuId: elem.getAttribute("menu-id"),
+			url: elem.getAttribute("href"),
+			title: elem.getAttribute("title"),
+		})*/
+
+
+
+
+
+		const where = await this.#where(`${title}에서 ${userPrompt}`, [{url: href, title: title}], await this.#getTableList());
+		//this.#parent.addMessage("대상 메뉴와 테이블을 찾았습니다.");
+		progressMessageInstance.updateProgress('prepare2', 'completed');
+
+		console.log(where);
+
+		//const srcPath = this.#getSourcePath(where.menu.url);
+
+		console.log(srcPath);
+
+		const columnInfo = await this.#getColumnInfo(where.table);
+
+		let mybatisXmlSource;
+		if (apply.mybatis) {
+			mybatisXmlSource = await this.#generateTmplFile("/prompts/meta/U.BuildMyBatisMapper.txt", "mybatis.xml", {
+				userPrompt: userPrompt,
+				originSrc: src.mybatis,
+				resultType: srcPath.resultType,
+				namespace: srcPath.namespace,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("MyBatis 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('mybatis', 'completed');
+		}
+		else {
+			mybatisXmlSource = src.mybatis;
+		}
+
+		let serviceSrc;
+		if (apply.service) {
+			serviceSrc = await this.#generateTmplFile("/prompts/meta/U.BuildService.txt", "service.java", {
+				userPrompt: userPrompt,
+				originSrc: src.service,
+				baseClass: srcPath.baseClass,
+				myBatisPath: srcPath.mybatis,
+				namespace: srcPath.namespace,
+				package: srcPath.package + ".service",
+				mybatisXmlSource: mybatisXmlSource,
+			});
+			//this.#parent.addMessage("Java(Service) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('service', 'completed');
+		}
+		else {
+			serviceSrc = src.service;
+		}
+
+		let controllerSrc;
+		if (apply.controller) {
+			controllerSrc = await this.#generateTmplFile("/prompts/meta/U.BuildController.txt", "controller.java", {
+				userPrompt: userPrompt,
+				originSrc: src.controller,
+				baseClass: srcPath.baseClass,
+				menuUrl: where.menu.url,
+				package: srcPath.package + ".controller",
+				serviceSource: serviceSrc,
+			});
+			//this.#parent.addMessage("Java(Controller) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('controller', 'completed');
+		}
+		else {
+			controllerSrc = src.controller;
+		}
+
+		let jsSrc;
+		if (apply.javascript) {
+			jsSrc = await this.#generateTmplFile("/prompts/meta/U.BuildReactJsx.txt", "react.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascript,
+				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');
+		}
+		else {
+			jsSrc = src.javascript;
+		}
+
+		//await this.#generateRealFile(srcPath, apply);
+
+		const returnSrc = [];
+
+		const mapping = {
+			mybatis: {
+				path: srcPath.mybatisPullPath,
+				src: mybatisXmlSource,
+			},
+			service: {
+				path: srcPath.servicePullPath,
+				src: serviceSrc,
+			},
+			controller: {
+				path: srcPath.controllerPullPath,
+				src: controllerSrc,
+			},
+			javascript: {
+				path: srcPath.javascriptPullPath,
+				src: jsSrc,
+			}
+		};
+
+		for (const key in apply) {
+			if (apply[key]) {
+				returnSrc.push({
+					[key]: {
+						asis: src[key],
+						tobe: mapping[key].src,
+						tobePath: mapping[key].path,
+					}
+				});
+			}
+		}
+
+		console.log(returnSrc);
+
+		return returnSrc;
+	};
+
+	#generateSource = async (what, userPrompt, apply, progressMessageInstance) => {
+
+		/**
+		 const el = ninegrid.querySelector("nx-side-menu-item.active");
+		 if (!el) throw new Error("관련 메뉴를 찾을 수 없습니다.");
+
+		 const href = el.getAttribute("href");
+		 const title = el.getAttribute("title");
+
+		 console.log(el, href, title);
+
+		 const srcPath = this.#getSourcePath(href);
+		 console.log(srcPath);
+		 */
+
+		let where;
+		let href;
+
+		if (what === "C1") {
+			where = await this.#where(userPrompt, this.#getMenuInfo(), await this.#getTableList());
+			href = where.menu.url;
+		}
+		else if (what === "U1") {
+			const el = ninegrid.querySelector("nx-side-menu-item.active");
+			if (!el) throw new Error("관련 메뉴를 찾을 수 없습니다.");
+
+			href = el.getAttribute("href");
+			const title = el.getAttribute("title");
+
+			where = await this.#where(`${title}에서 ${userPrompt}`, [{url: href, title: title}], await this.#getTableList());
+		}
+		else {
+			throw new Error("invalid command type.");
+		}
+
+		const srcPath = this.#getSourcePath(href);
+		console.log(where, srcPath);
+
+		const src = await api.post("/api/source/read", srcPath);
+		console.log(src);
+
+		progressMessageInstance.updateProgress('prepare2', 'completed');
+
+
+		const columnInfo = await this.#getColumnInfo(where.table);
+
+		let generatedSource = {
+			mybatis: src.mybatis,
+			service: src.service,
+			controller: src.controller,
+			javascriptFrom: src.javascriptFrom,
+			javascriptTo: src.javascriptTo,
+		};
+
+		if (apply.mybatis) {
+			generatedSource.mybatis = await this.#generateTmplFile("/prompts/meta/U.BuildMyBatisMapper.txt", "mybatis.xml", {
+				userPrompt: userPrompt,
+				originSrc: src.mybatis,
+				resultType: srcPath.resultType,
+				namespace: srcPath.namespace,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("MyBatis 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('mybatis', 'completed');
+		}
+
+		if (apply.service) {
+			generatedSource.service = await this.#generateTmplFile("/prompts/meta/U.BuildService.txt", "service.java", {
+				userPrompt: userPrompt,
+				originSrc: src.service,
+				baseClass: srcPath.baseClass,
+				myBatisPath: srcPath.mybatis,
+				namespace: srcPath.namespace,
+				package: srcPath.package + ".service",
+				mybatisXmlSource: generatedSource.mybatis,
+			});
+			//this.#parent.addMessage("Java(Service) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('service', 'completed');
+		}
+
+		if (apply.controller) {
+			generatedSource.controller = await this.#generateTmplFile("/prompts/meta/U.BuildController.txt", "controller.java", {
+				userPrompt: userPrompt,
+				originSrc: src.controller,
+				baseClass: srcPath.baseClass,
+				menuUrl: where.menu.url,
+				package: srcPath.package + ".controller",
+				serviceSource: generatedSource.service,
+			});
+			//this.#parent.addMessage("Java(Controller) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('controller', 'completed');
+		}
+
+		if (apply.javascript) {
+			generatedSource.javascriptFrom = await this.#generateTmplFile(this.prompt.react.filter(item => item.includes(".main.") || item.includes(".all.")), "react.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascriptFrom,
+				menuUrl: where.menu.url,
+				menuName: where.menu.name,
+				baseClass: srcPath.baseClass,
+				mybatisXmlSource: generatedSource.mybatis,
+				controllerSource: generatedSource.controller,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('javascript', 'completed');
+		}
+
+		//await this.#generateRealFile(srcPath, apply);
+
+		const returnSrc = [];
+
+		const mapping = {
+			mybatis: {
+				path: srcPath.mybatisPullPath,
+				src: generatedSource.mybatis,
+			},
+			service: {
+				path: srcPath.servicePullPath,
+				src: generatedSource.service,
+			},
+			controller: {
+				path: srcPath.controllerPullPath,
+				src: generatedSource.controller,
+			},
+			javascriptFrom: {
+				path: srcPath.javascriptFrom,
+				src: generatedSource.javascriptFrom,
+			},
+			javascriptTo: {
+				path: srcPath.javascriptTo,
+				src: generatedSource.javascriptTo,
+			},
+		};
+
+		if (apply.javascript) {
+			apply.javascriptFrom = true;
+			apply.javascriptTo = true;
+			apply.javascript = false;
+		}
+
+		for (const key in apply) {
+			if (apply[key] && mapping[key].src) {
+				returnSrc.push({
+					[key]: {
+						asis: src[key],
+						tobe: mapping[key].src,
+						tobePath: mapping[key].path,
+					}
+				});
+			}
+		}
+
+		console.log(returnSrc);
+
+		return returnSrc;
+	};
+
+	#generateListSource = async (userPrompt, apply, progressMessageInstance) => {
+
+		/**
+		const el = ninegrid.querySelector("nx-side-menu-item.active");
+		if (!el) throw new Error("관련 메뉴를 찾을 수 없습니다.");
+
+		const href = el.getAttribute("href");
+		const title = el.getAttribute("title");
+
+		console.log(el, href, title);
+
+		const srcPath = this.#getSourcePath(href);
+		console.log(srcPath);
+		*/
+
+
+		const where = await this.#where(userPrompt, this.#getMenuInfo(), await this.#getTableList());
+		//this.#parent.addMessage("대상 메뉴와 테이블을 찾았습니다.")
+
+		console.log(where);
+
+		const srcPath = this.#getSourcePath(where.menu.url);
+		console.log(srcPath);
+
+
+		/**
+		 * {
+		 *     "package": "ide.assi.be.tmpla",
+		 *     "namespace": "ide.assi.be.tmpla.docmanager",
+		 *     "baseClass": "DocManager",
+		 *     "resultType": "ide.assi.core.utils.CamelCaseMap",
+		 *     "mybatis": "tmpla/DocManagerMapper.xml",
+		 *     "mybatisPullPath": "ide-assi-be/src/main/resources/mapper/tmpla/DocManagerMapper.xml",
+		 *     "controllerPullPath": "ide-assi-be/src/main/java/ide/assi/be/tmpla/controller/DocManagerController.java",
+		 *     "servicePullPath": "ide-assi-be/src/main/java/ide/assi/be/tmpla/service/DocManagerService.java",
+		 *     "javascriptPullPath": "ide-assi-fe-vite-react-js/src/views/tmpla/doc-manager.jsx"
+		 * }
+		 */
+		const src = await api.post("/api/source/read", srcPath);
+		//console.log(src);
+
+		/**
+		 const response = await fetch(srcPath.javascript);
+		 src.javascript = await response.text();*/
+
+		//console.log(src);
+		//const template = await fetch(path).then(res => res.text());
+		/*
+		arr.push({
+			//menuId: elem.getAttribute("menu-id"),
+			url: elem.getAttribute("href"),
+			title: elem.getAttribute("title"),
+		})*/
+
+
+
+
+
+		//const where = await this.#where(`${title}에서 ${userPrompt}`, [{url: href, title: title}], await this.#getTableList());
+		//this.#parent.addMessage("대상 메뉴와 테이블을 찾았습니다.");
+		progressMessageInstance.updateProgress('prepare2', 'completed');
+
+		//console.log(where);
+
+		//const srcPath = this.#getSourcePath(where.menu.url);
+
+
+
+		const columnInfo = await this.#getColumnInfo(where.table);
+
+		let mybatisXmlSource;
+		if (apply.mybatis) {
+			mybatisXmlSource = await this.#generateTmplFile("/prompts/meta/U.BuildMyBatisMapper.txt", "mybatis.xml", {
+				userPrompt: userPrompt,
+				originSrc: src.mybatis,
+				resultType: srcPath.resultType,
+				namespace: srcPath.namespace,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("MyBatis 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('mybatis', 'completed');
+		}
+		else {
+			mybatisXmlSource = src.mybatis;
+		}
+
+		let serviceSrc;
+		if (apply.service) {
+			serviceSrc = await this.#generateTmplFile("/prompts/meta/U.BuildService.txt", "service.java", {
+				userPrompt: userPrompt,
+				originSrc: src.service,
+				baseClass: srcPath.baseClass,
+				myBatisPath: srcPath.mybatis,
+				namespace: srcPath.namespace,
+				package: srcPath.package + ".service",
+				mybatisXmlSource: mybatisXmlSource,
+			});
+			//this.#parent.addMessage("Java(Service) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('service', 'completed');
+		}
+		else {
+			serviceSrc = src.service;
+		}
+
+		let controllerSrc;
+		if (apply.controller) {
+			controllerSrc = await this.#generateTmplFile("/prompts/meta/U.BuildController.txt", "controller.java", {
+				userPrompt: userPrompt,
+				originSrc: src.controller,
+				baseClass: srcPath.baseClass,
+				menuUrl: where.menu.url,
+				package: srcPath.package + ".controller",
+				serviceSource: serviceSrc,
+			});
+			//this.#parent.addMessage("Java(Controller) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('controller', 'completed');
+		}
+		else {
+			controllerSrc = src.controller;
+		}
+
+		let jsSrc;
+		if (apply.javascript) {
+			jsSrc = await this.#generateTmplFile(this.prompt.react.filter(item => item.includes(".main.") || item.includes(".all.")), "react.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascript,
+				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');
+		}
+		else {
+			jsSrc = src.javascript;
+		}
+
+		//await this.#generateRealFile(srcPath, apply);
+
+		const returnSrc = [];
+
+		const mapping = {
+			mybatis: {
+				path: srcPath.mybatisPullPath,
+				src: mybatisXmlSource,
+			},
+			service: {
+				path: srcPath.servicePullPath,
+				src: serviceSrc,
+			},
+			controller: {
+				path: srcPath.controllerPullPath,
+				src: controllerSrc,
+			},
+			javascript: {
+				path: srcPath.javascriptPullPath,
+				src: jsSrc,
+			}
+		};
+
+		for (const key in apply) {
+			if (apply[key]) {
+				returnSrc.push({
+					[key]: {
+						asis: src[key],
+						tobe: mapping[key].src,
+						tobePath: mapping[key].path,
+					}
+				});
+			}
+		}
+
+		console.log(returnSrc);
+
+		return returnSrc;
+	};
+
+	#generateDetailSource = async (userPrompt, apply, progressMessageInstance) => {
+
+		const el = ninegrid.querySelector("nx-side-menu-item.active");
+		if (!el) throw new Error("관련 메뉴를 찾을 수 없습니다.");
+
+		const href = el.getAttribute("href");
+		const title = el.getAttribute("title");
+
+		//console.log(el, href, title);
+
+		const srcPath = this.#getSourcePath(href);
+		console.log(srcPath);
+
+
+		/**
+		 * {
+		 *     "package": "ide.assi.be.tmpla",
+		 *     "namespace": "ide.assi.be.tmpla.docmanager",
+		 *     "baseClass": "DocManager",
+		 *     "resultType": "ide.assi.core.utils.CamelCaseMap",
+		 *     "mybatis": "tmpla/DocManagerMapper.xml",
+		 *     "mybatisPullPath": "ide-assi-be/src/main/resources/mapper/tmpla/DocManagerMapper.xml",
+		 *     "controllerPullPath": "ide-assi-be/src/main/java/ide/assi/be/tmpla/controller/DocManagerController.java",
+		 *     "servicePullPath": "ide-assi-be/src/main/java/ide/assi/be/tmpla/service/DocManagerService.java",
+		 *     "javascriptPullPath": "ide-assi-fe-vite-react-js/src/views/tmpla/doc-manager.jsx"
+		 * }
+		 */
+		const src = await api.post("/api/source/read", srcPath);
+		//console.log(src);
+
+		/**
+		 const response = await fetch(srcPath.javascript);
+		 src.javascript = await response.text();*/
+
+		//console.log(src);
+		//const template = await fetch(path).then(res => res.text());
+		/*
+		arr.push({
+			//menuId: elem.getAttribute("menu-id"),
+			url: elem.getAttribute("href"),
+			title: elem.getAttribute("title"),
+		})*/
+
+
+
+
+
+		const where = await this.#where(`${title}에서 ${userPrompt}`, [{url: href, title: title}], await this.#getTableList());
+		//this.#parent.addMessage("대상 메뉴와 테이블을 찾았습니다.");
+		progressMessageInstance.updateProgress('prepare2', 'completed');
+
+		console.log(where);
+
+		//const srcPath = this.#getSourcePath(where.menu.url);
+		console.log(srcPath);
+
+		const columnInfo = await this.#getColumnInfo(where.table);
+
+		let mybatisXmlSource;
+		if (apply.mybatis) {
+			mybatisXmlSource = await this.#generateTmplFile("/prompts/meta/U.BuildMyBatisMapper.txt", "mybatis.xml", {
+				userPrompt: userPrompt,
+				originSrc: src.mybatis,
+				resultType: srcPath.resultType,
+				namespace: srcPath.namespace,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("MyBatis 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('mybatis', 'completed');
+		}
+		else {
+			mybatisXmlSource = src.mybatis;
+		}
+
+		let serviceSrc;
+		if (apply.service) {
+			serviceSrc = await this.#generateTmplFile("/prompts/meta/U.BuildService.txt", "service.java", {
+				userPrompt: userPrompt,
+				originSrc: src.service,
+				baseClass: srcPath.baseClass,
+				myBatisPath: srcPath.mybatis,
+				namespace: srcPath.namespace,
+				package: srcPath.package + ".service",
+				mybatisXmlSource: mybatisXmlSource,
+			});
+			//this.#parent.addMessage("Java(Service) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('service', 'completed');
+		}
+		else {
+			serviceSrc = src.service;
+		}
+
+		let controllerSrc;
+		if (apply.controller) {
+			controllerSrc = await this.#generateTmplFile("/prompts/meta/U.BuildController.txt", "controller.java", {
+				userPrompt: userPrompt,
+				originSrc: src.controller,
+				baseClass: srcPath.baseClass,
+				menuUrl: where.menu.url,
+				package: srcPath.package + ".controller",
+				serviceSource: serviceSrc,
+			});
+			//this.#parent.addMessage("Java(Controller) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('controller', 'completed');
+		}
+		else {
+			controllerSrc = src.controller;
+		}
+
+		console.log("=---------", src.javascript2);
+
+		let jsSrcFrom;
+		let jsSrcTo;
+		if (apply.javascript) {
+			const pathArray = srcPath.javascriptTo.split("/");
+			const javascriptFileTo = pathArray.pop();
+
+			jsSrcFrom = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Link.txt", "reactFrom.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascript2,
+				menuUrl: where.menu.url,
+				menuName: where.menu.name,
+				baseClass: srcPath.baseClass,
+				classFrom: srcPath.classFrom,
+				classTo: srcPath.classTo,
+				emptyIndex: srcPath.emptyIndex,
+				activeIndex: srcPath.activeIndex,
+				javascriptFileTo: javascriptFileTo,
+				mybatisXmlSource: mybatisXmlSource,
+				controllerSource: controllerSrc,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
+			//progressMessageInstance.updateProgress('javascript', 'completed');
+
+			jsSrcTo = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Detail.txt", "reactTo.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascript,
+				menuUrl: where.menu.url,
+				menuName: where.menu.name,
+				baseClass: srcPath.baseClass,
+				className: srcPath.classTo,
+				emptyIndex: srcPath.emptyIndex,
+				activeIndex: srcPath.activeIndex,
+				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.javascript,
+				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');
+				*/
+		}
+		else {
+			jsSrcTo = src.javascriptTo;
+		}
+
+		//await this.#generateRealFile(srcPath, apply);
+
+		const returnSrc = [];
+
+		const mapping = {
+			mybatis: {
+				path: srcPath.mybatisPullPath,
+				src: mybatisXmlSource,
+			},
+			service: {
+				path: srcPath.servicePullPath,
+				src: serviceSrc,
+			},
+			controller: {
+				path: srcPath.controllerPullPath,
+				src: controllerSrc,
+			},
+			javascript: {
+				path: srcPath.javascriptToPullPath,
+				src: jsSrcTo,
+			},
+			javascript2: {
+				path: srcPath.javascriptFromPullPath,
+				src: jsSrcFrom,
+			},
+		};
+
+		//console.log(srcPath.javascriptToPullPath, jsSrcTo);
+
+		if (apply.javascript) {
+			apply.javascript2 = true;
+		}
+
+		//console.log(apply);
+
+		for (const key in apply) {
+			if (apply[key]) {
+				returnSrc.push({
+					[key]: {
+						asis: src[key],
+						tobe: mapping[key].src,
+						tobePath: mapping[key].path,
+					}
+				});
+			}
+		}
+
+		console.log(returnSrc);
+
+		return returnSrc;
+	};
+
+	#modifyDetailSource = async (userPrompt, apply, progressMessageInstance) => {
+
+		const el = ninegrid.querySelector("nx-side-menu-item.active");
+		if (!el) throw new Error("관련 메뉴를 찾을 수 없습니다.");
+
+		const href = el.getAttribute("href");
+		const title = el.getAttribute("title");
+
+		//console.log(el, href, title);
+
+		const srcPath = this.#getSourcePath(href);
+		console.log(srcPath);
+
+		const src = await api.post("/api/source/read", srcPath);
+
+		const where = await this.#where(`${title}에서 ${userPrompt}`, [{url: href, title: title}], await this.#getTableList());
+		//this.#parent.addMessage("대상 메뉴와 테이블을 찾았습니다.");
+		progressMessageInstance.updateProgress('prepare2', 'completed');
+
+		console.log(where);
+
+		//const srcPath = this.#getSourcePath(where.menu.url);
+		console.log(srcPath);
+
+		const columnInfo = await this.#getColumnInfo(where.table);
+
+		let mybatisXmlSource;
+		if (apply.mybatis) {
+			mybatisXmlSource = await this.#generateTmplFile("/prompts/meta/U.BuildMyBatisMapper.txt", "mybatis.xml", {
+				userPrompt: userPrompt,
+				originSrc: src.mybatis,
+				resultType: srcPath.resultType,
+				namespace: srcPath.namespace,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("MyBatis 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('mybatis', 'completed');
+		}
+		else {
+			mybatisXmlSource = src.mybatis;
+		}
+
+		let serviceSrc;
+		if (apply.service) {
+			serviceSrc = await this.#generateTmplFile("/prompts/meta/U.BuildService.txt", "service.java", {
+				userPrompt: userPrompt,
+				originSrc: src.service,
+				baseClass: srcPath.baseClass,
+				myBatisPath: srcPath.mybatis,
+				namespace: srcPath.namespace,
+				package: srcPath.package + ".service",
+				mybatisXmlSource: mybatisXmlSource,
+			});
+			//this.#parent.addMessage("Java(Service) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('service', 'completed');
+		}
+		else {
+			serviceSrc = src.service;
+		}
+
+		let controllerSrc;
+		if (apply.controller) {
+			controllerSrc = await this.#generateTmplFile("/prompts/meta/U.BuildController.txt", "controller.java", {
+				userPrompt: userPrompt,
+				originSrc: src.controller,
+				baseClass: srcPath.baseClass,
+				menuUrl: where.menu.url,
+				package: srcPath.package + ".controller",
+				serviceSource: serviceSrc,
+			});
+			//this.#parent.addMessage("Java(Controller) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('controller', 'completed');
+		}
+		else {
+			controllerSrc = src.controller;
+		}
+
+		console.log("=---------", src.javascript2);
+
+		let jsSrcFrom;
+		if (apply.javascript) {
+			jsSrcFrom = await this.#generateTmplFile("/prompts/meta/detail/4.BuildReactJsx_Detail.txt", "reactTo.jsx", {
+				userPrompt: userPrompt,
+				mybatis: srcPath.mybatis,
+				originSrc: src.javascriptFrom,
+				menuUrl: where.menu.url,
+				menuName: where.menu.name,
+				baseClass: srcPath.baseClass,
+				className: srcPath.classFrom,
+				emptyIndex: srcPath.emptyIndex,
+				activeIndex: srcPath.activeIndex,
+				mybatisXmlSource: mybatisXmlSource,
+				controllerSource: controllerSrc,
+				tableDefinitions: JSON.stringify(columnInfo),
+			});
+			//this.#parent.addMessage("Jsx(React) 소스파일을 생성했습니다.");
+			progressMessageInstance.updateProgress('javascript', 'completed');
+		}
+		else {
+			jsSrcFrom = src.javascriptTo;
+		}
+
+		//await this.#generateRealFile(srcPath, apply);
+
+		const returnSrc = [];
+
+		const mapping = {
+			mybatis: {
+				path: srcPath.mybatisPullPath,
+				src: mybatisXmlSource,
+			},
+			service: {
+				path: srcPath.servicePullPath,
+				src: serviceSrc,
+			},
+			controller: {
+				path: srcPath.controllerPullPath,
+				src: controllerSrc,
+			},
+			javascript: {
+				path: srcPath.javascriptFromPullPath,
+				src: jsSrcFrom,
+			},
+		};
+
+		//console.log(srcPath.javascriptToPullPath, jsSrcTo);
+
+		//console.log(apply);
+		src.javascript = src.javascriptFrom;
+
+		for (const key in apply) {
+			if (apply[key]) {
+				returnSrc.push({
+					[key]: {
+						asis: src[key],
+						tobe: mapping[key].src,
+						tobePath: mapping[key].path,
+					}
+				});
+			}
+		}
+
+		console.log(returnSrc);
+
+		return returnSrc;
+	};
+
+	generateSourceClient = async (userPrompt, apply) => {
+
+		this.#createModel();
+
+		const initialProgressData = [
+			{ id: 'prepare1', message: '명령을 해석중입니다.', completedMessage: '명령을 해석했습니다.' },
+			{ id: 'prepare2', message: '메뉴와 테이블을 검색중입니다.', completedMessage: '관련 메뉴와 테이블을 찾았습니다.' },
+		];
+		if (apply.mybatis) {
+			initialProgressData.push({ id: 'mybatis', message: 'MyBatis 소스를 생성중입니다.', completedMessage: 'MyBatis 소스를 생성했습니다.' });
+		}
+		if (apply.service) {
+			initialProgressData.push({ id: 'service', message: 'Java(Service) 소스를 생성중입니다.', completedMessage: 'Java(Service) 소스를 생성했습니다.' });
+		}
+		if (apply.controller) {
+			initialProgressData.push({ id: 'controller', message: 'Java(Controller) 소스를 생성중입니다.', completedMessage: 'Java(Controller) 소스를 생성했습니다.' });
+		}
+		if (apply.javascript) {
+			initialProgressData.push({ id: 'javascript', message: 'Jsx(React) 소스를 생성중입니다.', completedMessage: 'Jsx(React) 소스를 생성했습니다.' });
+		}
+
+		const elAiChat = this.#parent.shadowRoot.querySelector("nx-ai-chat");
+		const progressMessageInstance = elAiChat.addProgress(initialProgressData);
+
+		const what = await this.#what(userPrompt);
+		//this.#parent.addMessage("명령을 이해했습니다.");
+		progressMessageInstance.updateProgress('prepare1', 'completed');
+
+		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);
+			return await this.#generateSource(what, userPrompt, apply, progressMessageInstance);
+		}
+		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") {
+			// .list-wrapper 또는 .detail-wrapper-* 중에서 .active 클래스를 가진 첫 번째 요소를 찾습니다.
+			const el = document.querySelector(".list-wrapper.active");
+
+			if (el) {
+				//return await this.#modifySource(userPrompt, apply, progressMessageInstance);
+				return await this.#generateSource(what, userPrompt, apply, progressMessageInstance);
+			}
+			else {
+				return await this.#modifyDetailSource(userPrompt, apply, progressMessageInstance);
+			}
+		}
+	}
+
+	static generateWhereCause = async (xmlPath, queryId, userPrompt, apiKey) => {
+
+		const invoke = async (path, params) => {
+			const prompt = await IdeUtils.generatePrompt(path, params);
+			//console.log(prompt);
+
+			try {
+				const model = new ChatGoogleGenerativeAI({ model: "gemini-2.5-flash", apiKey: apiKey, temperature: 0,});
+
+				const response = await model.invoke([
+					//new SystemMessage(systemMessage),
+					new HumanMessage(prompt),
+				]);
+
+				console.log(response);
+
+				let r = IdeUtils.extractResponse(response, "gemini");
+
+				/**
+				if ((r.startsWith("'") && r.endsWith("'")) || (r.startsWith('"') && r.endsWith('"')) || (r.startsWith('`') && r.endsWith('`'))) {
+					r = r.slice(1, -1); // 맨 앞, 맨 뒤 한 글자씩 제거
+				} */
+
+
+				return r;
+			}
+			catch (error) {
+				throw error;
+			}
+		}
+
+		const res = await api.post("/api/source/query", {
+			xmlPath: xmlPath,
+			queryId: queryId
+		});
+
+		//console.log(res.query);
+
+		if (res.query) {
+			const o = await invoke('/prompts/user/generateWhereCause.txt', {
+				"query": res.query,
+				"userPrompt": userPrompt
+			});
+
+			//console.log(o);
+			/**
+			if (Object.prototype.toString.call(o) === "[object Object]" && o.hasOwnProperty("result")) {
+				if (o.result !== true) throw new Error(o.condition);
+			}
+			else {
+				throw new Error(o);
+			} */
+
+			return o;
+
+			/**
+			const o = await invoke('/prompts/user/generateWhereCause.txt', {
+				"query": res.query,
+				"userPrompt": userPrompt
+			});
+
+			//console.log(o);
+
+			return o;
+				*/
+		}
+
+
+	};
+}
+