ninegrid2 6.504.0 → 6.506.0

package/dist/ai/aiContainer.js

@@ -1,9 +1,13 @@
 import ninegrid from "../index.js";
+import { ChatGoogleGenerativeAI } from "@langchain/google-genai";
+import { Ollama } from "@langchain/ollama";
+import { ChatOpenAI } from '@langchain/openai';
 
 class aiContainer extends HTMLElement
 {
 	#target;
 	#ing = false;
+	#model;
 	//#elChat;
 
 	constructor() {
@@ -57,10 +61,27 @@ class aiContainer extends HTMLElement
 		this.#target = v;
 	}
 
+	#createModel = () => {
+		const el = this.shadowRoot.querySelector("nx-ai-settings");
+		if (!el) return;
+
+		switch (el.server) {
+			case "gemini":
+				this.#model = new ChatGoogleGenerativeAI({ model: settingsRef.current.model, apiKey: googleApiKey, temperature: 0,});
+				break;
+			case "openai":
+				this.#model = new ChatOpenAI({ model: settingsRef.current.model, apiKey });
+				break;
+			case "ollama":
+				this.#model = new Ollama({ model: settingsRef.current.model });
+				break;
+		}
+	};
+
 	#getColumnInfo = () => {
 		let colInfo = "";
 
