Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tes: wait Seite speichern in indexedDB vor dem Aufruf

Browse Source
This commit is contained in:
ISA
2024-10-21 08:34:22 +02:00
parent c08bfd4b1a
commit 745c1b2edc
2 changed files with 30 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
app/page.js
View File

@@ -1,31 +1,33 @@
"use client"; "use client";
import { useEffect } from "react"; import { useEffect } from "react";
import { useRouter } from "next/navigation"; // App-Router Hook für Navigation import { useRouter } from "next/navigation"; // App-Router Hook für Navigation
import { storePage } from "../utils/indexedDB"; // Importiere die Funktion storePage aus indexedDB.js
// Importiere `storePage` nur im Client
export default function Home() { export default function Home() {
const router = useRouter(); const router = useRouter();
useEffect(() => { useEffect(() => {
if (typeof window !== "undefined" && storePage) { // Überprüfe, ob der Code im Browser läuft
// Speichere die Seite "wait" als HTML in IndexedDB if (typeof window !== "undefined") {
const pageContent = ` // Dynamischer Import von `storePage` nur im Browser
<div style="text-align: center; margin-top: 100px;"> import("../utils/indexedDB").then(({ storePage }) => {
<h1>Bitte warten...</h1> const pageContent = `
<div class="spinner"></div> <div style="text-align: center; margin-top: 100px;">
<p>Die Seite wird automatisch neu geladen.</p> <h1>Bitte warten...</h1>
</div>`; <div class="spinner"></div>
storePage("waitPage", new Blob([pageContent], { type: "text/html" })) <p>Die Seite wird automatisch neu geladen.</p>
.then(() => { </div>`;
console.log("Seite 'wait' erfolgreich gespeichert."); storePage("waitPage", new Blob([pageContent], { type: "text/html" }))
// Weiterleitung zur Dashboard-Seite .then(() => {
router.push("/dashboard"); console.log("Seite 'wait' erfolgreich gespeichert.");
}) // Weiterleitung zur Dashboard-Seite
.catch((error) => { router.push("/dashboard");
console.error("Fehler beim Speichern der Seite 'wait':", error); })
// Auch bei einem Fehler weiter zur Dashboard-Seite leiten .catch((error) => {
router.push("/dashboard"); console.error("Fehler beim Speichern der Seite 'wait':", error);
}); router.push("/dashboard");
});
});
} else { } else {
// Falls kein Browser oder IndexedDB verfügbar ist, direkt zur Dashboard-Seite weiterleiten // Falls kein Browser oder IndexedDB verfügbar ist, direkt zur Dashboard-Seite weiterleiten
router.push("/dashboard"); router.push("/dashboard");

10
utils/indexedDB.js
View File

@@ -2,11 +2,13 @@ import { openDB } from "idb"; // utils/indexedDB.js
const dbPromise = openDB("my-pdf-store", 1, { const dbPromise = openDB("my-pdf-store", 1, {
upgrade(db) { upgrade(db) {
// Überprüfe und erstelle den Object Store für PDFs
if (!db.objectStoreNames.contains("pdfs")) { if (!db.objectStoreNames.contains("pdfs")) {
db.createObjectStore("pdfs"); db.createObjectStore("pdfs");
} }
// Überprüfe und erstelle den Object Store für Seiten (pages)
if (!db.objectStoreNames.contains("pages")) { if (!db.objectStoreNames.contains("pages")) {
db.createObjectStore("pages"); db.createObjectStore("pages"); // Korrekte Erstellung des "pages" Object Stores
} }
}, },
}); });
@@ -25,7 +27,11 @@ export async function getPDF(name) {
// Store page // Store page
export async function storePage(name, file) { export async function storePage(name, file) {
const db = await dbPromise; const db = await dbPromise;
await db.put("pages", file, name); // Überprüfe, ob der Object Store "pages" existiert
const transaction = db.transaction("pages", "readwrite");
const store = transaction.objectStore("pages");
await store.put(file, name);
await transaction.done;
} }
export async function getPage(name) { export async function getPage(name) {