mirrors/decky-plugin-template
1
0
Fork 0
mirror of https://github.com/SteamDeckHomebrew/decky-plugin-template.git synced 2025-11-02 00:02:25 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Actuall add decky-frontend-lib and remove some old code

Browse source
This commit is contained in:
Jonas Dellinger 2022-05-13 23:18:19 +02:00
commit 5a60010268
5 changed files with 84 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

71
src/index.tsx
View file

@ -1,50 +1,59 @@
import {
Button,
definePlugin,
PanelSection,
PanelSectionRow,
Menu,
MenuItem,
ServerAPI,
TabTitle,
showModal,
staticClasses,
} from "decky-frontend-lib";
import { useState, VFC } from "react";
import { VFC } from "react";
import { FaShip } from "react-icons/fa";
interface AddMethodArgs {
left: number;
right: number;
}
// interface AddMethodArgs {
// left: number;
// right: number;
// }
const Content: VFC<{ serverAPI: ServerAPI }> = ({ serverAPI }) => {
const [result, setResult] = useState<number | undefined>();
const Content: VFC<{ serverAPI: ServerAPI }> = ({}) => {
// const [result, setResult] = useState<number | undefined>();
const onClick = async () => {
const result = await serverAPI.callPluginMethod<AddMethodArgs, number>(
"add",
{
left: 2,
right: 2,
}
);
if (result.success) {
setResult(result.result);
}
};
// const onClick = async () => {
// const result = await serverAPI.callPluginMethod<AddMethodArgs, number>(
// "add",
// {
// left: 2,
// right: 2,
// }
// );
// if (result.success) {
// setResult(result.result);
// }
// };
return (
<PanelSection>
<PanelSectionRow>
<Button layout="below" bottomSeparator={false} onClick={onClick}>
What is 2+2?
</Button>
<div>Server says: {result}</div>
</PanelSectionRow>
</PanelSection>
<div>
<Button
onClick={(e) =>
showModal(
<Menu label="Menu" cancelText="CAAAANCEL" onCancel={() => {}}>
<MenuItem onSelected={() => {}}>Item #1</MenuItem>
<MenuItem onSelected={() => {}}>Item #2</MenuItem>
<MenuItem onSelected={() => {}}>Item #3</MenuItem>
</Menu>,
e.currentTarget ?? window
)
}
>
Server says yolo
</Button>
</div>
);
};
export default definePlugin((serverApi) => {
return {
title: <TabTitle>Example Plugin</TabTitle>,
title: <div className={staticClasses.Title}>Example Plugin</div>,
content: <Content serverAPI={serverApi} />,
icon: <FaShip />,
};