diff --git a/src/pages/Settings/SettingsDetailPage.tsx b/src/pages/Settings/SettingsDetailPage.tsx
index bac311d..77f1be3 100644
--- a/src/pages/Settings/SettingsDetailPage.tsx
+++ b/src/pages/Settings/SettingsDetailPage.tsx
@@ -12,14 +12,11 @@ import {
IonLabel,
IonList,
IonPage,
- IonSelect,
- IonSelectOption,
IonText,
IonTitle,
IonToolbar,
} from "@ionic/react";
import {
- informationCircleOutline,
refreshOutline,
saveOutline,
settingsOutline,
@@ -45,37 +42,15 @@ const SERVICE_META = {
steam: {
title: "Steam",
description: "Deine Steam-Bibliothek",
- tutorialKey: "steam",
- },
- gog: {
- title: "GOG",
- description: "GOG Galaxy Bibliothek",
- tutorialKey: "gog",
- },
- epic: {
- title: "Epic Games",
- description: "Epic Games Launcher",
- tutorialKey: "epic",
- },
- amazon: {
- title: "Amazon Games",
- description: "Prime Gaming / Luna",
- tutorialKey: "amazon",
- },
- blizzard: {
- title: "Blizzard",
- description: "Battle.net / WoW / Diablo",
- tutorialKey: "blizzard",
},
data: {
title: "Datenverwaltung",
description: "Export, Import und Reset",
- tutorialKey: null,
},
} as const;
type ServiceId = keyof typeof SERVICE_META;
-const PROVIDER_IDS = ["steam", "gog", "epic", "amazon", "blizzard"] as const;
+const PROVIDER_IDS = ["steam"] as const;
export default function SettingsDetailPage() {
const { serviceId } = useParams
();
@@ -97,51 +72,19 @@ export default function SettingsDetailPage() {
if (isTestMode) {
try {
const response = await fetch("/api/config/load");
- const responseText = await response.text();
- console.log("API Response Status:", response.status);
- console.log("API Response Text:", responseText);
-
if (response.ok) {
- const testConfig = JSON.parse(responseText);
+ const testConfig = await response.json();
loadedConfig = { ...loadedConfig, ...testConfig };
- console.log("Test-Modus: Geladene Config:", loadedConfig);
- setAlertMessage("🛠️ Test-Modus: config.local.json geladen");
- setShowAlert(true);
- } else {
- console.error(
- "API /api/config/load fehlgeschlagen:",
- response.status,
- responseText,
- );
+ console.log("✓ Test-Modus: config.local.json geladen", testConfig);
}
} catch (error) {
- console.error(
- "Test-Modus aktiv, aber config.local.json nicht ladbar",
- error,
- );
- }
- }
-
- // Query-Parameter für Steam-Seite übernehmen
- if (serviceId === "steam") {
- const query = new URLSearchParams(window.location.search);
- const steamIdParam = query.get("steamid") ?? query.get("steamId") ?? "";
- const apiKeyParam = query.get("apikey") ?? query.get("apiKey") ?? "";
-
- if (steamIdParam || apiKeyParam) {
- loadedConfig = {
- ...loadedConfig,
- steam: {
- ...loadedConfig.steam,
- ...(steamIdParam ? { steamId: steamIdParam } : {}),
- ...(apiKeyParam ? { apiKey: apiKeyParam } : {}),
- },
- };
+ console.warn("config.local.json konnte nicht geladen werden", error);
}
}
setConfig(loadedConfig);
};
+
loadConfig();
}, [serviceId]);
@@ -167,6 +110,8 @@ export default function SettingsDetailPage() {
setApiOutput("Rufe API auf...");
try {
+ let result: { games: any[]; count: number } | null = null;
+
if (service === "steam") {
const steamConfig = config.steam;
if (!steamConfig?.apiKey || !steamConfig?.steamId) {
@@ -176,7 +121,6 @@ export default function SettingsDetailPage() {
return;
}
- // Rufe Backend-Endpoint auf (statt direkt Steam API wegen CORS)
const response = await fetch("/api/steam/refresh", {
method: "POST",
headers: { "Content-Type": "application/json" },
@@ -194,32 +138,31 @@ export default function SettingsDetailPage() {
return;
}
- const result = await response.json();
-
- // Spiele in Database speichern
- await db.saveGames(result.games);
-
- setApiOutput(
- `✓ ${result.games.length} Spiele geladen und gespeichert\n\nBeispiel:\n${JSON.stringify(result.games.slice(0, 2), null, 2)}`,
- );
+ result = await response.json();
}
- const updatedConfig = {
- ...config,
- [service]: {
- ...config[service],
- lastRefresh: new Date().toISOString(),
- },
- };
- setConfig(updatedConfig);
- await ConfigService.saveConfig(updatedConfig);
- setAlertMessage(`✓ ${service.toUpperCase()} aktualisiert`);
- setShowAlert(true);
+ if (result) {
+ await db.saveGames(result.games);
+
+ const updatedConfig = {
+ ...config,
+ [service]: {
+ ...config[service],
+ lastRefresh: new Date().toISOString(),
+ },
+ };
+ setConfig(updatedConfig);
+ await ConfigService.saveConfig(updatedConfig);
+
+ setApiOutput(
+ `✓ ${result.count} Spiele abgerufen\n\nBeispiel:\n${JSON.stringify(result.games.slice(0, 2), null, 2)}`,
+ );
+ setAlertMessage(`✓ ${result.count} Spiele aktualisiert`);
+ setShowAlert(true);
+ }
} catch (error) {
const errorMsg = error instanceof Error ? error.message : String(error);
- setApiOutput(
- `❌ Fehler: ${errorMsg}\n\n💡 Tipp: Führe stattdessen im Terminal aus:\nnpm run fetch:steam`,
- );
+ setApiOutput(`❌ Fehler: ${errorMsg}`);
setAlertMessage("Aktualisierung fehlgeschlagen");
setShowAlert(true);
}
@@ -364,16 +307,6 @@ export default function SettingsDetailPage() {
/>
-
-
- Anleitung anzeigen
-
-
)}
- {serviceId === "gog" && (
- <>
-
-
- GOG User ID
-
- handleDraftChange("gog", {
- userId: e.detail.value || "",
- })
- }
- />
-
-
- Access Token
-
- handleDraftChange("gog", {
- accessToken: e.detail.value || "",
- })
- }
- />
-
-
-
-
- Anleitung anzeigen
-
-
-
- handleSaveService("gog")}
- >
-
- Speichern
-
-
-
- )}
-
- {serviceId === "epic" && (
- <>
-
-
- Account E-Mail
-
- handleDraftChange("epic", {
- email: e.detail.value || "",
- })
- }
- />
-
-
- Import-Methode
-
- handleDraftChange("epic", {
- method: e.detail.value || "manual",
- })
- }
- >
-
- Manuelle JSON-Upload
-
-
- OAuth (benötigt Backend)
-
-
-
-
-
-
-
- Epic hat keine öffentliche API. Nutze manuellen Import oder
- Backend OAuth.
-
-
-
-
- Anleitung anzeigen
-
-
-
- handleSaveService("epic")}
- >
-
- Speichern
-
-
-
- )}
-
- {serviceId === "amazon" && (
- <>
-
-
- Account E-Mail
-
- handleDraftChange("amazon", {
- email: e.detail.value || "",
- })
- }
- />
-
-
- Import-Methode
-
- handleDraftChange("amazon", {
- method: e.detail.value || "manual",
- })
- }
- >
-
- Manuelle JSON-Upload
-
-
- OAuth (benötigt Backend)
-
-
-
-
-
-
- Anleitung anzeigen
-
-
-
- handleSaveService("amazon")}
- >
-
- Speichern
-
-
-
- )}
-
- {serviceId === "blizzard" && (
- <>
-
-
- Client ID
-
- handleDraftChange("blizzard", {
- clientId: e.detail.value || "",
- })
- }
- />
-
-
- Client Secret
-
- handleDraftChange("blizzard", {
- clientSecret: e.detail.value || "",
- })
- }
- />
-
-
- Region
-
- handleDraftChange("blizzard", {
- region: e.detail.value || "eu",
- })
- }
- >
- 🇺🇸 North America
- 🇪🇺 Europe
- 🇰🇷 Korea
- 🇹🇼 Taiwan
-
-
-
-
-
- Anleitung anzeigen
-
-
-
- handleSaveService("blizzard")}
- >
-
- Speichern
-
-
-
- )}
-
{serviceId === "data" && (
<>
diff --git a/src/pages/Settings/SettingsPage.tsx b/src/pages/Settings/SettingsPage.tsx
index 2f681a4..9b1dda6 100644
--- a/src/pages/Settings/SettingsPage.tsx
+++ b/src/pages/Settings/SettingsPage.tsx
@@ -16,9 +16,6 @@ import {
cloudOutline,
cogOutline,
gameControllerOutline,
- globeOutline,
- shieldOutline,
- storefrontOutline,
} from "ionicons/icons";
import "./SettingsPage.css";
@@ -46,34 +43,6 @@ export default function SettingsPage() {
Steam
API Key · Steam ID
-
-
- GOG
- Token
-
-
-
- Epic Games
- Import
-
-
-
- Amazon Games
- Import
-
-
-
- Blizzard
- OAuth
-
diff --git a/src/pages/Settings/SettingsTutorialPage.css b/src/pages/Settings/SettingsTutorialPage.css
deleted file mode 100644
index ca7c868..0000000
--- a/src/pages/Settings/SettingsTutorialPage.css
+++ /dev/null
@@ -1,58 +0,0 @@
-.settings-tutorial-section {
- padding: 8px 16px 16px;
-}
-
-.settings-tutorial-step {
- margin-bottom: 20px;
- padding: 16px;
- background: #ffffff;
- border-radius: 12px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-
-.settings-tutorial-step h3 {
- margin: 0 0 12px 0;
- font-size: 1.1rem;
- font-weight: 600;
- color: #1f2937;
-}
-
-.settings-tutorial-step p {
- margin: 0 0 12px 0;
- line-height: 1.6;
- color: #4b5563;
-}
-
-.settings-tutorial-code {
- background: #f9fafb;
- border: 1px solid #e5e7eb;
- border-radius: 8px;
- padding: 12px;
- margin: 12px 0;
- white-space: pre-wrap;
- font-family: "Monaco", "Courier New", monospace;
- font-size: 0.85rem;
- color: #374151;
- overflow-x: auto;
-}
-
-.settings-tutorial-hint {
- margin-top: 12px;
- padding: 12px;
- background: #fef3c7;
- border-left: 4px solid #f59e0b;
- border-radius: 6px;
- font-size: 0.9rem;
- color: #92400e;
- line-height: 1.5;
-}
-
-.settings-tutorial-hint::before {
- content: "💡 ";
- font-size: 1rem;
-}
-
-.settings-tutorial-empty {
- padding: 24px;
- text-align: center;
-}
diff --git a/src/pages/Settings/SettingsTutorialPage.tsx b/src/pages/Settings/SettingsTutorialPage.tsx
deleted file mode 100644
index d65ef58..0000000
--- a/src/pages/Settings/SettingsTutorialPage.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import React, { useMemo } from "react";
-import {
- IonBackButton,
- IonButtons,
- IonContent,
- IonHeader,
- IonIcon,
- IonPage,
- IonText,
- IonTitle,
- IonToolbar,
- IonCard,
- IonCardContent,
- IonCardHeader,
- IonCardTitle,
-} from "@ionic/react";
-import { useParams } from "react-router-dom";
-
-import { TUTORIALS } from "../../data/tutorials";
-
-import "./SettingsTutorialPage.css";
-
-interface TutorialRouteParams {
- serviceId: string;
-}
-
-export default function SettingsTutorialPage() {
- const { serviceId } = useParams();
- const tutorial = useMemo(() => TUTORIALS[serviceId], [serviceId]);
-
- if (!tutorial) {
- return (
-
-
-
-
-
-
- Anleitung
-
-
-
-
- Keine Anleitung verfügbar.
-
-
-
- );
- }
-
- return (
-
-
-
-
-
-
-
- {tutorial.title}
-
-
-
-
-
-
- {tutorial.steps.map((step, index) => (
-
-
- {step.title}
-
-
- {step.description}
- {step.code && (
- {step.code}
- )}
- {step.hint && (
- {step.hint}
- )}
-
-
- ))}
-
-
-
- Tipps
-
-
-
- {tutorial.tips.map((tip) => (
- - {tip}
- ))}
-
-
-
-