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
|
import {
ButtonItem,
PanelSection,
PanelSectionRow,
Router,
// ServerAPI,
staticClasses,
} from "@decky/ui";
import {
addEventListener,
removeEventListener,
callable,
definePlugin,
toaster,
// routerHook
} from "@decky/api"
// import { call, callable } from "@decky/backend";
import { useState } from "react";
import { FaShip } from "react-icons/fa";
// import logo from "../assets/logo.png";
// interface AddMethodArgs {
// left: number;
// right: number;
// }
const add = callable<[first: number, second: number], number>("add");
const startTimer = callable<[], void>("start_timer");
function Content() {
const [result, setResult] = useState<number | undefined>();
const onClick = async () => {
const result = await add(Math.random(), Math.random());
setResult(result);
};
return (
<PanelSection title="Panel Section">
<PanelSectionRow>
<ButtonItem
layout="below"
onClick={onClick}
>
{result || "Add two numbers via Python"}
</ButtonItem>
</PanelSectionRow>
<PanelSectionRow>
<ButtonItem
layout="below"
onClick={() => startTimer()}
>
{"Start Python timer"}
</ButtonItem>
</PanelSectionRow>
{/* <PanelSectionRow>
<div style={{ display: "flex", justifyContent: "center" }}>
<img src={logo} />
</div>
</PanelSectionRow> */}
<PanelSectionRow>
<ButtonItem
layout="below"
onClick={() => {
Navigation.CloseSideMenus();
Navigation.Navigate("/decky-plugin-test");
}}
>
Router
</ButtonItem>
</PanelSectionRow>
</PanelSection>
);
};
export default definePlugin(() => {
// serverApi.routerHook.addRoute("/decky-plugin-test", DeckyPluginRouterTest, {
// exact: true,
// });
// console.log("init plugin", call, callable)
const listener = addEventListener<[
test1: string,
test2: boolean,
test3: number
]>("test_event", (test1, test2, test3) => {
console.log("Template got event", test1, test2, test3)
toaster.toast({
title: "template got event",
body: `${test1}, ${test2}, ${test3}`
});
});
return {
title: <div className={staticClasses.Title}>API v2 Example Plugin</div>,
content: <Content />,
icon: <FaShip />,
onDismount() {
console.log("Unloading")
removeEventListener("test_event", listener);
// serverApi.routerHook.removeRoute("/decky-plugin-test");
},
};
});
|
