ide-assi 0.651.0 → 0.653.0

package/dist/bundle.cjs.js

@@ -203261,7 +203261,7 @@ console.log(el, href, title);
 		//this.#parent.addMessage("대상 메뉴와 테이블을 찾았습니다.");
 		progressMessageInstance.updateProgress('prepare2', 'completed');
 
-		console.log(where);
+		//console.log(where);
 
 		//const srcPath = this.#getSourcePath(where.menu.url);
 
@@ -203855,7 +203855,7 @@ console.log(el, href, title);
 	};
 }
 
-class IdeAssi extends HTMLElement
+let IdeAssi$1 = class IdeAssi extends HTMLElement
 {
 	#ing = false;
 	#ai;
@@ -204055,9 +204055,9 @@ class IdeAssi extends HTMLElement
 		// `.menu-setting`이 클릭되었는지 확인 후 `nx-ai-settings` 토글
 		this.settings.classList.toggle("expand", !!e.target.closest(".menu-setting"));
 	};
-}
+};
 
-customElements.define("ide-assi", IdeAssi);
+customElements.define("ide-assi", IdeAssi$1);
 
 class ideAssiSettings extends HTMLElement
 {
@@ -237553,6 +237553,61 @@ class IdeDiff extends HTMLElement {
 
 customElements.define("ide-diff", IdeDiff);
 
+class aiNatualInput extends HTMLElement
+{
+	#apiKey;
+	#xmlPath;
+	#queryId;
+	#selectFunc;
+	#target;
+
+	constructor() {
+		super();
+	}
+	
+	connectedCallback() {
+		this.#init();
+	};
+
+	set selectFunc(v) { this.#selectFunc = v; };
+
+	initialize = (o) => {
+		this.#selectFunc	= o.selectFunc;
+		this.#apiKey		= o.apiKey;
+		this.#xmlPath		= o.xmlPath;
+		this.#queryId		= o.queryId;
+	};
+
+	#keyDownHandler = async e => {
+		if (e.key === 'Enter' && !e.isComposing && this.#selectFunc) {
+
+			let params = {};
+			if (this.#target.value) {
+				params = { "_whereClause": await IdeAssi.generateWhereCause(this.#xmlPath, this.#queryId, this.#target.value, this.#apiKey) };
+			}
+
+			this.#selectFunc.call(this, params);
+		}
+	};
+
+	#init = () => {
+		//this.#apiKey = this.getAttribute("api-key");
+		//this.#menuUrl = this.getAttribute("menu-url");
+		//this.#mybatisId = this.getAttribute("mybatis-id");
+
+		const placeholder = this.getAttribute("placeholder") || "자연어 검색어를 입력하세요 (ex: 작성자가 홍길동인 데이타를 찾아줘)";
+
+		this.innerHTML = `
+			<input type="text" placeholder="${placeholder}" />
+		`;
+
+		this.#target = this.querySelector("input");
+		this.#target.addEventListener('keydown', this.#keyDownHandler);
+	}
+}
+
+customElements.define("ai-natual-input", aiNatualInput);
+
 //import "./components/ideAssi.js";
 
 
@@ -237560,12 +237615,12 @@ customElements.define("ide-diff", IdeDiff);
 // ✅ Custom Elements 등록 함수 정의
 function defineCustomElements() {
     if (!customElements.get("ide-assi")) {
-        customElements.define("ide-assi", IdeAssi);
+        customElements.define("ide-assi", IdeAssi$1);
     }
 }
 
-exports.IdeAssi = IdeAssi;
+exports.IdeAssi = IdeAssi$1;
 exports.ai = IdeAi;
 exports.api = IdeFetch;
-exports.default = IdeAssi;
+exports.default = IdeAssi$1;
 exports.defineCustomElements = defineCustomElements;

package/dist/bundle.esm.js

@@ -203257,7 +203257,7 @@ console.log(el, href, title);
 		//this.#parent.addMessage("대상 메뉴와 테이블을 찾았습니다.");
 		progressMessageInstance.updateProgress('prepare2', 'completed');
 
-		console.log(where);
+		//console.log(where);
 
 		//const srcPath = this.#getSourcePath(where.menu.url);
 
@@ -203851,7 +203851,7 @@ console.log(el, href, title);
 	};
 }
 
-class IdeAssi extends HTMLElement
+let IdeAssi$1 = class IdeAssi extends HTMLElement
 {
 	#ing = false;
 	#ai;
@@ -204051,9 +204051,9 @@ class IdeAssi extends HTMLElement
 		// `.menu-setting`이 클릭되었는지 확인 후 `nx-ai-settings` 토글
 		this.settings.classList.toggle("expand", !!e.target.closest(".menu-setting"));
 	};
-}
+};
 
