[Install] Properly install yazi plugins

This script automatically fixes any file name errors to ensure all files
are named correctly. Use with caution, as I have not yet tested it much

config.json

@@ -1,5 +0,0 @@
-{
-    "gen": {
-        "overrides": {}
-    }
-}

config/astal/components/QuickActions/modules/Audio/Audio.tsx

@@ -1,4 +1,4 @@
-import { bind, Binding } from "astal";
+import { bind } from "astal";
 import { Gtk } from "astal/gtk4";
 import AstalWp from "gi://AstalWp";
 
@@ -13,8 +13,8 @@ const AudioModule = () => {
         wp.defaultMicrophone.set_volume(volume / 100);
     };
 
-    const speakerSelector = SinkSelectPopover(AstalWp.MediaClass.AUDIO_SPEAKER);
-    const micSelector = SinkSelectPopover(AstalWp.MediaClass.AUDIO_MICROPHONE);
+    const speakerSelector = SinkSelectPopover(AstalWp.MediaClass.AUDIO_SINK);
+    const micSelector = SinkSelectPopover(AstalWp.MediaClass.AUDIO_SOURCE);
 
     return (
         <box cssClasses={["audio-box"]} vertical>
@@ -107,12 +107,18 @@ const AudioModule = () => {
 };
 
 const SinkPicker = (type: AstalWp.MediaClass) => {
-    const devices = bind(wp, "endpoints");
+    const devices = bind(wp, "nodes");
+    wp.connect("ready", () => {
+        const dev = wp.get_nodes()!
+        for (let i = 0; i < dev.length; i++) {
+            const d = dev[i];
+        }
+    })
 
     return (
         <box vertical>
             <label
-                label={`Available Audio ${type === AstalWp.MediaClass.AUDIO_SPEAKER ? "Output" : type === AstalWp.MediaClass.AUDIO_MICROPHONE ? "Input" : ""} Devices`}
+                label={`Available Audio ${type === AstalWp.MediaClass.AUDIO_SINK ? "Output" : type === AstalWp.MediaClass.AUDIO_SOURCE ? "Input" : ""} Devices`}
                 cssClasses={[ 'title-2' ]}
             ></label>
             <Gtk.Separator marginBottom={5} marginTop={3}></Gtk.Separator>
@@ -128,11 +134,11 @@ const SinkPicker = (type: AstalWp.MediaClass) => {
                                     if (
                                         id ===
                                         (type ===
-                                        AstalWp.MediaClass.AUDIO_SPEAKER
+                                        AstalWp.MediaClass.AUDIO_SINK
                                             ? wp.defaultSpeaker.id
                                             : type ===
                                                 AstalWp.MediaClass
-                                                    .AUDIO_MICROPHONE
+                                                    .AUDIO_SOURCE
                                               ? wp.defaultMicrophone.id
                                               : "")
                                     ) {

config/astal/components/QuickActions/modules/Audio/dump

@@ -0,0 +1,51 @@
+
+                {devices.as(d => {
+                    return d.map(device => {
+                        if (device.get_media_class() !== type) {
+                            return <box cssClasses={[ 'empty' ]}></box>;
+                        }
+                        return (
+                            <button
+                                cssClasses={bind(device, "id").as(id => {
+                                    if (
+                                        id ===
+                                        (type ===
+                                        AstalWp.MediaClass.AUDIO_SPEAKER
+                                            ? wp.defaultSpeaker.id
+                                            : type ===
+                                                AstalWp.MediaClass
+                                                    .AUDIO_MICROPHONE
+                                              ? wp.defaultMicrophone.id
+                                              : "")
+                                    ) {
+                                        return [
+                                            "sink-option",
+                                            "currently-selected-sink-option",
+                                        ];
+                                    } else {
+                                        return ["sink-option"];
+                                    }
+                                })}
+                                child={
+                                    <box halign={Gtk.Align.START}>
+                                        <image
+                                            iconName={bind(device, "icon").as(
+                                                icon => icon,
+                                            )}
+                                            marginEnd={3}
+                                        ></image>
+                                        <label
+                                            label={bind(
+                                                device,
+                                                "description",
+                                            ).as(t => t ?? "")}
+                                        ></label>
+                                    </box>
+                                }
+                                onClicked={() => {
+                                    device.set_is_default(true);
+                                }}
+                            ></button>
+                        );
+                    });
+                })}

config/astal/components/bar/Bar.tsx

@@ -21,7 +21,7 @@ const Bar = ( { gdkmonitor, name }: { gdkmonitor: Gdk.Monitor, name: string } )
             child={
                 <CenterBox
                     orientation={Gtk.Orientation.HORIZONTAL}
-                    start_widget={
+                    startWidget={
                         <box
                             hexpand
                             halign={Gtk.Align.START}

config/astal/util/colours.scss

@@ -1,5 +1,5 @@
-$fg-color: #C8DCFF;
-$bg-color: #0A0A0F;
+$fg-color: #E6E6E6;
+$bg-color: #141414;
 $accent-color: #591641;
 $accent-color-2: #97103A;
-$shadow-color: rgba(0, 0, 2, 0.3);
+$shadow-color: rgba(40, 40, 40, 0.3);

config/hypr/hypridle.conf

@@ -9,15 +9,15 @@
 #██████████████   █████   ████████████████████████████████████████████████████████████████████████████████████████████████    ██
 
 general {
-    lock_cmd = hyprlock --immediate
+    lock_cmd = hyprlock
     unlock_cmd = loginctl unlock-session
-    before_sleep_cmd = hyprlock --immediate
-    after_sleep_cmd = hyprlock --immediate
+    before_sleep_cmd = hyprlock
+    after_sleep_cmd = hyprlock
 }
 
 listener {
     timeout = 300
-    on-timeout = hyprlock
+    on-timeout = hyprlock --grace 15
 }
 
 listener {

config/hypr/hyprland/binds.conf

@@ -8,9 +8,7 @@ $mainMod = SUPER
 # These key-binds are non-specific, laptop config has a separate file that includes 
 # extra config for it specifically
 bind = $mainMod, Q, killactive
-# bind = $mainMod SHIFT, Q, exit
 bind = $mainMod, Return, exec, kitty
-# bind = $mainMod, E, exec, thunar
 bind = $mainMod SHIFT, E, exec, thunar
 bind = $mainMod, E, exec, kitty --hold fish -c "y"
 bind = $mainMod, V, togglefloating,
@@ -46,7 +44,7 @@ bind = $mainMod SHIFT, L, exec, librewolf
 bind = $mainMod SHIFT, D, exec, vesktop
 bind = $mainMod SHIFT, V, exec, vscodium
 bind = $mainMod SHIFT, T, exec, thunderbird
-bind = $mainMod SHIFT, H, exec, heroic
+bind = $mainMod CTRL, H, exec, heroic
 bind = $mainMod SHIFT, Z, exec, zathura
 bind = $mainMod SHIFT, I, exec, notify-send 'AirPlay video server starting...' --app-name="AirPlay Video" && terminator -e "systemctl start avahi-daemon && sleep 5 && uxplay -n LinuxVideoPlay -nh"
 bind = $mainMod SHIFT, A, exec, notify-send 'AirPlay server starting...' --app-name="AirPlay Audio" && terminator -T "hidden-terminator" -e "systemctl start avahi-daemon && shairport-sync -a LinuxPlay"
@@ -68,6 +66,7 @@ bind = SHIFT, PRINT, exec, grimblast --notify save screen
 # │                 Rofi commands                  │
 # └                                                ┘
 bind = $mainMod, Space, exec, killall rofi || rofi -show combi -modes combi -combi-modes "window,drun,run"
+bind = $mainMod SHIFT, H, exec, cliphist list | rofi -dmenu | cliphist decode | wl-copy
 
 # ┌                                                ┐
 # │                Logout commands                 │
@@ -157,8 +156,6 @@ bind = $mainMod, mouse_up, workspace, e-1
 # │         ALT + Tab / SHIFT + ALT + Tab          │
 # └                                                ┘
 bind = ALT SHIFT, tab, cyclenext, prev
-# bind = ALT, tab, cyclenext, next
-# bind = ALT CTRL, tab, focusurgentorlast
 bind = ALT, tab, focusurgentorlast
 
 

config/hypr/hyprland/colors.conf

@@ -13,6 +13,6 @@ general {
 
 decoration {
     shadow {
-        color = rgb(000002)
+        color = rgb(282828)
     }
 }

config/hypr/hyprland/general.conf

@@ -18,6 +18,9 @@ exec-once = sleep 2 && bash -c "ags run -d ~/projects/active/dotfiles/config/ast
 exec-once = bash -c "ags run -d ~/projects/active/dotfiles/config/ags/notifications/ >> /tmp/notifier-log 2>&1"
 # exec-once = bash -c "ags run -d ~/projects/active/dotfiles/config/ags/notifications/"
 
+# ── wlhist ──────────────────────────────────────────────────────────
+exec-once = wl-paste --type text --watch cliphist store # Stores only text data
+exec-once = wl-paste --type image --watch cliphist store # Stores only image data
 
 
 exec = hyprctl setcursor oreo_spark_blue_cursors 24
@@ -66,7 +69,7 @@ gestures {
 general {
     gaps_in = 3
     gaps_out = 4
-    border_size = 1
+    border_size = 2
 
     layout = dwindle
     no_border_on_floating = false

config/hypr/hyprland_docked.conf

@@ -0,0 +1,58 @@
+#░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
+#░   ░░░░   ░░░░░░░░░░░░░░░░░░░░░░░░░░░░   ░░░░░░░░░░░░░░░░░░░░░░░░░░░   ░░░░░░░░░░░░   ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░   ░░░░░░░░░░░░░░
+#▒   ▒▒▒▒   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒   ▒▒▒▒▒▒▒▒▒   ▒▒▒   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒  ▒▒▒▒▒▒  ▒▒▒▒▒▒▒▒▒
+#▒   ▒▒▒▒   ▒   ▒▒▒   ▒  ▒   ▒▒▒  ▒    ▒   ▒▒▒▒   ▒▒▒▒▒   ▒   ▒▒▒▒▒▒▒▒   ▒▒▒▒▒▒▒▒   ▒▒▒▒▒▒▒▒▒▒▒   ▒▒▒▒▒   ▒   ▒▒▒    ▒  ▒▒▒▒▒▒▒     ▒▒
+#▓          ▓▓   ▓   ▓▓  ▓▓   ▓▓▓   ▓▓▓▓   ▓▓   ▓▓   ▓▓▓   ▓▓   ▓▓   ▓   ▓▓▓▓▓▓▓▓   ▓▓▓▓▓▓▓▓▓   ▓▓   ▓▓▓   ▓▓   ▓▓▓   ▓▓▓▓   ▓   ▓▓   
+#▓   ▓▓▓▓   ▓▓▓▓    ▓▓▓  ▓▓▓   ▓▓   ▓▓▓▓   ▓   ▓▓▓   ▓▓▓   ▓▓   ▓  ▓▓▓   ▓▓▓▓▓▓▓▓   ▓▓▓▓▓▓▓▓   ▓▓▓▓   ▓▓   ▓▓   ▓▓▓   ▓▓▓▓   ▓  ▓▓▓   
+#▓   ▓▓▓▓   ▓▓▓▓▓   ▓▓▓   ▓   ▓▓▓   ▓▓▓▓   ▓   ▓▓▓   ▓▓▓   ▓▓   ▓  ▓▓▓   ▓▓▓▓▓▓▓▓▓   ▓▓▓   ▓▓   ▓▓   ▓▓▓   ▓▓   ▓▓▓   ▓▓▓▓   ▓    ▓   
+#█   ████   ████   ████   ██████    ████   ███   █    █    ██   ██   █   ███████████     ██████   █████    ██   ███   ████   █████   █
+#██████████████   █████   ██████████████████████████████████████████████████████████████████████████████████████████████████████    ██
+
+
+
+
+
+# ────────────────────────────────────────────────────────────────────
+#          ╭────────────────────────────────────────────────╮
+#          │                    MONITORS                    │
+#          ╰────────────────────────────────────────────────╯
+# ────────────────────────────────────────────────────────────────────
+
+monitor=eDP-1, disable
+monitor=,highres highrr, auto, 1
+
+
+source=./hyprland/binds.conf
+source=./hyprland/general.conf
+source=./hyprland/windowrules.conf
+
+# ┌                                                ┐
+# │                     LAPTOP                     │
+# └                                                ┘
+exec = hyprctl setcursor oreo_spark_blue_cursors 36
+env = HYPRCURSOR_THEME, Oreo_spark_blue_cursor
+env = X_CURSOR_THEME, Oreo_spark_blue_cursor
+env = XCURSOR_SIZE,24
+env = XDG_SESSION_TYPE, wayland
+env = QT_QPA_PLATFORM,wayland
+env = ELECTRON_OZONE_PLATFORM_HINT,wayland
+exec-once = hyprpm reload -nn
+
+xwayland {
+    force_zero_scaling = true
+}
+
+# ── Volume control ──────────────────────────────────────────────────
+bind = ,code:123, exec, pamixer -i 5
+bind = ,code:122, exec, pamixer -d 5
+bind = ,code:121, exec, pamixer -t
+
+
+# ── Brightness-Control ──────────────────────────────────────────────
+bind = ,code:232, exec, light -U 5 && notify-send 'Display brightness decreased by 5%'
+bind = ,code:233, exec, light -A 5 && notify-send 'Display brightness increased by 5%'
+
+
+# ── Vivado inversion ────────────────────────────────────────────────
+windowrule = plugin:invertwindow, class:Vivado
+windowrule = tile, title:(.*)Vivado(.*)

config/hypr/hyprland_laptop.conf

@@ -19,7 +19,7 @@
 # ────────────────────────────────────────────────────────────────────
 
 monitor=eDP-1, 2880x1800@60, 0x0, 1.5
-# monitor=,highres highrr, auto, 1
+monitor=,highres highrr, auto, 1
 
 
 # exec = swaybg -m fill -i /home/janis/Pictures/arch-bg.png
@@ -68,6 +68,8 @@ bind = $mainMod CTRL, E, exec, hyprctl keyword monitor HDMI-A-1, 1920x1080@60, 1
 bind = $mainMod ALT, E, exec, hyprctl keyword monitor eDP-1, 2880x1800@60, 0x0, 1.5 && cpupower-gui -b && notify-send 'Set to battery optimized settings'
 bind = $mainMod ALT, P, exec, hyprctl keyword monitor eDP-1, 2880x1800@120, 0x0, 1.5 && cpupower-gui -p && notify-send 'Set to performance optimized settings'
 
+# ── Using docked ────────────────────────────────────────────────────
+bind = $mainMod ALT, D, exec, hyprctl keyword monitor eDP-1, disable
 
 # ── Vivado inversion ────────────────────────────────────────────────
 windowrule = plugin:invertwindow, class:Vivado

config/hypr/hyprlock.conf

@@ -9,10 +9,6 @@
 #██████████████   █████   ███████████████████████████████████████████████████████████████████████████████████████████████████    ██
 
 
-general {
-    grace = 15
-}
-
 # ┌                                                ┐
 # │                   BACKGROUND                   │
 # └                                                ┘

config/lint/.indentconfig.yaml

@@ -0,0 +1,2 @@
+paths:
+  - /home/janis/projects/active/dotfiles/config/lint/latexfmt.yaml

config/lint/eslint.config.mjs

@@ -1,5 +1,6 @@
 import vue from 'eslint-plugin-vue';
 import eslint from '@eslint/js';
+import globals from 'globals';
 import typescript from '@typescript-eslint/eslint-plugin';
 import stylistic from '@stylistic/eslint-plugin';
 import tseslint from 'typescript-eslint';
@@ -10,109 +11,692 @@ const style = {
         '@stylistic/js': stylistic,
         '@stylistic/ts': stylistic,
     },
+    'files': [
+        '**/*.ts',
+        '**/*.js',
+        '**/*.mjs',
+        '**/*.cjs',
+        '**/*.tsx',
+        '**/*.jsx'
+    ],
     'rules': {
         // Formatting
-        '@stylistic/array-bracket-newline': ['error', { 'multiline': true, 'minItems': 4 }],
-        '@stylistic/array-bracket-spacing': ['error', 'always'],
-        '@stylistic/array-element-newline': ['error', { 'multiline': true, 'minItems': 4 }],
-        '@stylistic/arrow-parens': ['error', 'as-needed'],
-        '@stylistic/arrow-spacing': ['error', { 'before': true, 'after': true }],
-        '@stylistic/block-spacing': ['error', 'always'],
-        '@stylistic/brace-style': ['error', '1tbs'],
-        '@stylistic/comma-spacing': ['error', { 'before': false, 'after': true }],
-        '@stylistic/comma-style': ['error', 'last'],
-        '@stylistic/dot-location': ['error', 'property'],
-        '@stylistic/eol-last': ['error', 'always'],
-        '@stylistic/function-call-spacing': ['error', 'never'],
-        '@stylistic/implicit-arrow-linebreak': ['error', 'beside'],
-        '@stylistic/indent': ['error', 4],
-        '@stylistic/key-spacing': ['error', { 'beforeColon': false, 'afterColon': true }],
-        '@stylistic/keyword-spacing': ['error', { 'before': true, 'after': true }],
-        '@stylistic/lines-between-class-members': ['error', 'always'],
-        '@stylistic/new-parens': ['error', 'always'],
-        '@stylistic/no-extra-parens': ['error', 'all'],
+        '@stylistic/array-bracket-newline': [
+            'error',
+            {
+                'multiline': true,
+                'minItems': 2
+            }
+        ],
+        '@stylistic/array-bracket-spacing': [
+            'error',
+            'always'
+        ],
+        '@stylistic/array-element-newline': [
+            'error',
+            {
+                'multiline': true,
+                'minItems': 2
+            }
+        ],
+        '@stylistic/arrow-parens': [
+            'error',
+            'as-needed'
+        ],
+        '@stylistic/arrow-spacing': [
+            'error',
+            {
+                'before': true,
+                'after': true
+            }
+        ],
+        '@stylistic/block-spacing': [
+            'error',
+            'always'
+        ],
+        '@stylistic/brace-style': [
+            'error',
+            '1tbs'
+        ],
+        '@stylistic/comma-spacing': [
+            'error',
+            {
+                'before': false,
+                'after': true
+            }
+        ],
+        '@stylistic/comma-style': [
+            'error',
+            'last'
+        ],
+        '@stylistic/dot-location': [
+            'error',
+            'property'
+        ],
+        '@stylistic/eol-last': [
+            'error',
+            'always'
+        ],
+        '@stylistic/function-call-spacing': [
+            'error',
+            'never'
+        ],
+        '@stylistic/function-paren-newline': [
+            'error',
+            'multiline'
+        ],
+        '@stylistic/function-call-argument-newline': [
+            'error',
+            'consistent'
+        ],
+        '@stylistic/implicit-arrow-linebreak': [
+            'error',
+            'beside'
+        ],
+        '@stylistic/indent': [
+            'error',
+            4
+        ],
+        '@stylistic/key-spacing': [
+            'error',
+            {
+                'beforeColon': false,
+                'afterColon': true
+            }
+        ],
+        '@stylistic/keyword-spacing': [
+            'error',
+            {
+                'before': true,
+                'after': true
+            }
+        ],
+        '@stylistic/lines-between-class-members': [
+            'error',
+            'always'
+        ],
+        '@stylistic/max-len': [
+            'warn',
+            {
+                'code': 90,
+                'comments': 100,
+                'ignoreComments': false,
+                'ignoreUrls': true,
+                'ignoreStrings': false
+            }
+        ],
+        '@stylistic/new-parens': [
+            'error',
+            'always'
+        ],
+        '@stylistic/newline-per-chained-call': [ 'error' ],
+        '@stylistic/no-extra-parens': [
+            'error',
+            'all',
+            {
+                'nestedBinaryExpressions': false,
+                'ternaryOperandBinaryExpressions': false,
+                'ignoreJSX': 'multi-line',
+                'nestedConditionalExpressions': false
+            }
+        ],
         '@stylistic/no-extra-semi': 'error',
         '@stylistic/no-floating-decimal': 'error',
         '@stylistic/no-mixed-operators': 'error',
         '@stylistic/no-mixed-spaces-and-tabs': 'error',
         '@stylistic/no-multi-spaces': 'error',
+        '@stylistic/no-multiple-empty-lines': [
+            'error',
+            {
+                'max': 3,
+                'maxEOF': 2
+            }
+        ],
+        '@stylistic/no-tabs': 'error',
         '@stylistic/no-trailing-spaces': 'error',
         '@stylistic/no-whitespace-before-property': 'error',
-        '@stylistic/object-curly-newline': ['error', { 'multiline': true, 'minProperties': 3 }],
-        '@stylistic/object-curly-spacing': ['error', 'always'],
+        '@stylistic/object-curly-newline': [
+            'error',
+            {
+                'multiline': true,
+                'minProperties': 1
+            }
+        ],
+        '@stylistic/object-curly-spacing': [
+            'error',
+            'always'
+        ],
+        '@stylistic/object-property-newline': 'error',
+        '@stylistic/operator-linebreak': [
+            'error',
+            'before'
+        ],
         '@stylistic/one-var-declaration-per-line': 'error',
-        '@stylistic/quote-props': ['error', 'always'],
-        '@stylistic/quotes': ['error', 'single'],
-        '@stylistic/rest-spread-spacing': ['error', 'never'],
-        '@stylistic/semi': ['error', 'always'],
-        '@stylistic/semi-spacing': ['error', { 'before': false, 'after': true }],
-        '@stylistic/semi-style': ['error', 'last'],
-        '@stylistic/space-before-blocks': ['error', 'always'],
-        '@stylistic/space-before-function-paren': ['error', 'always'],
-        '@stylistic/space-in-parens': ['error', 'always'],
-        '@stylistic/space-infix-ops': ['error', { 'int32Hint': false }],
+        '@stylistic/padded-blocks': [
+            'error',
+            {
+                'blocks': 'never',
+                'classes': 'always',
+                'switches': 'never',
+            }
+        ],
+
+        // Padding lines. The most in-depth part of this config
+        '@stylistic/padding-line-between-statements': [
+            'error',
+            // Variables, Constants
+            {
+                'blankLine': 'never',
+                'prev': 'var',
+                'next': 'var'
+            },
+            {
+                'blankLine': 'never',
+                'prev': 'let',
+                'next': 'let'
+            },
+            {
+                'blankLine': 'never',
+                'prev': 'const',
+                'next': 'const'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'var',
+                'next': [
+                    'block',
+                    'block-like',
+                    'break',
+                    'cjs-export',
+                    'cjs-import',
+                    'class',
+                    'const',
+                    'continue',
+                    'debugger',
+                    'directive',
+                    'do',
+                    'empty',
+                    'export',
+                    'expression',
+                    'for',
+                    'function',
+                    'if',
+                    'iife',
+                    'import',
+                    'let',
+                    'return',
+                    'switch',
+                    'throw',
+                    'try',
+                    'var',
+                    'with'
+                ]
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'let',
+                'next': [
+                    'block',
+                    'block-like',
+                    'break',
+                    'cjs-export',
+                    'cjs-import',
+                    'class',
+                    'const',
+                    'continue',
+                    'debugger',
+                    'directive',
+                    'do',
+                    'empty',
+                    'export',
+                    'expression',
+                    'for',
+                    'function',
+                    'if',
+                    'iife',
+                    'import',
+                    'return',
+                    'switch',
+                    'throw',
+                    'try',
+                    'var',
+                    'while',
+                    'with'
+                ]
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'const',
+                'next': [
+                    'block',
+                    'block-like',
+                    'break',
+                    'cjs-export',
+                    'cjs-import',
+                    'class',
+                    'continue',
+                    'debugger',
+                    'directive',
+                    'do',
+                    'empty',
+                    'export',
+                    'expression',
+                    'for',
+                    'function',
+                    'if',
+                    'iife',
+                    'import',
+                    'let',
+                    'return',
+                    'switch',
+                    'throw',
+                    'try',
+                    'var',
+                    'while',
+                    'with'
+                ]
+            },
+            // Import
+            {
+                'blankLine': 'never',
+                'prev': 'import',
+                'next': 'import'
+            },
+            {
+                'blankLine': 'never',
+                'prev': 'cjs-import',
+                'next': 'cjs-import'
+            },
+            {
+                'blankLine': 'always',
+                'prev': [
+                    'block',
+                    'block-like',
+                    'break',
+                    'cjs-export',
+                    'class',
+                    'const',
+                    'continue',
+                    'debugger',
+                    'directive',
+                    'do',
+                    'empty',
+                    'export',
+                    'expression',
+                    'for',
+                    'function',
+                    'if',
+                    'iife',
+                    'let',
+                    'return',
+                    'switch',
+                    'throw',
+                    'try',
+                    'var',
+                    'while',
+                    'with'
+                ],
+                'next': 'cjs-import'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'cjs-import',
+                'next': [
+                    'block',
+                    'block-like',
+                    'break',
+                    'cjs-export',
+                    'class',
+                    'const',
+                    'continue',
+                    'debugger',
+                    'directive',
+                    'do',
+                    'empty',
+                    'export',
+                    'expression',
+                    'for',
+                    'function',
+                    'if',
+                    'iife',
+                    'let',
+                    'return',
+                    'switch',
+                    'throw',
+                    'try',
+                    'var',
+                    'while',
+                    'with'
+                ]
+            },
+            {
+                'blankLine': 'always',
+                'prev': [
+                    'block',
+                    'block-like',
+                    'break',
+                    'cjs-export',
+                    'class',
+                    'const',
+                    'continue',
+                    'debugger',
+                    'directive',
+                    'do',
+                    'empty',
+                    'export',
+                    'expression',
+                    'for',
+                    'function',
+                    'if',
+                    'iife',
+                    'let',
+                    'return',
+                    'switch',
+                    'throw',
+                    'try',
+                    'var',
+                    'while',
+                    'with'
+                ],
+                'next': 'import'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'import',
+                'next': [
+                    'block',
+                    'block-like',
+                    'break',
+                    'cjs-export',
+                    'class',
+                    'const',
+                    'continue',
+                    'debugger',
+                    'directive',
+                    'do',
+                    'empty',
+                    'export',
+                    'expression',
+                    'for',
+                    'function',
+                    'if',
+                    'iife',
+                    'let',
+                    'return',
+                    'switch',
+                    'throw',
+                    'try',
+                    'var',
+                    'while',
+                    'with'
+                ]
+            },
+            // If
+            {
+                'blankLine': 'always',
+                'prev': '*',
+                'next': 'if'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'if',
+                'next': '*'
+            },
+            // For
+            {
+                'blankLine': 'always',
+                'prev': '*',
+                'next': 'for'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'for',
+                'next': '*'
+            },
+            // While
+            {
+                'blankLine': 'always',
+                'prev': '*',
+                'next': 'while'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'while',
+                'next': '*'
+            },
+            // Functions
+            {
+                'blankLine': 'always',
+                'prev': '*',
+                'next': 'function'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'function',
+                'next': '*'
+            },
+            // Block Statements
+            {
+                'blankLine': 'always',
+                'prev': '*',
+                'next': 'block-like'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'block-like',
+                'next': '*'
+            },
+            // Switch
+            {
+                'blankLine': 'always',
+                'prev': '*',
+                'next': 'switch'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'switch',
+                'next': '*'
+            },
+            // Try-Catch
+            {
+                'blankLine': 'always',
+                'prev': '*',
+                'next': 'try'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'try',
+                'next': '*'
+            },
+            // Throw
+            {
+                'blankLine': 'always',
+                'prev': '*',
+                'next': 'throw'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'throw',
+                'next': '*'
+            },
+            // Return
+            {
+                'blankLine': 'never',
+                'prev': 'return',
+                'next': '*'
+            },
+            {
+                'blankLine': 'always',
+                'prev': '*',
+                'next': 'return'
+            },
+            // Export
+            {
+                'blankLine': 'always',
+                'prev': '*',
+                'next': 'export'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'export',
+                'next': '*'
+            },
+            {
+                'blankLine': 'always',
+                'prev': '*',
+                'next': 'cjs-export'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'cjs-export',
+                'next': '*'
+            },
+            // Classes
+            {
+                'blankLine': 'always',
+                'prev': '*',
+                'next': 'class'
+            },
+            {
+                'blankLine': 'always',
+                'prev': 'class',
+                'next': '*'
+            },
+        ],
+        '@stylistic/quote-props': [
+            'error',
+            'always'
+        ],
+        '@stylistic/quotes': [
+            'error',
+            'single'
+        ],
+        '@stylistic/rest-spread-spacing': [
+            'error',
+            'never'
+        ],
+        '@stylistic/semi': [
+            'error',
+            'always'
+        ],
+        '@stylistic/semi-spacing': [
+            'error',
+            {
+                'before': false,
+                'after': true
+            }
+        ],
+        '@stylistic/semi-style': [
+            'error',
+            'last'
+        ],
+        '@stylistic/space-before-blocks': [
+            'error',
+            'always'
+        ],
+        '@stylistic/space-before-function-paren': [
+            'error',
+            'always'
+        ],
+        '@stylistic/space-in-parens': [
+            'error',
+            'always'
+        ],
+        '@stylistic/space-infix-ops': [
+            'error',
+            {
+                'int32Hint': false
+            }
+        ],
         '@stylistic/space-unary-ops': 'error',
-        '@stylistic/spaced-comment': ['error', 'always'],
+        '@stylistic/spaced-comment': [
+            'error',
+            'always'
+        ],
+        '@stylistic/template-curly-spacing': [
+            'error',
+            'always'
+        ],
         '@stylistic/switch-colon-spacing': 'error',
-        '@stylistic/template-curly-spacing': ['error', 'always'],
-        '@stylistic/wrap-iife': ['error', 'inside'],
+        '@stylistic/wrap-iife': [
+            'error',
+            'inside'
+        ],
         '@stylistic/wrap-regex': 'error',
         '@stylistic/ts/type-annotation-spacing': 'error',
     }
-}
+};
 
-/** @type {import('eslint').Linter.FlatConfig[]} */
+/** @type {import('eslint').Linter.Config} */
 export default tseslint.config(
     // Base JavaScript rules
     eslint.configs.recommended,
-    ...tseslint.configs.recommended,
+    tseslint.configs.recommended,
     style,
 
-    // TypeScript support
-    // {
-    //     files: ['**/*.ts', '**/*.tsx'],
-    //     languageOptions: {
-    //         parser: parserTs,
-    //         parserOptions: {
-    //             ecmaVersion: 'latest',
-    //             sourceType: 'module',
-    //             project: './tsconfig.json',
-    //             ecmaFeatures: {
-    //                 jsx: true,
-    //             },
-    //         },
-    //     },
-    //     plugins: {
-    //         '@typescript-eslint': typescript,
-    //     },
-    //     rules: {
-    //         ...typescript.configs.recommended.rules,
-    //         ...style.rules,
-    //     },
-    // },
-
     // Vue support (including TS and JSX inside SFCs)
     {
-        files: ['**/*.vue'],
-        extends: [
-            'plugin: vue/recommended'
-        ],
-        plugins: {
-            'vue-eslint-parser': vue,
+        'files': [ '**/*.vue' ],
+        'languageOptions': {
+            'sourceType': 'module',
+            'ecmaVersion': 'latest',
+            'globals': globals.browser,
+            'parserOptions': {
+                'parser': tseslint.parser,
+            },
+        },
+        'plugins': {
+            'vue': vue,
+            '@stylistic': stylistic,
+            '@stylistic/js': stylistic,
+            '@stylistic/ts': stylistic,
             '@typescript-eslint': typescript,
         },
-        rules: {
+        'extends': [
+            eslint.configs.recommended,
+            ...vue.configs['flat/recommended']
+        ],
+        'rules': {
             ...typescript.configs.recommended.rules,
             ...style.rules,
 
-            // You can override any Vue or TS rules here
-            'vue/html-indent': ['error', 4],
-            'vue/html-comment-indent': ['error', 4],
-            'vue/script-indent': ['error', 4],
-            'vue/max-attributes-per-line': ['error', {
-                singleline: 3,
-                multiline: { max: 1, allowFirstLine: false },
-            }],
+            // Vue specific rules
+            '@stylistic/indent': 'off',
+            'vue/html-indent': [
+                'error',
+                4
+            ],
+            'vue/html-comment-indent': [
+                'error',
+                4
+            ],
+            'vue/script-indent': [
+                'error',
+                4,
+                {
+                    'baseIndent': 1,
+                    'switchCase': 1
+                }
+            ],
+            'vue/html-self-closing': [
+                'error',
+                {
+                    'html': {
+                        'void': 'never',
+                        'normal': 'never',
+                        'component': 'always'
+                    },
+                    'svg': 'always',
+                    'math': 'never'
+                }
+            ],
+            'vue/max-attributes-per-line': [
+                'error',
+                {
+                    'singleline': 3,
+                    'multiline': 1,
+                }
+            ],
         },
     },
 );

config/lint/latexfmt.yaml

@@ -0,0 +1,75 @@
+# Use spaces for indent (because f*k tabs)
+defaultIndent: "    "
+
+# Limit Number of backups
+maxNumberOfBackups: 3
+
+indentRules:
+  recall: "    "
+  remarks: "    "
+  guides: "    "
+  properties: "    "
+  restrictions: "    "
+  limitations: "    "
+  terms: "    "
+  notation: "    "
+  usage: "    "
+  task: "    "
+  proof: "    "
+  general: "    "
+  simplebox: "    "
+  definition: "    "
+  theorem: "    "
+  lemma: "    "
+  corollary: "    "
+  axiom: "    "
+  fact: "    "
+  proposition: "    "
+  example: "    "
+  formula: "    "
+  conjugation: "    "
+  forms: "    "
+
+lookForAlignDelims:
+  tables:
+    delims: 1
+    alignDoubleBackSlash: 1
+    spacesBeforeDoubleBackSlash: 1
+    multiColumnGrouping: 0
+    alignRowsWithoutMaxDelims: 1
+    spacesBeforeAmpersand: 1
+    spacesAfterAmpersand: 1
+    justification: left
+    alignFinalDoubleBackSlash: 0
+    dontMeasure: 0
+    delimiterRegEx: (?<!\\)(&)
+    delimiterJustification: left
+    lookForChildCodeBlocks: 1
+    alignContentAfterDoubleBackSlash: 0
+    spacesAfterDoubleBackSlash: 1
+
+specialBeginEnd:
+  If:
+    begin: '\\If'
+    middle: 
+      - '\\ElsIf'
+      - '\\Else'
+    end: '\\EndIf'
+    lookForThis: 1
+  For:
+    begin: '\\For'
+    end: '\\EndFor'
+    lookForThis: 1
+  Procedure:
+    begin: '\\Procedure'
+    end: '\\EndProcedure'
+    lookForThis: 1
+  Function:
+    begin: '\\Function'
+    end: '\\EndFunction'
+    lookForThis: 1
+  While:
+    begin: '\\While'
+    end: '\\EndWhile'
+    lookForThis: 1
+  specialBeforeCommand: 1

config/lint/package.json

@@ -0,0 +1,8 @@
+{
+  "devDependencies": {
+    "@eslint/js": "^9.28.0",
+    "@stylistic/eslint-plugin": "^4.4.1",
+    "eslint-plugin-vue": "^10.2.0",
+    "typescript-eslint": "^8.33.1"
+  }
+}

config/rofi/style.rasi

@@ -1,7 +1,7 @@
 * {
-    background: #0A0A0F;
-    background-selected: #141419;
-    foreground: #C8DCFF;
+    background: #141414;
+    background-selected: #1E1E1E;
+    foreground: #E6E6E6;
     accent: #591641;
     accent-two: #97103A;
     // border-color: #2D2057;

config/wlogout/style.css

@@ -7,7 +7,7 @@ window {
     font-family: monospace;
     font-size: 14pt;
     color: #ffffff; /* text */
-    background-color: rgba(10, 10, 15, 0.5);
+    background-color: rgba(20, 20, 20, 0.5);
 }
 
 button {
@@ -27,7 +27,7 @@ button:hover {
 
 button:focus {
     background-color: rgb(151, 16, 58);
-    color: rgb(200, 220, 255);
+    color: rgb(230, 230, 230);
 }
 
 #lock {

config/yazi/keymap.toml

@@ -19,6 +19,7 @@ prepend_keymap = [
     { on = [ "g", "c", "k" ],   run = "cd ~/projects/active/dotfiles/config/kitty",                 desc = "Go to kitty config" },
     { on = [ "g", "c", "r" ],   run = "cd ~/projects/active/dotfiles/config/rofi",                  desc = "Go to rofi config" },
     { on = [ "g", "c", "s" ],   run = "cd ~/projects/active/dotfiles/scripts",                      desc = "Go to script" },
+    { on = [ "g", "c", "d" ],   run = "cd ~/projects/active/dotfiles",                              desc = "Go to NeoVim config" },
     { on = [ "g", "c", "n" ],   run = "cd ~/projects/active/nvim",                                  desc = "Go to NeoVim config" },
     { on = [ "g", "n" ],        run = "cd ~/NextCloud/Documents/",                                  desc = "Go to NextCloud Documents" },
     { on = [ "g", "w" ],        run = "cd ~/NextCloud/Wallpapers",                                  desc = "Go to Wallpapers" },
@@ -39,4 +40,5 @@ prepend_keymap = [
     { on = [ "g", "/" ],        run = "cd /",                     desc = "Go to /" },
     { on = [ "g", "m" ],        run = "cd /run/media/$USER",      desc = "Go to /run/media" },
     { on = [ "g", "<Space>" ],  run = "cd --interactive",         desc = "Go to interactively" },
+    { on   = [ "g", "c" ],      run  = "plugin vcs-files",        desc = "Show Git file changes" },
 ]

config/yazi/package.toml

@@ -8,5 +8,10 @@ use = "boydaihungst/restore"
 rev = "5d22884"
 hash = "8e6fc2d660f661c91e30b10dd1a251b8"
 
+[[plugin.deps]]
+use = "yazi-rs/plugins:vcs-files"
+rev = "e95c7b3"
+hash = "cc8da55f1deda45ee3787cc97b58ffc9"
+
 [flavor]
 deps = []

config/yazi/theme.toml

@@ -1,2 +1,2 @@
 [flavor]
-use = "tokyo-night"
+use = "vscode-dark-modern"

config/yazi/yazi.toml

@@ -8,3 +8,10 @@ prepend_previewers = [
 	{ mime = "application/x-rar",           run = "ouch" },
 	{ mime = "application/x-xz",            run = "ouch" },
 ]
+
+[opener]
+open = [
+	{ run = 'xdg-open "$@"', desc = "Open" },
+	{ run = 'okular "$@"', desc = "Open in Okular" },
+	{ run = 'evince "$@"', desc = "Open in Evince" },
+]

gtk-theme/dist/colours.css

@@ -19,13 +19,13 @@
 /*
  * ── Foreground color, main interface text colour ─────────────────────
 */
-@define-color fg #C8DCFF;
-@define-color fg_rgba_07 rgba(200, 220, 255, 0.7);
-@define-color fg_rgba_06 rgba(200, 220, 255, 0.6);
-@define-color fg_rgba_05 rgba(200, 220, 255, 0.5);
-@define-color fg_rgba_03 rgba(200, 220, 255, 0.3);
-@define-color fg_rgba_02 rgba(200, 220, 255, 0.2);
-@define-color fg_rgba_01 rgba(200, 220, 255, 0.1);
+@define-color fg #E6E6E6;
+@define-color fg_rgba_07 rgba(230, 230, 230, 0.7);
+@define-color fg_rgba_06 rgba(230, 230, 230, 0.6);
+@define-color fg_rgba_05 rgba(230, 230, 230, 0.5);
+@define-color fg_rgba_03 rgba(230, 230, 230, 0.3);
+@define-color fg_rgba_02 rgba(230, 230, 230, 0.2);
+@define-color fg_rgba_01 rgba(230, 230, 230, 0.1);
 
 /*
  * ── Foreground accent, usually brighter or darker than default ───────
@@ -51,14 +51,14 @@
 /*
  * ── Accent Gradient ──────────────────────────────────────────────────
 */
-@define-color accent_gradient_1 #481235;
-@define-color accent_gradient_2 #41102F;
-@define-color accent_gradient_3 #3A0E2B;
-@define-color accent_gradient_4 #350D26;
-@define-color accent_gradient_5 #2F0C23;
-@define-color accent_gradient_inverse_1 #6E1B50;
-@define-color accent_gradient_inverse_2 #6E1B50;
-@define-color accent_gradient_inverse_3 #6E1B50;
+@define-color accent_gradient_1 #390E2A;
+@define-color accent_gradient_2 #2E0B21;
+@define-color accent_gradient_3 #24091B;
+@define-color accent_gradient_4 #1D0715;
+@define-color accent_gradient_5 #170611;
+@define-color accent_gradient_inverse_1 #8B2266;
+@define-color accent_gradient_inverse_2 #8B2266;
+@define-color accent_gradient_inverse_3 #8B2266;
 
 /*
  * ── Secondary accent colour ──────────────────────────────────────────
@@ -97,33 +97,33 @@
 /*
  * ── Background color, main interface background ──────────────────────
 */
-@define-color bg #0A0A0F;
-@define-color bg_rgba_07 rgba(10, 10, 15, 0.7);
-@define-color bg_rgba_05 rgba(10, 10, 15, 0.5);
-@define-color bg_rgba_03 rgba(10, 10, 15, 0.3);
-@define-color bg_rgba_02 rgba(10, 10, 15, 0.2);
-@define-color bg_rgba_015 rgba(10, 10, 15, 0.15);
-@define-color bg_rgba_011 rgba(10, 10, 15, 0.11);
+@define-color bg #141414;
+@define-color bg_rgba_07 rgba(20, 20, 20, 0.7);
+@define-color bg_rgba_05 rgba(20, 20, 20, 0.5);
+@define-color bg_rgba_03 rgba(20, 20, 20, 0.3);
+@define-color bg_rgba_02 rgba(20, 20, 20, 0.2);
+@define-color bg_rgba_015 rgba(20, 20, 20, 0.15);
+@define-color bg_rgba_011 rgba(20, 20, 20, 0.11);
 
 /*
  * ── Accent background color ──────────────────────────────────────────
 */
-@define-color bg_accent #141419;
-@define-color bg_accent_rgba_07 rgba(20, 20, 25, 0.7);
-@define-color bg_accent_rgba_06 rgba(20, 20, 25, 0.6);
-@define-color bg_accent_rgba_05 rgba(20, 20, 25, 0.5);
-@define-color bg_accent_rgba_04 rgba(20, 20, 25, 0.4);
-@define-color bg_accent_rgba_03 rgba(20, 20, 25, 0.3);
-@define-color bg_accent_rgba_02 rgba(20, 20, 25, 0.2);
-@define-color bg_accent_rgba_015 rgba(20, 20, 25, 0.15);
-@define-color bg_accent_rgba_01 rgba(20, 20, 25, 0.1);
+@define-color bg_accent #1E1E1E;
+@define-color bg_accent_rgba_07 rgba(30, 30, 30, 0.7);
+@define-color bg_accent_rgba_06 rgba(30, 30, 30, 0.6);
+@define-color bg_accent_rgba_05 rgba(30, 30, 30, 0.5);
+@define-color bg_accent_rgba_04 rgba(30, 30, 30, 0.4);
+@define-color bg_accent_rgba_03 rgba(30, 30, 30, 0.3);
+@define-color bg_accent_rgba_02 rgba(30, 30, 30, 0.2);
+@define-color bg_accent_rgba_015 rgba(30, 30, 30, 0.15);
+@define-color bg_accent_rgba_01 rgba(30, 30, 30, 0.1);
 
 /*
  * ── Tertiary background colour ───────────────────────────────────────
 */
-@define-color bg_tertiary #000000;
-@define-color bg_tertiary_rgba_05 rgba(0, 0, 0, 0.5);
-@define-color bg_tertiary_rgba_02 rgba(0, 0, 0, 0.2);
+@define-color bg_tertiary #2D2D2D;
+@define-color bg_tertiary_rgba_05 rgba(45, 45, 45, 0.5);
+@define-color bg_tertiary_rgba_02 rgba(45, 45, 45, 0.2);
 
 /*
  * ── Inactive background colour ───────────────────────────────────────
@@ -140,10 +140,10 @@
 /*
  * ── Shadow colours ───────────────────────────────────────────────────
 */
-@define-color shadow #000002;
-@define-color shadow_rgba_07 rgba(0, 0, 2, 0.7);
-@define-color shadow_rgba_05 rgba(0, 0, 2, 0.5);
-@define-color shadow_rgba_03 rgba(0, 0, 2, 0.3);
-@define-color shadow_rgba_02 rgba(0, 0, 2, 0.2);
-@define-color shadow_rgba_015 rgba(0, 0, 2, 0.15);
-@define-color shadow_rgba_011 rgba(0, 0, 2, 0.11);
+@define-color shadow #282828;
+@define-color shadow_rgba_07 rgba(40, 40, 40, 0.7);
+@define-color shadow_rgba_05 rgba(40, 40, 40, 0.5);
+@define-color shadow_rgba_03 rgba(40, 40, 40, 0.3);
+@define-color shadow_rgba_02 rgba(40, 40, 40, 0.2);
+@define-color shadow_rgba_015 rgba(40, 40, 40, 0.15);
+@define-color shadow_rgba_011 rgba(40, 40, 40, 0.11);

install

@@ -7,20 +7,21 @@ read -p "Choose the configs to install, Laptop or Desktop (l/D): " platform
 # Install yazi plugins using ya pack -a ndtoan96/ouch and ya pack -a boydaihungst/restore
 #
 # Hyprland
-yay -S hyprland hypridle hyprfreeze hyprlock plymouth aylurs-gtk-shell-git brightnessctl pulsemixer xdg-desktop-portal-hyprland 
+yay -S hyprland hypridle hyprfreeze hyprlock plymouth aylurs-gtk-shell-git brightnessctl pulsemixer xdg-desktop-portal-hyprland  cliphist
 
 # Audio, drivers, tools
 yay -S pipewire pipewire-alsa pipewire-pulse pipewire-jack mesa fish thunar yazi wireplumber grimblast wl-clipboard wget vimiv zoxide trash-cli fzf ouch zathura sensors radeontop lm-sensors
 
 # Set up yazi
-ya pack -a ndtoan96/ouch
-ya pack -a boydaihungst/restore
+ya pkg add ndtoan96/ouch
+ya pkg add boydaihungst/restore
+ya pkg add yazi-rs/plugins:vcs-files
 
 # Fonts
 yay -S adobe-source-code-pro-fonts gnome-font-viewer gnome-characters gnome-tweaks lxappearance kvantum gnome-keyring smartmontools ffmpeg polkit-gnome swaybg network-manager-applet polkit-kde-agent cpupower-gui ttf-fantasque-nerd ttf-jetbrains-mono-nerd ttf-fluentui-system-icons ttf-comfortaa
 
 # Programming
-yay -S meld docker vscodium kitty fish docker terminator ghex nodejs npm python-pip git-credential-manager-core-bin wine kate rustup cargo filezilla php jdk 
+yay -S meld docker vscodium kitty fish docker terminator bvi nodejs npm python-pip git-credential-manager-core-bin wine kate rustup cargo filezilla php jdk 
 
 # nvim
 yay -S neovim lua lua-language-server tree-sitter texlab stylua luarocks jdtls perl julia autojump pyright vscode-css-languageserver vscode-html-languageserver bash-language-server lazygit python-black proselint asmfmt typescript-language-server
@@ -34,3 +35,5 @@ yay -S okular vlc nextcloud-client p7zip zip unzip gnome-keyring noto-fonts thun
 
 # LaTeX
 yay -S texlive biber
+
+sudo npm i -g create-vue sitemap-generator-cli

prompts.md

@@ -1,60 +0,0 @@
-# Bar
-## Attempt 1
-Use Astal (https://aylur.github.io/astal) to write me a new status bar for hyprland. You may use JSX (be aware, it's not react, but gjs based and has therefore some limitations), but I prefer using the other syntax that is similar to what it was for AGS (the old version of astal), which more closely resembles GTK syntax. The bar should include the following, from left to right:
-Left aligned
-- Date & Time (with seconds, preferably)
-- System stats (i.e. CPU, Memory util, Screen Brightness & Battery status, if available)
-- Workspace number
-Centered
-- The window name
-Right aligned (still left to right)
-- System tray
-- QuickAction menu in GNOME QuickAction menu style, but only the closed version showing icons for volume, mic, WiFi / Ethernet and a Power icon. For the icons (all throughout the bar) use the fluentui-icons (so the Windows 11 icons). If you can't provide them here, tell me what icon should go there and I will put it there manually
-
-The actual QuickAction Menu (which you could also write in a separate file) will provide options where I can pick WiFi, Bluetooth (also turn it on and off), change volume of mic and output, pick the mic and output, have media controls and have a power menu).
-
-For the QuickAction menu, provide a function that is exposed from the file to open and close it, as for all the features (like enabling BT, WiFi, etc).
-
-
-### Followups
-To the WiFi and Bluetooth menus, add the option to pick a WiFi Network / Bluetooth device. Please also fully extract the QuickActions menu to a separate file.
-
-
-Now, can you also provide scss for the bar, such that:
-- I have an easy way to customize colours (which I will be doing using one of my scripts, so having a separate colour config file will be a great option)
-- it is very rounded (the corners)
-- it has a very sleek, but modern design, with only a single accent colour
-- Hovering over something clickable uses a hover colour
-
-
-## Attempt 2
-Using AstalNetwork, can you write a UI (that can be integrated into a popover) and a corresponding backend that allows me to:
-- Turn on/off networking and WiFi
-- Select a WiFi Network
-- Some way of adding a new connection (can be a special UI or simply opens up another tool like nm-applet's network config)
-- WiFi-Auto-Connect
-- Exposes a function (or multiple) through which I can get (as a bindable porperty):
-    - Current up/down speed
-    - Connection type
-    - WiFi SSID (if applicable)
-    - WiFi Signal Strength (if applicable)
-    - Local IP
-
-I would prefer if you could split up the logic from the UI, i.e. have the logic in a separate TS file and have the UI as its own TSX file and simply import the logic
-
-
-
-# GTK THEME
-Provide GTK CSS for Gtk 4, as short as possible, but including everything that is necessary to make it look good, where you have the following options for colours to pick. They will be replaced by a script (no need to provide that) according to some variables
-- #000 (normal background)
-- #111 (accent background, to differentiate, will be slightly brighter / darker
-- #222 (secondary accent background, slightly brighter / darker than #111)
-- #333 (inactive background, but could also be used to be slightly brighter / dark than #222)
-- #555 (shadow colour)
-- #555A (shadow colour, but as RGBA value)
-- #F00 (accent colour, primary accent colour)
-- #0F0 (secondary accent colour, use if it makes sense to differentiate from the primary accent)
-- #00F (tertiary accent colour, use sparingly)
-- #AAA (inactive colour, darker / brighter than primary foreground colour)
-- #FFF (primary foreground colour)
-Propose additional colours in a similar format (three-digit hex) and explain what they are for if necessary. Make the theme rounded and include as many of the widgets as needed or possible

renderable/hypr/hyprlock.conf

@@ -9,10 +9,6 @@
 #██████████████   █████   ███████████████████████████████████████████████████████████████████████████████████████████████████    ██
 
 
-general {
-    grace = 15
-}
-
 # ┌                                                ┐
 # │                   BACKGROUND                   │
 # └                                                ┘

scripts/auto-renamer

@@ -0,0 +1,5 @@
+#!/bin/sh
+
+SCRIPT_DIR=$(dirname "$0")
+
+node "$SCRIPT_DIR/util/auto-renamer/index.js" $@

scripts/laptop-docked

@@ -0,0 +1,15 @@
+#!/bin/sh
+
+cp -f ~/.config/hypr/hyprland_docked.conf ~/.config/hypr/hyprland.conf
+cp -f ~/.config/rofi/config_desktop.rasi ~/.config/rofi/config.rasi
+
+echo " ==> Restarting ags... "
+killall gjs
+killall ags
+sleep 5
+ags run -d ~/projects/active/dotfiles/config/astal --gtk4 & disown
+sleep 2
+ags run -d ~/projects/active/dotfiles/config/ags/notifications & disown
+
+
+echo " ==> Done! To revert to normal config, run change-wallpaper"

scripts/setup-eslint

@@ -4,6 +4,5 @@ SCRIPT_DIR=$(dirname "$0")
 
 cp "$SCRIPT_DIR/../config/lint/eslint.config.mjs" .
 
-# TODO: Improve eslint config to include JSX and Vue configs too, read on website
 npm i --save-dev @eslint/js typescript-eslint @stylistic/eslint-plugin eslint-plugin-vue
 

scripts/update-open-webui

@@ -0,0 +1,5 @@
+#!/bin/sh
+
+docker container rm open-webui
+docker image pull ghcr.io/open-webui/open-webui
+docker run -d -p 3000:8080 --add-host=host.docker.internal:host-gateway -v /home/janis/projects/otherProjects/open-webui:/app/backend/data --name open-webui --restart always ghcr.io/open-webui/open-webui:latest

scripts/util/auto-renamer/index.js

@@ -0,0 +1,238 @@
+const fs = require('fs');
+const path = require('path');
+const { argv } = require('process');
+
+const config = {
+    // replace character of key with value, any character, apart from ['.', '_', '-', ' ']
+    'replace': {
+        'ä': 'ae',
+        'ö': 'oe',
+        'ü': 'ue',
+        ',': '-',
+        '&': 'And',
+    },
+    'rules': {
+        'underscore-before-and-after-number': true, // Will not do trailing or leading for filename
+        'enforce-leading-zero': true, // adds a leading zero to any number below 10
+        'camel-case-rules': {
+            'enforce-snake-case-for-filetypes': ['py'], // using underscores
+            'enforce-kebab-case-for-filetypes': ['css', 'html', 'scss', 'tex'], // using hyphens
+        },
+        'file-start-letter': 'lower', // lower, upper, unchanged
+        'directory-start-letter': 'upper', // lower, upper, unchanged
+        'replace-dots-with': '', // will not replace as leading character to not break dotfiles
+    }
+}
+
+/**
+ * Recursively find all files with extension in a directory
+ * @param {string} dir The directory to search. Either absolute or relative path
+ * @param {string} extension The file extension to look for
+ * @param {boolean} cleanup If helper files (like .DS_STORE and Windows helpers should be auto-deleted)
+ * @param {string[]} ignoreList A list of filenames or directories to ignore
+ * @returns {{ files: string, directories: string }} returns a list of html files with their full path
+ */
+const treeWalker = (dir, extension, cleanup, ignoreList) => {
+    const ls = fs.readdirSync(dir);
+    const fileList = [];
+    const dirList = [];
+    for (let file in ls) {
+        if (fs.statSync(path.join(dir, ls[file])).isDirectory()) {
+            // Filter ignored directories
+            if (ignoreList === undefined || !ignoreList.includes(ls[file])) {
+                const newData = treeWalker(path.join(dir, ls[file]), extension, ignoreList);
+                const newFiles = newData.files;
+                dirList.push( path.join( dir, ls[ file ] ) );
+                for (let dir = 0; dir < newData.directories.length; dir++) {
+                    dirList.push( newData.directories[dir] );
+                }
+                for (let file = 0; file < newFiles.length; file++) {
+                    fileList.push(newFiles[file]);
+                }
+            }
+        } else if (extension == '*' || ls[file].includes(extension)) {
+            if (ignoreList === undefined || !ignoreList.includes(ls[file])) {
+                fileList.push(path.join(dir, ls[file]));
+            }
+        }
+    }
+
+    return { 'files': fileList, 'directories': dirList };
+}
+
+/**
+ * @param {string} filename The filename to fix according to the rules
+ * @returns {string} the fixed filename
+ */
+const fixName = ( fn, ft ) => {
+    let out = '';
+    const enforceSnake = config.rules['camel-case-rules']['enforce-snake-case-for-filetypes'].includes( ft );
+    const enforceKebab = config.rules['camel-case-rules']['enforce-kebab-case-for-filetypes'].includes( ft );
+    const isDir = ft === 'directory';
+    const startLetter = isDir ? config.rules['directory-start-letter'] : config.rules['file-start-letter'];
+    let nextUpperCase = false;
+
+    for ( let i = 0; i < fn.length; i++ ) {
+        const c = fn[i];
+        
+        if ( c == '.' ) {
+            // Rule: Removed after number, allowed elsewhere
+            if ( i > 0 && /[0-9]/.test( fn[ i - 1 ] ) ) {
+                out += config.rules[ 'replace-dots-with' ];
+            } else {
+                out += '.';
+            }
+        } else if ( /[A-Z]/.test( c ) ) {
+            // If we reach a capital letter and enforce either kebab-case or snake_case, we can assume that this is the start of a CamelCase word
+            if ( enforceKebab ) {
+                out += '-' + c.toLowerCase();
+            } else if ( enforceSnake ) {
+                out += '_' + c.toLowerCase();
+            } else {
+                nextUpperCase = false;
+                if ( i == 0 && startLetter === 'lower' ) {
+                    out += c.toLowerCase();
+                } else {
+                    out += c;
+                }
+            }
+        } else if ( c == ' ' ) {
+            // We always replace spaces, the question is just to what
+            if ( enforceKebab ) {
+                out += '-';
+            } else if ( enforceSnake ) {
+                out += '_';
+            } else {
+                nextUpperCase = true;
+            }
+        } else if ( c == '_' ) {
+            // If we are not enforcing snake_case, then replace it
+            if ( !enforceSnake ) {
+                if ( needsUnderscore( i, fn ) ) {
+                    out += '_';
+                } else if ( enforceKebab ) {
+                    out += '-';
+                } else {
+                    nextUpperCase = true;
+                }
+            } else {
+                out += '_'
+            }
+        } else if ( c == '-' ) {
+            // If we are not enforcing kebab-case
+            if ( !enforceKebab ) {
+                if ( enforceSnake ) {
+                    out += '_';
+                } else {
+                    nextUpperCase = true;
+                }
+            } else {
+                out += '-'
+            }
+        } else {
+            let curr = config.replace[ c ] === undefined ? c : config.replace[ c ];
+            if ( config.rules[ 'underscore-before-and-after-number' ] || config.rules['enforce-leading-zero'] ) {
+                if ( /[0-9]/.test( c ) ) {
+                    if ( i < fn.length - 1 ) {
+                        if ( config.rules['enforce-leading-zero'] ) {
+                            const prevIsNumber = i > 0 && /[0-9]/.test( fn[i - 1] );
+                            const nextIsNumber = /[0-9]/.test( fn[i + 1] );
+                            if ( !nextIsNumber && ( i == 0|| !prevIsNumber ) ) {
+                                curr = '0' + curr;
+                            }
+                        }
+
+                        if ( config.rules['underscore-before-and-after-number'] ) {
+                            if ( !( /[0-9]/.test( fn[ i + 1 ] ) ) && fn[ i + 1 ] != '_' ) {
+                                curr += '_';
+                            }
+                        }
+                    } else {
+                        if ( config.rules['enforce-leading-zero'] && ( i > 0 && !( /[0-9]/.test( fn[i - 1] ) ) ) ) {
+                            curr = '0' + curr;
+                        }
+                    }
+                } else {
+                    if ( config.rules['underscore-before-and-after-number'] && /[0-9]/.test( fn[ i + 1 ] ) ) {
+                        curr += '_';
+                    }
+                }
+            }
+            if ( nextUpperCase || ( i == 0 && startLetter === 'upper' ) ) {
+                nextUpperCase = false;
+                out += curr.toUpperCase();
+            } else {
+                if ( i == 0 && startLetter === 'upper' ) {
+                    out += curr.toUpperCase();
+                } else {
+                    out += curr.toLowerCase();
+                }
+            }
+        }
+    }
+    return out;
+}
+
+const needsUnderscore = ( i, fn ) => {
+    return ( i > 0 && /[0-9]/.test( fn[ i - 1 ] ) ) || ( i < fn - 1 && /[0-9]/.test( fn[ i + 1 ] ) )
+}
+
+const separateDirAndFileAndFiletype = ( filename ) => {
+    const loc = filename.lastIndexOf( '/' ) + 1;
+    let ftl = filename.lastIndexOf( '.' ) + 1;
+    let fn = filename.substring( loc, ftl - 1 );
+    let ft = filename.substring( ftl );
+    if ( fs.statSync( filename ).isDirectory() ) {
+        ftl = filename.length;
+        fn = filename.substring( loc );
+        ft = 'directory';
+        
+    }
+    const dir = filename.slice( 0, loc - 1 );
+    return { 'filename': fn, 'dir': dir, 'filetype': ft };
+}
+
+const fixDirName = ( directory, top ) => {
+    if ( directory === top ) {
+        return top;
+    }
+
+    const f = separateDirAndFileAndFiletype( directory );
+    return fixDirName( f.dir, top ) + '/' + fixName( f.filename, f.filetype );
+}
+
+if (argv[2] == '-h') {
+    console.log('auto-renamer [directory]\n\n=> Recursively rename files in directory');
+} else if (argv[2] == '-v') {
+    console.log('auto-renamer version 1.0.0, developed by Janis Hutz (development@janishutz.com)');
+} else {
+    // Recursively add all files in the directory
+    const fp = path.resolve( argv[2] );
+    const list = treeWalker(fp, '*', ['.git', '@girs']);
+    const files = list.files;
+    const directories = list.directories;
+
+    for (let i = 0; i < files.length; i++) {
+        const file = files[i];
+        const f = separateDirAndFileAndFiletype( file );
+        let fixedFile = fixName( f.filename, f.filetype );
+        
+        // Rename
+        const fixedPath = f.dir + '/' + fixedFile + '.' + f.filetype;
+        console.log( file + ' -> ' + fixedPath );
+        fs.renameSync( file, fixedPath );
+    }
+
+    // Fix directory names after file names. Sort array by decending length
+    directories.sort( ( a, b ) => {
+        return b.length - a.length;
+    } );
+
+    // separate directories up until we reach the path of dir started in
+    for (let i = 0; i < directories.length; i++) {
+        const dir = directories[i];
+        const fixed = fixDirName( dir, fp );
+        console.log( dir + ' -> ' + fixed );
+        fs.renameSync( dir, fixDirName( dir, fp ) );
+    }
+}

setup

@@ -23,7 +23,7 @@ echo "
             
 "
 
-trap 'echo -e "\nCaught Ctrl+C, exiting..."; exit 1' SIGINT
+trap 'echo -e "\nCaught Ctrl+C, exiting..."; exit 130' SIGINT
 
 # Read platform to install on (only if no platform file present in ~/.config/)
 platform=""
@@ -39,7 +39,7 @@ platform=$(echo "$platform" | tr '[:upper:]' '[:lower:]')
 # Get user preference for regenerating the styling
 regen=""
 read -p "Would you like to regenerate styling? (y/N) " regen
-if [ $regen == "y" ]; then
+if [[ "$regen" == "y" ]]; then
     cd build
     node build.js
     if [ $? -ne 0 ]; then
@@ -59,16 +59,12 @@ cp -r ./config/rofi ~/.config/
 # Depending on platform, remove one or the other config and rename remaining one
 if [[ "$platform" == "d" ]]; then
     echo "Running on desktop"
-    mv ~/.config/hypr/hyprland_desktop.conf ~/.config/hypr/hyprland.conf
-    rm ~/.config/hypr/hyprland_*
-    mv ~/.config/rofi/config_desktop.rasi ~/.config/rofi/config.rasi
-    rm ~/.config/rofi/config_*
+    cp -f ~/.config/hypr/hyprland_desktop.conf ~/.config/hypr/hyprland.conf
+    cp -f ~/.config/rofi/config_desktop.rasi ~/.config/rofi/config.rasi
 else
     echo "Running on laptop"
-    mv ~/.config/hypr/hyprland_laptop.conf ~/.config/hypr/hyprland.conf
-    rm ~/.config/hypr/hyprland_*
-    mv ~/.config/rofi/config_laptop.rasi ~/.config/rofi/config.rasi
-    rm ~/.config/rofi/config_*
+    cp -f ~/.config/hypr/hyprland_laptop.conf ~/.config/hypr/hyprland.conf
+    cp -f ~/.config/rofi/config_laptop.rasi ~/.config/rofi/config.rasi
 fi
 
 cp -r ./config/kitty ~/.config/
@@ -79,12 +75,13 @@ cp -r ./config/Thunar ~/.config/
 cp -r ./config/wlogout/ ~/.config/
 cp -r ./config/yazi ~/.config/
 cp -r ./config/zathura ~/.config/
+cp ./config/lint/.indentconfig.yaml ~
 
 
 echo "
     => Installing yazi plugins
 "
-ya pack -i
+ya pkg upgrade
 
 echo "
     => Installing GTK Theme