ide-assi 0.496.0 → 0.498.0

package/dist/bundle.cjs.js

@@ -202370,10 +202370,22 @@ class IdeAi
 		const returnSrc = [];
 
 		const mapping = {
-			mybatis: mybatisXmlSource,
-			service: serviceSrc,
-			controller: controllerSrc,
-			javascript: jsSrc
+			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) {
@@ -202381,7 +202393,8 @@ class IdeAi
 				returnSrc.push({
 					[key]: {
 						asis: src[key],
-						tobe: mapping[key]
+						tobe: mapping[key].src,
+						tobePath: mapping[key].path,
 					}
 				});
 			}
@@ -202624,351 +202637,6 @@ class IdeAssi extends HTMLElement
 		//this.shadowRoot.querySelector('ide-diff-popup').remove();
 
 		this.shadowRoot.appendChild(document.createElement('ide-diff-popup'));
-
-		//setTimeout(() => {
-		let src1 = `
-import React, { useRef, useEffect } from "react" adfa;
-import { api, ai } from "ide-assi";
-import ninegrid from "ninegrid2";
-
-const DocManager = () => {
-  const tabRef = useRef(null);
-  const gridRef = useRef(null);
-
-  const selectList = async (params) => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-    api.post(\`/api/tmpl-a/doc-manager/selectList\`, params).then((res) => {
-      gridRef.current.data.source = res.list;
-    });
-  };
-
-  const handleNaturalLanguageSearch = async () => {
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchText = searchTextElement ? searchTextElement.value : "";
-
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    let params = {};
-    if (searchText) {
-      params = {
-        _whereClause: await ai.generateWhereCause(
-          "tmpla/DocManagerMapper.xml",
-          "selectList",
-          searchText,
-          import.meta.env.VITE_GEMINI_API_KEY
-        ),
-      };
-    }
-    selectList(params);
-  };
-
-  const handleClassicSearch = () => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    const form2Element = ninegrid.querySelector(".form2", tabRef.current);
-    const params = form2Element ? form2Element.getData() : {};
-    selectList(params);
-  };
-
-  useEffect(() => {
-    selectList({});
-
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchButton = ninegrid.querySelector(".search", tabRef.current);
-
-    const handleKeyDown = (e) => {
-      if (e.key === "Enter" && !e.isComposing) {
-        handleNaturalLanguageSearch();
-      }
-    };
-
-    const handleClick = () => {
-      handleClassicSearch();
-    };
-
-    if (searchTextElement) {
-      searchTextElement.addEventListener("keydown", handleKeyDown);
-    }
-    if (searchButton) {
-      searchButton.addEventListener("click", handleClick);
-    }
-
-    return () => {
-      if (searchTextElement) {
-        searchTextElement.removeEventListener("keydown", handleKeyDown);
-      }
-      if (searchButton) {
-        searchButton.removeEventListener("click", handleClick);
-      }
-    };
-  }, []);
-
-  return (
-    <div className="wrapper">
-      <nx-collapse target="nx-tab" className="search-collapse"></nx-collapse>
-      <div className="list-wrapper">
-        <nx-tab theme="theme-3" ref={tabRef}>
-          <nx-tab-page caption="자연어 검색">
-            <nx-form className="form1">
-              <input
-                type="text"
-                id="searchText"
-                name="searchText"
-                placeholder="자연어 검색어를 입력하세요 (ex: 작성자가 홍길동인 데이타를 찾아줘)"
-              />
-            </nx-form>
-          </nx-tab-page>
-          <nx-tab-page caption="클래식 검색">
-            <nx-form className="form2">
-              <label>문서명: <input type="text" name="docNm" /></label>
-              <label>매출액:
-                <input type="number" name="minAmt" placeholder="최소" /> ~
-                <input type="number" name="maxAmt" placeholder="최대" />
-              </label>
-            </nx-form>
-            <button className="search">검색</button>
-          </nx-tab-page>
-        </nx-tab>
-
-        <div className="grid-wrapper">
-          <nine-grid
-            ref={gridRef}
-            caption="문서관리"
-            select-type="row"
-            show-title-bar="true"
-            show-menu-icon="true"
-            show-status-bar="true"
-            enable-fixed-col="true"
-            row-resizable="false"
-            col-movable="true"
-          >
-            <table>
-              <colgroup>
-                <col width="50" fixed="left" background-color="gray" />
-                <col width="100" />
-                <col width="100" />
-                <col width="200" />
-                <col width="120" />
-                <col width="100" />
-                <col width="150" />
-                <col width="150" />
-              </colgroup>
-              <thead>
-                <tr>
-                  <th>No.</th>
-                  <th>최종수정자</th>
-                  <th>문서ID</th>
-                  <th>문서명</th>
-                  <th>매출액</th>
-                  <th>최초등록자</th>
-                  <th>최초등록일</th>
-                  <th>최종수정일</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <th><ng-row-indicator /></th>
-                  <td data-bind="updateUser" text-align="center"></td>
-                  <td data-bind="docId" text-align="center"></td>
-                  <td data-bind="docNm" text-align="left"></td>
-                  <td
-                    data-bind="amt"
-                    data-expr="data.amt.toLocaleString()"
-                    text-align="right"
-                    show-icon="true"
-                    icon-type="sphere"
-                    icon-color="data.amt >= 2000 ? 'red' : 'gray'"
-                  ></td>
-                  <td data-bind="insertUser" text-align="center"></td>
-                  <td data-bind="insertDt" text-align="center"></td>
-                  <td data-bind="updateDt" text-align="center"></td>
-                </tr>
-              </tbody>
-            </table>
-          </nine-grid>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DocManager;
-		`;
-
-		let src2 = `
-import React, { useRef, useEffect } from "react";
-import { api, ai } from "ide-assi";
-import ninegrid from "ninegrid2";
-
-const DocManager = () => {
-  const tabRef = useRef(null);
-  const gridRef = useRef(null);
-
-  const selectList = async (params) => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-    api.post(\`/api/tmpl-a/doc-manager/selectList\`, params).then((res) => {
-      gridRef.current.data.source = res.list;
-    });
-  };
-
-  const handleNaturalLanguageSearch = async () => {
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchText = searchTextElement ? searchTextElement.value : "";
-
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    let params = {};
-    if (searchText) {
-      params = {
-        _whereClause: await ai.generateWhereCause(
-          "tmpla/DocManagerMapper.xml",
-          "selectList",
-          searchText,
-          import.meta.env.VITE_GEMINI_API_KEY
-        ),
-      };
-    }
-    selectList(params);
-  };
-
-  const handleClassicSearch = () => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    const form2Element = ninegrid.querySelector(".form2", tabRef.current);
-    const params = form2Element ? form2Element.getData() : {};
-    selectList(params);
-  };
-
-  useEffect(() => {
-    selectList({});
-
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchButton = ninegrid.querySelector(".search", tabRef.current);
-
-    const handleKeyDown = (e) => {
-      if (e.key === "Enter" && !e.isComposing) {
-        handleNaturalLanguageSearch();
-      }
-    };
-
-    const handleClick = () => {
-      handleClassicSearch();
-    };
-
-    if (searchTextElement) {
-      searchTextElement.addEventListener("keydown", handleKeyDown);
-    }
-    if (searchButton) {
-      searchButton.addEventListener("click", handleClick);
-    }
-
-    return () => {
-      if (searchTextElement) {
-        searchTextElement.removeEventListener("keydown", handleKeyDown);
-      }
-      if (searchButton) {
-        searchButton.removeEventListener("click", handleClick);
-      }
-    };
-  }, []);
-
-  return (
-    <div className="wrapper">
-      <nx-collapse target="nx-tab" className="search-collapse"></nx-collapse>
-      <div className="list-wrapper">
-        <nx-tab theme="theme-3" ref={tabRef}>
-          <nx-tab-page caption="자연어 검색">
-            <nx-form className="form1">
-              <input
-                type="text"
-                id="searchText"
-                name="searchText"
-                placeholder="자연어 검색어를 입력하세요 (ex: 작성자가 홍길동인 데이타를 찾아줘)"
-              />
-            </nx-form>
-          </nx-tab-page>
-          <nx-tab-page caption="클래식 검색">
-            <nx-form className="form2">
-              <label>문서명: <input type="text" name="docNm" /></label>
-              <label>매출액:
-                <input type="number" name="minAmt" placeholder="최소" /> ~
-                <input type="number" name="maxAmt" placeholder="최대" />
-              </label>
-            </nx-form>
-            <button className="search">검색</button>
-          </nx-tab-page>
-        </nx-tab>
-
-        <div className="grid-wrapper">
-          <nine-grid
-            ref={gridRef}
-            caption="매출 문서 관리"
-            select-type="row"
-            show-title-bar="true"
-            show-menu-icon="true"
-            show-status-bar="true"
-            enable-fixed-col="true"
-            row-resizable="false"
-            col-movable="true"
-          >
-            <table>
-              <colgroup>
-                <col width="50" fixed="left" background-color="gray" />
-                <col width="100" />
-                <col width="120" />
-                <col width="100" />
-                <col width="200" />
-                <col width="100" />
-                <col width="150" />
-                <col width="150" />
-              </colgroup>
-              <thead>
-                <tr>
-                  <th>No.</th>
-                  <th>문서ID</th>
-                  <th>매출액</th>
-                  <th>최종수정자</th>
-                  <th>문서명</th>
-                  <th>최초등록자</th>
-                  <th>최초등록일</th>
-                  <th>최종수정일</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <th><ng-row-indicator /></th>
-                  <td data-bind="docId" text-align="center"></td>
-                  <td
-                    data-bind="amt"
-                    data-expr="data.amt.toLocaleString()"
-                    text-align="right"
-                    show-icon="true"
-                    icon-type="sphere"
-                    icon-color="data.amt >= 2000 ? 'red' : 'gray'"
-                  ></td>
-                  <td data-bind="updateUser" text-align="center"></td>
-                  <td data-bind="docNm" text-align="left"></td>
-                  <td data-bind="insertUser" text-align="center"></td>
-                  <td data-bind="insertDt" text-align="center"></td>
-                  <td data-bind="updateDt" text-align="center"></td>
-                </tr>
-              </tbody>
-            </table>
-          </nine-grid>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DocManager;
-		`;
 /**
 		src1 = `
 <tr>
@@ -202994,6 +202662,7 @@ export default DocManager;
 	<th>최종수정일</th>
 </tr>
 `; */
