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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
import { useState, useEffect } from "react";
import { PanelSection, PanelSectionRow, ButtonItem, DropdownItem, ConfirmModal, showModal } from "@decky/ui";
import { listInstalledGames, logError } from "../api";
import { safeAsyncOperation } from "../utils";
import { STYLES } from "../utils/constants";
import { GameInfo } from "../types/index";
export function InstalledGamesSection() {
const [games, setGames] = useState<GameInfo[]>([]);
const [selectedGame, setSelectedGame] = useState<GameInfo | null>(null);
const [result, setResult] = useState<string>('');
useEffect(() => {
const fetchGames = async () => {
const response = await safeAsyncOperation(
async () => await listInstalledGames(),
'fetchGames'
);
if (response?.status === "success") {
const sortedGames = [...response.games]
.map(game => ({
...game,
appid: parseInt(game.appid, 10),
}))
.sort((a, b) => a.name.toLowerCase().localeCompare(b.name.toLowerCase()));
setGames(sortedGames);
} else if (response) {
logError('fetchGames: ' + JSON.stringify(response));
console.error('fetchGames: ' + JSON.stringify(response));
}
};
fetchGames();
}, []);
const handlePatchClick = async () => {
if (!selectedGame) return;
// Show confirmation modal
showModal(
<ConfirmModal
strTitle={`Patch ${selectedGame.name}?`}
strDescription={
"WARNING: Decky Framegen does not unpatch games when uninstalled. Be sure to unpatch the game or verify the integrity of your game files if you choose to uninstall the plugin or the game has issues."
}
strOKButtonText="Yeah man, I wanna do it"
strCancelButtonText="Cancel"
onOK={async () => {
try {
await SteamClient.Apps.SetAppLaunchOptions(selectedGame.appid, '~/fgmod/fgmod %COMMAND%');
setResult(`Launch options set for ${selectedGame.name}. You can now select DLSS in the game's menu, and access OptiScaler with Insert key.`);
} catch (error) {
logError('handlePatchClick: ' + String(error));
setResult(error instanceof Error ? `Error setting launch options: ${error.message}` : 'Error setting launch options');
}
}}
/>
);
};
const handleUnpatchClick = async () => {
if (!selectedGame) return;
try {
await SteamClient.Apps.SetAppLaunchOptions(selectedGame.appid, '~/fgmod/fgmod-uninstaller.sh %COMMAND%');
setResult(`OptiScaler will uninstall on next launch of ${selectedGame.name}.`);
} catch (error) {
logError('handleUnpatchClick: ' + String(error));
setResult(error instanceof Error ? `Error clearing launch options: ${error.message}` : 'Error clearing launch options');
}
};
return (
<PanelSection title="Select a game to patch:">
<PanelSectionRow>
<DropdownItem
rgOptions={games.map(game => ({
data: game.appid,
label: game.name
}))}
selectedOption={selectedGame?.appid}
onChange={(option) => {
const game = games.find(g => g.appid === option.data);
setSelectedGame(game || null);
setResult('');
}}
strDefaultLabel="Select a game..."
menuLabel="Installed Games"
/>
</PanelSectionRow>
{result ? (
<PanelSectionRow>
<div style={STYLES.resultBox}>
{result}
</div>
</PanelSectionRow>
) : null}
{selectedGame ? (
<>
<PanelSectionRow>
<ButtonItem
layout="below"
onClick={handlePatchClick}
>
Patch
</ButtonItem>
</PanelSectionRow>
<PanelSectionRow>
<ButtonItem
layout="below"
onClick={handleUnpatchClick}
>
Unpatch
</ButtonItem>
</PanelSectionRow>
</>
) : null}
</PanelSection>
);
}
|
