1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { Router } from "@decky/ui";
import { getGameConfigs, getInstalledGames, updateGameConfig, updateLsfgConfig, resetGameConfig, resetAllGameConfigs, type GameConfigEntry, type InstalledGame } from "../api/lsfgApi";
import { ConfigurationData, getDefaults } from "../config/configSchema";
export interface GameTarget { appid: string; name: string; configured: boolean; }
export function useGameConfiguration() {
const [defaultConfig, setDefaultConfig] = useState<ConfigurationData>(getDefaults());
const [games, setGames] = useState<GameConfigEntry[]>([]);
const [installedGames, setInstalledGames] = useState<InstalledGame[]>([]);
const [selectedAppId, setSelectedAppId] = useState("");
const [runningGame, setRunningGame] = useState<GameTarget | null>(null);
const autoSelected = useRef(false);
const load = useCallback(async () => {
const [result, installed] = await Promise.all([getGameConfigs(), getInstalledGames()]);
if (result.success) {
setDefaultConfig(result.default || getDefaults());
setGames(result.games || []);
}
if (installed.success) setInstalledGames(installed.games || []);
}, []);
useEffect(() => { load(); }, [load]);
useEffect(() => {
const poll = () => {
const app = Router.MainRunningApp as any;
if (app?.appid) setRunningGame({ appid: String(app.appid), name: app.display_name || `App ${app.appid}`, configured: games.some((game) => game.appid === String(app.appid)) });
else setRunningGame(null);
};
poll();
const interval = window.setInterval(poll, 2000);
return () => window.clearInterval(interval);
}, [games]);
useEffect(() => {
if (!autoSelected.current && runningGame) {
autoSelected.current = true;
setSelectedAppId(runningGame.appid);
}
}, [runningGame]);
const targets = useMemo<GameTarget[]>(() => {
const configured = installedGames.map((game) => ({ appid: game.appid, name: game.name, configured: games.some((item) => item.appid === game.appid) }));
for (const game of games) if (!configured.some((item) => item.appid === game.appid)) configured.push({ appid: game.appid, name: `App ${game.appid}`, configured: true });
if (runningGame && !configured.some((game) => game.appid === runningGame.appid)) configured.unshift(runningGame);
return configured;
}, [games, installedGames, runningGame]);
const selected = selectedAppId ? games.find((game) => game.appid === selectedAppId)?.config : defaultConfig;
const config = selected || defaultConfig;
const save = useCallback(async (next: ConfigurationData) => {
if (!selectedAppId) {
const result = await updateLsfgConfig(next);
if (result.success) setDefaultConfig(next);
return;
}
const result = await updateGameConfig(selectedAppId, next);
if (result.success) await load();
}, [load, selectedAppId]);
const resetSelected = useCallback(async () => {
if (selectedAppId) { await resetGameConfig(selectedAppId); setSelectedAppId(""); await load(); }
}, [load, selectedAppId]);
const resetAll = useCallback(async () => { await resetAllGameConfigs(); setSelectedAppId(""); await load(); }, [load]);
return { config, defaultConfig, games, targets, runningGame, selectedAppId, setSelectedAppId, save, resetSelected, resetAll, reload: load };
}
|