-customElements.define("ide-assi", IdeAssi);
+customElements.define("ide-assi", IdeAssi$1);
 
 class ideAssiSettings extends HTMLElement
 {
@@ -237549,6 +237549,61 @@ class IdeDiff extends HTMLElement {
 
 customElements.define("ide-diff", IdeDiff);
 
+class aiNatualInput extends HTMLElement
+{
+	#apiKey;
+	#xmlPath;
+	#queryId;
+	#selectFunc;
+	#target;
+
+	constructor() {
+		super();
+	}
+	
+	connectedCallback() {
+		this.#init();
+	};
+
+	set selectFunc(v) { this.#selectFunc = v; };
+
+	initialize = (o) => {
+		this.#selectFunc	= o.selectFunc;
+		this.#apiKey		= o.apiKey;
+		this.#xmlPath		= o.xmlPath;
+		this.#queryId		= o.queryId;
+	};
+
+	#keyDownHandler = async e => {
+		if (e.key === 'Enter' && !e.isComposing && this.#selectFunc) {
+
+			let params = {};
+			if (this.#target.value) {
+				params = { "_whereClause": await IdeAssi.generateWhereCause(this.#xmlPath, this.#queryId, this.#target.value, this.#apiKey) };
+			}
+
+			this.#selectFunc.call(this, params);
+		}
+	};
+
+	#init = () => {
+		//this.#apiKey = this.getAttribute("api-key");
+		//this.#menuUrl = this.getAttribute("menu-url");
+		//this.#mybatisId = this.getAttribute("mybatis-id");
+
+		const placeholder = this.getAttribute("placeholder") || "자연어 검색어를 입력하세요 (ex: 작성자가 홍길동인 데이타를 찾아줘)";
+
+		this.innerHTML = `
+			<input type="text" placeholder="${placeholder}" />
+		`;
+
+		this.#target = this.querySelector("input");
+		this.#target.addEventListener('keydown', this.#keyDownHandler);
+	}
+}
+
+customElements.define("ai-natual-input", aiNatualInput);
+
 //import "./components/ideAssi.js";
 
 
@@ -237556,8 +237611,8 @@ customElements.define("ide-diff", IdeDiff);
 // ✅ Custom Elements 등록 함수 정의
 function defineCustomElements() {
     if (!customElements.get("ide-assi")) {
-        customElements.define("ide-assi", IdeAssi);
+        customElements.define("ide-assi", IdeAssi$1);
     }
 }
 
-export { IdeAssi, IdeAi as ai, IdeFetch as api, IdeAssi as default, defineCustomElements };
+export { IdeAssi$1 as IdeAssi, IdeAi as ai, IdeFetch as api, IdeAssi$1 as default, defineCustomElements };

package/dist/components/aiNatualInput.js

@@ -0,0 +1,56 @@
+import "./ideAi.js";
+
+class aiNatualInput extends HTMLElement
+{
+	#apiKey;
+	#xmlPath;
+	#queryId;
+	#selectFunc;
+	#target;
+
+	constructor() {
+		super();
+	}
+	
+	connectedCallback() {
+		this.#init();
+	};
+
+	set selectFunc(v) { this.#selectFunc = v; };
+
+	initialize = (o) => {
+		this.#selectFunc	= o.selectFunc;
+		this.#apiKey		= o.apiKey;
+		this.#xmlPath		= o.xmlPath;
+		this.#queryId		= o.queryId;
+	};
+
+	#keyDownHandler = async e => {
+		if (e.key === 'Enter' && !e.isComposing && this.#selectFunc) {
+
+			let params = {};
+			if (this.#target.value) {
+				params = { "_whereClause": await IdeAssi.generateWhereCause(this.#xmlPath, this.#queryId, this.#target.value, this.#apiKey) };
+			}
+
+			this.#selectFunc.call(this, params);
+		}
+	};
+
+	#init = () => {
+		//this.#apiKey = this.getAttribute("api-key");
+		//this.#menuUrl = this.getAttribute("menu-url");
+		//this.#mybatisId = this.getAttribute("mybatis-id");
+
+		const placeholder = this.getAttribute("placeholder") || "자연어 검색어를 입력하세요 (ex: 작성자가 홍길동인 데이타를 찾아줘)";
+
+		this.innerHTML = `
+			<input type="text" placeholder="${placeholder}" />
+		`;
+
+		this.#target = this.querySelector("input");
+		this.#target.addEventListener('keydown', this.#keyDownHandler);
+	}
+}
+
+customElements.define("ai-natual-input", aiNatualInput);

package/dist/components/ideAi.js

@@ -712,7 +712,7 @@ console.log(el, href, title);
 		//this.#parent.addMessage("대상 메뉴와 테이블을 찾았습니다.");
 		progressMessageInstance.updateProgress('prepare2', 'completed');
 
-		console.log(where);
+		//console.log(where);
 
 		//const srcPath = this.#getSourcePath(where.menu.url);
 

package/dist/index.js

@@ -8,6 +8,8 @@ import "./components/ideDiff.js";
 import { IdeFetch } from "./components/ideFetch.js";
 import { IdeAi } from "./components/ideAi.js";
 
+import "./components/aiNatualInput.js";
+
 export { IdeAssi, IdeFetch as api, IdeAi as ai }; // Named Export
 
 

package/package.json

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

package/src/components/aiNatualInput.js

@@ -0,0 +1,56 @@
+import "./ideAi.js";
+
+class aiNatualInput extends HTMLElement
+{
+	#apiKey;
+	#xmlPath;
+	#queryId;
+	#selectFunc;
+	#target;
+
+	constructor() {
+		super();
+	}
+	
+	connectedCallback() {
+		this.#init();
+	};
+
+	set selectFunc(v) { this.#selectFunc = v; };
+
+	initialize = (o) => {
+		this.#selectFunc	= o.selectFunc;
+		this.#apiKey		= o.apiKey;
+		this.#xmlPath		= o.xmlPath;
+		this.#queryId		= o.queryId;
+	};
+
+	#keyDownHandler = async e => {
+		if (e.key === 'Enter' && !e.isComposing && this.#selectFunc) {
+
+			let params = {};
+			if (this.#target.value) {
+				params = { "_whereClause": await IdeAssi.generateWhereCause(this.#xmlPath, this.#queryId, this.#target.value, this.#apiKey) };
+			}
+
+			this.#selectFunc.call(this, params);
+		}
+	};
+
+	#init = () => {
+		//this.#apiKey = this.getAttribute("api-key");
+		//this.#menuUrl = this.getAttribute("menu-url");
+		//this.#mybatisId = this.getAttribute("mybatis-id");
+
+		const placeholder = this.getAttribute("placeholder") || "자연어 검색어를 입력하세요 (ex: 작성자가 홍길동인 데이타를 찾아줘)";
+
+		this.innerHTML = `
+			<input type="text" placeholder="${placeholder}" />
+		`;
+
+		this.#target = this.querySelector("input");
+		this.#target.addEventListener('keydown', this.#keyDownHandler);
+	}
+}
+
+customElements.define("ai-natual-input", aiNatualInput);

package/src/index.js

@@ -8,6 +8,8 @@ import "./components/ideDiff.js";
 import { IdeFetch } from "./components/ideFetch.js";
 import { IdeAi } from "./components/ideAi.js";
 
+import "./components/aiNatualInput.js";
+
 export { IdeAssi, IdeFetch as api, IdeAi as ai }; // Named Export