add armcord settings plugin

README.md

@@ -10,3 +10,8 @@ Let's you change screenshare quality in ArmCord/Discord Web.
 Links built-in ArmCord arRPC with Discord.       
 
 `https://armcord.github.io/shelter-plugins/armcordRPC/`
+
+## ArmCord Settings 
+A bridge between ArmCord and Discord UI     
+
+`https://armcord.github.io/shelter-plugins/armcordSettings/`

plugins/armcordSettings/index.js

@@ -0,0 +1,25 @@
+import { LegacyPage } from "./pages/LegacyPage";
+import { SettingsPage } from "./pages/SettingsPage";
+import { ThemesPage } from "./pages/ThemesPage";
+import { UpdaterPage } from "./pages/UpdaterPage";
+const {
+  settings: {registerSection},
+  util: { log },
+} = shelter;
+
+let settingsPages = [
+  registerSection('divider'),
+  registerSection('header', "ArmCord"),
+  registerSection('section', "armcord-legacy", "Legacy", LegacyPage),
+  registerSection('section', "armcord-settings", "Settings", SettingsPage),
+  registerSection('section', "armcord-themes", "Themes", ThemesPage),
+  registerSection('section', "armcord-updater", "Updater", UpdaterPage),
+]
+
+export function onLoad() {
+  log("ArmCord Settings")
+  settingsPages
+}
+export function onUnload() {
+  settingsPages.forEach((e) => e())
+}

plugins/armcordSettings/pages/LegacyPage.jsx

@@ -0,0 +1,14 @@
+const {
+    ui: { Header, HeaderTags, Button, Divider },
+  } = shelter;
+
+export function LegacyPage() {
+    return(
+        <>
+      <Header tag={HeaderTags.H1}>Legacy ArmCord components</Header>
+      <Button onClick={window.armcord.openSettingsWindow}>Settings</Button>
+      <Divider mt mb="30px"/>
+      <Button onClick={window.armcord.openThemesWindow}>Themes</Button>
+    </>
+    )
+}

plugins/armcordSettings/pages/SettingsPage.jsx

@@ -0,0 +1,21 @@
+
+
+const {
+    plugin: { store },
+    ui: { SwitchItem, Header, Divider, HeaderTags },
+  } = shelter;
+
+
+export async function SettingsPage() {
+    const settings = armcord.settings.config
+    console.error(settings)
+    return(
+        <>
+      <Header tag={HeaderTags.H1}>Settings</Header>
+      <Divider mt mb="30px"/>
+      <Header tag={HeaderTags.H5}>Mods</Header>
+      <SwitchItem note="placeholder" value={settings.armcordCSP}>ArmCord CSP</SwitchItem>
+      <SwitchItem note="placeholder" value={settings.autoScroll}>Vencord</SwitchItem>
+    </>
+    )
+}

plugins/armcordSettings/pages/ThemesPage.jsx

@@ -0,0 +1,12 @@
+const {
+    plugin: { store },
+    ui: { TextBox, Header, HeaderTags },
+  } = shelter;
+
+export function ThemesPage() {
+    return(
+        <>
+      <Header tag={HeaderTags.H1}>Themes</Header>
+    </>
+    )
+}

plugins/armcordSettings/pages/UpdaterPage.jsx

@@ -0,0 +1,12 @@
+const {
+    plugin: { store },
+    ui: { TextBox, Header, HeaderTags },
+  } = shelter;
+
+export function UpdaterPage() {
+    return(
+        <>
+      <Header tag={HeaderTags.H1}>Updater</Header>
+    </>
+    )
+}

plugins/armcordSettings/plugin.json

@@ -0,0 +1,5 @@
+{
+  "name": "ArmCord Settings",
+  "author": "smartfrigde",
+  "description": "A bridge between ArmCord and Discord UI"
+}