pixel-react 1.9.0 → 1.9.2

package/src/utils/indexDBStore/indexDB.ts

@@ -0,0 +1,67 @@
+//Encoding utility
+const encode = (data: string): string => btoa(unescape(encodeURIComponent(data))); // Example: Base64 encoding
+//Decoding utility
+const decode = (data: string): string => decodeURIComponent(escape(atob(data)));
+
+
+function openIndexedDB(): Promise<IDBDatabase> {
+  return new Promise((resolve, reject) => {
+    const request = indexedDB.open('myDatabase', 1);
+
+    request.onupgradeneeded = (event) => {
+      const db = (event.target as IDBOpenDBRequest).result;
+
+      // Create an object store if it doesn't already exist
+      if (!db.objectStoreNames.contains('keyValueStore')) {
+        db.createObjectStore('keyValueStore', { keyPath: 'key' });
+      }
+    };
+
+    request.onsuccess = (event) => {
+      const db = (event.target as IDBOpenDBRequest).result;
+      resolve(db);
+    };
+
+    request.onerror = (event) => {
+      reject(`Error opening IndexedDB: ${(event.target as IDBOpenDBRequest).error}`);
+    };
+  });
+}
+
+export async function saveToIndexedDB(key: string, value: string): Promise<void> {
+  const db = await openIndexedDB();
+
+  return new Promise((resolve, reject) => {
+    const transaction = db.transaction('keyValueStore', 'readwrite');
+    const store = transaction.objectStore('keyValueStore');
+
+    const encodedValue = encode(value); // Encode the data
+    const request = store.put({ key, value: encodedValue });
+
+    request.onsuccess = () => resolve();
+    request.onerror = () => reject('Failed to save data');
+  });
+}
+
+export async function getFromIndexedDB(key: string): Promise<string | null> {
+  const db = await openIndexedDB();
+
+  return new Promise((resolve, reject) => {
+    const transaction = db.transaction('keyValueStore', 'readonly');
+    const store = transaction.objectStore('keyValueStore');
+
+    const request = store.get(key);
+
+    request.onsuccess = (event) => {
+      const result = (event.target as IDBRequest).result;
+      if (result && result.value) {
+        resolve(decode(result.value)); // Decode the data
+      } else {
+        resolve(null);
+      }
+    };
+
+    request.onerror = () => reject('Failed to retrieve data');
+  });
+}
+

package/lib/components/ThemeProvider/CustomThemeProvider.d.ts

@@ -1,8 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ThemeContextType } from './types';
-declare const ThemeContext: React.Context<ThemeContextType | undefined>;
-declare const CustomThemeProvider: React.FC<{
-    children: ReactNode;
-}>;
-export { ThemeContext };
-export default CustomThemeProvider;

package/lib/hooks/useCustomThemeProvider.d.ts

@@ -1,11 +0,0 @@
-import React, { ReactNode } from 'react';
-interface ThemeContextType {
-    currentTheme: string;
-    setCurrentTheme: React.Dispatch<React.SetStateAction<string>>;
-    applyTheme: (newTheme: string) => void;
-}
-export declare const useCustomThemeProvider: React.FC<{
-    children: ReactNode;
-}>;
-export declare const useTheme: () => ThemeContextType;
-export {};