aprog 1.1.3 → 1.2.1

package/README.md

@@ -33,8 +33,8 @@ import Unauthorized from "./pages/Unauthorized";
 
 const routes = [
   {
-    path: "/categories",
-    component: Categories,
+    path: "/",
+    component: NamePage,
   },
   {
     path: "/access/denied",
@@ -48,8 +48,8 @@ const routes = [
 
 document.addEventListener("DOMContentLoaded", async function() {
   // router
-  const body = document.body;
-  await router({ routes, body, "Page Not Found" });
+  const main = document.getElementById('main');
+  await router({ routes, main, "Page Not Found" });
 });
 
 ```
@@ -114,20 +114,33 @@ dd(int, array, boolean);
 
 ```
 
+Приклад використання gemini:
+
+у файл __.env__ потрібно додати api-ключ *__VITE_GEMINI_KEY=you_api_gemini_key__*
+```shell
+
+const message = await gemini("Розкажи жарт про програміста!");
+console.log(message);
+
+```
+
 Загальний список методів:
 
 - *dump(...args), dd(...args)*
 - *redirect(url, { newTab: bool, replace: bool })*
 - *encrypt(str), decrypt(encryptedStr)*
 
-
 - *div, span, button, a, img, meta, label, input, select, option, options, form, hr, textarea, table, thead, tbody, tr, th, td, pre* 
 - *_get, GUID, apState, cookie, date, pause, apFetch, chars, elementToObject, copyText, scrollToTop, scrollToBottom, firstKey, checkArrays, ucfirst, deepEqual, nodeListToObject*
 - *isEmpty, isNull, isFloat, isNumeric, isObject, isArray, isNumber, isString, isPromise, isNull, isFloat, isNumeric, isObject*
 
+- *router({ routes, main, "Page Not Found" })*
+
+- *gemini(message)*
 
 ### Info
 
+- Додано безплатний чат із Gemini
 - З часом будуть додаватися можливості створення додаткових інструментів
 
 

package/index.js

@@ -7,4 +7,5 @@ export {
 export { dump, dd } from './src/debugger.js';
 export { redirect } from './src/redirect.js';
 export { router, navigateTo } from './src/router.js';
-export { encrypt, decrypt } from './src/shifrator.js';
+export { encrypt, decrypt } from './src/shifrator.js';
+export { gemini } from './src/OpenAI.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aprog",
-  "version": "1.1.3",
+  "version": "1.2.1",
   "description": "Допоміжна бібліотека js",
   "main": "index.js",
   "scripts": {

package/src/OpenAI.js

@@ -0,0 +1,50 @@
+import {loadCacheDB, saveCacheDB} from "./indexDB.js";
+
+const empty = (variable) => {
+    if (typeof variable === 'object' && !Array.isArray(variable) && Object.keys(variable).length === 0) {
+        return true;
+    }
+    return !variable;
+}
+
+const loadCache = async () => {
+    const data = await loadCacheDB();
+    return !empty(data) ? data : { messages: {} };
+}
+
+export const gemini = async (content) => {
+    let cache = await loadCache();
+
+    if (cache.messages[content]) {
+        console.warn("Відповідь знайдена у кеші");
+        return cache.messages[content];
+    }
+
+    const apiKey = import.meta.env.VITE_GEMINI_KEY;
+    const url = `https://generativelanguage.googleapis.com/v1/models/gemini-2.0-flash:generateContent?key=${apiKey}`;
+
+    const response = await fetch(url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+            contents: [{ parts: [{ text: content }] }]
+        })
+    });
+
+    const data = await response.json();
+    if (data.error) {
+        console.error(data.error.message)
+        cache.messages[content] = data.error.message;
+        await saveCacheDB(cache);
+        return data.error.message;
+    }
+
+    const answer = data.candidates?.[0]?.content?.parts?.[0]?.text || null;
+
+    if (answer) {
+        cache.messages[content] = answer;
+        await saveCacheDB(cache);
+    }
+
+    return answer;
+};

package/src/indexDB.js

@@ -0,0 +1,55 @@
+const dbName = "aprogDB";
+const storeName = "cacheGemini";
+
+/**
+ * Відкриття або створення IndexedDB
+ */
+const openDB = () => {
+    return new Promise((resolve, reject) => {
+        const request = indexedDB.open(dbName, 1);
+
+        request.onupgradeneeded = (event) => {
+            const db = event.target.result;
+            if (!db.objectStoreNames.contains(storeName)) {
+                db.createObjectStore(storeName, { keyPath: "id" });
+            }
+        };
+
+        request.onsuccess = () => resolve(request.result);
+        request.onerror = () => reject(request.error);
+    });
+};
+
+/**
+ * Завантаження кешу (аналог sessionStorage.getItem)
+ */
+const loadCacheDB = async (name = "gemini") => {
+    const db = await openDB();
+    return new Promise((resolve, reject) => {
+        const tx = db.transaction(storeName, "readonly");
+        const store = tx.objectStore(storeName);
+        const request = store.get(name);
+
+        request.onsuccess = () => resolve(request.result ? request.result.data : {});
+        request.onerror = () => reject(request.error);
+    });
+};
+
+/**
+ * Збереження кешу (аналог sessionStorage.setItem)
+ */
+const saveCacheDB = async (cache, id = "gemini") => {
+    try {
+        const resolvedCache = await Promise.resolve(cache);
+        const db = await openDB();
+        const tx = db.transaction(storeName, "readwrite");
+        const store = tx.objectStore(storeName);
+
+        await store.put({ id: id, data: resolvedCache });
+        await tx.complete;
+    } catch (err) {
+        console.error("Failed to save cache:", err);
+    }
+};
+
+export {loadCacheDB, saveCacheDB};