ninegrid2 6.642.0 → 6.643.0

package/dist/bundle.cjs.js

@@ -193074,6 +193074,8 @@ customElements.define("nx-ai-container", aiContainer);
 
 class ideAssi extends HTMLElement
 {
+	#ing = false;
+
 	constructor() {
 		super();
 		this.attachShadow({ mode: 'open' });
@@ -193119,11 +193121,44 @@ class ideAssi extends HTMLElement
 	#init = (info) => {
 		
 		this.shadowRoot.querySelector("textarea").addEventListener("keydown", this.#keydownHandler);
+
+		this.shadowRoot.querySelector(".expand-icon").addEventListener("click", this.#toggleCollapseHandler);
+		this.shadowRoot.querySelector(".collapse-icon").addEventListener("click", this.#toggleCollapseHandler);
+
+		//this.shadowRoot.querySelectorAll(".menu-icon").forEach(el => el.addEventListener("click", this.#menuClickHandler));
 	};
 
 	#keydownHandler = async (e) => {
 		if (e.key !== "Enter") return;
+
+		e.preventDefault();
+
+		const question = e.target.value.trim();
+		if (!question) return;
+
+		if (this.#ing) return;
+		this.#ing = true;
+
+		/**
+		 * setTimeout 없으면, 맥에서 한글 잔상이 남음
+		 * setTimeout 내에서 e.target이 nx-ai-container가 된다.
+		 */
+		setTimeout(() => {
+			this.shadowRoot.querySelector("textarea").value = "";
+		});
+
+		const elAiChat = this.shadowRoot.querySelector("nx-ai-chat");
+
+		elAiChat.add("me", question);
+		elAiChat.add("ing", question);
+
+
+		this.#ing = false;
 	}
+
+	#toggleCollapseHandler = () => {
+		this.classList.toggle("collapse");
+	};
 }
 
 customElements.define("nx-ide-assi", ideAssi);

package/dist/bundle.esm.js

@@ -193070,6 +193070,8 @@ customElements.define("nx-ai-container", aiContainer);
 
 class ideAssi extends HTMLElement
 {
+	#ing = false;
+
 	constructor() {
 		super();
 		this.attachShadow({ mode: 'open' });
@@ -193115,11 +193117,44 @@ class ideAssi extends HTMLElement
 	#init = (info) => {
 		
 		this.shadowRoot.querySelector("textarea").addEventListener("keydown", this.#keydownHandler);
+
+		this.shadowRoot.querySelector(".expand-icon").addEventListener("click", this.#toggleCollapseHandler);
+		this.shadowRoot.querySelector(".collapse-icon").addEventListener("click", this.#toggleCollapseHandler);
+
+		//this.shadowRoot.querySelectorAll(".menu-icon").forEach(el => el.addEventListener("click", this.#menuClickHandler));
 	};
 
 	#keydownHandler = async (e) => {
 		if (e.key !== "Enter") return;
+
+		e.preventDefault();
+
+		const question = e.target.value.trim();
+		if (!question) return;
+
+		if (this.#ing) return;
+		this.#ing = true;
+
+		/**
+		 * setTimeout 없으면, 맥에서 한글 잔상이 남음
+		 * setTimeout 내에서 e.target이 nx-ai-container가 된다.
+		 */
+		setTimeout(() => {
+			this.shadowRoot.querySelector("textarea").value = "";
+		});
+
+		const elAiChat = this.shadowRoot.querySelector("nx-ai-chat");
+
+		elAiChat.add("me", question);
+		elAiChat.add("ing", question);
+
+
+		this.#ing = false;
 	}
+
+	#toggleCollapseHandler = () => {
+		this.classList.toggle("collapse");
+	};
 }
 
 customElements.define("nx-ide-assi", ideAssi);

package/dist/ide-assi/ideAssi.js

@@ -10,6 +10,8 @@ import { PromptTemplate} from "@langchain/core/prompts"
 
 class ideAssi extends HTMLElement
 {
+	#ing = false;
+
 	constructor() {
 		super();
 		this.attachShadow({ mode: 'open' });
@@ -55,11 +57,51 @@ class ideAssi extends HTMLElement
 	#init = (info) => {
 		
 		this.shadowRoot.querySelector("textarea").addEventListener("keydown", this.#keydownHandler);
+
+		this.shadowRoot.querySelector(".expand-icon").addEventListener("click", this.#toggleCollapseHandler);
+		this.shadowRoot.querySelector(".collapse-icon").addEventListener("click", this.#toggleCollapseHandler);
+
+		//this.shadowRoot.querySelectorAll(".menu-icon").forEach(el => el.addEventListener("click", this.#menuClickHandler));
 	};
 
 	#keydownHandler = async (e) => {
 		if (e.key !== "Enter") return;
+
+		e.preventDefault();
+
+		const question = e.target.value.trim();
+		if (!question) return;
+
+		if (this.#ing) return;
+		this.#ing = true;
+
+		/**
+		 * setTimeout 없으면, 맥에서 한글 잔상이 남음
+		 * setTimeout 내에서 e.target이 nx-ai-container가 된다.
+		 */
+		setTimeout(() => {
+			this.shadowRoot.querySelector("textarea").value = "";
+		});
+
+		const elAiChat = this.shadowRoot.querySelector("nx-ai-chat");
+
+		elAiChat.add("me", question);
+		elAiChat.add("ing", question);
+
+		try {
+			//
+		} catch (error) {
+			console.error(error);
+			//elAiChat.add("ai", error);
+		}
+
+
+		this.#ing = false;
 	}
+
+	#toggleCollapseHandler = () => {
+		this.classList.toggle("collapse");
+	};
 }
 
 customElements.define("nx-ide-assi", ideAssi);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.642.0",
+  "version": "6.643.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/ide-assi/ideAssi.js

@@ -10,6 +10,8 @@ import { PromptTemplate} from "@langchain/core/prompts"
 
 class ideAssi extends HTMLElement
 {
+	#ing = false;
+
 	constructor() {
 		super();
 		this.attachShadow({ mode: 'open' });
@@ -55,11 +57,51 @@ class ideAssi extends HTMLElement
 	#init = (info) => {
 		
 		this.shadowRoot.querySelector("textarea").addEventListener("keydown", this.#keydownHandler);
+
+		this.shadowRoot.querySelector(".expand-icon").addEventListener("click", this.#toggleCollapseHandler);
+		this.shadowRoot.querySelector(".collapse-icon").addEventListener("click", this.#toggleCollapseHandler);
+
+		//this.shadowRoot.querySelectorAll(".menu-icon").forEach(el => el.addEventListener("click", this.#menuClickHandler));
 	};
 
 	#keydownHandler = async (e) => {
 		if (e.key !== "Enter") return;
+
+		e.preventDefault();
+
+		const question = e.target.value.trim();
+		if (!question) return;
+
+		if (this.#ing) return;
+		this.#ing = true;
+
+		/**
+		 * setTimeout 없으면, 맥에서 한글 잔상이 남음
+		 * setTimeout 내에서 e.target이 nx-ai-container가 된다.
+		 */
+		setTimeout(() => {
+			this.shadowRoot.querySelector("textarea").value = "";
+		});
+
+		const elAiChat = this.shadowRoot.querySelector("nx-ai-chat");
+
+		elAiChat.add("me", question);
+		elAiChat.add("ing", question);
+
+		try {
+			//
+		} catch (error) {
+			console.error(error);
+			//elAiChat.add("ai", error);
+		}
+
+
+		this.#ing = false;
 	}
+
+	#toggleCollapseHandler = () => {
+		this.classList.toggle("collapse");
+	};
 }
 
 customElements.define("nx-ide-assi", ideAssi);