ninegrid2 6.530.0 → 6.531.0

package/dist/ai/aiContainer.js

@@ -48,9 +48,8 @@ class aiContainer extends HTMLElement
 				</div>
 				<div class="menu">
 					<div class="collapse-icon"></div>
-					<div class="menu-icon menu-filter"></div>
-					<div class="menu-icon menu-general active"></div>
-					<div class="menu-icon menu-db"></div>
+					<div class="menu-icon menu-filter" active></div>
+					<div class="menu-icon menu-general"></div>
 					<div class="menu-icon menu-setting"></div>
 				</div>
 			</div>
@@ -116,6 +115,12 @@ class aiContainer extends HTMLElement
 		}
 	};
 
+	#getData = () => {
+		if (this.#target.tagName === "NINE-GRID") {
+			return this.#target.data.get();
+		}
+	};
+
 	
 	#generateQdrantFilter = async () => {
 
@@ -230,11 +235,123 @@ class aiContainer extends HTMLElement
 		//	console.error("Error during Qdrant search:", error);
 			return [];
 		//}
+	};
+
+	/**
+	 * Qdrant 필터링 조건에 따라 JSON 배열을 필터링하는 함수입니다.
+	 *
+	 * @param {Array<Object>} jsonArray 필터링할 JSON 객체 배열입니다.
+	 * @param {Object} filter 필터링 조건 객체입니다. Qdrant 필터와 유사한 구조를 가집니다.
+	 * 예시:
+	 * {
+	 * must: [ // 모든 조건이 참이어야 함
+	 * { key: "field1", match: { value: "some_value" } },
+	 * { key: "field2", range: { gte: 10, lt: 20 } }
+	 * ],
+	 * should: [ // 하나 이상의 조건이 참이어야 함
+	 * { key: "field3", match: { value: "another_value" } },
+	 * { key: "field4", match: { any: ["valueA", "valueB"] } }
+	 * ],
+	 * must_not: [ // 어떤 조건도 참이 아니어야 함
+	 * { key: "field5", match: { value: "excluded_value" } }
+	 * ]
+	 * }
+	 * @returns {Array<Object>} 필터링된 JSON 객체 배열입니다.
+	 */
+	#filterJsonArray = (jsonArray, filter) => {
+		if (!jsonArray || !Array.isArray(jsonArray)) {
+			console.error("첫 번째 인수는 JSON 배열이어야 합니다.");
+			return [];
+		}
+		if (!filter || typeof filter !== 'object') {
+			// 필터 조건이 없거나 유효하지 않으면 원본 배열 반환
+			return jsonArray;
+		}
+
+		return jsonArray.filter(item => {
+			// 'must' 조건 처리: 모든 'must' 조건이 참이어야 합니다.
+			if (filter.must && !filter.must.every(condition => this.#evaluateCondition(item, condition))) {
+				return false;
+			}
+
+			// 'should' 조건 처리: 하나 이상의 'should' 조건이 참이어야 합니다.
+			// 'should' 조건이 없으면 이 부분은 건너뜁니다.
+			if (filter.should && filter.should.length > 0 && !filter.should.some(condition => this.#evaluateCondition(item, condition))) {
+				return false;
+			} else if (filter.should && filter.should.length === 0 && (filter.must || filter.must_not)) {
+				// 'should'가 비어있고 'must'나 'must_not'가 있으면 'should'는 필터링에 영향 없음.
+				// 하지만 'should'만 있고 비어있다면, 사실상 필터링이 안 되는 것과 같으므로 true 반환.
+				// 이 로직은 Qdrant의 'should'가 비어있을 때의 동작과 일치하도록 조정될 수 있습니다.
+				// 현재는 'should'가 비어있으면 필터링에 영향이 없도록 합니다.
+			}
+
+
+			// 'must_not' 조건 처리: 어떤 'must_not' 조건도 참이 아니어야 합니다.
+			if (filter.must_not && filter.must_not.some(condition => this.#evaluateCondition(item, condition))) {
+				return false;
+			}
+
+			return true;
+		});
 	}
 
+	/**
+	 * 단일 필터링 조건을 평가하는 헬퍼 함수입니다.
+	 * @param {Object} item 현재 평가 중인 JSON 객체입니다.
+	 * @param {Object} condition 평가할 단일 조건입니다. (예: { key: "field1", match: { value: "some_value" } })
+	 * @returns {boolean} 조건이 참이면 true, 그렇지 않으면 false.
+	 */
+	#evaluateCondition = (item, condition) => {
+		const valueInItem = item[condition.key];
+
+		if (condition.match) {
+			const match = condition.match;
+			if (match.value !== undefined) {
+				return valueInItem === match.value;
+			}
+			if (match.any && Array.isArray(match.any)) {
+				return match.any.includes(valueInItem);
+			}
+			if (match.all && Array.isArray(match.all)) {
+				// item[condition.key]가 배열이라고 가정
+				if (!Array.isArray(valueInItem)) return false;
+				return match.all.every(val => valueInItem.includes(val));
+			}
+			if (match.text !== undefined) {
+				// 텍스트 매치는 부분 문자열 일치 또는 정규식 등으로 확장 가능
+				// 여기서는 단순 포함 여부로 구현
+				return typeof valueInItem === 'string' && valueInItem.includes(match.text);
+			}
+		}
+
+		if (condition.range) {
+			const range = condition.range;
+			if (typeof valueInItem !== 'number') return false; // 숫자가 아니면 범위 비교 불가
+
+			if (range.gte !== undefined && !(valueInItem >= range.gte)) return false;
+			if (range.gt !== undefined && !(valueInItem > range.gt)) return false;
+			if (range.lte !== undefined && !(valueInItem <= range.lte)) return false;
+			if (range.lt !== undefined && !(valueInItem < range.lt)) return false;
+			return true;
+		}
+
+		// 다른 필터 타입 (예: `geo_bounding_box`, `has_id` 등)은 필요에 따라 추가 구현
+		// 현재는 `match`와 `range`만 지원합니다.
+
+		return false; // 지원하지 않는 조건 타입
+	}
+
+	#filter = async (filter) => {
+		console.log("===============================");
+		console.log(filter);
+
+		const result1 = this.#filterJsonArray(this.#getData(), filter);
+		console.log(result1);
+	};
+
 	#q1 = async () => {
