Cava Module (#662)

* First version of the cava module

* Update cava stuff

* Update themes for cava

* Update themes

* Handle cava visibility when null

* Add bar characters in options

---------

Co-authored-by: Ed Bennett <ed@dodimead.com>
Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

src/components/bar/modules/cava/index.tsx

@@ -0,0 +1,77 @@
+import { Variable, bind } from 'astal';
+import { Astal } from 'astal/gtk3';
+import { cavaService } from 'src/lib/constants/services';
+import { BarBoxChild } from 'src/lib/types/bar';
+import { Module } from '../../shared/Module';
+import { inputHandler } from '../../utils/helpers';
+import options from 'src/options';
+import { initSettingsTracker, initVisibilityTracker } from './helpers';
+
+const {
+    icon,
+    showIcon: label,
+    showActiveOnly,
+    barCharacters,
+    spaceCharacter,
+    leftClick,
+    rightClick,
+    middleClick,
+    scrollUp,
+    scrollDown,
+} = options.bar.customModules.cava;
+
+const isVis = Variable(!showActiveOnly.get());
+
+initVisibilityTracker(isVis);
+initSettingsTracker();
+
+export const Cava = (): BarBoxChild => {
+    let labelBinding: Variable<string> = Variable('');
+
+    if (cavaService) {
+        labelBinding = Variable.derive(
+            [bind(cavaService, 'values'), bind(spaceCharacter), bind(barCharacters)],
+            (values, spacing, blockCharacters) => {
+                const valueMap = values
+                    .map((v: number) => {
+                        const index = Math.floor(v * blockCharacters.length);
+                        return blockCharacters[Math.min(index, blockCharacters.length - 1)];
+                    })
+                    .join(spacing);
+                return valueMap;
+            },
+        );
+    }
+
+    return Module({
+        isVis,
+        label: labelBinding(),
+        showIconBinding: bind(label),
+        textIcon: bind(icon),
+        boxClass: 'cava',
+        props: {
+            setup: (self: Astal.Button) => {
+                inputHandler(self, {
+                    onPrimaryClick: {
+                        cmd: leftClick,
+                    },
+                    onSecondaryClick: {
+                        cmd: rightClick,
+                    },
+                    onMiddleClick: {
+                        cmd: middleClick,
+                    },
+                    onScrollUp: {
+                        cmd: scrollUp,
+                    },
+                    onScrollDown: {
+                        cmd: scrollDown,
+                    },
+                });
+            },
+            onDestroy: () => {
+                labelBinding.drop();
+            },
+        },
+    });
+};