diff --git a/apps/web/components/profile/settings-api-keys-tab.tsx b/apps/web/components/profile/settings-api-keys-tab.tsx index 12df467..dadde7f 100644 --- a/apps/web/components/profile/settings-api-keys-tab.tsx +++ b/apps/web/components/profile/settings-api-keys-tab.tsx @@ -13,6 +13,7 @@ import { EyeOff, Clock, AlertCircle, + Download, } from "lucide-react" import { motion, AnimatePresence } from "motion/react" @@ -187,6 +188,27 @@ export function SettingsApiKeysTab() { } } + const handleDownloadConfig = () => { + if (!createdKey?.key) return + const config = { + apiKey: createdKey.key, + exportPath: "/home/deck/Downloads", + baseUrl: "https://deckyvault.xyz", + hardwareSlug: null, + } + const blob = new Blob([JSON.stringify(config, null, 2)], { + type: "application/json", + }) + const url = URL.createObjectURL(blob) + const a = document.createElement("a") + a.href = url + a.download = "deckyvault-config.json" + document.body.appendChild(a) + a.click() + document.body.removeChild(a) + URL.revokeObjectURL(url) + } + // Show the created key modal @@ -261,6 +283,14 @@ export function SettingsApiKeysTab() { > Done + + ) diff --git a/plugins/decky-vault/main.py b/plugins/decky-vault/main.py index 2a2990b..0e562b2 100644 --- a/plugins/decky-vault/main.py +++ b/plugins/decky-vault/main.py @@ -413,4 +413,38 @@ benchmark_percentiles=97,AVG,1,0.1 except urllib.error.URLError as e: return {"valid": False, "error": f"Network error: {str(e.reason)}"} except Exception as e: - return {"valid": False, "error": str(e)} \ No newline at end of file + return {"valid": False, "error": str(e)} + + async def export_config(self, settings: dict) -> dict: + """RPC: Export current settings to Downloads/deckyvault-config.json. + Returns {success: bool, path?: str, error?: str}.""" + try: + home = os.path.expanduser("~") + config_path = os.path.join(home, "Downloads", "deckyvault-config.json") + with open(config_path, 'w') as f: + json.dump(settings, f, indent=2) + return {"success": True, "path": config_path} + except Exception as e: + return {"success": False, "error": str(e)} + + async def import_config(self) -> dict: + """RPC: Import settings from the latest deckyvault-config.json in Downloads. + Returns {success: bool, settings?: dict, error?: str}.""" + try: + home = os.path.expanduser("~") + config_path = os.path.join(home, "Downloads", "deckyvault-config.json") + if not os.path.exists(config_path): + return {"success": False, "error": "No deckyvault-config.json found in Downloads"} + with open(config_path, 'r') as f: + settings = json.load(f) + return { + "success": True, + "settings": { + "apiKey": settings.get("apiKey", ""), + "exportPath": settings.get("exportPath", "/home/deck/Downloads"), + "baseUrl": settings.get("baseUrl", "https://deckyvault.xyz"), + "hardwareSlug": settings.get("hardwareSlug", None), + } + } + except Exception as e: + return {"success": False, "error": str(e)} \ No newline at end of file diff --git a/plugins/decky-vault/src/components/session-form.tsx b/plugins/decky-vault/src/components/session-form.tsx index 05c69de..5a7d39b 100644 --- a/plugins/decky-vault/src/components/session-form.tsx +++ b/plugins/decky-vault/src/components/session-form.tsx @@ -29,20 +29,20 @@ interface SessionFormProps { } const UPSCALER_OPTIONS = [ - { label: "None", value: "none" }, - { label: "FSR", value: "fsr" }, - { label: "DLSS", value: "dlss" }, - { label: "XeSS", value: "xess" }, - { label: "LSFG", value: "lsfg" }, - { label: "Other", value: "other" }, + { label: "None", data: "none" }, + { label: "FSR", data: "fsr" }, + { label: "DLSS", data: "dlss" }, + { label: "XeSS", data: "xess" }, + { label: "LSFG", data: "lsfg" }, + { label: "Other", data: "other" }, ] const FRAME_GEN_OPTIONS = [ - { label: "None", value: "none" }, - { label: "FSR FG", value: "fsr_fg" }, - { label: "DLSS FG", value: "dlss_fg" }, - { label: "LSFG", value: "lsfg" }, - { label: "Other", value: "other" }, + { label: "None", data: "none" }, + { label: "FSR FG", data: "fsr_fg" }, + { label: "DLSS FG", data: "dlss_fg" }, + { label: "LSFG", data: "lsfg" }, + { label: "Other", data: "other" }, ] export default function SessionForm({ diff --git a/plugins/decky-vault/src/components/settings-panel.tsx b/plugins/decky-vault/src/components/settings-panel.tsx index 0886fd9..efad310 100644 --- a/plugins/decky-vault/src/components/settings-panel.tsx +++ b/plugins/decky-vault/src/components/settings-panel.tsx @@ -12,10 +12,14 @@ import { FaTimes, FaDownload, FaCog, + FaFileExport, + FaFileImport, + FaCopy, + FaSearch, } from "react-icons/fa" import type { PluginSettings } from "../lib/store" import { KNOWN_HARDWARE_SLUGS } from "@deckyvault/shared" -import { testApiKey, checkMangohud, writeMangohudConfig, getMangohudConfig } from "../lib/api" +import { testApiKey, checkMangohud, writeMangohudConfig, getMangohudConfig, exportConfig, importConfig } from "../lib/api" interface SettingsPanelProps { settings: PluginSettings @@ -26,8 +30,8 @@ interface SettingsPanelProps { } const HARDWARE_OPTIONS = [ - { label: "Auto-detect", value: "" }, - ...KNOWN_HARDWARE_SLUGS.map((slug) => ({ label: slug, value: slug })), + { label: "Auto-detect", data: "" }, + ...KNOWN_HARDWARE_SLUGS.map((slug) => ({ label: slug, data: slug })), ] export default function SettingsPanel({ @@ -42,8 +46,14 @@ export default function SettingsPanel({ path: string version: string }>({ checked: false, installed: false, path: "", version: "" }) - const [showMangohudGuide, setShowMangohudGuide] = useState(false) const [configWritten, setConfigWritten] = useState(false) + const [configStatus, setConfigStatus] = useState<{ message: string; isError: boolean } | null>(null) + const [configVerified, setConfigVerified] = useState<{ + checked: boolean + valid: boolean + message: string + }>({ checked: false, valid: false, message: "" }) + const [copiedLaunchOpt, setCopiedLaunchOpt] = useState(false) async function handleTestKey() { if (!settings.apiKey) { @@ -78,6 +88,86 @@ export default function SettingsPanel({ setConfigWritten(result.success) } + async function handleVerifyConfig() { + const result = await getMangohudConfig() + if (!result.exists) { + setConfigVerified({ + checked: true, + valid: false, + message: "No MangoHud config found. Write one first.", + }) + return + } + const content = result.content + const hasOutputFolder = content.includes("output_folder=/tmp") + const hasOutputFile = content.includes("output_file=deckyvault-mangohud.log") + const hasFps = content.includes("fps") + const hasFrameTiming = content.includes("frame_timing") + const hasGpuPower = content.includes("gpu_power") + + if (hasOutputFolder && hasOutputFile && hasFps) { + setConfigVerified({ + checked: true, + valid: true, + message: "Config looks good — logging to /tmp/deckyvault-mangohud.log", + }) + } else { + const missing: string[] = [] + if (!hasOutputFolder) missing.push("output_folder=/tmp") + if (!hasOutputFile) missing.push("output_file=deckyvault-mangohud.log") + if (!hasFps) missing.push("fps") + if (!hasFrameTiming) missing.push("frame_timing") + if (!hasGpuPower) missing.push("gpu_power") + setConfigVerified({ + checked: true, + valid: false, + message: `Missing: ${missing.join(", ")}. Write config again.`, + }) + } + } + + async function handleCopyLaunchOption() { + try { + await navigator.clipboard.writeText("mangohud %command%") + setCopiedLaunchOpt(true) + setTimeout(() => setCopiedLaunchOpt(false), 2000) + } catch { + // Fallback + const ta = document.createElement("textarea") + ta.value = "mangohud %command%" + document.body.appendChild(ta) + ta.select() + document.execCommand("copy") + document.body.removeChild(ta) + setCopiedLaunchOpt(true) + setTimeout(() => setCopiedLaunchOpt(false), 2000) + } + } + + async function handleExportConfig() { + setConfigStatus(null) + const result = await exportConfig(settings) + if (result.success) { + setConfigStatus({ message: `Config saved to ${result.path}`, isError: false }) + } else { + setConfigStatus({ message: result.error || "Export failed", isError: true }) + } + } + + async function handleImportConfig() { + setConfigStatus(null) + const result = await importConfig() + if (result.success && result.settings) { + onUpdateSetting("apiKey", result.settings.apiKey || "") + onUpdateSetting("exportPath", result.settings.exportPath || "/home/deck/Downloads") + onUpdateSetting("baseUrl", result.settings.baseUrl || "https://deckyvault.xyz") + onUpdateSetting("hardwareSlug", result.settings.hardwareSlug || null) + setConfigStatus({ message: "Config imported from Downloads", isError: false }) + } else { + setConfigStatus({ message: result.error || "No config file found in Downloads", isError: true }) + } + } + return ( <> {/* ── API Key ─────────────────────────────────────────────── */} @@ -152,6 +242,40 @@ export default function SettingsPanel({ + {/* ── Config Export/Import ────────────────────────────────── */} + + + +
+ + Export Config to Downloads +
+ + + + +
+ + Import Config from Downloads +
+ + + {configStatus && ( + +
+ {configStatus.isError ? : } {configStatus.message} +
+ + )} + + {/* ── MangoHud Setup ──────────────────────────────────────── */} @@ -196,6 +320,39 @@ export default function SettingsPanel({ + + +
+ + Verify Config +
+ + + + {configVerified.checked && ( + +
+ {configVerified.valid ? : } {configVerified.message} +
+ + )} + + + +
+ + {copiedLaunchOpt ? "Copied!" : "Copy Launch Option"} +
+ + + {configWritten && (
@@ -205,53 +362,45 @@ export default function SettingsPanel({ )} - setShowMangohudGuide(!showMangohudGuide)}> - {showMangohudGuide ? "Hide Guide" : "Show Installation Guide"} - +
+ Steam Deck (SteamOS): +
+ MangoHud is pre-installed. Enable it per-game by adding + + mangohud %command% + + to the game's Steam launch options (right-click game → Properties → Launch Options). + +

+ Other Linux handhelds (ROG Ally, Legion Go): +
+ Install via package manager: + + sudo apt install mangohud + + or Flatpak: + + flatpak install flathub org.freedesktop.Platform.VulkanLayer.MangoHud + + +

+ Manual build: +
+ See{" "} + + github.com/flightlessmango/MangoHud + + +

+ Troubleshooting: +
+ • Log file empty? Check MangoHud is enabled for the game and the config was written. +
+ • Wrong path? Ensure the plugin can write to /tmp/. +
+ • Not attaching? Try adding mangohud %command% to Steam launch options explicitly. +
- - {showMangohudGuide && ( - -
- Steam Deck (SteamOS): -
- MangoHud is pre-installed. Enable it per-game by adding - - mangohud %command% - - to the game's Steam launch options (right-click game → Properties → Launch Options). - -

- Other Linux handhelds (ROG Ally, Legion Go): -
- Install via package manager: - - sudo apt install mangohud - - or Flatpak: - - flatpak install flathub org.freedesktop.Platform.VulkanLayer.MangoHud - - -

- Manual build: -
- See{" "} - - github.com/flightlessmango/MangoHud - - -

- Troubleshooting: -
- • Log file empty? Check MangoHud is enabled for the game and the config was written. -
- • Wrong path? Ensure the plugin can write to /tmp/. -
- • Not attaching? Try adding mangohud %command% to Steam launch options explicitly. -
- - )} ) diff --git a/plugins/decky-vault/src/index.tsx b/plugins/decky-vault/src/index.tsx index 9dc1561..8c0a411 100644 --- a/plugins/decky-vault/src/index.tsx +++ b/plugins/decky-vault/src/index.tsx @@ -7,7 +7,7 @@ import { import { definePlugin, } from "@decky/api" -import { FaDatabase } from "react-icons/fa" +import { FaChartLine } from "react-icons/fa" import MainPanel from "./components/main-panel" import SettingsPanel from "./components/settings-panel" import { useSettings, useSession } from "./lib/store" @@ -163,12 +163,58 @@ function Content() { ) } +// ── DeckyVault icon (flat SVG) ──────────────────────────────── +function DeckyVaultIcon() { + return ( + + + + + + + + + + + + + + + + + ) +} + export default definePlugin(() => { return { name: "DeckyVault", titleView:
DeckyVault
, content: , - icon: , + icon: , alwaysRender: false, onDismount() { console.log("[DeckyVault] Plugin unloading") diff --git a/plugins/decky-vault/src/lib/api.ts b/plugins/decky-vault/src/lib/api.ts index c6db3e5..fe8dddd 100644 --- a/plugins/decky-vault/src/lib/api.ts +++ b/plugins/decky-vault/src/lib/api.ts @@ -73,4 +73,27 @@ export const uploadToDeckyvault = callable<[ export const testApiKey = callable<[apiKey: string, baseUrl?: string], { valid: boolean error?: string -}>("test_api_key") \ No newline at end of file +}>("test_api_key") + +// ── Config Export/Import ──────────────────────────────────────── +export const exportConfig = callable<[settings: { + apiKey: string + exportPath: string + baseUrl: string + hardwareSlug: string | null +}], { + success: boolean + path?: string + error?: string +}>("export_config") + +export const importConfig = callable<[], { + success: boolean + settings?: { + apiKey: string + exportPath: string + baseUrl: string + hardwareSlug: string | null + } + error?: string +}>("import_config") \ No newline at end of file