2 New Settings + Updated SDK

src/internal/Settings.tsx

@@ -14,6 +14,8 @@ const Settings: Plugin = {
   page({ sdk }) {
     const [pluginLocation, setPluginLocation] = useState(sdk.config.get("storageLocation"));
     const [autoUpdate, setAutoUpdate] = useState(sdk.config.get("autoUpdate") === "true");
+    const [notifications, setNotifications] = useState(sdk.config.get("notifications") === "true");
+    const [pluginNotifs, setPluginNotifs] = useState(sdk.config.get("pluginNotifs") === "true");
     function setStorageLocation(checked: boolean) {
       if (checked) {
         sdk.config.set("storageLocation", "internal")
@@ -34,6 +36,27 @@ const Settings: Plugin = {
       }
     }
 
+    function notificationSet(checked: boolean) {
+      if (checked) {
+        sdk.config.set("notifications", "true")
+        setNotifications(true);
+      } else {
+        sdk.config.set("notifications", "false")
+        setNotifications(false);
+      }
+    }
+
+    function pluginNotifSet(checked: boolean) {
+      if (checked) {
+        sdk.config.set("pluginNotifs", "true")
+        setPluginNotifs(true);
+      } else {
+        sdk.config.set("pluginNotifs", "false")
+        setPluginNotifs(false);
+      }
+    }
+
+
     return (
         <div className="flex flex-col items-center w-full pt-16">
             <h1 className="font-bold text-5xl">Settings </h1>
@@ -46,6 +69,14 @@ const Settings: Plugin = {
                 <Switch id="auto-update" checked={autoUpdate} onCheckedChange={(checked) => autoUpdateSet(checked)} />
                 <Label className="text-md" htmlFor="auto-update">Auto Update</Label>
             </div>
+            <div className="flex flex-row items-center gap-4 mt-2">
+                <Switch id="notifications" checked={notifications} onCheckedChange={(checked) => notificationSet(checked)} />
+                <Label className="text-md" htmlFor="notifications">Disable All Notifications</Label>
+            </div>
+            <div className="flex flex-row items-center gap-4 mt-2">
+                <Switch id="pluginNotif" checked={pluginNotifs} onCheckedChange={(checked) => pluginNotifSet(checked)} />
+                <Label className="text-md" htmlFor="pluginNotif">Disable Notifications from Plugins</Label>
+            </div>
             </div>
         </div>
     )

src/lib/bunker.ts

@@ -2,7 +2,8 @@ import { SDK } from "./sdk"
 let version: string = "v0.2.4"
 let pluginLocation: string = "internal"
 let autoUpdate: string = "true"
-
+let notifications: string = "false" // True = disable all notifications, false = enable all
+let pluginNotifs: string = "true" // True = enabled plugin notifications, false = disabled plugin notifications
 
 
 let Settings = new SDK("bunker.settings")
@@ -12,9 +13,19 @@ pluginLocation = Settings.config.get("storageLocation") || pluginLocation
 // @ts-ignore
 autoUpdate = Settings.config.get("autoUpdate") || autoUpdate;
 
+// @ts-ignore
+notifications = Settings.config.get("notifications") || notifications;
+
+// @ts-ignore
+pluginNotifs = Settings.config.get("pluginNotifs") || pluginNotifs;
+
 const bunker = {
   version,
   pluginLocation,
   autoUpdate,
+  notifications,
+  pluginNotifs
 }
 export default bunker
+
+

src/lib/sdk.ts

@@ -1,4 +1,5 @@
 import { $plugins } from "./plugins"
+import { toast } from "sonner"
 
 // interface Setting {
 //   pluginId: string
@@ -40,4 +41,20 @@ export class SDK {
       return plugins.some((plugin) => plugin.id === pluginId)
     },
   }
+
+  public notification = {
+     push: (message: string, type: string) => {
+       if (this.config.get("notifications") === "false") return
+       console.log(`[${this.id}] Pushing notification: ${message}`)
+       if (type === "error") {
+         toast.error(message)
+       } else if (type === "success") {
+         toast.success(message)
+       } else if (type === "info") {
+         toast.info(message)
+       } else {
+         toast(message)
+       }
+     }
+  }
 }

src/root.tsx

@@ -10,6 +10,7 @@ import { useEffect } from "react"
 import { registerDefaultPlugins } from "./lib/plugins"
 import PluginRouter from "./routes/pluginrouter"
 import { createRoot } from "react-dom/client"
+import bunker from "./lib/bunker"
 
 import "./styles.css"
 
@@ -24,7 +25,7 @@ export default function App() {
     <div className="flex bg-zinc-900">
       <HashRouter>
         <Navbar />
-        <Toaster position="top-right" />
+        {bunker.notifications === "false" && <Toaster position="top-right" />}
         <div className="w-[calc(100vw-4rem)] absolute right-0 top-0 h-screen">
           <Routes>
             <Route element={<Home />} path="/" />