Revert "Extend Audio Settings to use OS Audio Management Systems (#2107…

…)" (#2108)

This reverts commit 55ded93.

launcher/package.json

@@ -44,7 +44,6 @@
     "geoip-lite": "^1.4.7",
     "jszip": "^3.10.1",
     "leader-line-new": "^1.1.9",
-    "loudness": "^0.4.2",
     "ping": "^0.4.4",
     "pinia": "^2.0.33",
     "qrcode": "^1.5.1",

launcher/public/output.css

@@ -887,6 +887,10 @@ video {
   left: 40%;
 }
 
+.left-\[50\%\]{
+  left: 50%;
+}
+
 .left-\[920px\]{
   left: 920px;
 }
@@ -983,6 +987,10 @@ video {
   top: 1px;
 }
 
+.top-\[25\%\]{
+  top: 25%;
+}
+
 .top-\[33\%\]{
   top: 33%;
 }
@@ -991,6 +999,10 @@ video {
   top: 42%;
 }
 
+.top-\[50\%\]{
+  top: 50%;
+}
+
 .top-\[56px\]{
   top: 56px;
 }
@@ -1035,6 +1047,10 @@ video {
   grid-column: span 10 / span 10;
 }
 
+.col-span-12{
+  grid-column: span 12 / span 12;
+}
+
 .col-span-2{
   grid-column: span 2 / span 2;
 }
@@ -1616,6 +1632,14 @@ video {
   height: 33.333333%;
 }
 
+.h-1\/4{
+  height: 25%;
+}
+
+.h-1\/5{
+  height: 20%;
+}
+
 .h-1\/6{
   height: 16.666667%;
 }
@@ -1844,6 +1868,10 @@ video {
   height: 80px;
 }
 
+.h-\[90\%\]{
+  height: 90%;
+}
+
 .h-\[90px\]{
   height: 90px;
 }
@@ -2086,6 +2114,10 @@ video {
   width: 25%;
 }
 
+.w-1\/5{
+  width: 20%;
+}
+
 .w-1\/6{
   width: 16.666667%;
 }
@@ -2098,6 +2130,10 @@ video {
   width: 83.333333%;
 }
 
+.w-11{
+  width: 2.75rem;
+}
+
 .w-11\/12{
   width: 91.666667%;
 }
@@ -2126,6 +2162,14 @@ video {
   width: 50%;
 }
 
+.w-2\/5{
+  width: 40%;
+}
+
+.w-2\/6{
+  width: 33.333333%;
+}
+
 .w-20{
   width: 5rem;
 }
@@ -2218,6 +2262,10 @@ video {
   width: 2rem;
 }
 
+.w-8\/12{
+  width: 66.666667%;
+}
+
 .w-9{
   width: 2.25rem;
 }
@@ -2226,6 +2274,10 @@ video {
   width: 75%;
 }
 
+.w-\[10\%\]{
+  width: 10%;
+}
+
 .w-\[100px\]{
   width: 100px;
 }
@@ -2278,6 +2330,10 @@ video {
   width: 200px;
 }
 
+.w-\[24\%\]{
+  width: 24%;
+}
+
 .w-\[27px\]{
   width: 27px;
 }
@@ -2346,6 +2402,10 @@ video {
   width: 8rem;
 }
 