-		//const filter = await this.#generateQdrantFilter();
-		//return await this.#searchWithQdrantFilter(filter);
+		const filter = await this.#generateQdrantFilter();
+		return await this.#filter(filter);
 	};
 
 	#q2 = async () => {

package/dist/bundle.cjs.js

@@ -54142,9 +54142,8 @@ class aiContainer extends HTMLElement
 				</div>
 				<div class="menu">
 					<div class="collapse-icon"></div>
-					<div class="menu-icon menu-filter"></div>
-					<div class="menu-icon menu-general active"></div>
-					<div class="menu-icon menu-db"></div>
+					<div class="menu-icon menu-filter" active></div>
+					<div class="menu-icon menu-general"></div>
 					<div class="menu-icon menu-setting"></div>
 				</div>
 			</div>
@@ -54210,6 +54209,12 @@ class aiContainer extends HTMLElement
 		}
 	};
 
+	#getData = () => {
+		if (this.#target.tagName === "NINE-GRID") {
+			return this.#target.data.get();
+		}
+	};
+
 	
 	#generateQdrantFilter = async () => {
 
@@ -54320,11 +54325,118 @@ class aiContainer extends HTMLElement
 
 			return await this.#qdrantClient.search(collectionName, searchParams);
 		//}
+	};
+
+	/**
+	 * Qdrant 필터링 조건에 따라 JSON 배열을 필터링하는 함수입니다.
+	 *
+	 * @param {Array<Object>} jsonArray 필터링할 JSON 객체 배열입니다.
+	 * @param {Object} filter 필터링 조건 객체입니다. Qdrant 필터와 유사한 구조를 가집니다.
+	 * 예시:
+	 * {
+	 * must: [ // 모든 조건이 참이어야 함
+	 * { key: "field1", match: { value: "some_value" } },
+	 * { key: "field2", range: { gte: 10, lt: 20 } }
+	 * ],
+	 * should: [ // 하나 이상의 조건이 참이어야 함
+	 * { key: "field3", match: { value: "another_value" } },
+	 * { key: "field4", match: { any: ["valueA", "valueB"] } }
+	 * ],
+	 * must_not: [ // 어떤 조건도 참이 아니어야 함
+	 * { key: "field5", match: { value: "excluded_value" } }
+	 * ]
+	 * }
+	 * @returns {Array<Object>} 필터링된 JSON 객체 배열입니다.
+	 */
+	#filterJsonArray = (jsonArray, filter) => {
+		if (!jsonArray || !Array.isArray(jsonArray)) {
+			console.error("첫 번째 인수는 JSON 배열이어야 합니다.");
+			return [];
+		}
+		if (!filter || typeof filter !== 'object') {
+			// 필터 조건이 없거나 유효하지 않으면 원본 배열 반환
+			return jsonArray;
+		}
+
+		return jsonArray.filter(item => {
+			// 'must' 조건 처리: 모든 'must' 조건이 참이어야 합니다.
+			if (filter.must && !filter.must.every(condition => this.#evaluateCondition(item, condition))) {
+				return false;
+			}
+
+			// 'should' 조건 처리: 하나 이상의 'should' 조건이 참이어야 합니다.
+			// 'should' 조건이 없으면 이 부분은 건너뜁니다.
+			if (filter.should && filter.should.length > 0 && !filter.should.some(condition => this.#evaluateCondition(item, condition))) {
+				return false;
+			} else if (filter.should && filter.should.length === 0 && (filter.must || filter.must_not)) ;
+
+
+			// 'must_not' 조건 처리: 어떤 'must_not' 조건도 참이 아니어야 합니다.
+			if (filter.must_not && filter.must_not.some(condition => this.#evaluateCondition(item, condition))) {
+				return false;
+			}
+
+			return true;
+		});
+	}
+
+	/**
+	 * 단일 필터링 조건을 평가하는 헬퍼 함수입니다.
+	 * @param {Object} item 현재 평가 중인 JSON 객체입니다.
+	 * @param {Object} condition 평가할 단일 조건입니다. (예: { key: "field1", match: { value: "some_value" } })
+	 * @returns {boolean} 조건이 참이면 true, 그렇지 않으면 false.
+	 */
+	#evaluateCondition = (item, condition) => {
+		const valueInItem = item[condition.key];
+
+		if (condition.match) {
+			const match = condition.match;
+			if (match.value !== undefined) {
+				return valueInItem === match.value;
+			}
+			if (match.any && Array.isArray(match.any)) {
+				return match.any.includes(valueInItem);
+			}
+			if (match.all && Array.isArray(match.all)) {
+				// item[condition.key]가 배열이라고 가정
+				if (!Array.isArray(valueInItem)) return false;
+				return match.all.every(val => valueInItem.includes(val));
+			}
+			if (match.text !== undefined) {
+				// 텍스트 매치는 부분 문자열 일치 또는 정규식 등으로 확장 가능
+				// 여기서는 단순 포함 여부로 구현
+				return typeof valueInItem === 'string' && valueInItem.includes(match.text);
+			}
+		}
+
+		if (condition.range) {
+			const range = condition.range;
+			if (typeof valueInItem !== 'number') return false; // 숫자가 아니면 범위 비교 불가
+
+			if (range.gte !== undefined && !(valueInItem >= range.gte)) return false;
+			if (range.gt !== undefined && !(valueInItem > range.gt)) return false;
+			if (range.lte !== undefined && !(valueInItem <= range.lte)) return false;
+			if (range.lt !== undefined && !(valueInItem < range.lt)) return false;
+			return true;
+		}
+
+		// 다른 필터 타입 (예: `geo_bounding_box`, `has_id` 등)은 필요에 따라 추가 구현
+		// 현재는 `match`와 `range`만 지원합니다.
+
+		return false; // 지원하지 않는 조건 타입
 	}
 
+	#filter = async (filter) => {
+		console.log("===============================");
+		console.log(filter);
+
+		const result1 = this.#filterJsonArray(this.#getData(), filter);
+		console.log(result1);
+	};
+
 	#q1 = async () => {
