[notification-volume] init

README.md

@@ -100,6 +100,16 @@ https://ioj4.github.io/shelter-plugins/no-call-idle/
 https://ioj4.github.io/shelter-plugins/revert-font/
 ```
 
+### [Notification Volume](https://github.com/ioj4/shelter-plugins/tree/master/plugins/notification-volume/)
+
+##### Allows you to set a volume for all notifications and sounds
+
+<img src="static/notification-volume.png" width="320">
+
+```
+https://ioj4.github.io/shelter-plugins/notification-volume/
+```
+
 ### [Timestamp File Names](https://github.com/ioj4/shelter-plugins/tree/master/plugins/timestamp-file-names/)
 
 ##### Replaces the name of files you upload to the current Unix timestamp

plugins/notification-volume/index.jsx

@@ -0,0 +1,33 @@
+const {
+    ui: { Slider, Header },
+    plugin: { store, scoped },
+    patcher
+} = shelter;
+
+import classes from "./styles.jsx.scss";
+
+export function onLoad() {
+    store.volume ??= 100;
+
+    scoped.patcher.after("Audio", window, (args, res) => {
+        patcher.before("play", res, function () {
+            this.volume = store.volume / 100;
+        });
+    });
+}
+
+export const settings = () => (
+    <div class={classes.container}>
+        <Header class={classes.header}>
+            Volume of notifications and sounds
+        </Header>
+        <Slider
+            min={0}
+            max={100}
+            value={store.volume}
+            step={5}
+            tick
+            onInput={(v) => (store.volume = v)}
+        />
+    </div>
+);

plugins/notification-volume/plugin.json

@@ -0,0 +1,6 @@
+{
+    "name": "Notification Volume",
+    "description": "Allows you to set a volume for all notifications and sounds",
+    "author": "ioj4",
+    "hash": "<HASH_PLACEHOLDER>"
+}

plugins/notification-volume/styles.jsx.scss

@@ -0,0 +1,15 @@
+.header {
+    font-weight: 700;
+    margin-bottom: 8px;
+    letter-spacing: 0.02em;
+    line-height: 1.33333;
+}
+
+.container {
+    position: absolute;
+    margin: 0;
+    width: 80%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}