+.w-\[90\%\]{
+  width: 90%;
+}
+
 .w-fit{
   width: -webkit-fit-content;
   width: -moz-fit-content;
@@ -2473,6 +2533,18 @@ video {
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.rotate-90{
+  --tw-rotate: 90deg;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.rotate-\[270deg\]{
+  --tw-rotate: 270deg;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .scale-100{
   --tw-scale-x: 1;
   --tw-scale-y: 1;
@@ -2866,6 +2938,12 @@ video {
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
+.space-x-3 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
 .space-x-4 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -4244,6 +4322,14 @@ video {
   padding: 2rem;
 }
 
+.p-\[\.10rem\]{
+  padding: .10rem;
+}
+
+.p-\[0\.10rem\]{
+  padding: 0.10rem;
+}
+
 .p-\[1px\]{
   padding: 1px;
 }
@@ -4464,6 +4550,10 @@ video {
   line-height: 2.25rem;
 }
 
+.text-\[100\%\]{
+  font-size: 100%;
+}
+
 .text-\[10px\]{
   font-size: 10px;
 }
@@ -4496,10 +4586,42 @@ video {
   font-size: 26px;
 }
 
+.text-\[30\%\]{
+  font-size: 30%;
+}
+
+.text-\[40\%\]{
+  font-size: 40%;
+}
+
+.text-\[45\%\]{
+  font-size: 45%;
+}
+
+.text-\[50\%\]{
+  font-size: 50%;
+}
+
+.text-\[55\%\]{
+  font-size: 55%;
+}
+
+.text-\[60\%\]{
+  font-size: 60%;
+}
+
+.text-\[7px\]{
+  font-size: 7px;
+}
+
 .text-\[8px\]{
   font-size: 8px;
 }
 
+.text-\[90\%\]{
+  font-size: 90%;
+}
+
 .text-\[9px\]{
   font-size: 9px;
 }
@@ -4562,6 +4684,10 @@ video {
   font-weight: 600;
 }
 
+.font-thin{
+  font-weight: 100;
+}
+
 .uppercase{
   text-transform: uppercase;
 }
@@ -4658,6 +4784,11 @@ video {
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
+.text-blue-300{
+  --tw-text-opacity: 1;
+  color: rgb(147 197 253 / var(--tw-text-opacity));
+}
+
 .text-blue-400{
   --tw-text-opacity: 1;
   color: rgb(96 165 250 / var(--tw-text-opacity));
@@ -4748,6 +4879,11 @@ video {
   color: rgb(249 115 22 / var(--tw-text-opacity));
 }
 
+.text-orange-600{
+  --tw-text-opacity: 1;
+  color: rgb(234 88 12 / var(--tw-text-opacity));
+}
+
 .text-red-400{
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity));
@@ -5096,6 +5232,12 @@ video {
           filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
+.sepia{
+  --tw-sepia: sepia(100%);
+  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .filter{
   -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
           filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

launcher/src/background.js

@@ -18,7 +18,6 @@ import path from "path";
 import { readFileSync } from "fs";
 import url from "url";
 import checkSigningKeys from "./backend/web3/CSM.js";
-const loudness = require("loudness");
 const isDevelopment = process.env.NODE_ENV !== "production";
 const nodeConnection = new NodeConnection();
 const storageService = new StorageService();
@@ -692,15 +691,6 @@ ipcMain.handle("checkConnectionQuality", async (event, args) => {
   return await nodeConnection.sshService.checkConnectionQuality(args);
 });
 
-ipcMain.handle("set-system-volume", async (event, volume) => {
-  await loudness.setVolume(volume * 100);
-});
-
-ipcMain.handle("get-system-volume", async () => {
-  const volume = await loudness.getVolume();
-  return volume / 100;
-});
-
 ipcMain.handle("startShell", async (event) => {
   if (!nodeConnection.sshService.shellStream) {
     try {

launcher/src/components/UI/node-page/components/alert/NodeAlert.vue

@@ -351,7 +351,6 @@ export default {
       criticalCsm: [],
       notifCsm: [],
       csmInterval: null,
-      volumeSyncInterval: null,
     };
   },
   computed: {
@@ -455,7 +454,6 @@ export default {
     },
   },
   mounted() {
-    this.volumeSyncInterval = setInterval(this.syncSystemVolume, 2000);
     this.checkSettings();
     this.readService();
     this.watchAlertStatus();
@@ -472,7 +470,6 @@ export default {
     }, 120000);
   },
   beforeUnmount() {
-    clearInterval(this.volumeSyncInterval);
     clearInterval(this.polling);
     if (this.obolInterval) {
       clearInterval(this.obolInterval);
@@ -562,25 +559,10 @@ export default {
       }
     },
 
-    async volToggle() {
-      if (this.volState) {
-        this.currentVolume = await window.promiseIpc.getVolume();
-        await window.promiseIpc.setVolume(0);
-        this.volState = false;
-      } else {
-        await window.promiseIpc.setVolume(this.currentVolume || 0.95);
-        this.volState = true;
-      }
-    },
-
-    async syncSystemVolume() {
-      try {
-        const systemVolume = await window.promiseIpc.getVolume();
-        this.currentVolume = systemVolume;
-        this.volState = systemVolume > 0;
-      } catch (error) {
-        console.error("Failed to sync system volume:", error);
-      }
+    volToggle() {
+      this.volState = !this.volState;
+      this.updateSettings(this.volState ? 0.95 : 0);
+      this.cursorLocation = ``;
     },
     iconFilter(arg) {
       if (arg.name === "PrometheusNodeExporter") {