Header,Footer und dashboard bekommen Daten von IndexedDB statt von Window Objekt

utils/indexedDB.js

@@ -1,65 +1,49 @@
-import { openDB } from "idb"; // utils/indexedDB.js
+import { openDB, deleteDB } from "idb";
 
-// Überprüfe, ob `window` verfügbar ist, um zu bestimmen, ob der Code im Browser läuft
-const dbPromise =
-  typeof window !== "undefined"
-    ? openDB("my-pdf-store", 2, {
-        upgrade(db) {
-          if (!db.objectStoreNames.contains("pdfs")) {
-            db.createObjectStore("pdfs");
-          }
-          if (!db.objectStoreNames.contains("pages")) {
-            db.createObjectStore("pages");
-          }
-          if (!db.objectStoreNames.contains("cplVariables")) {
-            db.createObjectStore("cplVariables");
-          }
-        },
-      })
-    : null;
-
-// Store PDF
-export async function storePDF(name, file) {
-  if (!dbPromise) return;
-  const db = await dbPromise;
-  await db.put("pdfs", file, name);
-}
-
-export async function getPDF(name) {
-  if (!dbPromise) return null;
-  const db = await dbPromise;
-  return await db.get("pdfs", name);
-}
-
-// Store page
-export async function storePage(name, file) {
-  if (!dbPromise) return;
-  const db = await dbPromise;
-  const transaction = db.transaction("pages", "readwrite");
-  const store = transaction.objectStore("pages");
-  await store.put(file, name);
-  await transaction.done;
-}
-
-export async function getPage(name) {
-  if (!dbPromise) return null;
-  const db = await dbPromise;
-  return await db.get("pages", name);
-}
-
-// Store and retrieve data for CPL variables
-
-export async function storeCPLVariable(key, value) {
-  if (!dbPromise) return;
-  const db = await dbPromise;
-  const transaction = db.transaction("cplVariables", "readwrite");
-  const store = transaction.objectStore("cplVariables");
-  await store.put(value, key);
-  await transaction.done;
+// Exportiere die Funktion initializeDatabase
+export async function initializeDatabase() {
+  try {
+    const db = await openDB("CPLDatabase", 1, {
+      upgrade(db) {
+        if (!db.objectStoreNames.contains("pdfs")) {
+          db.createObjectStore("pdfs");
+        }
+        if (!db.objectStoreNames.contains("pages")) {
+          db.createObjectStore("pages");
+        }
+        if (!db.objectStoreNames.contains("cplVariables")) {
+          db.createObjectStore("cplVariables");
+        }
+      },
+    });
+    return db;
+  } catch (error) {
+    if (error.name === "VersionError") {
+      console.warn(
+        "Versionskonflikt erkannt. Lösche und erstelle die Datenbank neu."
+      );
+      await deleteDB("CPLDatabase");
+      return initializeDatabase();
+    } else {
+      console.error("Fehler beim Öffnen der Datenbank:", error);
+      throw error;
+    }
+  }
 }
 
+// Exportiere die Funktion getFromIndexedDB
 export async function getFromIndexedDB(key) {
-  if (!dbPromise) return null;
-  const db = await dbPromise;
+  const db = await initializeDatabase();
   return await db.get("cplVariables", key);
 }
+
+// Beispiel weitere Funktion für PDF-Speicherung
+export async function storePDF(name, file) {
+  const db = await initializeDatabase();
+  await db.put("pdfs", file, name);
+}
+// Funktion zum Abrufen von PDF-Dateien aus der IndexedDB
+export async function getPDF(name) {
+  const db = await initializeDatabase();
+  return await db.get("pdfs", name);
+}

utils/loadWindowVariables.js

@@ -1,4 +1,5 @@
 // utils/loadWindowVariables.js
+import { initializeDatabase } from "./indexedDB"; // Importiere initializeDatabase
 
 export async function loadWindowVariables() {
   return new Promise((resolve, reject) => {
@@ -55,25 +56,11 @@ export async function loadWindowVariables() {
     };
 
     const saveToIndexedDB = async (key, value) => {
-      const request = indexedDB.open("CPLDatabase", 1);
-      request.onupgradeneeded = () => {
-        const db = request.result;
-        if (!db.objectStoreNames.contains("cplVariables")) {
-          db.createObjectStore("cplVariables");
-        }
-      };
-
-      return new Promise((resolve, reject) => {
-        request.onsuccess = () => {
-          const db = request.result;
-          const tx = db.transaction("cplVariables", "readwrite");
-          const store = tx.objectStore("cplVariables");
-          store.put(value, key);
-          tx.oncomplete = resolve;
-          tx.onerror = reject;
-        };
-        request.onerror = reject;
-      });
+      const db = await initializeDatabase();
+      const tx = db.transaction("cplVariables", "readwrite");
+      const store = tx.objectStore("cplVariables");
+      await store.put(value, key);
+      return tx.done;
     };
 
     const saveVariables = async () => {
@@ -88,7 +75,6 @@ export async function loadWindowVariables() {
 
     const scripts = ["de.js", "kueData.js", "Start.js", "System.js"];
 
-    // Lade die Skripte nacheinander
     scripts
       .reduce((promise, script) => {
         return promise.then(() => loadScript(script));