+		/**
 		this.shadowRoot.querySelector("ide-diff-popup").popup([{
 			javascript: {
 				asis: src1,
@@ -203002,6 +202671,59 @@ export default DocManager;
 		}]);
 
 		return;
+		*/
+
+
+
+
+		const apply = {
+			mybatis: this.shadowRoot.querySelector("#mybatis").checked,
+			service: this.shadowRoot.querySelector("#service").checked,
+			controller: this.shadowRoot.querySelector("#controller").checked,
+			javascript: this.shadowRoot.querySelector("#javascript").checked,
+		};
+
+		if (!apply.mybatis && !apply.service && !apply.controller && !apply.javascript) return;
+
+		const userPrompt = e.target.value.trim();
+		if (!userPrompt) return;
+
+		if (this.#ing) return;
+		this.#ing = true;
+
+		/**
+		 * 옵션저장
+		 */
+		this.#saveLocalSettings(apply);
+
+
+
+		/**
+		 * setTimeout 없으면, 맥에서 한글 잔상이 남음
+		 * setTimeout 내에서 e.target이 nx-ai-container가 된다.
+		 */
+		setTimeout(() => {
+			this.shadowRoot.querySelector("textarea").value = "";
+		});
+
+		const elAiChat = this.shadowRoot.querySelector("nx-ai-chat");
+
+
+		elAiChat.add("me", userPrompt);
+		elAiChat.add("ing", "...");
+
+
+		try {
+			const changedSource = await this.#ai.generateSourceClient(userPrompt, apply);
+			if (changedSource) {
+				this.shadowRoot.querySelector("ide-diff-popup").popup(changedSource);
+			}
+		} catch (error) {
+			console.error(error);
+			elAiChat.add("ai", String(error).replace("Error:", ""));
+		}
+
+		this.#ing = false;
 	}
 
 	#toggleCollapseHandler = () => {
