src/index.tsx


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

import { definePlugin } from "decky-frontend-lib";
import React from "react";
import { FaGlobe } from "react-icons/fa"; // Example icon

function Content() {
  return (
    <div style={{ width: "100%", height: "100%" }}>
      <iframe
        src="https://example.com" // Replace with your desired URL
        style={{
          width: "100%",
          height: "100%",
          border: "none",
        }}
        title="WebPage Viewer"
      ></iframe>
    </div>
  );
}

export default definePlugin(() => {
  return {
    name: "WebPage Viewer",
    title: <div>WebPage Viewer</div>, // Title shown in Decky
    icon: <FaGlobe />,                // Icon for the plugin
    content: <Content />,
    onDismount() {},
  };
});