-		//const filter = await this.#generateQdrantFilter();
-		//return await this.#searchWithQdrantFilter(filter);
+		const filter = await this.#generateQdrantFilter();
+		return await this.#filter(filter);
 	};
 
 	#q2 = async () => {

package/dist/bundle.esm.js

@@ -54140,9 +54140,8 @@ class aiContainer extends HTMLElement
 				</div>
 				<div class="menu">
 					<div class="collapse-icon"></div>
-					<div class="menu-icon menu-filter"></div>
-					<div class="menu-icon menu-general active"></div>
-					<div class="menu-icon menu-db"></div>
+					<div class="menu-icon menu-filter" active></div>
+					<div class="menu-icon menu-general"></div>
 					<div class="menu-icon menu-setting"></div>
 				</div>
 			</div>
@@ -54208,6 +54207,12 @@ class aiContainer extends HTMLElement
 		}
 	};
 
+	#getData = () => {
+		if (this.#target.tagName === "NINE-GRID") {
+			return this.#target.data.get();
+		}
+	};
+
 	
 	#generateQdrantFilter = async () => {
 
@@ -54318,11 +54323,118 @@ class aiContainer extends HTMLElement
 
 			return await this.#qdrantClient.search(collectionName, searchParams);
 		//}
+	};
+
+	/**
+	 * Qdrant 필터링 조건에 따라 JSON 배열을 필터링하는 함수입니다.
+	 *
+	 * @param {Array<Object>} jsonArray 필터링할 JSON 객체 배열입니다.
+	 * @param {Object} filter 필터링 조건 객체입니다. Qdrant 필터와 유사한 구조를 가집니다.
+	 * 예시:
+	 * {
+	 * must: [ // 모든 조건이 참이어야 함
+	 * { key: "field1", match: { value: "some_value" } },
+	 * { key: "field2", range: { gte: 10, lt: 20 } }
+	 * ],
+	 * should: [ // 하나 이상의 조건이 참이어야 함
+	 * { key: "field3", match: { value: "another_value" } },
+	 * { key: "field4", match: { any: ["valueA", "valueB"] } }
+	 * ],
+	 * must_not: [ // 어떤 조건도 참이 아니어야 함
+	 * { key: "field5", match: { value: "excluded_value" } }
+	 * ]
+	 * }
+	 * @returns {Array<Object>} 필터링된 JSON 객체 배열입니다.
+	 */
+	#filterJsonArray = (jsonArray, filter) => {
+		if (!jsonArray || !Array.isArray(jsonArray)) {
+			console.error("첫 번째 인수는 JSON 배열이어야 합니다.");
+			return [];
+		}
+		if (!filter || typeof filter !== 'object') {
+			// 필터 조건이 없거나 유효하지 않으면 원본 배열 반환
+			return jsonArray;
+		}
+
+		return jsonArray.filter(item => {
+			// 'must' 조건 처리: 모든 'must' 조건이 참이어야 합니다.
+			if (filter.must && !filter.must.every(condition => this.#evaluateCondition(item, condition))) {
+				return false;
+			}
+
+			// 'should' 조건 처리: 하나 이상의 'should' 조건이 참이어야 합니다.
+			// 'should' 조건이 없으면 이 부분은 건너뜁니다.
+			if (filter.should && filter.should.length > 0 && !filter.should.some(condition => this.#evaluateCondition(item, condition))) {
+				return false;
+			} else if (filter.should && filter.should.length === 0 && (filter.must || filter.must_not)) ;
+
+
+			// 'must_not' 조건 처리: 어떤 'must_not' 조건도 참이 아니어야 합니다.
+			if (filter.must_not && filter.must_not.some(condition => this.#evaluateCondition(item, condition))) {
+				return false;
+			}
+
+			return true;
+		});
+	}
+
+	/**
+	 * 단일 필터링 조건을 평가하는 헬퍼 함수입니다.
+	 * @param {Object} item 현재 평가 중인 JSON 객체입니다.
+	 * @param {Object} condition 평가할 단일 조건입니다. (예: { key: "field1", match: { value: "some_value" } })
+	 * @returns {boolean} 조건이 참이면 true, 그렇지 않으면 false.
+	 */
+	#evaluateCondition = (item, condition) => {
+		const valueInItem = item[condition.key];
+
+		if (condition.match) {
+			const match = condition.match;
+			if (match.value !== undefined) {
+				return valueInItem === match.value;
+			}
+			if (match.any && Array.isArray(match.any)) {
+				return match.any.includes(valueInItem);
+			}
+			if (match.all && Array.isArray(match.all)) {
+				// item[condition.key]가 배열이라고 가정
+				if (!Array.isArray(valueInItem)) return false;
+				return match.all.every(val => valueInItem.includes(val));
+			}
+			if (match.text !== undefined) {
+				// 텍스트 매치는 부분 문자열 일치 또는 정규식 등으로 확장 가능
+				// 여기서는 단순 포함 여부로 구현
+				return typeof valueInItem === 'string' && valueInItem.includes(match.text);
+			}
+		}
+
+		if (condition.range) {
+			const range = condition.range;
+			if (typeof valueInItem !== 'number') return false; // 숫자가 아니면 범위 비교 불가
+
+			if (range.gte !== undefined && !(valueInItem >= range.gte)) return false;
+			if (range.gt !== undefined && !(valueInItem > range.gt)) return false;
+			if (range.lte !== undefined && !(valueInItem <= range.lte)) return false;
+			if (range.lt !== undefined && !(valueInItem < range.lt)) return false;
+			return true;
+		}
+
+		// 다른 필터 타입 (예: `geo_bounding_box`, `has_id` 등)은 필요에 따라 추가 구현
+		// 현재는 `match`와 `range`만 지원합니다.
+
+		return false; // 지원하지 않는 조건 타입
 	}
 
+	#filter = async (filter) => {
+		console.log("===============================");
+		console.log(filter);
+
+		const result1 = this.#filterJsonArray(this.#getData(), filter);
+		console.log(result1);
+	};
+
 	#q1 = async () => {