@@ -203181,6 +202903,8 @@ customElements.define("ide-assi-settings", ideAssiSettings);
 
 class IdeDiffPopup extends HTMLElement
 {
+	#changedSource;
+
 	constructor() {
 	
 		super();
@@ -203194,8 +202918,13 @@ class IdeDiffPopup extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
+				
 			</style>
 			
+			<div>
+				<button onclick="this.#apply()">소스 적용</button>
+			</div>
+			
 			<nx-dialog>
 				<nx-tab theme="theme-4">
 				  <nx-tab-page caption="mybatis">
@@ -203214,9 +202943,34 @@ class IdeDiffPopup extends HTMLElement
 			</nx-dialog>
 		`;
 	}
+
+	#apply = () => {
+		let params = [];
+
+		for (const o of this.#changedSource) {
+			console.log(o);
+			const type = Object.keys(o)[0];
+
+			const diff = ninegrid.querySelector(`ide-diff.${type}`, this.shadowRoot);
+
+			console.log(diff);
+
+			params.push({
+				path: o.tobePath,
+				contents: diff.getContents(),
+			});
+		}
+
+		console.log(params);
+
+		api.post(`/api/source/generateRealFile`, { list: params });
+	}
+
 	
 	popup = (changedSource) => {
 
+		this.#changedSource = changedSource;
+
 		const tab = this.shadowRoot.querySelector('nx-tab');
 
 		setTimeout(() => {
@@ -235833,6 +235587,10 @@ class IdeDiff extends HTMLElement {
 		}
 	}
 
+	getContents = () => {
+		return (this.#tobeEditorView) ? this.#tobeEditorView.state.doc.toString() : "";
+	};
+
 	#initCodeMirror = () => {
 		this.#asisEditorEl = this.shadowRoot.querySelector('.panel.asis');
 		this.#tobeEditorEl = this.shadowRoot.querySelector('.panel.tobe');

package/dist/bundle.esm.js

@@ -202366,10 +202366,22 @@ class IdeAi
 		const returnSrc = [];
 
 		const mapping = {
-			mybatis: mybatisXmlSource,
-			service: serviceSrc,
-			controller: controllerSrc,
-			javascript: jsSrc
+			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) {
@@ -202377,7 +202389,8 @@ class IdeAi
 				returnSrc.push({
 					[key]: {
 						asis: src[key],
-						tobe: mapping[key]
+						tobe: mapping[key].src,
+						tobePath: mapping[key].path,
 					}
 				});
 			}
@@ -202620,351 +202633,6 @@ class IdeAssi extends HTMLElement
 		//this.shadowRoot.querySelector('ide-diff-popup').remove();
 
 		this.shadowRoot.appendChild(document.createElement('ide-diff-popup'));
-
-		//setTimeout(() => {
-		let src1 = `
-import React, { useRef, useEffect } from "react" adfa;
-import { api, ai } from "ide-assi";
-import ninegrid from "ninegrid2";
-
-const DocManager = () => {
-  const tabRef = useRef(null);
-  const gridRef = useRef(null);
-
-  const selectList = async (params) => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-    api.post(\`/api/tmpl-a/doc-manager/selectList\`, params).then((res) => {
-      gridRef.current.data.source = res.list;
-    });
-  };
-
-  const handleNaturalLanguageSearch = async () => {
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchText = searchTextElement ? searchTextElement.value : "";
-
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    let params = {};
-    if (searchText) {
-      params = {
-        _whereClause: await ai.generateWhereCause(
-          "tmpla/DocManagerMapper.xml",
-          "selectList",
-          searchText,
-          import.meta.env.VITE_GEMINI_API_KEY
-        ),
-      };
-    }
-    selectList(params);
-  };
-
-  const handleClassicSearch = () => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    const form2Element = ninegrid.querySelector(".form2", tabRef.current);
-    const params = form2Element ? form2Element.getData() : {};
-    selectList(params);
-  };
-
-  useEffect(() => {
-    selectList({});
-
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchButton = ninegrid.querySelector(".search", tabRef.current);
-
-    const handleKeyDown = (e) => {
-      if (e.key === "Enter" && !e.isComposing) {
-        handleNaturalLanguageSearch();
-      }
-    };
-
-    const handleClick = () => {
-      handleClassicSearch();
-    };
-
-    if (searchTextElement) {
-      searchTextElement.addEventListener("keydown", handleKeyDown);
-    }
-    if (searchButton) {
-      searchButton.addEventListener("click", handleClick);
-    }
-
-    return () => {
-      if (searchTextElement) {
-        searchTextElement.removeEventListener("keydown", handleKeyDown);
-      }
-      if (searchButton) {
-        searchButton.removeEventListener("click", handleClick);
-      }
-    };
-  }, []);
-
-  return (
-    <div className="wrapper">
-      <nx-collapse target="nx-tab" className="search-collapse"></nx-collapse>
-      <div className="list-wrapper">
-        <nx-tab theme="theme-3" ref={tabRef}>
-          <nx-tab-page caption="자연어 검색">
-            <nx-form className="form1">
-              <input
-                type="text"
-                id="searchText"
-                name="searchText"
-                placeholder="자연어 검색어를 입력하세요 (ex: 작성자가 홍길동인 데이타를 찾아줘)"
-              />
-            </nx-form>
-          </nx-tab-page>
-          <nx-tab-page caption="클래식 검색">
-            <nx-form className="form2">
-              <label>문서명: <input type="text" name="docNm" /></label>
-              <label>매출액:
-                <input type="number" name="minAmt" placeholder="최소" /> ~
-                <input type="number" name="maxAmt" placeholder="최대" />
-              </label>
-            </nx-form>
-            <button className="search">검색</button>
-          </nx-tab-page>
-        </nx-tab>
-
-        <div className="grid-wrapper">
-          <nine-grid
-            ref={gridRef}
-            caption="문서관리"
-            select-type="row"
-            show-title-bar="true"
-            show-menu-icon="true"
-            show-status-bar="true"
-            enable-fixed-col="true"
-            row-resizable="false"
-            col-movable="true"
-          >
-            <table>
-              <colgroup>
-                <col width="50" fixed="left" background-color="gray" />
-                <col width="100" />
-                <col width="100" />
-                <col width="200" />
-                <col width="120" />
-                <col width="100" />
-                <col width="150" />
-                <col width="150" />
-              </colgroup>
-              <thead>
-                <tr>
-                  <th>No.</th>
-                  <th>최종수정자</th>
-                  <th>문서ID</th>
-                  <th>문서명</th>
-                  <th>매출액</th>
-                  <th>최초등록자</th>
-                  <th>최초등록일</th>
-                  <th>최종수정일</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <th><ng-row-indicator /></th>
-                  <td data-bind="updateUser" text-align="center"></td>
-                  <td data-bind="docId" text-align="center"></td>
-                  <td data-bind="docNm" text-align="left"></td>
-                  <td
-                    data-bind="amt"
-                    data-expr="data.amt.toLocaleString()"
-                    text-align="right"
-                    show-icon="true"
-                    icon-type="sphere"
-                    icon-color="data.amt >= 2000 ? 'red' : 'gray'"
-                  ></td>
-                  <td data-bind="insertUser" text-align="center"></td>
-                  <td data-bind="insertDt" text-align="center"></td>
-                  <td data-bind="updateDt" text-align="center"></td>
-                </tr>
-              </tbody>
-            </table>
-          </nine-grid>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DocManager;
-		`;
-
-		let src2 = `
-import React, { useRef, useEffect } from "react";
-import { api, ai } from "ide-assi";
-import ninegrid from "ninegrid2";
-
-const DocManager = () => {
-  const tabRef = useRef(null);
-  const gridRef = useRef(null);
-
-  const selectList = async (params) => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-    api.post(\`/api/tmpl-a/doc-manager/selectList\`, params).then((res) => {
-      gridRef.current.data.source = res.list;
-    });
-  };
-
-  const handleNaturalLanguageSearch = async () => {
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchText = searchTextElement ? searchTextElement.value : "";
-
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    let params = {};
-    if (searchText) {
-      params = {
-        _whereClause: await ai.generateWhereCause(
-          "tmpla/DocManagerMapper.xml",
-          "selectList",
-          searchText,
-          import.meta.env.VITE_GEMINI_API_KEY
-        ),
-      };
-    }
-    selectList(params);
-  };
-
-  const handleClassicSearch = () => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    const form2Element = ninegrid.querySelector(".form2", tabRef.current);
-    const params = form2Element ? form2Element.getData() : {};
-    selectList(params);
-  };
-
-  useEffect(() => {
-    selectList({});
-
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchButton = ninegrid.querySelector(".search", tabRef.current);
-
-    const handleKeyDown = (e) => {
-      if (e.key === "Enter" && !e.isComposing) {
-        handleNaturalLanguageSearch();
-      }
-    };
-
-    const handleClick = () => {
-      handleClassicSearch();
-    };
-
-    if (searchTextElement) {
-      searchTextElement.addEventListener("keydown", handleKeyDown);
-    }
-    if (searchButton) {
-      searchButton.addEventListener("click", handleClick);
-    }
-
-    return () => {
-      if (searchTextElement) {
-        searchTextElement.removeEventListener("keydown", handleKeyDown);
-      }
-      if (searchButton) {
-        searchButton.removeEventListener("click", handleClick);
-      }
-    };
-  }, []);
-
-  return (
-    <div className="wrapper">
-      <nx-collapse target="nx-tab" className="search-collapse"></nx-collapse>
-      <div className="list-wrapper">
-        <nx-tab theme="theme-3" ref={tabRef}>
-          <nx-tab-page caption="자연어 검색">
-            <nx-form className="form1">
-              <input
-                type="text"
-                id="searchText"
-                name="searchText"
-                placeholder="자연어 검색어를 입력하세요 (ex: 작성자가 홍길동인 데이타를 찾아줘)"
-              />
-            </nx-form>
-          </nx-tab-page>
-          <nx-tab-page caption="클래식 검색">
-            <nx-form className="form2">
-              <label>문서명: <input type="text" name="docNm" /></label>
-              <label>매출액:
-                <input type="number" name="minAmt" placeholder="최소" /> ~
-                <input type="number" name="maxAmt" placeholder="최대" />
-              </label>
-            </nx-form>
-            <button className="search">검색</button>
-          </nx-tab-page>
-        </nx-tab>
-
-        <div className="grid-wrapper">
-          <nine-grid
-            ref={gridRef}
-            caption="매출 문서 관리"
-            select-type="row"
-            show-title-bar="true"
-            show-menu-icon="true"
-            show-status-bar="true"
-            enable-fixed-col="true"
-            row-resizable="false"
-            col-movable="true"
-          >
-            <table>
-              <colgroup>
-                <col width="50" fixed="left" background-color="gray" />
-                <col width="100" />
-                <col width="120" />
-                <col width="100" />
-                <col width="200" />
-                <col width="100" />
-                <col width="150" />
-                <col width="150" />
-              </colgroup>
-              <thead>
-                <tr>
-                  <th>No.</th>
-                  <th>문서ID</th>
-                  <th>매출액</th>
-                  <th>최종수정자</th>
-                  <th>문서명</th>
-                  <th>최초등록자</th>
-                  <th>최초등록일</th>
-                  <th>최종수정일</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <th><ng-row-indicator /></th>
-                  <td data-bind="docId" text-align="center"></td>
-                  <td
-                    data-bind="amt"
-                    data-expr="data.amt.toLocaleString()"
-                    text-align="right"
-                    show-icon="true"
-                    icon-type="sphere"
-                    icon-color="data.amt >= 2000 ? 'red' : 'gray'"
-                  ></td>
-                  <td data-bind="updateUser" text-align="center"></td>
-                  <td data-bind="docNm" text-align="left"></td>
-                  <td data-bind="insertUser" text-align="center"></td>
-                  <td data-bind="insertDt" text-align="center"></td>
-                  <td data-bind="updateDt" text-align="center"></td>
-                </tr>
-              </tbody>
-            </table>
-          </nine-grid>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DocManager;
-		`;
 /**
 		src1 = `
 <tr>
@@ -202990,6 +202658,7 @@ export default DocManager;
 	<th>최종수정일</th>
 </tr>
 `; */
+		/**
 		this.shadowRoot.querySelector("ide-diff-popup").popup([{
 			javascript: {
 				asis: src1,
@@ -202998,6 +202667,59 @@ export default DocManager;
 		}]);
 
 		return;
+		*/
+
+
+
+
+		const apply = {
+			mybatis: this.shadowRoot.querySelector("#mybatis").checked,
+			service: this.shadowRoot.querySelector("#service").checked,
+			controller: this.shadowRoot.querySelector("#controller").checked,
+			javascript: this.shadowRoot.querySelector("#javascript").checked,
+		};
+
+		if (!apply.mybatis && !apply.service && !apply.controller && !apply.javascript) return;
+
+		const userPrompt = e.target.value.trim();
+		if (!userPrompt) return;
+
+		if (this.#ing) return;
+		this.#ing = true;
+
+		/**
+		 * 옵션저장
+		 */
+		this.#saveLocalSettings(apply);
+
+
+
+		/**
+		 * setTimeout 없으면, 맥에서 한글 잔상이 남음
+		 * setTimeout 내에서 e.target이 nx-ai-container가 된다.
+		 */
+		setTimeout(() => {
+			this.shadowRoot.querySelector("textarea").value = "";
+		});
+
+		const elAiChat = this.shadowRoot.querySelector("nx-ai-chat");
+
+
+		elAiChat.add("me", userPrompt);
+		elAiChat.add("ing", "...");
+
+
+		try {
+			const changedSource = await this.#ai.generateSourceClient(userPrompt, apply);
+			if (changedSource) {
+				this.shadowRoot.querySelector("ide-diff-popup").popup(changedSource);
+			}
+		} catch (error) {
+			console.error(error);
+			elAiChat.add("ai", String(error).replace("Error:", ""));
+		}
+
+		this.#ing = false;
 	}
 
 	#toggleCollapseHandler = () => {
@@ -203177,6 +202899,8 @@ customElements.define("ide-assi-settings", ideAssiSettings);
 
 class IdeDiffPopup extends HTMLElement
 {
+	#changedSource;
+
 	constructor() {
 	
 		super();
@@ -203190,8 +202914,13 @@ class IdeDiffPopup extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
+				
 			</style>
 			
+			<div>
+				<button onclick="this.#apply()">소스 적용</button>
+			</div>
+			
 			<nx-dialog>
 				<nx-tab theme="theme-4">
 				  <nx-tab-page caption="mybatis">
@@ -203210,9 +202939,34 @@ class IdeDiffPopup extends HTMLElement
 			</nx-dialog>
 		`;
 	}
+
+	#apply = () => {
+		let params = [];
+
+		for (const o of this.#changedSource) {
+			console.log(o);
+			const type = Object.keys(o)[0];
+
+			const diff = ninegrid.querySelector(`ide-diff.${type}`, this.shadowRoot);
+
+			console.log(diff);
+
+			params.push({
+				path: o.tobePath,
+				contents: diff.getContents(),
+			});
+		}
+
+		console.log(params);
+
+		api.post(`/api/source/generateRealFile`, { list: params });
+	}
+
 	
 	popup = (changedSource) => {
 
+		this.#changedSource = changedSource;
+
 		const tab = this.shadowRoot.querySelector('nx-tab');
 
 		setTimeout(() => {
@@ -235829,6 +235583,10 @@ class IdeDiff extends HTMLElement {
 		}
 	}
 
+	getContents = () => {
+		return (this.#tobeEditorView) ? this.#tobeEditorView.state.doc.toString() : "";
+	};
+
 	#initCodeMirror = () => {
 		this.#asisEditorEl = this.shadowRoot.querySelector('.panel.asis');
 		this.#tobeEditorEl = this.shadowRoot.querySelector('.panel.tobe');

package/dist/components/ideAi.js

@@ -522,10 +522,22 @@ export class IdeAi
 		const returnSrc = [];
 
 		const mapping = {
-			mybatis: mybatisXmlSource,
-			service: serviceSrc,
-			controller: controllerSrc,
-			javascript: jsSrc
+			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) {
@@ -533,7 +545,8 @@ export class IdeAi
 				returnSrc.push({
 					[key]: {
 						asis: src[key],
-						tobe: mapping[key]
+						tobe: mapping[key].src,
+						tobePath: mapping[key].path,
 					}
 				});
 			}

package/dist/components/ideAssi.js

@@ -491,6 +491,7 @@ export default DocManager;
 	<th>최종수정일</th>
 </tr>
 `; */
+		/**
 		this.shadowRoot.querySelector("ide-diff-popup").popup([{
 			javascript: {
 				asis: src1,
@@ -499,7 +500,7 @@ export default DocManager;
 		}]);
 
 		return;
-
+		*/
 
 
 

package/dist/components/ideDiff.js

@@ -222,6 +222,10 @@ export class IdeDiff extends HTMLElement {
 		}
 	}
 
+	getContents = () => {
+		return (this.#tobeEditorView) ? this.#tobeEditorView.state.doc.toString() : "";
+	};
+
 	#initCodeMirror = () => {
 		this.#asisEditorEl = this.shadowRoot.querySelector('.panel.asis');
 		this.#tobeEditorEl = this.shadowRoot.querySelector('.panel.tobe');

package/dist/components/ideDiffPopup.js

@@ -1,7 +1,10 @@
 import ninegrid from "ninegrid2";
+import {api} from "./ideFetch.js";
 
 class IdeDiffPopup extends HTMLElement
 {
+	#changedSource;
+
 	constructor() {
 	
 		super();
@@ -15,8 +18,13 @@ class IdeDiffPopup extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
+				
 			</style>
 			
+			<div>
+				<button onclick="this.#apply()">소스 적용</button>
+			</div>
+			
 			<nx-dialog>
 				<nx-tab theme="theme-4">
 				  <nx-tab-page caption="mybatis">
@@ -35,9 +43,34 @@ class IdeDiffPopup extends HTMLElement
 			</nx-dialog>
 		`;
 	}
+
+	#apply = () => {
+		let params = [];
+
+		for (const o of this.#changedSource) {
+			console.log(o);
+			const type = Object.keys(o)[0];
+
+			const diff = ninegrid.querySelector(`ide-diff.${type}`, this.shadowRoot);
+
+			console.log(diff);
+
+			params.push({
+				path: o.tobePath,
+				contents: diff.getContents(),
+			})
+		}
+
+		console.log(params);
+
+		api.post(`/api/source/generateRealFile`, { list: params });
+	}
+
 	
 	popup = (changedSource) => {
 
+		this.#changedSource = changedSource;
+
 		const tab = this.shadowRoot.querySelector('nx-tab');
 
 		setTimeout(() => {

package/package.json

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

package/src/components/ideAi.js

@@ -522,10 +522,22 @@ export class IdeAi
 		const returnSrc = [];
 
 		const mapping = {
-			mybatis: mybatisXmlSource,
-			service: serviceSrc,
-			controller: controllerSrc,
-			javascript: jsSrc
+			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) {
@@ -533,7 +545,8 @@ export class IdeAi
 				returnSrc.push({
 					[key]: {
 						asis: src[key],
-						tobe: mapping[key]
+						tobe: mapping[key].src,
+						tobePath: mapping[key].path,
 					}
 				});
 			}

package/src/components/ideAssi.js

@@ -491,6 +491,7 @@ export default DocManager;
 	<th>최종수정일</th>
 </tr>
 `; */
+		/**
 		this.shadowRoot.querySelector("ide-diff-popup").popup([{
 			javascript: {
 				asis: src1,
@@ -499,7 +500,7 @@ export default DocManager;
 		}]);
 
 		return;
-
+		*/
 
 
 

package/src/components/ideDiff.js

@@ -222,6 +222,10 @@ export class IdeDiff extends HTMLElement {
 		}
 	}
 
+	getContents = () => {
+		return (this.#tobeEditorView) ? this.#tobeEditorView.state.doc.toString() : "";
+	};
+
 	#initCodeMirror = () => {
 		this.#asisEditorEl = this.shadowRoot.querySelector('.panel.asis');
 		this.#tobeEditorEl = this.shadowRoot.querySelector('.panel.tobe');

package/src/components/ideDiffPopup.js

@@ -1,7 +1,10 @@
 import ninegrid from "ninegrid2";
+import {api} from "./ideFetch.js";
 
 class IdeDiffPopup extends HTMLElement
 {
+	#changedSource;
+
 	constructor() {
 	
 		super();
@@ -15,8 +18,13 @@ class IdeDiffPopup extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
+				
 			</style>
 			
+			<div>
+				<button onclick="this.#apply()">소스 적용</button>
+			</div>
+			
 			<nx-dialog>
 				<nx-tab theme="theme-4">
 				  <nx-tab-page caption="mybatis">
@@ -35,9 +43,34 @@ class IdeDiffPopup extends HTMLElement
 			</nx-dialog>
 		`;
 	}
+
+	#apply = () => {
+		let params = [];
+
+		for (const o of this.#changedSource) {
+			console.log(o);
+			const type = Object.keys(o)[0];
+
+			const diff = ninegrid.querySelector(`ide-diff.${type}`, this.shadowRoot);
+
+			console.log(diff);
+
+			params.push({
+				path: o.tobePath,
+				contents: diff.getContents(),
+			})
+		}
+
+		console.log(params);
+
+		api.post(`/api/source/generateRealFile`, { list: params });
+	}
+
 	
 	popup = (changedSource) => {
 
+		this.#changedSource = changedSource;
+
 		const tab = this.shadowRoot.querySelector('nx-tab');
 
 		setTimeout(() => {