-		console.log(this.#target, this.#target.tagName);
+		//console.log(this.#target, this.#target.tagName);
 
 		if (this.#target.tagName === "NINE-GRID") {
 			this.#target.columns.info().forEach(info => {
@@ -73,6 +94,7 @@ class aiContainer extends HTMLElement
 
 	#generateQdrantFilter = async (userInput) => {
 
+		const systemMessage = "You are a helpful assistant.";
 		// Qdrant 필터로 변환하기 위한 프롬프트 엔지니어링
 		// 중요: 실제 컬렉션의 payload 필드와 그 데이터 타입을 정확히 알려줘야 Gemini가 올바른 필터를 생성합니다.
 		const prompt = `
@@ -105,8 +127,8 @@ class aiContainer extends HTMLElement
 		`;
 
 		//try {
-			const response = await chatModel.invoke([
-				new SystemMessage("You are a helpful assistant."),
+			const response = await this.#model.invoke([
+				new SystemMessage(systemMessage),
 				new HumanMessage(prompt),
 			]);
 
@@ -190,6 +212,8 @@ this.#generateQdrantFilter();
 		this.shadowRoot.querySelector("nx-ai-chat").add("ing", question);
 
 		try {
+			this.#createModel();
+
 			if (this.shadowRoot.querySelector(".menu-filter").classList.contains("active")) {
 				this.#q1();
 			}
@@ -200,7 +224,6 @@ this.#generateQdrantFilter();
 				this.#q3();
 			}
 		} catch (error) {
-
 			console.error("Error generating Qdrant filter with Gemini:", error);
 			return null;
 		}

package/dist/bundle.cjs.js

@@ -1,6 +1,9 @@
 'use strict';
 
 var ExcelJS$1 = require('exceljs');
+var googleGenai = require('@langchain/google-genai');
+var ollama = require('@langchain/ollama');
+var openai = require('@langchain/openai');
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -27858,6 +27861,7 @@ class aiContainer extends HTMLElement
 {
 	#target;
 	#ing = false;
+	#model;
 	//#elChat;
 
 	constructor() {
@@ -27911,10 +27915,27 @@ class aiContainer extends HTMLElement
 		this.#target = v;
 	}
 
+	#createModel = () => {
+		const el = this.shadowRoot.querySelector("nx-ai-settings");
+		if (!el) return;
+
+		switch (el.server) {
+			case "gemini":
+				this.#model = new googleGenai.ChatGoogleGenerativeAI({ model: settingsRef.current.model, apiKey: googleApiKey, temperature: 0,});
+				break;
+			case "openai":
+				this.#model = new openai.ChatOpenAI({ model: settingsRef.current.model, apiKey });
+				break;
+			case "ollama":
+				this.#model = new ollama.Ollama({ model: settingsRef.current.model });
+				break;
+		}
+	};
+
 	#getColumnInfo = () => {
 		let colInfo = "";
 
-		console.log(this.#target, this.#target.tagName);
+		//console.log(this.#target, this.#target.tagName);
 
 		if (this.#target.tagName === "NINE-GRID") {
 			this.#target.columns.info().forEach(info => {
@@ -27927,6 +27948,7 @@ class aiContainer extends HTMLElement
 
 	#generateQdrantFilter = async (userInput) => {
 
+		const systemMessage = "You are a helpful assistant.";
 		// Qdrant 필터로 변환하기 위한 프롬프트 엔지니어링
 		// 중요: 실제 컬렉션의 payload 필드와 그 데이터 타입을 정확히 알려줘야 Gemini가 올바른 필터를 생성합니다.
 		const prompt = `
@@ -27959,8 +27981,8 @@ class aiContainer extends HTMLElement
 		`;
 
 		//try {
-			const response = await chatModel.invoke([
-				new SystemMessage("You are a helpful assistant."),
+			const response = await this.#model.invoke([
+				new SystemMessage(systemMessage),
 				new HumanMessage(prompt),
 			]);
 
@@ -28043,6 +28065,8 @@ this.#generateQdrantFilter();
 		this.shadowRoot.querySelector("nx-ai-chat").add("ing", question);
 
 		try {
+			this.#createModel();
+
 			if (this.shadowRoot.querySelector(".menu-filter").classList.contains("active")) {
 				this.#q1();
 			}
@@ -28053,7 +28077,6 @@ this.#generateQdrantFilter();
 				this.#q3();
 			}
 		} catch (error) {
-
 			console.error("Error generating Qdrant filter with Gemini:", error);
 			return null;
 		}

package/dist/bundle.esm.js

@@ -1,4 +1,7 @@
 import ExcelJS$1 from 'exceljs';
+import { ChatGoogleGenerativeAI } from '@langchain/google-genai';
+import { Ollama } from '@langchain/ollama';
+import { ChatOpenAI } from '@langchain/openai';
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -27856,6 +27859,7 @@ class aiContainer extends HTMLElement
 {
 	#target;
 	#ing = false;
+	#model;
 	//#elChat;
 
 	constructor() {
@@ -27909,10 +27913,27 @@ class aiContainer extends HTMLElement
 		this.#target = v;
 	}
 
+	#createModel = () => {
+		const el = this.shadowRoot.querySelector("nx-ai-settings");
+		if (!el) return;
+
+		switch (el.server) {
+			case "gemini":
+				this.#model = new ChatGoogleGenerativeAI({ model: settingsRef.current.model, apiKey: googleApiKey, temperature: 0,});
+				break;
+			case "openai":
+				this.#model = new ChatOpenAI({ model: settingsRef.current.model, apiKey });
+				break;
+			case "ollama":
+				this.#model = new Ollama({ model: settingsRef.current.model });
+				break;
+		}
+	};
+
 	#getColumnInfo = () => {
 		let colInfo = "";
 
-		console.log(this.#target, this.#target.tagName);
+		//console.log(this.#target, this.#target.tagName);
 
 		if (this.#target.tagName === "NINE-GRID") {
 			this.#target.columns.info().forEach(info => {
@@ -27925,6 +27946,7 @@ class aiContainer extends HTMLElement
 
 	#generateQdrantFilter = async (userInput) => {
 
+		const systemMessage = "You are a helpful assistant.";
 		// Qdrant 필터로 변환하기 위한 프롬프트 엔지니어링
 		// 중요: 실제 컬렉션의 payload 필드와 그 데이터 타입을 정확히 알려줘야 Gemini가 올바른 필터를 생성합니다.
 		const prompt = `
@@ -27957,8 +27979,8 @@ class aiContainer extends HTMLElement
 		`;
 
 		//try {
-			const response = await chatModel.invoke([
-				new SystemMessage("You are a helpful assistant."),
+			const response = await this.#model.invoke([
+				new SystemMessage(systemMessage),
 				new HumanMessage(prompt),
 			]);
 
@@ -28041,6 +28063,8 @@ this.#generateQdrantFilter();
 		this.shadowRoot.querySelector("nx-ai-chat").add("ing", question);
 
 		try {
+			this.#createModel();
+
 			if (this.shadowRoot.querySelector(".menu-filter").classList.contains("active")) {
 				this.#q1();
 			}
@@ -28051,7 +28075,6 @@ this.#generateQdrantFilter();
 				this.#q3();
 			}
 		} catch (error) {
-
 			console.error("Error generating Qdrant filter with Gemini:", error);
 			return null;
 		}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.504.0",
+  "version": "6.506.0",
   "main": "dist/index.js",
   "exports": {
     "import": "./dist/index.js",

package/src/ai/aiContainer.js

@@ -1,9 +1,13 @@
 import ninegrid from "../index.js";
+import { ChatGoogleGenerativeAI } from "@langchain/google-genai";
+import { Ollama } from "@langchain/ollama";
+import { ChatOpenAI } from '@langchain/openai';
 
 class aiContainer extends HTMLElement
 {
 	#target;
 	#ing = false;
+	#model;
 	//#elChat;
 
 	constructor() {
@@ -57,10 +61,27 @@ class aiContainer extends HTMLElement
 		this.#target = v;
 	}
 
+	#createModel = () => {
+		const el = this.shadowRoot.querySelector("nx-ai-settings");
+		if (!el) return;
+
+		switch (el.server) {
+			case "gemini":
+				this.#model = new ChatGoogleGenerativeAI({ model: settingsRef.current.model, apiKey: googleApiKey, temperature: 0,});
+				break;
+			case "openai":
+				this.#model = new ChatOpenAI({ model: settingsRef.current.model, apiKey });
+				break;
+			case "ollama":
+				this.#model = new Ollama({ model: settingsRef.current.model });
+				break;
+		}
+	};
+
 	#getColumnInfo = () => {
 		let colInfo = "";
 
-		console.log(this.#target, this.#target.tagName);
+		//console.log(this.#target, this.#target.tagName);
 
 		if (this.#target.tagName === "NINE-GRID") {
 			this.#target.columns.info().forEach(info => {
@@ -73,6 +94,7 @@ class aiContainer extends HTMLElement
 
 	#generateQdrantFilter = async (userInput) => {
 
+		const systemMessage = "You are a helpful assistant.";
 		// Qdrant 필터로 변환하기 위한 프롬프트 엔지니어링
 		// 중요: 실제 컬렉션의 payload 필드와 그 데이터 타입을 정확히 알려줘야 Gemini가 올바른 필터를 생성합니다.
 		const prompt = `
@@ -105,8 +127,8 @@ class aiContainer extends HTMLElement
 		`;
 
 		//try {
-			const response = await chatModel.invoke([
-				new SystemMessage("You are a helpful assistant."),
+			const response = await this.#model.invoke([
+				new SystemMessage(systemMessage),
 				new HumanMessage(prompt),
 			]);
 
@@ -190,6 +212,8 @@ this.#generateQdrantFilter();
 		this.shadowRoot.querySelector("nx-ai-chat").add("ing", question);
 
 		try {
+			this.#createModel();
+
 			if (this.shadowRoot.querySelector(".menu-filter").classList.contains("active")) {
 				this.#q1();
 			}
@@ -200,7 +224,6 @@ this.#generateQdrantFilter();
 				this.#q3();
 			}
 		} catch (error) {
-
 			console.error("Error generating Qdrant filter with Gemini:", error);
 			return null;
 		}