-		//const filter = await this.#generateQdrantFilter();
-		//return await this.#searchWithQdrantFilter(filter);
+		const filter = await this.#generateQdrantFilter();
+		return await this.#filter(filter);
 	};
 
 	#q2 = async () => {

package/package.json

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

package/src/ai/aiContainer.js

@@ -48,9 +48,8 @@ class aiContainer extends HTMLElement
 				</div>
 				<div class="menu">
 					<div class="collapse-icon"></div>
-					<div class="menu-icon menu-filter"></div>
-					<div class="menu-icon menu-general active"></div>
-					<div class="menu-icon menu-db"></div>
+					<div class="menu-icon menu-filter" active></div>
+					<div class="menu-icon menu-general"></div>
 					<div class="menu-icon menu-setting"></div>
 				</div>
 			</div>
@@ -116,6 +115,12 @@ class aiContainer extends HTMLElement
 		}
 	};
 
+	#getData = () => {
+		if (this.#target.tagName === "NINE-GRID") {
+			return this.#target.data.get();
+		}
+	};
+
 	
 	#generateQdrantFilter = async () => {
 
@@ -230,11 +235,123 @@ class aiContainer extends HTMLElement
 		//	console.error("Error during Qdrant search:", error);
 			return [];
 		//}
+	};
+
+	/**
+	 * Qdrant 필터링 조건에 따라 JSON 배열을 필터링하는 함수입니다.
+	 *
+	 * @param {Array<Object>} jsonArray 필터링할 JSON 객체 배열입니다.
+	 * @param {Object} filter 필터링 조건 객체입니다. Qdrant 필터와 유사한 구조를 가집니다.
+	 * 예시:
+	 * {
+	 * must: [ // 모든 조건이 참이어야 함
+	 * { key: "field1", match: { value: "some_value" } },
+	 * { key: "field2", range: { gte: 10, lt: 20 } }
+	 * ],
+	 * should: [ // 하나 이상의 조건이 참이어야 함
+	 * { key: "field3", match: { value: "another_value" } },
+	 * { key: "field4", match: { any: ["valueA", "valueB"] } }
+	 * ],
+	 * must_not: [ // 어떤 조건도 참이 아니어야 함
+	 * { key: "field5", match: { value: "excluded_value" } }
+	 * ]
+	 * }
+	 * @returns {Array<Object>} 필터링된 JSON 객체 배열입니다.
+	 */
+	#filterJsonArray = (jsonArray, filter) => {
+		if (!jsonArray || !Array.isArray(jsonArray)) {
+			console.error("첫 번째 인수는 JSON 배열이어야 합니다.");
+			return [];
+		}
+		if (!filter || typeof filter !== 'object') {
+			// 필터 조건이 없거나 유효하지 않으면 원본 배열 반환
+			return jsonArray;
+		}
+
+		return jsonArray.filter(item => {
+			// 'must' 조건 처리: 모든 'must' 조건이 참이어야 합니다.
+			if (filter.must && !filter.must.every(condition => this.#evaluateCondition(item, condition))) {
+				return false;
+			}
+
+			// 'should' 조건 처리: 하나 이상의 'should' 조건이 참이어야 합니다.
+			// 'should' 조건이 없으면 이 부분은 건너뜁니다.
+			if (filter.should && filter.should.length > 0 && !filter.should.some(condition => this.#evaluateCondition(item, condition))) {
+				return false;
+			} else if (filter.should && filter.should.length === 0 && (filter.must || filter.must_not)) {
+				// 'should'가 비어있고 'must'나 'must_not'가 있으면 'should'는 필터링에 영향 없음.
+				// 하지만 'should'만 있고 비어있다면, 사실상 필터링이 안 되는 것과 같으므로 true 반환.
+				// 이 로직은 Qdrant의 'should'가 비어있을 때의 동작과 일치하도록 조정될 수 있습니다.
+				// 현재는 'should'가 비어있으면 필터링에 영향이 없도록 합니다.
+			}
+
+
+			// 'must_not' 조건 처리: 어떤 'must_not' 조건도 참이 아니어야 합니다.
+			if (filter.must_not && filter.must_not.some(condition => this.#evaluateCondition(item, condition))) {
+				return false;
+			}
+
+			return true;
+		});
 	}
 
+	/**
+	 * 단일 필터링 조건을 평가하는 헬퍼 함수입니다.
+	 * @param {Object} item 현재 평가 중인 JSON 객체입니다.
+	 * @param {Object} condition 평가할 단일 조건입니다. (예: { key: "field1", match: { value: "some_value" } })
+	 * @returns {boolean} 조건이 참이면 true, 그렇지 않으면 false.
+	 */
+	#evaluateCondition = (item, condition) => {
+		const valueInItem = item[condition.key];
+
+		if (condition.match) {
+			const match = condition.match;
+			if (match.value !== undefined) {
+				return valueInItem === match.value;
+			}
+			if (match.any && Array.isArray(match.any)) {
+				return match.any.includes(valueInItem);
+			}
+			if (match.all && Array.isArray(match.all)) {
+				// item[condition.key]가 배열이라고 가정
+				if (!Array.isArray(valueInItem)) return false;
+				return match.all.every(val => valueInItem.includes(val));
+			}
+			if (match.text !== undefined) {
+				// 텍스트 매치는 부분 문자열 일치 또는 정규식 등으로 확장 가능
+				// 여기서는 단순 포함 여부로 구현
+				return typeof valueInItem === 'string' && valueInItem.includes(match.text);
+			}
+		}
+
+		if (condition.range) {
+			const range = condition.range;
+			if (typeof valueInItem !== 'number') return false; // 숫자가 아니면 범위 비교 불가
+
+			if (range.gte !== undefined && !(valueInItem >= range.gte)) return false;
+			if (range.gt !== undefined && !(valueInItem > range.gt)) return false;
+			if (range.lte !== undefined && !(valueInItem <= range.lte)) return false;
+			if (range.lt !== undefined && !(valueInItem < range.lt)) return false;
+			return true;
+		}
+
+		// 다른 필터 타입 (예: `geo_bounding_box`, `has_id` 등)은 필요에 따라 추가 구현
+		// 현재는 `match`와 `range`만 지원합니다.
+
+		return false; // 지원하지 않는 조건 타입
+	}
+
+	#filter = async (filter) => {
+		console.log("===============================");
+		console.log(filter);
+
+		const result1 = this.#filterJsonArray(this.#getData(), filter);
+		console.log(result1);
+	};
+
 	#q1 = async () => {
-		//const filter = await this.#generateQdrantFilter();
-		//return await this.#searchWithQdrantFilter(filter);
+		const filter = await this.#generateQdrantFilter();
+		return await this.#filter(filter);
 	};
 
 	#q2 = async () => {