Merge pull request #2 from kristoferssolo/dotter

Dotter

.config/btop/btop.log

@@ -1,81 +0,0 @@
-
-2023/08/10 (02:10:35) | ===> btop++ v.1.2.13
-2023/08/10 (02:10:35) | ERROR: Stall in Runner thread, restarting!
-
-2024/01/13 (21:21:49) | ===> btop++ v.1.3.0
-2024/01/13 (21:21:49) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/13 (21:21:50) | ===> btop++ v.1.3.0
-2024/01/13 (21:21:50) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/13 (21:22:09) | ===> btop++ v.1.3.0
-2024/01/13 (21:22:09) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/13 (21:38:44) | ===> btop++ v.1.3.0
-2024/01/13 (21:38:44) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/13 (22:01:27) | ===> btop++ v.1.3.0
-2024/01/13 (22:01:27) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/14 (04:10:02) | ===> btop++ v.1.3.0
-2024/01/14 (04:10:02) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/14 (04:10:08) | ===> btop++ v.1.3.0
-2024/01/14 (04:10:08) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/14 (21:25:43) | ===> btop++ v.1.3.0
-2024/01/14 (21:25:43) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/15 (22:44:37) | ===> btop++ v.1.3.0
-2024/01/15 (22:44:37) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/19 (02:14:13) | ===> btop++ v.1.3.0
-2024/01/19 (02:14:13) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/19 (02:14:24) | ===> btop++ v.1.3.0
-2024/01/19 (02:14:24) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/23 (19:46:44) | ===> btop++ v.1.3.0
-2024/01/23 (19:46:44) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/23 (21:52:47) | ===> btop++ v.1.3.0
-2024/01/23 (21:52:47) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/23 (22:31:03) | ===> btop++ v.1.3.0
-2024/01/23 (22:31:03) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/26 (22:24:26) | ===> btop++ v.1.3.0
-2024/01/26 (22:24:26) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/26 (22:24:38) | ===> btop++ v.1.3.0
-2024/01/26 (22:24:38) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/26 (22:26:54) | ===> btop++ v.1.3.0
-2024/01/26 (22:26:54) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/01/29 (16:24:58) | ===> btop++ v.1.3.0
-2024/01/29 (16:24:58) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/02/01 (22:04:55) | ===> btop++ v.1.3.0
-2024/02/01 (22:04:55) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/02/10 (14:03:02) | ===> btop++ v.1.3.0
-2024/02/10 (14:03:02) | WARNING: ROCm SMI: Failed to get maximum GPU temperature, defaulting to 110°C
-
-2024/06/25 (11:32:57) | ===> btop++ v.1.3.2
-2024/06/25 (11:32:57) | WARNING: Failed to get disk/partition stats for mount "/var/lib/docker/tmp/buildkit-mount718854079" with statvfs error code: 13. Ignoring...
-
-2024/07/02 (11:14:28) | ===> btop++ v.1.3.2
-2024/07/02 (11:14:28) | WARNING: Failed to get disk/partition stats for mount "/var/lib/docker/tmp/buildkit-mount867640473" with statvfs error code: 13. Ignoring...
-2024/07/02 (11:33:51) | WARNING: Failed to get disk/partition stats for mount "/var/lib/docker/tmp/buildkit-mount740292060" with statvfs error code: 13. Ignoring...
-2024/07/02 (11:39:13) | WARNING: Failed to get disk/partition stats for mount "/var/lib/docker/tmp/buildkit-mount3234715954" with statvfs error code: 13. Ignoring...
-2024/07/02 (12:41:57) | WARNING: Failed to get disk/partition stats for mount "/var/lib/docker/tmp/buildkit-mount1914072710" with statvfs error code: 13. Ignoring...
-
-2024/07/04 (13:29:46) | ===> btop++ v.1.3.2
-2024/07/04 (13:29:46) | WARNING: Failed to get disk/partition stats for mount "/var/lib/docker/tmp/buildkit-mount2679386477" with statvfs error code: 13. Ignoring...
-2024/07/04 (13:36:41) | WARNING: Failed to get disk/partition stats for mount "/var/lib/docker/tmp/buildkit-mount517752449" with statvfs error code: 13. Ignoring...
-2024/07/04 (13:40:08) | WARNING: Failed to get disk/partition stats for mount "/var/lib/docker/tmp/buildkit-mount2944448055" with statvfs error code: 13. Ignoring...
-2024/07/04 (14:01:51) | WARNING: Failed to get disk/partition stats for mount "/var/lib/docker/tmp/buildkit-mount1643050152" with statvfs error code: 13. Ignoring...
-
-2024/07/04 (17:22:17) | ===> btop++ v.1.3.2
-2024/07/04 (17:22:17) | WARNING: Failed to get disk/partition stats for mount "/var/lib/docker/tmp/buildkit-mount1778594762" with statvfs error code: 13. Ignoring...

.config/tmux/plugins

@@ -1 +0,0 @@
-/home/kristofers/.local/share/tmux/plugins

.config/yazi/package.toml

@@ -1,5 +0,0 @@
-[plugin]
-deps = [{ use = "AnirudhG07/nbpreview", commit = "f0149a4" }, { use = "kirasok/torrent-preview", commit = "76970b6" }, { use = "Sonico98/exifaudio", commit = "92366cf" }, { use = "Reledia/miller", commit = "75f0002" }, { use = "Reledia/glow", commit = "536185a" }, { use = "yazi-rs/plugins#chmod", commit = "3783ea0" }, { use = "yazi-rs/plugins#full-border", commit = "3783ea0" }, { use = "KKV9/archive", commit = "9f3b049" }, { use = "Rolv-Apneseth/starship", commit = "6197e4c" }, { use = "Reledia/hexyl", commit = "64daf93" }, { use = "hankertrix/augment-command", commit = "d81ddb8" }, { use = "imsi32/yatline", commit = "d26ffbc" }, { use = "dedukun/relative-motions", commit = "a5465c0" }, { use = "yazi-rs/plugins#max-preview", commit = "3783ea0" }, { use = "yazi-rs/plugins#hide-preview", commit = "3783ea0" }]
-
-[flavor]
-deps = []

.dotter/global.toml

@@ -0,0 +1,139 @@
+[helpers]
+
+[default]
+depends = []
+
+[default.files]
+LICENSE = ""
+"README.md" = ""
+
+[default.variables]
+
+[settings]
+default_target_type = "symbolic"
+
+[base]
+depends = ["default", "zsh", "spotify", "terminal", "local", "misc"]
+
+[x11]
+depends = ["base", "awesome", "picom", "dunst"]
+
+
+[x11.files]
+"config/zsh/.zprofile-x11" = "~/.config/zsh/.zprofile"
+"config/x11/" = "~/.config/x11/"
+"config/x11/xresources" = { target = "~/.config/x11/xresources", type = "template" }
+
+[x11-laptop]
+depends = ["base", "awesome_laptop", "picom", "dunst"]
+
+[x11-laptop.files]
+"config/zsh/.zprofile-x11" = "~/.config/zsh/.zprofile"
+"config/x11/" = "~/.config/x11/"
+"config/x11/xresources" = { target = "~/.config/x11/xresources", type = "template" }
+
+[wayland]
+depends = ["base", "hyprland", "dunst"]
+
+[wayland.files]
+"config/zsh/.zprofile" = "~/.config/zsh/.zprofile"
+"config/x11/xresources" = "~/.config/x11/xresources"
+
+
+[shell.files]
+"config/shell/" = "~/.config/shell/"
+
+[zsh]
+depends = ["shell"]
+
+[zsh.files]
+"config/shell/env" = "~/.zshenv"
+"config/zsh/" = "~/.config/zsh/"
+
+[local.files]
+"local/bin/" = "~/.local/bin/"
+"local/share/" = "~/.local/share/"
+
+[misc]
+depends = ["torrent", "zathura"]
+
+[misc.files]
+"config/batrc" = "~/.config/bat/config"
+"config/btop/" = "~/.config/btop/"
+"config/htoprc" = "~/.config/htop/htoprc"
+"config/fastfetch/" = "~/.config/fastfetch/"
+"config/flameshot.ini" = "~/.config/flameshot/flameshot.ini"
+"config/gitui/" = "~/.config/gitui/"
+"config/mpv/" = "~/.config/mpv/"
+"config/lf/" = "~/.config/lf/"
+"config/paru.conf" = "~/.config/paru/paru.conf"
+"config/nsxiv/" = "~/.config/nsxiv/"
+"config/wgetrc" = "~/.config/wget/wgetrc"
+
+[zathura.files]
+"config/zathura/zathurarc" = "~/.config/zathura/zathurarc"
+
+[torrent.files]
+"config/rustmission.toml" = "~/.config/rustmission/config.toml"
+"config/transmission-daemon.json" = "~/.config/transmission-daemon/settings.json"
+
+[awesome.files]
+"config/awesome/json.lua" = "~/.config/awesome/json.lua"
+"config/awesome/mytheme.lua" = "~/.config/awesome/mytheme.lua"
+"config/awesome/rc.lua" = "~/.config/awesome/rc.lua"
+
+[awesome_laptop.files]
+"config/awesome/json.lua" = "~/.config/awesome/json.lua"
+"config/awesome/mytheme.lua" = "~/.config/awesome/mytheme.lua"
+"config/awesome/rc-laptop.lua" = "~/.config/awesome/rc.lua"
+
+[dunst.files]
+"config/dunst/" = "~/.config/dunst/"
+
+[hyprland]
+depends = ["dunst", "misc", "local", "eww", "gtklock"]
+
+[hyprland.files]
+"config/hypr/" = "~/.config/hypr/"
+
+[wofi.files]
+"config/wofi/" = "~/.config/wofi/"
+
+[eww.files]
+"config/eww/" = "~/.config/eww/"
+
+[hypridbar.files]
+"config/Hypridbar/" = "~/.config/HybridBar/"
+
+[waybar.files]
+"config/waybar/" = "~/.config/waybar/"
+
+[lock.files]
+"config/gtklock/" = "~/.config/gtklock/"
+"config/swaylock" = "~/.config/swaylock/config"
+
+[picom.files]
+"config/picom.conf" = "~/.config/picom/picom.conf"
+
+[spotify.files]
+"config/spotify-tui.yml" = "~/.config/spotify-tui/config.yml"
+
+[terminal]
+depends = ["zsh", "tmux", "yazi"]
+
+[terminal.files]
+"config/alacritty/" = "~/.config/alacritty/"
+"config/alacritty/alacritty.toml" = { target = "~/.config/alacritty/alacritty.toml", type = "template" }
+"config/starship.toml" = "~/.config/starship/starship.toml"
+
+[tmux.files]
+"config/tmux/" = "~/.config/tmux/"
+
+[xplr.files]
+"config/xplr/" = "~/.config/xplr/"
+
+[yazi.files]
+"config/yazi/" = "~/.config/yazi/"
+
+[typst.files]
+"config/typstfmt.tom" = "~/.config/typstfmt/typstfmt.toml"

.gitignore

@@ -1,4 +1,7 @@
-.config/awesome/weather
+config/awesome/weather
-.config/transmission-daemon
+config/transmission-daemon.json
 .stfolder
 .stversions
+.dotter/local.toml
+.dotter/cache.toml
+.dotter/cache

.zshenv

@@ -1 +0,0 @@
-.config/shell/env

config/alacritty/alacritty.toml

@@ -80,7 +80,7 @@ shape = "Beam"
 TERM = "alacritty"
 
 [font]
-size = 11.0
+size = {{font_size}}
 
 [font.bold]
 family = "JetBrainsMono NF"

config/alacritty/rose-pine-dawn.toml

@@ -72,4 +72,3 @@ blue = "#56949f"
 magenta = "#907aa9"
 cyan = "#d7827e"
 white = "#575279"
-

config/alacritty/rose-pine-moon.toml

@@ -72,4 +72,3 @@ blue = "#9ccfd8"
 magenta = "#c4a7e7"
 cyan = "#ea9a97"
 white = "#e0def4"
-

config/alacritty/rose-pine.toml

@@ -72,4 +72,3 @@ blue = "#9ccfd8"
 magenta = "#c4a7e7"
 cyan = "#ebbcba"
 white = "#e0def4"
-

config/awesome/rc-laptop.lua

@@ -0,0 +1,758 @@
+-- If LuaRocks is installed, make sure that packages installed through it are
+-- found (e.g. lgi). If LuaRocks is not installed, do nothing.
+pcall(require, "luarocks.loader")
+
+-- AwesomeWM Widgets
+local calendar_widget = require("awesome-wm-widgets.calendar-widget.calendar")
+local cpu_widget = require("awesome-wm-widgets.cpu-widget.cpu-widget")
+local logout_menu_widget = require("awesome-wm-widgets.logout-menu-widget.logout-menu")
+local net_speed_widget = require("awesome-wm-widgets.net-speed-widget.net-speed")
+local spotify_shell = require("awesome-wm-widgets.spotify-shell.spotify-shell")
+local spotify_widget = require("awesome-wm-widgets.spotify-widget.spotify")
+local github_activity_widget = require("awesome-wm-widgets.github-activity-widget.github-activity-widget")
+local github_contributions_widget =
+	require("awesome-wm-widgets.github-contributions-widget.github-contributions-widget")
+local docker_widget = require("awesome-wm-widgets.docker-widget.docker")
+local batteryarc_widget = require("awesome-wm-widgets.batteryarc-widget.batteryarc")
+
+-- Standard awesome library
+local gears = require("gears")
+local awful = require("awful")
+require("awful.autofocus")
+-- Widget and layout library
+local wibox = require("wibox")
+-- Theme handling library
+local beautiful = require("beautiful")
+-- Notification library
+local naughty = require("naughty")
+local menubar = require("menubar")
+local hotkeys_popup = require("awful.hotkeys_popup")
+-- Enable hotkeys help widget for VIM and other apps
+-- when client with a matching name is opened:
+require("awful.hotkeys_popup.keys")
+
+-- {{{ Error handling
+-- Check if awesome encountered an error during startup and fell back to
+-- another config (This code will only ever execute for the fallback config)
+if awesome.startup_errors then
+	naughty.notify({
+		preset = naughty.config.presets.critical,
+		title = "Oops, there were errors during startup!",
+		text = awesome.startup_errors,
+	})
+end
+
+-- Handle runtime errors after startup
+do
+	local in_error = false
+	awesome.connect_signal("debug::error", function(err)
+		-- Make sure we don't go into an endless error loop
+		if in_error then
+			return
+		end
+		in_error = true
+
+		naughty.notify({
+			preset = naughty.config.presets.critical,
+			title = "Oops, an error happened!",
+			text = tostring(err),
+		})
+		in_error = false
+	end)
+end
+-- }}}
+
+-- {{{ Variable definitions
+-- Themes define colours, icons, font and wallpapers.
+-- beautiful.init(gears.filesystem.get_themes_dir() .. "default/theme.lua")
+beautiful.init(gears.filesystem.get_configuration_dir() .. "mytheme.lua")
+
+-- This is used later as the default terminal and editor to run.
+local terminal = "alacritty"
+local editor = os.getenv("EDITOR") or "nvim"
+local editor_cmd = terminal .. " -e " .. editor
+
+-- Default modkey.
+-- Usually, Mod4 is the key with a logo between Control and Alt.
+-- If you do not like this or do not have such a key,
+-- I suggest you to remap Mod4 to another key using xmodmap or other tools.
+-- However, you can use another modifier like Mod1, but it may interact with others.
+
+local modkey = "Mod4"
+
+-- Table of layouts to cover with awful.layout.inc, order matters.
+awful.layout.layouts = {
+	awful.layout.suit.tile,
+	awful.layout.suit.tile.left,
+	awful.layout.suit.fair,
+	awful.layout.suit.fair.horizontal,
+	-- awful.layout.suit.spiral.dwindle,
+	-- awful.layout.suit.spiral,
+	-- awful.layout.suit.floating,
+	-- awful.layout.suit.tile.bottom,
+	-- awful.layout.suit.tile.top,
+	-- awful.layout.suit.max,
+	-- awful.layout.suit.max.fullscreen,
+	-- awful.layout.suit.magnifier,
+	awful.layout.suit.corner.nw,
+	-- awful.layout.suit.corner.ne,
+	-- awful.layout.suit.corner.sw,
+	-- awful.layout.suit.corner.se,
+}
+-- }}}
+
+-- {{{ Menu
+-- Create a launcher widget and a main menu
+local myawesomemenu = {
+	{
+		"hotkeys",
+		function()
+			hotkeys_popup.show_help(nil, awful.screen.focused())
+		end,
+	},
+	{ "manual", terminal .. " -e man awesome" },
+	{ "edit config", editor_cmd .. " " .. awesome.conffile },
+	{ "restart", awesome.restart },
+	{
+		"quit",
+		function()
+			awesome.quit()
+		end,
+	},
+}
+
+local mymainmenu =
+	awful.menu({ items = { { "awesome", myawesomemenu, beautiful.awesome_icon }, { "open terminal", terminal } } })
+
+-- local mylauncher = awful.widget.launcher({ image = beautiful.awesome_icon, menu = mymainmenu })
+
+-- Menubar configuration
+menubar.utils.terminal = terminal -- Set the terminal for applications that require it
+-- }}}
+
+-- Keyboard map indicator and switcher
+-- local mykeyboardlayout = awful.widget.keyboardlayout()
+
+-- {{{ Wibar
+-- Create a textclock widget
+local mytextclock = wibox.widget.textclock(" %d.%m.%Y, %H:%M:%S ", 1)
+
+local cw = calendar_widget({
+	theme = "naughty",
+	placement = "top_right",
+	previous_month_button = 4,
+	next_month_button = 5,
+})
+mytextclock:connect_signal("button::press", function(_, _, _, button)
+	if button == 1 then
+		cw.toggle()
+	end
+end)
+
+-- Create a wibox for each screen and add it
+local taglist_buttons = gears.table.join(
+	awful.button({}, 1, function(t)
+		t:view_only()
+	end),
+	awful.button({ modkey }, 1, function(t)
+		if client.focus then
+			client.focus:move_to_tag(t)
+		end
+	end),
+	awful.button({}, 3, awful.tag.viewtoggle),
+	awful.button({ modkey }, 3, function(t)
+		if client.focus then
+			client.focus:toggle_tag(t)
+		end
+	end),
+	awful.button({}, 4, function(t)
+		awful.tag.viewnext(t.screen)
+	end),
+	awful.button({}, 5, function(t)
+		awful.tag.viewprev(t.screen)
+	end)
+)
+
+local tasklist_buttons = gears.table.join(
+	awful.button({}, 1, function(c)
+		if c == client.focus then
+			c.minimized = true
+		else
+			c:emit_signal("request::activate", "tasklist", { raise = true })
+		end
+	end),
+	awful.button({}, 3, function()
+		awful.menu.client_list({ theme = { width = 250 } })
+	end),
+	awful.button({}, 4, function()
+		awful.client.focus.byidx(1)
+	end),
+	awful.button({}, 5, function()
+		awful.client.focus.byidx(-1)
+	end)
+)
+
+local function set_wallpaper(s)
+	-- Wallpaper
+	if beautiful.wallpaper then
+		local wallpaper = beautiful.wallpaper
+		-- If wallpaper is a function, call it with the screen
+		if type(wallpaper) == "function" then
+			wallpaper = wallpaper(s)
+		end
+		gears.wallpaper.maximized(wallpaper, s, true)
+	end
+end
+
+-- Re-set wallpaper when a screen's geometry changes (e.g. different resolution)
+screen.connect_signal("property::geometry", set_wallpaper)
+
+awful.screen.connect_for_each_screen(function(s)
+	-- Wallpaper
+	set_wallpaper(s)
+
+	-- Each screen has its own tag table.
+	awful.tag({ "1", "2", "3", "4", "5", "6", "7", "8", "9" }, s, awful.layout.layouts[1])
+
+	-- Create a promptbox for each screen
+	s.mypromptbox = awful.widget.prompt()
+	-- Create an imagebox widget which will contain an icon indicating which layout we're using.
+	-- We need one layoutbox per screen.
+	s.mylayoutbox = awful.widget.layoutbox(s)
+	s.mylayoutbox:buttons(gears.table.join(
+		awful.button({}, 1, function()
+			awful.layout.inc(1)
+		end),
+		awful.button({}, 3, function()
+			awful.layout.inc(-1)
+		end),
+		awful.button({}, 4, function()
+			awful.layout.inc(1)
+		end),
+		awful.button({}, 5, function()
+			awful.layout.inc(-1)
+		end)
+	))
+	-- Create a taglist widget
+	s.mytaglist = awful.widget.taglist({
+		screen = s,
+		filter = awful.widget.taglist.filter.all,
+		buttons = taglist_buttons,
+	})
+
+	-- Create a tasklist widget
+	s.mytasklist = awful.widget.tasklist({
+		screen = s,
+		filter = awful.widget.tasklist.filter.currenttags,
+		buttons = tasklist_buttons,
+	})
+
+	-- Create the wibox
+	s.mywibox = awful.wibar({ position = "top", screen = s })
+
+	-- Add widgets to the wibox
+	s.mywibox:setup({
+		layout = wibox.layout.align.horizontal,
+		{
+			-- Left widgets
+			layout = wibox.layout.fixed.horizontal,
+			--mylauncher,
+			s.mytaglist,
+			s.mypromptbox,
+		},
+		s.mytasklist, -- Middle widget
+		{
+			-- Right widgets
+			layout = wibox.layout.fixed.horizontal,
+			github_contributions_widget({
+				username = "kristoferssolo",
+				days = 356,
+				color_of_empty_cells = "",
+				with_border = true,
+				margin_top = 1,
+				theme = "teal",
+			}),
+			github_activity_widget({
+				username = "kristoferssolo",
+				number_of_events = 10,
+			}),
+			wibox.widget.systray(),
+			cpu_widget({
+				width = 50,
+				step_width = 2,
+				step_spacing = 0,
+				color = beautiful.fg_nromal,
+				enable_kill_button = true,
+				process_info_max_length = -1,
+				timeout = 1,
+			}),
+			net_speed_widget(),
+			docker_widget(),
+			spotify_widget({
+				play_icon = "/usr/share/icons/Papirus-Light/24x24/categories/spotify.svg",
+				pause_icon = "/usr/share/icons/Papirus-Dark/24x24/panel/spotify-indicator.svg",
+				font = "JetBrainsMono NF 10",
+				dim_when_paused = true,
+				dim_opacity = 0.5,
+				max_length = -1,
+				show_tooltip = true,
+				timeout = 1,
+			}),
+			batteryarc_widget({
+				show_current_level = true,
+				arc_thickness = 1,
+				size = 8,
+			}),
+			logout_menu_widget({
+				font = "JetBrainsMono NF 10",
+				onlogout = function()
+					awful.spawn.with_shell("loginctl kill-session self")
+				end,
+				onlock = function()
+					awful.spawn.with_shell("xlock -mode random -duration 10")
+				end,
+				onreboot = function()
+					awful.spawn.with_shell("loginctl reboot")
+				end,
+				onsuspend = function()
+					awful.spawn.with_shell("doas zzz")
+				end,
+				onpoweroff = function()
+					awful.spawn.with_shell("loginctl poweroff")
+				end,
+			}),
+			mytextclock,
+			s.mylayoutbox,
+		},
+	})
+end)
+-- }}}
+
+-- {{{ Mouse bindings
+root.buttons(gears.table.join(
+	awful.button({}, 3, function()
+		mymainmenu:toggle()
+	end),
+	awful.button({}, 4, awful.tag.viewnext),
+	awful.button({}, 5, awful.tag.viewprev)
+))
+-- }}}
+
+-- {{{ Key bindings
+local globalkeys = gears.table.join(
+
+	awful.key({ "Shift" }, "Pause", function()
+		awful.spawn.with_shell("playerctl play-pause -a")
+	end, { description = "pause/play all", group = "media controls" }),
+
+	awful.key({ "Control" }, "Pause", function()
+		awful.spawn.with_shell("playerctl pause -a")
+	end, { description = "pause all", group = "media controls" }),
+
+	awful.key({}, "Pause", function()
+		awful.spawn.with_shell("sp play")
+	end, { description = "spotify pause/play", group = "media controls" }),
+
+	awful.key({}, "#117", function()
+		awful.spawn.with_shell("sp next")
+	end, { description = "spotify next", group = "media controls" }),
+
+	awful.key({}, "#112", function()
+		awful.spawn.with_shell("sp prev")
+	end, { description = "spotify previous", group = "media controls" }),
+
+	awful.key({ modkey }, "d", function()
+		spotify_shell.launch()
+	end, { description = "spotify shell", group = "media controls" }),
+
+	awful.key({}, "#171", function()
+		awful.spawn.with_shell("sp next")
+	end), -- play next
+
+	awful.key({}, "#173", function()
+		awful.spawn.with_shell("sp previous")
+	end), -- play previous
+
+	awful.key({}, "#174", function()
+		awful.spawn.with_shell("playerctl -a stop")
+	end), -- stop
+
+	awful.key({}, "#172", function()
+		awful.spawn.with_shell("playerctl -a play-pause")
+	end), -- play/pause all
+
+	awful.key({}, "#123", function()
+		awful.spawn.with_shell("pulsemixer --change-volume +5")
+	end), -- increase volume
+
+	awful.key({}, "#122", function()
+		awful.spawn.with_shell("pulsemixer --change-volume -5")
+	end), -- decrease volume
+
+	awful.key({}, "#121", function()
+		awful.spawn.with_shell("pulsemixer --toggle-mute")
+	end), -- mute
+
+	awful.key({ "Control" }, "#107", function()
+		awful.spawn.with_shell("( flameshot &; ) && ( sleep 0.5s && flameshot gui )")
+	end, { description = "take region screenshot", group = "launcher" }), -- take region screenshot
+
+	awful.key({ modkey }, "s", hotkeys_popup.show_help, { description = "show help", group = "awesome" }),
+	awful.key({ modkey }, "Left", awful.tag.viewprev, { description = "view previous", group = "tag" }),
+	awful.key({ modkey }, "Right", awful.tag.viewnext, { description = "view next", group = "tag" }),
+	awful.key({ modkey }, "Escape", awful.tag.history.restore, { description = "go back", group = "tag" }),
+	awful.key({ modkey }, "j", function()
+		awful.client.focus.byidx(1)
+	end, { description = "focus next by index", group = "client" }),
+	awful.key({ modkey }, "k", function()
+		awful.client.focus.byidx(-1)
+	end, { description = "focus previous by index", group = "client" }),
+	awful.key({ modkey }, "w", function()
+		mymainmenu:show()
+	end, { description = "show main menu", group = "awesome" }),
+
+	-- Layout manipulation
+	awful.key({ modkey, "Shift" }, "j", function()
+		awful.client.swap.byidx(1)
+	end, { description = "swap with next client by index", group = "client" }),
+	awful.key({ modkey, "Shift" }, "k", function()
+		awful.client.swap.byidx(-1)
+	end, { description = "swap with previous client by index", group = "client" }),
+	awful.key({ modkey, "Control" }, "j", function()
+		awful.screen.focus_relative(1)
+	end, { description = "focus the next screen", group = "screen" }),
+	awful.key({ modkey, "Control" }, "k", function()
+		awful.screen.focus_relative(-1)
+	end, { description = "focus the previous screen", group = "screen" }),
+	awful.key({ modkey }, "u", awful.client.urgent.jumpto, { description = "jump to urgent client", group = "client" }),
+	awful.key({ modkey }, "Tab", function()
+		awful.client.focus.history.previous()
+		if client.focus then
+			client.focus:raise()
+		end
+	end, { description = "go back", group = "client" }),
+
+	-- Standard program
+	awful.key({ modkey }, "Return", function()
+		awful.spawn(terminal)
+	end, { description = "open a terminal", group = "launcher" }),
+	awful.key({ modkey, "Control" }, "r", awesome.restart, { description = "reload awesome", group = "awesome" }),
+
+	-- awful.key({ modkey, "Control" }, "q", awesome.quit, { description = "quit awesome", group = "awesome" }),
+
+	awful.key({ modkey }, "b", function()
+		awful.spawn("floorp")
+	end, { description = "open browser", group = "launcher" }),
+	awful.key({ modkey }, "n", function()
+		awful.spawn("alacritty -e yazi")
+	end, { description = "open yazi", group = "launcher" }),
+
+	awful.key({ modkey }, "l", function()
+		awful.tag.incmwfact(0.05)
+	end, { description = "increase master width factor", group = "layout" }),
+	awful.key({ modkey }, "h", function()
+		awful.tag.incmwfact(-0.05)
+	end, { description = "decrease master width factor", group = "layout" }),
+	awful.key({ modkey, "Shift" }, "h", function()
+		awful.tag.incnmaster(1, nil, true)
+	end, { description = "increase the number of master clients", group = "layout" }),
+	awful.key({ modkey, "Shift" }, "l", function()
+		awful.tag.incnmaster(-1, nil, true)
+	end, { description = "decrease the number of master clients", group = "layout" }),
+	awful.key({ modkey, "Control" }, "h", function()
+		awful.tag.incncol(1, nil, true)
+	end, { description = "increase the number of columns", group = "layout" }),
+	awful.key({ modkey, "Control" }, "l", function()
+		awful.tag.incncol(-1, nil, true)
+	end, { description = "decrease the number of columns", group = "layout" }),
+	awful.key({ modkey }, "space", function()
+		awful.layout.inc(1)
+	end, { description = "select next", group = "layout" }),
+	awful.key({ modkey, "Shift" }, "space", function()
+		awful.layout.inc(-1)
+	end, { description = "select previous", group = "layout" }),
+
+	-- awful.key({ modkey, "Control" }, "n", function()
+	-- 	local c = awful.client.restore()
+	-- 	-- Focus restored client
+	-- 	if c then
+	-- 		c:emit_signal("request::activate", "key.unminimize", { raise = true })
+	-- 	end
+	-- end, { description = "restore minimized", group = "client" }),
+
+	-- Prompt
+	awful.key({ modkey }, "r", function()
+		awful.screen.focused().mypromptbox:run()
+	end, { description = "run prompt", group = "launcher" }),
+
+	awful.key({ modkey }, "x", function()
+		awful.prompt.run({
+			prompt = "Run Lua code: ",
+			textbox = awful.screen.focused().mypromptbox.widget,
+			exe_callback = awful.util.eval,
+			history_path = awful.util.get_cache_dir() .. "/history_eval",
+		})
+	end, { description = "lua execute prompt", group = "awesome" }),
+	-- Menubar
+	awful.key({ modkey }, "p", function()
+		menubar.show()
+	end, { description = "show the menubar", group = "launcher" })
+)
+
+local clientkeys = gears.table.join(
+	awful.key({ modkey }, "f", function(c)
+		c.fullscreen = not c.fullscreen
+		c:raise()
+	end, { description = "toggle fullscreen", group = "client" }),
+	awful.key({ modkey, "Shift" }, "q", function(c)
+		c:kill()
+	end, { description = "close", group = "client" }),
+	awful.key(
+		{ modkey, "Control" },
+		"space",
+		awful.client.floating.toggle,
+		{ description = "toggle floating", group = "client" }
+	),
+	awful.key({ modkey, "Control" }, "Return", function(c)
+		c:swap(awful.client.getmaster())
+	end, { description = "move to master", group = "client" }),
+	awful.key({ modkey }, "o", function(c)
+		c:move_to_screen()
+	end, { description = "move to screen", group = "client" }),
+	awful.key({ modkey }, "t", function(c)
+		c.ontop = not c.ontop
+	end, { description = "toggle keep on top", group = "client" }),
+	-- awful.key({ modkey }, "n", function(c)
+	-- 	-- The client currently has the input focus, so it cannot be
+	-- 	-- minimized, since minimized clients can't have the focus.
+	-- 	c.minimized = true
+	-- end, { description = "minimize", group = "client" }),
+	awful.key({ modkey }, "m", function(c)
+		c.maximized = not c.maximized
+		c:raise()
+	end, { description = "(un)maximize", group = "client" }),
+	awful.key({ modkey, "Control" }, "m", function(c)
+		c.maximized_vertical = not c.maximized_vertical
+		c:raise()
+	end, { description = "(un)maximize vertically", group = "client" }),
+	awful.key({ modkey, "Shift" }, "m", function(c)
+		c.maximized_horizontal = not c.maximized_horizontal
+		c:raise()
+	end, { description = "(un)maximize horizontally", group = "client" })
+)
+
+-- Bind all key numbers to tags.
+-- Be careful: we use keycodes to make it work on any keyboard layout.
+-- This should map on the top row of your keyboard, usually 1 to 9.
+for i = 1, 9 do
+	globalkeys = gears.table.join(
+		globalkeys,
+		-- View tag only.
+		awful.key({ modkey }, "#" .. i + 9, function()
+			local screen = awful.screen.focused()
+			local tag = screen.tags[i]
+			if tag then
+				tag:view_only()
+			end
+		end, { description = "view tag #" .. i, group = "tag" }),
+		-- Toggle tag display.
+		awful.key({ modkey, "Control" }, "#" .. i + 9, function()
+			local screen = awful.screen.focused()
+			local tag = screen.tags[i]
+			if tag then
+				awful.tag.viewtoggle(tag)
+			end
+		end, { description = "toggle tag #" .. i, group = "tag" }),
+		-- Move client to tag.
+		awful.key({ modkey, "Shift" }, "#" .. i + 9, function()
+			if client.focus then
+				local tag = client.focus.screen.tags[i]
+				if tag then
+					client.focus:move_to_tag(tag)
+				end
+			end
+		end, { description = "move focused client to tag #" .. i, group = "tag" }),
+		-- Toggle tag on focused client.
+		awful.key({ modkey, "Control", "Shift" }, "#" .. i + 9, function()
+			if client.focus then
+				local tag = client.focus.screen.tags[i]
+				if tag then
+					client.focus:toggle_tag(tag)
+				end
+			end
+		end, { description = "toggle focused client on tag #" .. i, group = "tag" })
+	)
+end
+
+local clientbuttons = gears.table.join(
+	awful.button({}, 1, function(c)
+		c:emit_signal("request::activate", "mouse_click", { raise = true })
+	end),
+	awful.button({ modkey }, 1, function(c)
+		c:emit_signal("request::activate", "mouse_click", { raise = true })
+		awful.mouse.client.move(c)
+	end),
+	awful.button({ modkey }, 3, function(c)
+		c:emit_signal("request::activate", "mouse_click", { raise = true })
+		awful.mouse.client.resize(c)
+	end)
+)
+
+-- Set keys
+root.keys(globalkeys)
+-- }}}
+
+-- {{{ Rules
+-- Rules to apply to new clients (through the "manage" signal).
+awful.rules.rules = {
+	-- All clients will match this rule.
+	{
+		rule = {},
+		properties = {
+			border_width = beautiful.border_width,
+			border_color = beautiful.border_normal,
+			focus = awful.client.focus.filter,
+			raise = true,
+			keys = clientkeys,
+			buttons = clientbuttons,
+			screen = awful.screen.preferred,
+			placement = awful.placement.no_overlap + awful.placement.no_offscreen,
+		},
+	},
+
+	-- Floating clients.
+	{
+		rule_any = {
+			instance = {
+				"DTA", -- Firefox addon DownThemAll.
+				"copyq", -- Includes session name in class.
+				"pinentry",
+			},
+			class = {
+				"Arandr",
+				"Blueman-manager",
+				"Gpick",
+				"Kruler",
+				"MessageWin", -- kalarm.
+				"Tor Browser", -- Needs a fixed window size to avoid fingerprinting by screen size.
+				"Wpa_gui",
+				"veromix",
+				"xtightvncviewer",
+				"Nsxiv",
+				"Galculator",
+			},
+			-- Note that the name property shown in xprop might be set slightly after creation of the client
+			-- and the name shown there might not match defined rules here.
+			name = {
+				"Event Tester", -- xev.
+			},
+			role = {
+				"AlarmWindow", -- Thunderbird's calendar.
+				"ConfigManager", -- Thunderbird's about:config.
+				"pop-up", -- e.g. Google Chrome's (detached) Developer Tools.
+			},
+		},
+		properties = { floating = true, placement = awful.placement.centered, beautiful.useless },
+	},
+
+	-- Add titlebars to normal clients and dialogs
+	{ rule_any = { type = { "normal", "dialog" } }, properties = { titlebars_enabled = false } },
+
+	{
+		rule_any = {
+			class = {
+				-- "steam_app_1172470",
+				-- "steam_app_1237970",
+				-- "steam_app_289070",
+				-- "steam_app_1172380",
+				"steam_app_1774580",
+				"steam_app_1182480",
+			},
+		},
+		properties = { screen = 1, fullscreen = true, floating = true },
+	},
+	{
+		rule_any = { class = { "Ferdium" } },
+		properties = { screen = 1, tag = "5" },
+	},
+	{
+		rule_any = { class = { "discord", "TelegramDesktop", "ripcord", "KotatogramDesktop" } },
+		properties = { screen = 1, tag = "8" },
+	},
+	{
+		rule_any = { class = { "easyeffects" } },
+		properties = { screen = 1, tag = "9" },
+	},
+	{ rule_any = { class = { "kdeconnect.app" } }, properties = { screen = 1, tag = "7" } },
+	{ rule_any = { class = { "Spotify" } }, properties = { screen = 1, tag = "9" } },
+	{ rule_any = { class = { "mpv" } }, properties = { fullscreen = true } },
+}
+
+-- {{{ Signals
+-- Signal function to execute when a new client appears.
+client.connect_signal("manage", function(c)
+	-- Set the windows at the slave,
+	-- i.e. put it at the end of others instead of setting it master.
+	-- if not awesome.startup then awful.client.setslave(c) end
+
+	if awesome.startup and not c.size_hints.user_position and not c.size_hints.program_position then
+		-- Prevent clients from being unreachable after screen count changes.
+		awful.placement.no_offscreen(c)
+	end
+end)
+
+-- Add a titlebar if titlebars_enabled is set to true in the rules.
+client.connect_signal("request::titlebars", function(c)
+	-- buttons for the titlebar
+	local buttons = gears.table.join(
+		awful.button({}, 1, function()
+			c:emit_signal("request::activate", "titlebar", { raise = true })
+			awful.mouse.client.move(c)
+		end),
+		awful.button({}, 3, function()
+			c:emit_signal("request::activate", "titlebar", { raise = true })
+			awful.mouse.client.resize(c)
+		end)
+	)
+
+	awful.titlebar(c):setup({
+		{
+			-- Left
+			awful.titlebar.widget.iconwidget(c),
+			buttons = buttons,
+			layout = wibox.layout.fixed.horizontal,
+		},
+		{
+			-- Middle
+			{
+				-- Title
+				align = "center",
+				widget = awful.titlebar.widget.titlewidget(c),
+			},
+			buttons = buttons,
+			layout = wibox.layout.flex.horizontal,
+		},
+		{
+			-- Right
+			awful.titlebar.widget.floatingbutton(c),
+			awful.titlebar.widget.maximizedbutton(c),
+			awful.titlebar.widget.stickybutton(c),
+			awful.titlebar.widget.ontopbutton(c),
+			awful.titlebar.widget.closebutton(c),
+			layout = wibox.layout.fixed.horizontal(),
+		},
+		layout = wibox.layout.align.horizontal,
+	})
+end)
+
+-- Enable sloppy focus, so that focus follows mouse.
+client.connect_signal("mouse::enter", function(c)
+	c:emit_signal("request::activate", "mouse_enter", { raise = false })
+end)
+
+client.connect_signal("focus", function(c)
+	c.border_color = beautiful.border_focus
+end)
+client.connect_signal("unfocus", function(c)
+	c.border_color = beautiful.border_normal
+end)

config/awesome/rc.lua

@@ -9,7 +9,6 @@ local logout_menu_widget = require("awesome-wm-widgets.logout-menu-widget.logout
 local net_speed_widget = require("awesome-wm-widgets.net-speed-widget.net-speed")
 local spotify_shell = require("awesome-wm-widgets.spotify-shell.spotify-shell")
 local spotify_widget = require("awesome-wm-widgets.spotify-widget.spotify")
-local weather_widget = require("awesome-wm-widgets.weather-widget.weather")
 local github_activity_widget = require("awesome-wm-widgets.github-activity-widget.github-activity-widget")
 local github_contributions_widget =
 	require("awesome-wm-widgets.github-contributions-widget.github-contributions-widget")
@@ -31,36 +30,6 @@ local hotkeys_popup = require("awful.hotkeys_popup")
 -- when client with a matching name is opened:
 require("awful.hotkeys_popup.keys")
 
--- OpenWeather API
--- WARNING: Create file ~/.config/awesome/weather and paste API from OpenWeather, latitude and longitude, each on separate line
-local WEATHER_FILE = os.getenv("HOME") .. "/.config/awesome/weather"
--- see if the file exists
-local function file_exists(file)
-	local f = io.open(file, "rb")
-	if f then
-		f:close()
-	end
-	return f ~= nil
-end
-
--- get all lines from a file, returns an empty
--- list/table if the file does not exist
-local function lines_from(file)
-	if not file_exists(file) then
-		return {}
-	end
-	local lines = {}
-	for line in io.lines(file) do
-		lines[#lines + 1] = line
-	end
-	return lines
-end
-
-local weather_output = lines_from(WEATHER_FILE)
-local API = weather_output[1]
-local latitude = tonumber(weather_output[2])
-local longitude = tonumber(weather_output[3])
-
 -- {{{ Error handling
 -- Check if awesome encountered an error during startup and fell back to
 -- another config (This code will only ever execute for the fallback config)
@@ -328,19 +297,6 @@ awful.screen.connect_for_each_screen(function(s)
 				show_tooltip = true,
 				timeout = 1,
 			}),
-			weather_widget({
-				api_key = API,
-				coordinates = { latitude, longitude },
-				font_name = "JetBrainsMono NF 10",
-				both_units_widget = false,
-				units = "metric",
-				show_hourly_forecase = true,
-				time_format_12h = false,
-				show_daily_forecast = true,
-				icon_pack_name = "weather-underground-icon",
-				icons_extension = ".png",
-				timeout = 120,
-			}),
 			logout_menu_widget({
 				font = "JetBrainsMono NF 10",
 				onlogout = function()
@@ -479,11 +435,11 @@ local globalkeys = gears.table.join(
 	-- awful.key({ modkey, "Control" }, "q", awesome.quit, { description = "quit awesome", group = "awesome" }),
 
 	awful.key({ modkey }, "b", function()
-		awful.spawn("librewolf")
+		awful.spawn("floorp")
-	end, { description = "open librewolf", group = "launcher" }),
+	end, { description = "open browser", group = "launcher" }),
 	awful.key({ modkey }, "n", function()
-		awful.spawn("spacefm")
+		awful.spawn("alacritty -e yazi")
-	end, { description = "open spacefm", group = "launcher" }),
+	end, { description = "open yazi", group = "launcher" }),
 
 	awful.key({ modkey }, "l", function()
 		awful.tag.incmwfact(0.05)
@@ -724,18 +680,6 @@ awful.rules.rules = {
 	{ rule_any = { class = { "kdeconnect.app" } }, properties = { screen = 2, tag = "7" } },
 	{ rule_any = { class = { "Spotify" } }, properties = { screen = 2, tag = "9" } },
 	{ rule_any = { class = { "mpv" } }, properties = { fullscreen = true } },
-	-- {
-	-- 	rule = { name = "Tetris", class = "main.py" },
-	-- 	properties = {
-	-- 		skip_taskbar = true,
-	-- 		floating = true,
-	-- 		ontop = false,
-	-- 		below = true,
-	-- 		focusable = false,
-	-- 		screen = 2,
-	-- 		tag = "6",
-	-- 	},
-	-- },
 }
 
 -- {{{ Signals

config/btop/btop.conf

@@ -196,7 +196,7 @@ net_download = 100
 net_upload = 100
 
 #* Use network graphs auto rescaling mode, ignores any values set above and rescales down to 10 Kibibytes at the lowest.
-net_auto = False
+net_auto = True
 
 #* Sync the auto scaling for download and upload to whichever currently has the highest scale.
 net_sync = False

config/dunst/dunstrc

@@ -123,7 +123,7 @@
 
     ### Text ###
 
-    font = JetBrainsMono NF 14
+    font = JetBrainsMono NF 8
 
     icon_theme = "rose-pine-icons"
     enable_recursive_icon_lookup = true

config/fastfetch/config.conf

@@ -26,7 +26,23 @@
 # List available modules with "fastfetch --list-modules".
 # Get the default structure with "fastfetch --print-structure".
 # --structure Title:Separator:OS:Host:Kernel:Uptime:Packages:Shell:Resolution:DE:WM:WMTheme:Theme:Icons:Font:Cursor:Terminal:TerminalFont:CPU:GPU:Memory:Disk:Battery:Locale:Break:Colors
---structure Title:Separator:OS:Host:Kernel:Uptime:Break:Packages:Break:Memory:Disk:Battery:Break:DateTime:Break:Colors
+--structure
+Title
+Separator
+OS
+Host
+Kernel
+Uptime
+Break
+Packages
+Break
+Memory
+Disk
+Battery
+Break
+DateTime
+Break
+Colors
 
 # Multithreading option:
 # Sets if fastfetch should use multiple threads to detect the values.

config/fastfetch/config.jsonc

@@ -0,0 +1,19 @@
+{
+    "$schema": "https://github.com/fastfetch-cli/fastfetch/raw/dev/doc/json_schema.json",
+    "modules": [
+        "title",
+        "separator",
+        "os",
+        "host",
+        "kernel",
+        "uptime",
+        "break",
+        "packages",
+        "break",
+        "memory",
+        "disk",
+        "battery",
+        "break",
+        "colors"
+    ]
+}

config/htoprc

@@ -0,0 +1,63 @@
+# Beware! This file is rewritten by htop when settings are changed in the interface.
+# The parser is also very primitive, and not human-friendly.
+htop_version=3.3.0
+config_reader_min_version=3
+fields=0 48 17 18 38 39 40 2 46 47 49 1
+hide_kernel_threads=1
+hide_userland_threads=0
+hide_running_in_container=0
+shadow_other_users=0
+show_thread_names=0
+show_program_path=1
+highlight_base_name=0
+highlight_deleted_exe=1
+shadow_distribution_path_prefix=0
+highlight_megabytes=1
+highlight_threads=1
+highlight_changes=0
+highlight_changes_delay_secs=5
+find_comm_in_cmdline=1
+strip_exe_from_cmdline=1
+show_merged_command=0
+header_margin=1
+screen_tabs=1
+detailed_cpu_time=0
+cpu_count_from_one=0
+show_cpu_usage=1
+show_cpu_frequency=1
+show_cpu_temperature=1
+degree_fahrenheit=0
+update_process_names=0
+account_guest_in_cpu_meter=0
+color_scheme=0
+enable_mouse=0
+delay=15
+hide_function_bar=0
+header_layout=two_50_50
+column_meters_0=LeftCPUs Memory Swap
+column_meter_modes_0=1 1 1
+column_meters_1=RightCPUs Tasks LoadAverage Uptime
+column_meter_modes_1=1 2 2 2
+tree_view=0
+sort_key=46
+tree_sort_key=0
+sort_direction=-1
+tree_sort_direction=1
+tree_view_always_by_pid=0
+all_branches_collapsed=0
+screen:Main=PID USER PRIORITY NICE M_VIRT M_RESIDENT M_SHARE STATE PERCENT_CPU PERCENT_MEM TIME Command
+.sort_key=PERCENT_CPU
+.tree_sort_key=PID
+.tree_view_always_by_pid=0
+.tree_view=0
+.sort_direction=-1
+.tree_sort_direction=1
+.all_branches_collapsed=0
+screen:I/O=PID USER IO_PRIORITY IO_RATE IO_READ_RATE IO_WRITE_RATE PERCENT_SWAP_DELAY PERCENT_IO_DELAY Command
+.sort_key=IO_RATE
+.tree_sort_key=PID
+.tree_view_always_by_pid=0
+.tree_view=0
+.sort_direction=-1
+.tree_sort_direction=1
+.all_branches_collapsed=0

config/joshuto/theme.toml

@@ -7,7 +7,7 @@
 
 # Active tabs
 [tabs.active]
-invert=true
+invert = true
 
 ##########################################
 ## File List - Selections

config/shell/aliasrc

@@ -47,7 +47,10 @@ alias \
     sv="rsv" \
     v="$EDITOR" \
     weather="curl wttr.in/" \
+    wg-down="wg-quick down wg0" \
+    wg-up="wg-quick up wg0" \
     ww="$EDITOR ~/neorg/" \
+    yarn="yarn --use-yarnrc $XDG_CONFIG_HOME/yarn/config" \
     yy="yazi"
 
 # doas not required for some system commands

config/shell/env

@@ -9,16 +9,17 @@ typeset -U PATH path
 
 # Adds `~/.local/bin` to $PATH
 export PATH="$PATH:${$(find ~/.local/bin -type d -printf %p:)%%:}"
+export PATH="$PATH:~/.spicetify"
 
 # Disable files
 export LESSHISTFILE=-
-# export $(dbus-launch)
+export $(dbus-launch)
 
 unsetopt PROMPT_SP
 
 
 # Default Apps
-export BROWSER="librewolf"
+export BROWSER="floorp"
 export EDITOR="nvim"
 export IMAGE="nsxiv"
 export READER="zathura"
@@ -32,58 +33,59 @@ export WM="awesome"
 export XDG_CACHE_HOME="$HOME/.cache"
 export XDG_CONFIG_HOME="$HOME/.config"
 export XDG_DATA_HOME="$HOME/.local/share"
-export XDG_STATE_HOME="$HOME/.local/share"
 export XDG_RUNTIME_DIR="$HOME/.cache/xdgr"
+export XDG_STATE_HOME="$HOME/.local/share"
 
 export HYPRSHOT_DIR="$HOME/Pictures/screenshots"
 
 
-export NODE_REPL_HISTORY="$XDG_DATA_HOME/node_repl_history"
+export ANDROID_HOME="$XDG_CONFIG_HOME/android"
-export DOCKER_CONFIG="$XDG_CONFIG_HOME/docker"
 export ANDROID_SDK_HOME="$XDG_CONFIG_HOME/android"
 export ANDROID_USER_HOME="$XDG_DATA_HOME/android"
-export ANDROID_HOME="$XDG_CONFIG_HOME/android"
 export ANSIBLE_CONFIG="$XDG_CONFIG_HOME/ansible/ansible.cfg"
 export CARGO_HOME="$XDG_DATA_HOME/cargo"
 export CUDA_CACHE_PATH="$XDG_CACHE_HOME/nv"
+export DOCKER_CONFIG="$XDG_CONFIG_HOME/docker"
 export ELECTRUMDIR="$XDG_DATA_HOME/electrum"
 export GNUPGHOME="$XDG_DATA_HOME/gnupg"
-export GRADLE_USER_HOME="$XDG_DATA_HOME/gradle"
-export XCURSOR_PATH="/usr/share/icons:$XDG_DATA_HOME/icons"
-export IPYTHONDIR="$XDG_CONFIG_HOME/ipython"
 export GOPATH="$XDG_DATA_HOME/go"
+export GRADLE_USER_HOME="$XDG_DATA_HOME/gradle"
 export GTK2_RC_FILES="$XDG_CONFIG_HOME/gtk-2.0/gtkrc"
 export HISTFILE="$XDG_CONFIG_HOME/zsh/history"
 export HISTFILE="$XDG_DATA_HOME/history"
+export HISTFILE="$XDG_STATE_HOME/bash/history"
 export INPUTRC="$XDG_CONFIG_HOME/shell/inputrc"
+export IPYTHONDIR="$XDG_CONFIG_HOME/ipython"
 export KERAS_HOME="$XDG_DATA_HOME/keras"
 export KODI_DATA="$XDG_DATA_HOME/kodi"
 export MBSYNCRC="$XDG_CONFIG_HOME/mbsync/config"
 export MYPY_CACHE_DIR="$XDG_CACHE_HOME/mypy"
+export MYSQL_HISTFILE="$XDG_DATA_HOME/mysql_history"
+export NODE_REPL_HISTORY="$XDG_DATA_HOME/node_repl_history"
 export NOTMUCH_CONFIG="$XDG_CONFIG_HOME/notmuch-config"
 export NPM_CONFIG_USERCONFIG="$XDG_CACHE_HOME/npm/npmrc"
+export PARALLEL_HOME="$XDG_CONFIG_HOME/parallel"
 export PASSWORD_STORE_DIR="$XDG_DATA_HOME/password-store"
 export PYENV_ROOT="$XDG_DATA_HOME/pyenv"
-export PYTHONSTARTUP="$XDG_CONFIG_HOME/python/pythonrc"
+export PYTHONSTARTUP="$HOME/python/pythonrc"
+export REDISCLI_HISTFILE="$XDG_DATA_HOME/redis/rediscli_history"
 export RUSTUP_HOME="$XDG_DATA_HOME/rustup"
+export RYE_HOME="$XDG_DATA_HOME/rye"
 export SSB_HOME="$XDG_DATA_HOME/zoom"
 export STARSHIP_CONFIG="$XDG_CONFIG_HOME/starship/starship.toml"
 export TEXMFVAR="$XDG_CACHE_HOME/texlive/texmf-var"
 export TMUX_TMPDIR="$XDG_RUNTIME_DIR"
 export UNISON="$XDG_DATA_HOME/unison"
+export W3M_DIR="$XDG_DATA_HOME/w3m"
 export WEECHAT_HOME="$XDG_CONFIG_HOME/weechat"
 export WGETRC="$XDG_CONFIG_HOME/wget/wgetrc"
 export WINEPREFIX="$XDG_DATA_HOME/wineprefixes/default"
 export XAUTHORITY="$XDG_RUNTIME_DIR/Xauthority"
+export XCURSOR_PATH="/usr/share/icons:$XDG_DATA_HOME/icons"
 export XINITRC="$XDG_CONFIG_HOME/x11/xinitrc"
 export ZDOTDIR="$XDG_CONFIG_HOME/zsh"
-export _JAVA_OPTIONS=-Djava.util.prefs.userRoot="$XDG_CONFIG_HOME/java"
 export _JAVA_OPTIONS="-Djava.util.prefs.userRoot=${XDG_CONFIG_HOME}/java - Djavafx.cachedir=${XDG_CACHE_HOME}/openjfx"
-export PARALLEL_HOME="$XDG_CONFIG_HOME/parallel"
+export _JAVA_OPTIONS=-Djava.util.prefs.userRoot="$XDG_CONFIG_HOME/java"
-export MYSQL_HISTFILE="$XDG_DATA_HOME/mysql_history"
-export HISTFILE="$XDG_STATE_HOME/bash/history"
-export W3M_DIR="$XDG_DATA_HOME/w3m"
-export RYE_HOME="$XDG_DATA_HOME/rye"
 
 # Other program settings
 export AWT_TOOLKIT="MToolkit wmname LG3D" # May have to install wmname

config/spicetify/CustomApps/eternal-jukebox/README.md

@@ -0,0 +1,99 @@
+# The Eternal Jukebox
+
+For when your favorite song just isn't long enough.
+
+![preview](https://raw.githubusercontent.com/Pithaya/spicetify-apps/main/custom-apps/eternal-jukebox/preview.png)
+
+A rewrite of the [Infinite / Eternal Jukebox](https://eternalbox.dev/jukebox_index.html) for Spicetify.  
+It finds pathways through similar segments of the song and plays a never-ending and ever changing version of the song.
+
+> **Warning**  
+> The custom app is still in **beta**.  
+> See [known issues](#known-issues) and [upcoming features](#upcoming-features).
+
+
+## Auto Installation (Linux)
+```
+sh <(curl -s https://raw.githubusercontent.com/Pithaya/spicetify-apps/main/custom-apps/eternal-jukebox/src/install.sh)
+
+```
+
+## Manual Installation
+
+1. Run `spicetify config-dir` to open the spicetify folder.
+2. Go to the `CustomApps` folder.
+3. Create a `eternal-jukebox` folder.
+4. Download the custom app files as a zip from [here](https://github.com/Pithaya/spicetify-apps-dist/archive/refs/heads/dist/eternal-jukebox.zip).
+5. Extract the zip and put the files inside the folder you created in step 3.
+
+Then, run the following commands:
+
+```sh
+spicetify config custom_apps eternal-jukebox
+spicetify apply
+```
+
+## Usage
+
+A new "infinity" button allows you to enable and disable the jukebox. As long as the jukebox is enabled, the current song will play endlessly.
+
+![button](https://raw.githubusercontent.com/Pithaya/spicetify-apps/main/custom-apps/eternal-jukebox/docs/button.JPG)
+
+Changing the current song will automatically play it through the jukebox.
+
+![sidebar](https://raw.githubusercontent.com/Pithaya/spicetify-apps/main/custom-apps/eternal-jukebox/docs/sidebar.JPG)
+
+The custom app allows you to see a visualization of the jukebox's progress through the song.
+
+![visualization](https://raw.githubusercontent.com/Pithaya/spicetify-apps/main/custom-apps/eternal-jukebox/docs/visualization.png)
+
+The circle is made out of the different beats of the song. Branches, or edges are the path linking similar beats together.
+
+Holding the `SHIFT` key allows you to keep repeating a part of the song by "jumping" through edges linking the same beats.
+
+Clicking on a beat will seek to that part of the song.
+
+Below the graph you will find some stats about the current song:
+
+-   **Total beats**: How many beats were played.
+-   **Current branch change**: The current percentage of chance to follow an edge when playing a beat.
+-   **Listen time**: How long you've been listening to the song.
+
+### Settings
+
+The settings button on the top right allows you to tune the jukebox.
+
+![settings](https://raw.githubusercontent.com/Pithaya/spicetify-apps/main/custom-apps/eternal-jukebox/docs/settings.png)
+
+-   **Branch similarity threshold**: The maximum allowed "distance" between two branches. The higher it is, the more branches will be generated.
+-   **Branch probability range**: The minimum and maximum percentage of chance to use a branch each beat. The chance will start at the minimum value, and will increase by the **Branch probability ramp-up speed** value for every beat where it is not branching, until it reaches the maximum value.
+-   **Branch probability ramp-up speed**: How fast the **Branch probability chance** value should increase.
+-   **Loop extension optimization**: If checked, will try to add the longest backward branch it can at the last branching beat.
+-   **Allow only reverse branches**: If checked, will only add branches going back in the song.
+-   **Allow only long branches**: If checked, will only add long branches. A branch is considered long if it covers at least a fifth of the song's length.
+-   **Remove sequential branches**: If checked, will remove consecutive branches of the same length.
+
+The reset button can be used to reset the settings to the default values.
+
+## Known issues
+
+-   Audio lag when jumping between parts of the song
+-   Jukebox "freezing" and getting out of sync
+-   Songs getting stuck in short loops due to issues with the graph generation
+
+## Upcoming features
+
+-   More graph interactivity
+
+## Uninstall
+
+1. Run `spicetify config-dir` to open the spicetify folder
+2. Go to the `CustomApps` folder
+3. Delete the `eternal-jukebox` folder
+
+Then, run the following commands:
+
+```sh
+spicetify config custom_apps eternal-jukebox-
+spicetify apply
+```

config/spicetify/CustomApps/eternal-jukebox/manifest.json

@@ -0,0 +1,9 @@
+{
+  "name": "Eternal Jukebox",
+  "icon": "<svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    style=\"stroke-width: 2px !important;\"\n>\n    <path d=\"M18.178 8c5.096 0 5.096 8 0 8-5.095 0-7.133-8-12.739-8-4.585 0-4.585 8 0 8 5.606 0 7.644-8 12.74-8z\"></path>\n</svg>",
+  "active-icon": "<svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    style=\"stroke-width: 2px !important;\"\n>\n    <path d=\"M18.178 8c5.096 0 5.096 8 0 8-5.095 0-7.133-8-12.739-8-4.585 0-4.585 8 0 8 5.606 0 7.644-8 12.74-8z\"></path>\n</svg>",
+  "subfiles": [],
+  "subfiles_extension": [
+    "extension.js"
+  ]
+}

config/spicetify/CustomApps/history-in-sidebar/.gitattributes

@@ -0,0 +1 @@
+dist/* linguist-vendored

config/spicetify/CustomApps/history-in-sidebar/.gitignore

@@ -0,0 +1,147 @@
+
+# Created by https://www.toptal.com/developers/gitignore/api/node
+# Edit at https://www.toptal.com/developers/gitignore?templates=node
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# build-local directory
+dist/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+.temp
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+### Node Patch ###
+# Serverless Webpack directories
+.webpack/
+
+# Optional stylelint cache
+
+# SvelteKit build / generate output
+.svelte-kit
+
+# End of https://www.toptal.com/developers/gitignore/api/node

config/spicetify/CustomApps/history-in-sidebar/README.md

@@ -0,0 +1,27 @@
+# History in Sidebar
+
+Adds a shortcut for the "Recently Played" screen to the sidebar.
+
+Saves one full click!
+
+> If you like it, please consider starring it on GitHub 🌟
+
+<p align="center">
+  <img src="https://github.com/Bergbok/Spicetify-Creations/assets/66174189/ded310d5-374a-4238-98b1-bd2fad737604"/></img>
+</p>
+
+## Installation
+
+1. Install Spicetify ([guide](https://spicetify.app/docs/advanced-usage/installation))
+2. Download it from [here](https://github.com/Bergbok/Spicetify-Creations/archive/refs/heads/dist/history-in-sidebar.zip)
+3. Run `spicetify config-dir` in a terminal
+4. Extract the zip into the CustomApps folder
+5. Rename the extracted folder to `history-in-sidebar`
+6. Run `spicetify config custom_apps history-in-sidebar`
+7. Run `spicetify apply`
+
+> If you get stuck check out [Spicetify's official guide](https://spicetify.app/docs/advanced-usage/custom-apps/).
+
+## License
+
+This repository is licensed under the [MIT License](https://github.com/Bergbok/Spicetify-Creations/blob/main/LICENSE).

config/spicetify/CustomApps/history-in-sidebar/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "history-in-sidebar",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "build": "spicetify-creator",
+    "build-local": "spicetify-creator --out=dist --minify",
+    "watch": "spicetify-creator --watch"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@types/node": "^20.11.24",
+    "@types/react": "^18.2.63",
+    "@types/react-dom": "^18.2.19",
+    "spicetify-creator": "^1.0.17"
+  }
+}

config/spicetify/CustomApps/history-in-sidebar/src/app.tsx

@@ -0,0 +1,13 @@
+import React from 'react'
+
+class App extends React.Component {
+  componentDidMount() {
+    Spicetify.Platform.History.push('/history');
+  }
+
+  render() {
+    return null;
+  } 
+}
+
+export default App;

config/spicetify/CustomApps/history-in-sidebar/src/assets/icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" id="history">
+<path d="M21.001 12a9 9 0 0 0-9-9 1 1 0 1 1 0-2c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11a1 1 0 1 1 2 0 9 9 0 1 0 18 0zM7.58 4.422a1.25 1.25 0 1 1-1.25-2.165 1.25 1.25 0 0 1 1.25 2.165z"></path>
+<path d="M11.034 6a1 1 0 0 1 2 0v5H16a1 1 0 1 1 0 2h-4.966V6zM2.67 8.083a1.25 1.25 0 1 0 1.25-2.165 1.25 1.25 0 0 0-1.25 2.165z"></path>
+</svg>

config/spicetify/CustomApps/history-in-sidebar/src/settings.json

@@ -0,0 +1,6 @@
+{
+  "displayName": "History",
+  "nameId": "history-in-sidebar",
+  "icon": "assets/icon.svg",
+  "activeIcon": "assets/icon.svg"
+}

config/spicetify/CustomApps/history-in-sidebar/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "jsx": "react",
+    "module": "commonjs",
+    "resolveJsonModule": true,
+    "outDir": "dist",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "skipLibCheck": true
+  },
+  "include": ["./src/**/*", "../../libs/shared/src/types/**/*"]
+}

config/spicetify/CustomApps/library/collection_wrapper.js

@@ -0,0 +1,156 @@
+(async function() {
+          while (!Spicetify.React || !Spicetify.ReactDOM) {
+            await new Promise(resolve => setTimeout(resolve, 10));
+          }
+          "use strict";
+var library = (() => {
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // src/extensions/collection_wrapper.tsx
+  var collection_wrapper_exports = {};
+  __export(collection_wrapper_exports, {
+    default: () => collection_wrapper_default
+  });
+
+  // node_modules/uuid/dist/esm-browser/rng.js
+  var getRandomValues;
+  var rnds8 = new Uint8Array(16);
+  function rng() {
+    if (!getRandomValues) {
+      getRandomValues = typeof crypto !== "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+      if (!getRandomValues) {
+        throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+      }
+    }
+    return getRandomValues(rnds8);
+  }
+
+  // node_modules/uuid/dist/esm-browser/stringify.js
+  var byteToHex = [];
+  for (let i = 0; i < 256; ++i) {
+    byteToHex.push((i + 256).toString(16).slice(1));
+  }
+  function unsafeStringify(arr, offset = 0) {
+    return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+  }
+
+  // node_modules/uuid/dist/esm-browser/native.js
+  var randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+  var native_default = {
+    randomUUID
+  };
+
+  // node_modules/uuid/dist/esm-browser/v4.js
+  function v4(options, buf, offset) {
+    if (native_default.randomUUID && !buf && !options) {
+      return native_default.randomUUID();
+    }
+    options = options || {};
+    const rnds = options.random || (options.rng || rng)();
+    rnds[6] = rnds[6] & 15 | 64;
+    rnds[8] = rnds[8] & 63 | 128;
+    if (buf) {
+      offset = offset || 0;
+      for (let i = 0; i < 16; ++i) {
+        buf[offset + i] = rnds[i];
+      }
+      return buf;
+    }
+    return unsafeStringify(rnds);
+  }
+  var v4_default = v4;
+
+  // src/extensions/collection_wrapper.tsx
+  var CollectionWrapper = class {
+    constructor() {
+      this.getCollections = () => {
+        return this._collections;
+      };
+      this.createCollection = (name) => {
+        const collection = {
+          id: v4_default(),
+          name,
+          items: []
+        };
+        this._collections.push(collection);
+        this.saveCollections();
+        Spicetify.showNotification("Collection Created");
+        return collection;
+      };
+      this.deleteCollection = (collectionID) => {
+        this._collections = this._collections.filter((collection) => collection.id !== collectionID);
+        this.saveCollections();
+        Spicetify.showNotification("Collection Deleted");
+      };
+      this.getCollection = (collectionID) => {
+        return this._collections.find((collection) => collection.id === collectionID);
+      };
+      this.renameCollection = (collectionID, name) => {
+        const collection = this.getCollection(collectionID);
+        if (!collection)
+          throw new Error("Collection is not defined");
+        collection.name = name;
+        this.saveCollections();
+        Spicetify.showNotification("Collection Renamed");
+      };
+      this.addToCollection = (collectionID, albumURI) => {
+        const collection = this.getCollection(collectionID);
+        if (!collection)
+          throw new Error("Collection is not defined");
+        Spicetify.GraphQL.Request(Spicetify.GraphQL.Definitions.getAlbum, {
+          uri: albumURI,
+          locale: "en",
+          offset: 0,
+          limit: 1
+        }).then((res) => {
+          var _a, _b, _c, _d, _e, _f, _g;
+          const data = res.data.albumUnion;
+          const albumItem = {
+            uri: data.uri,
+            name: data.name,
+            artist: (_d = (_c = (_b = (_a = data.artists) == null ? void 0 : _a.items) == null ? void 0 : _b[0]) == null ? void 0 : _c.profile) == null ? void 0 : _d.name,
+            image: ((_g = (_f = (_e = data.coverArt) == null ? void 0 : _e.sources) == null ? void 0 : _f[0]) == null ? void 0 : _g.url) || ""
+          };
+          collection.items.push(albumItem);
+          this.saveCollections();
+        });
+        Spicetify.showNotification("Item Added to Collection");
+      };
+      this.removeFromCollection = (collectionID, albumURI) => {
+        const collection = this.getCollection(collectionID);
+        if (!collection)
+          throw new Error("Collection is not defined");
+        collection.items = collection.items.filter((album) => album.uri !== albumURI);
+        this.saveCollections();
+        Spicetify.showNotification("Item Removed from Collection");
+      };
+      this.getCollectionForItem = (albumURI) => {
+        return this._collections.filter((collection) => collection.items.some((item) => item.uri === albumURI));
+      };
+      this.saveCollections = () => {
+        localStorage.setItem("library:collections", JSON.stringify(this._collections));
+      };
+      this._collections = JSON.parse(localStorage.getItem("library:collections") || "[]");
+    }
+  };
+  var collection_wrapper_default = CollectionWrapper;
+  return __toCommonJS(collection_wrapper_exports);
+})();
+
+        })();

config/spicetify/CustomApps/library/collections_wrapper.js

@@ -0,0 +1,300 @@
+(async function() {
+          while (!Spicetify.React || !Spicetify.ReactDOM) {
+            await new Promise(resolve => setTimeout(resolve, 10));
+          }
+          "use strict";
+var library = (() => {
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+  var __publicField = (obj, key, value) => {
+    __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+    return value;
+  };
+
+  // src/extensions/collections_wrapper.ts
+  var collections_wrapper_exports = {};
+  __export(collections_wrapper_exports, {
+    default: () => collections_wrapper_default
+  });
+
+  // ../node_modules/uuid/dist/esm-browser/rng.js
+  var getRandomValues;
+  var rnds8 = new Uint8Array(16);
+  function rng() {
+    if (!getRandomValues) {
+      getRandomValues = typeof crypto !== "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+      if (!getRandomValues) {
+        throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+      }
+    }
+    return getRandomValues(rnds8);
+  }
+
+  // ../node_modules/uuid/dist/esm-browser/stringify.js
+  var byteToHex = [];
+  for (let i = 0; i < 256; ++i) {
+    byteToHex.push((i + 256).toString(16).slice(1));
+  }
+  function unsafeStringify(arr, offset = 0) {
+    return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+  }
+
+  // ../node_modules/uuid/dist/esm-browser/native.js
+  var randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+  var native_default = {
+    randomUUID
+  };
+
+  // ../node_modules/uuid/dist/esm-browser/v4.js
+  function v4(options, buf, offset) {
+    if (native_default.randomUUID && !buf && !options) {
+      return native_default.randomUUID();
+    }
+    options = options || {};
+    const rnds = options.random || (options.rng || rng)();
+    rnds[6] = rnds[6] & 15 | 64;
+    rnds[8] = rnds[8] & 63 | 128;
+    if (buf) {
+      offset = offset || 0;
+      for (let i = 0; i < 16; ++i) {
+        buf[offset + i] = rnds[i];
+      }
+      return buf;
+    }
+    return unsafeStringify(rnds);
+  }
+  var v4_default = v4;
+
+  // src/extensions/collections_wrapper.ts
+  var _CollectionsWrapper = class extends EventTarget {
+    _collections;
+    constructor() {
+      super();
+      this._collections = JSON.parse(localStorage.getItem("library:collections") || "[]");
+    }
+    saveCollections() {
+      localStorage.setItem("library:collections", JSON.stringify(this._collections));
+      this.dispatchEvent(new CustomEvent("update", { detail: this._collections }));
+    }
+    getCollection(uri) {
+      return this._collections.find((collection) => collection.uri === uri);
+    }
+    async getCollectionContents(uri) {
+      const collection = this.getCollection(uri);
+      if (!collection)
+        throw new Error("Collection not found");
+      const items = this._collections.filter((collection2) => collection2.parentCollection === uri);
+      const albums = await Spicetify.Platform.LibraryAPI.getContents({
+        filters: ["0"],
+        offset: 0,
+        limit: 9999
+      });
+      items.push(...albums.items.filter((album) => collection.items.includes(album.uri)));
+      return items;
+    }
+    async getContents(props) {
+      const { collectionUri, offset, limit, textFilter } = props;
+      let items = collectionUri ? await this.getCollectionContents(collectionUri) : this._collections;
+      const openedCollectionName = collectionUri ? this.getCollection(collectionUri)?.name : void 0;
+      if (textFilter) {
+        const regex = new RegExp(`\\b${textFilter}`, "i");
+        items = items.filter((collection) => regex.test(collection.name));
+      }
+      items = items.slice(offset, offset + limit);
+      return { items, totalLength: this._collections.length, offset, openedCollectionName };
+    }
+    async cleanCollections() {
+      for (const collection of this._collections) {
+        const boolArray = await Spicetify.Platform.LibraryAPI.contains(...collection.items);
+        if (boolArray.includes(false)) {
+          collection.items = collection.items.filter((_, i) => boolArray[i]);
+          this.saveCollections();
+          Spicetify.showNotification("Album removed from collection");
+          this.syncCollection(collection.uri);
+        }
+      }
+    }
+    async syncCollection(uri) {
+      const collection = this.getCollection(uri);
+      if (!collection)
+        return;
+      const { PlaylistAPI } = Spicetify.Platform;
+      if (!collection.syncedPlaylistUri)
+        return;
+      const playlist = await PlaylistAPI.getPlaylist(collection.syncedPlaylistUri);
+      const playlistTracks = playlist.contents.items.filter((t) => t.type === "track").map((t) => t.uri);
+      const collectionTracks = await this.getTracklist(uri);
+      const wanted = collectionTracks.filter((track) => !playlistTracks.includes(track));
+      const unwanted = playlistTracks.filter((track) => !collectionTracks.includes(track)).map((uri2) => ({ uri: uri2, uid: [] }));
+      if (wanted.length)
+        await PlaylistAPI.add(collection.syncedPlaylistUri, wanted, { before: "end" });
+      if (unwanted.length)
+        await PlaylistAPI.remove(collection.syncedPlaylistUri, unwanted);
+    }
+    unsyncCollection(uri) {
+      const collection = this.getCollection(uri);
+      if (!collection)
+        return;
+      collection.syncedPlaylistUri = void 0;
+      this.saveCollections();
+    }
+    async getTracklist(collectionUri) {
+      const collection = this.getCollection(collectionUri);
+      if (!collection)
+        return [];
+      return Promise.all(
+        collection.items.map(async (uri) => {
+          const album = await Spicetify.Platform.LibraryAPI.getAlbum(uri);
+          return album.items.map((t) => t.uri);
+        })
+      ).then((tracks) => tracks.flat());
+    }
+    async convertToPlaylist(uri) {
+      const collection = this.getCollection(uri);
+      if (!collection)
+        return;
+      const { Platform, showNotification } = Spicetify;
+      const { RootlistAPI, PlaylistAPI } = Platform;
+      if (collection.syncedPlaylistUri) {
+        showNotification("Synced Playlist already exists", true);
+        return;
+      }
+      try {
+        const playlistUri = await RootlistAPI.createPlaylist(collection.name, { before: "start" });
+        const items = await this.getTracklist(uri);
+        await PlaylistAPI.add(playlistUri, items, { before: "start" });
+        collection.syncedPlaylistUri = playlistUri;
+      } catch (error) {
+        console.error(error);
+        showNotification("Failed to create playlist", true);
+      }
+    }
+    async createCollectionFromDiscog(artistUri) {
+      const [raw, info] = await Promise.all([
+        Spicetify.GraphQL.Request(Spicetify.GraphQL.Definitions.queryArtistDiscographyAlbums, {
+          uri: artistUri,
+          offset: 0,
+          limit: 50
+        }),
+        Spicetify.GraphQL.Request(Spicetify.GraphQL.Definitions.queryArtistOverview, {
+          uri: artistUri,
+          locale: Spicetify.Locale.getLocale(),
+          includePrerelease: false
+        })
+      ]);
+      const items = raw?.data?.artistUnion.discography.albums?.items;
+      const name = info?.data?.artistUnion.profile.name;
+      const image = info?.data?.artistUnion.visuals.avatarImage?.sources?.[0]?.url;
+      if (!name || !items?.length) {
+        Spicetify.showNotification("Artist not found or has no albums");
+        return;
+      }
+      const collectionUri = this.createCollection(`${name} Albums`);
+      if (image)
+        this.setCollectionImage(collectionUri, image);
+      for (const album of items) {
+        this.addAlbumToCollection(collectionUri, album.releases.items[0].uri);
+      }
+    }
+    createCollection(name, parentCollection = "") {
+      const id = v4_default();
+      this._collections.push({
+        type: "collection",
+        uri: id,
+        name,
+        items: [],
+        addedAt: new Date(),
+        lastPlayedAt: new Date(),
+        parentCollection
+      });
+      this.saveCollections();
+      Spicetify.showNotification("Collection created");
+      return id;
+    }
+    deleteCollection(uri) {
+      this._collections = this._collections.filter((collection) => collection.uri !== uri);
+      this.saveCollections();
+      Spicetify.showNotification("Collection deleted");
+    }
+    deleteCollectionAndAlbums(uri) {
+      const collection = this.getCollection(uri);
+      if (!collection)
+        return;
+      for (const album of collection.items) {
+        Spicetify.Platform.LibraryAPI.remove({ uris: [album] });
+      }
+      this.deleteCollection(uri);
+    }
+    async addAlbumToCollection(collectionUri, albumUri) {
+      const collection = this.getCollection(collectionUri);
+      if (!collection)
+        return;
+      await Spicetify.Platform.LibraryAPI.add({ uris: [albumUri] });
+      collection.items.push(albumUri);
+      this.saveCollections();
+      Spicetify.showNotification("Album added to collection");
+      this.syncCollection(collectionUri);
+    }
+    removeAlbumFromCollection(collectionUri, albumUri) {
+      const collection = this.getCollection(collectionUri);
+      if (!collection)
+        return;
+      collection.items = collection.items.filter((item) => item !== albumUri);
+      this.saveCollections();
+      Spicetify.showNotification("Album removed from collection");
+      this.syncCollection(collectionUri);
+    }
+    getCollectionsWithAlbum(albumUri) {
+      return this._collections.filter((collection) => {
+        return collection.items.some((item) => item === albumUri);
+      });
+    }
+    renameCollection(uri, name) {
+      const collection = this.getCollection(uri);
+      if (!collection)
+        return;
+      collection.name = name;
+      this.saveCollections();
+      Spicetify.showNotification("Collection renamed");
+    }
+    setCollectionImage(uri, url) {
+      const collection = this.getCollection(uri);
+      if (!collection)
+        return;
+      collection.image = url;
+      this.saveCollections();
+      Spicetify.showNotification("Collection image set");
+    }
+    removeCollectionImage(uri) {
+      const collection = this.getCollection(uri);
+      if (!collection)
+        return;
+      collection.image = void 0;
+      this.saveCollections();
+      Spicetify.showNotification("Collection image removed");
+    }
+  };
+  var CollectionsWrapper = _CollectionsWrapper;
+  __publicField(CollectionsWrapper, "INSTANCE", new _CollectionsWrapper());
+  window.CollectionsWrapper = CollectionsWrapper.INSTANCE;
+  var collections_wrapper_default = CollectionsWrapper;
+  return __toCommonJS(collections_wrapper_exports);
+})();
+
+        })();

config/spicetify/CustomApps/library/config_loader.js

@@ -0,0 +1,280 @@
+(async function() {
+          while (!Spicetify.React || !Spicetify.ReactDOM) {
+            await new Promise(resolve => setTimeout(resolve, 10));
+          }
+          "use strict";
+var library = (() => {
+  var __create = Object.create;
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+  var __getProtoOf = Object.getPrototypeOf;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __commonJS = (cb, mod) => function __require() {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  };
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // external-global-plugin:react
+  var require_react = __commonJS({
+    "external-global-plugin:react"(exports, module) {
+      module.exports = Spicetify.React;
+    }
+  });
+
+  // src/extensions/config_loader.tsx
+  var config_loader_exports = {};
+  __export(config_loader_exports, {
+    default: () => config_loader_default
+  });
+
+  // src/components/settings_modal.tsx
+  var import_react = __toESM(require_react());
+  var TextInput = (props) => {
+    const textId = `text-input:${props.storageKey}`;
+    return /* @__PURE__ */ import_react.default.createElement("label", {
+      className: "text-input-wrapper"
+    }, /* @__PURE__ */ import_react.default.createElement("input", {
+      className: "text-input",
+      type: "text",
+      value: props.value || "",
+      "data-storage-key": props.storageKey,
+      placeholder: props.placeholder,
+      id: textId,
+      title: `Text input for ${props.storageKey}`,
+      onChange: props.onChange
+    }));
+  };
+  var Dropdown = (props) => {
+    const dropdownId = `dropdown:${props.storageKey}`;
+    return /* @__PURE__ */ import_react.default.createElement("label", {
+      className: "dropdown-wrapper"
+    }, /* @__PURE__ */ import_react.default.createElement("select", {
+      className: "dropdown-input",
+      value: props.value,
+      "data-storage-key": props.storageKey,
+      id: dropdownId,
+      title: `Dropdown for ${props.storageKey}`,
+      onChange: props.onChange
+    }, props.options.map((option, index) => /* @__PURE__ */ import_react.default.createElement("option", {
+      key: index,
+      value: option
+    }, option))));
+  };
+  var TooltipIcon = () => {
+    return /* @__PURE__ */ import_react.default.createElement("svg", {
+      role: "img",
+      height: "16",
+      width: "16",
+      className: "Svg-sc-ytk21e-0 uPxdw nW1RKQOkzcJcX6aDCZB4",
+      viewBox: "0 0 16 16"
+    }, /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M7.25 12.026v-1.5h1.5v1.5h-1.5zm.884-7.096A1.125 1.125 0 007.06 6.39l-1.431.448a2.625 2.625 0 115.13-.784c0 .54-.156 1.015-.503 1.488-.3.408-.7.652-.973.818l-.112.068c-.185.116-.26.203-.302.283-.046.087-.097.245-.097.57h-1.5c0-.47.072-.898.274-1.277.206-.385.507-.645.827-.846l.147-.092c.285-.177.413-.257.526-.41.169-.23.213-.397.213-.602 0-.622-.503-1.125-1.125-1.125z"
+    }));
+  };
+  var ConfigRow = (props) => {
+    console.log(props);
+    const enabled = !!props.modalConfig[props.storageKey];
+    const value = props.modalConfig[props.storageKey];
+    const updateItem = (storageKey, state) => {
+      props.modalConfig[storageKey] = state;
+      console.debug(`toggling ${storageKey} to ${state}`);
+      localStorage.setItem(`library:config:${storageKey}`, String(state));
+      props.updateConfig(props.modalConfig);
+    };
+    const settingsToggleChange = (newValue, storageKey) => {
+      updateItem(storageKey, newValue);
+      if (props.callback)
+        props.callback(newValue);
+    };
+    const settingsTextChange = (event) => {
+      console.log("yoohoo");
+      updateItem(event.target.dataset.storageKey, event.target.value);
+      console.log(props.callback);
+      if (props.callback)
+        props.callback(event.target.value);
+    };
+    const settingsDropdownChange = (event) => {
+      updateItem(event.target.dataset.storageKey, event.target.value);
+      if (props.callback)
+        props.callback(event.target.value);
+    };
+    const element = () => {
+      switch (props.type) {
+        case "dropdown":
+          return /* @__PURE__ */ import_react.default.createElement(Dropdown, {
+            name: props.name,
+            storageKey: props.storageKey,
+            value,
+            options: props.options || [],
+            onChange: settingsDropdownChange
+          });
+        case "text":
+          return /* @__PURE__ */ import_react.default.createElement(TextInput, {
+            name: props.name,
+            storageKey: props.storageKey,
+            value,
+            placeholder: props.placeholder,
+            onChange: settingsTextChange
+          });
+        default:
+          return /* @__PURE__ */ import_react.default.createElement(Spicetify.ReactComponent.Toggle, {
+            id: `toggle:${props.storageKey}`,
+            value: enabled,
+            onSelected: (newValue) => {
+              settingsToggleChange(newValue, props.storageKey);
+            }
+          });
+      }
+    };
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "setting-row"
+    }, /* @__PURE__ */ import_react.default.createElement("label", {
+      className: "col description"
+    }, props.name, props.desc && /* @__PURE__ */ import_react.default.createElement(Spicetify.ReactComponent.TooltipWrapper, {
+      label: /* @__PURE__ */ import_react.default.createElement("div", {
+        dangerouslySetInnerHTML: { __html: props.desc }
+      }),
+      renderInline: true,
+      showDelay: 10,
+      placement: "top",
+      labelClassName: "tooltip",
+      disabled: false
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "tooltip-icon"
+    }, /* @__PURE__ */ import_react.default.createElement(TooltipIcon, null)))), /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "col action"
+    }, element()));
+  };
+  var SettingsModal = ({ CONFIG, settings, updateAppConfig }) => {
+    const [modalConfig, setModalConfig] = import_react.default.useState(__spreadValues({}, CONFIG));
+    const updateConfig = (CONFIG2) => {
+      updateAppConfig(__spreadValues({}, CONFIG2));
+      setModalConfig(__spreadValues({}, CONFIG2));
+    };
+    const configRows = settings.map((setting, index) => {
+      console.log(setting);
+      if (setting.sectionHeader) {
+        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, index != 0 ? /* @__PURE__ */ import_react.default.createElement("br", null) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null), /* @__PURE__ */ import_react.default.createElement("h2", {
+          className: "section-header"
+        }, setting.sectionHeader), /* @__PURE__ */ import_react.default.createElement(ConfigRow, {
+          name: setting.name,
+          storageKey: setting.key,
+          type: setting.type,
+          options: setting.options,
+          placeholder: setting.placeholder,
+          desc: setting.desc,
+          modalConfig,
+          updateConfig,
+          callback: setting.callback
+        }));
+      }
+      return /* @__PURE__ */ import_react.default.createElement(ConfigRow, {
+        name: setting.name,
+        storageKey: setting.key,
+        type: setting.type,
+        options: setting.options,
+        placeholder: setting.placeholder,
+        desc: setting.desc,
+        modalConfig,
+        updateConfig,
+        callback: setting.callback
+      });
+    });
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      id: "stats-config-container"
+    }, configRows);
+  };
+  var settings_modal_default = SettingsModal;
+
+  // src/extensions/config_loader.tsx
+  var import_react2 = __toESM(require_react());
+  var getLocalStorageDataFromKey = (key, fallback) => {
+    const data = localStorage.getItem(key);
+    if (data) {
+      try {
+        return JSON.parse(data);
+      } catch (err) {
+        return data;
+      }
+    } else {
+      return fallback;
+    }
+  };
+  (function wait() {
+    const { LocalStorageAPI } = Spicetify == null ? void 0 : Spicetify.Platform;
+    if (!LocalStorageAPI) {
+      setTimeout(wait, 100);
+      return;
+    }
+  })();
+  async function loadConfig(configSettings) {
+    const { PopupModal } = Spicetify;
+    await new Promise((resolve) => {
+      (function checkPopupModal() {
+        if (PopupModal) {
+          resolve(void 0);
+        } else {
+          setTimeout(checkPopupModal, 100);
+        }
+      })();
+    });
+    const settingsArray = configSettings.map((setting) => {
+      return { [setting.key]: getLocalStorageDataFromKey(`library:config:${setting.key}`, setting.def) };
+    });
+    let CONFIG = window.CONFIG = Object.assign({}, ...settingsArray);
+    const updateConfig = (config) => {
+      window.CONFIG = __spreadValues({}, config);
+      console.log("updated config", config);
+    };
+    const launchModal = window.launchModal = () => {
+      console.log(settingsArray);
+      PopupModal.display({
+        title: "Library Settings",
+        content: /* @__PURE__ */ import_react2.default.createElement(settings_modal_default, {
+          CONFIG,
+          settings: configSettings,
+          updateAppConfig: updateConfig
+        }),
+        isLarge: true
+      });
+    };
+    return { CONFIG, launchModal };
+  }
+  var config_loader_default = loadConfig;
+  return __toCommonJS(config_loader_exports);
+})();
+
+        })();

config/spicetify/CustomApps/library/config_wrapper.js

@@ -0,0 +1,269 @@
+(async function() {
+          while (!Spicetify.React || !Spicetify.ReactDOM) {
+            await new Promise(resolve => setTimeout(resolve, 10));
+          }
+          "use strict";
+var library = (() => {
+  var __create = Object.create;
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+  var __getProtoOf = Object.getPrototypeOf;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __commonJS = (cb, mod) => function __require() {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  };
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // external-global-plugin:react
+  var require_react = __commonJS({
+    "external-global-plugin:react"(exports, module) {
+      module.exports = Spicetify.React;
+    }
+  });
+
+  // src/extensions/config_wrapper.tsx
+  var config_wrapper_exports = {};
+  __export(config_wrapper_exports, {
+    default: () => config_wrapper_default
+  });
+  var import_react2 = __toESM(require_react());
+
+  // src/components/config/config_modal.tsx
+  var import_react = __toESM(require_react());
+  var TextInput = (props) => {
+    const handleTextChange = (event) => {
+      props.callback(event.target.value);
+    };
+    return /* @__PURE__ */ import_react.default.createElement("label", {
+      className: "text-input-wrapper"
+    }, /* @__PURE__ */ import_react.default.createElement("input", {
+      className: "text-input",
+      type: "text",
+      value: props.value || "",
+      "data-storage-key": props.storageKey,
+      placeholder: props.placeholder,
+      id: `text-input:${props.storageKey}`,
+      title: `Text input for ${props.storageKey}`,
+      onChange: handleTextChange
+    }));
+  };
+  var Dropdown = (props) => {
+    const handleDropdownChange = (event) => {
+      props.callback(event.target.value);
+    };
+    return /* @__PURE__ */ import_react.default.createElement("label", {
+      className: "dropdown-wrapper"
+    }, /* @__PURE__ */ import_react.default.createElement("select", {
+      className: "dropdown-input",
+      value: props.value,
+      "data-storage-key": props.storageKey,
+      id: `dropdown:${props.storageKey}`,
+      title: `Dropdown for ${props.storageKey}`,
+      onChange: handleDropdownChange
+    }, props.options.map((option, index) => /* @__PURE__ */ import_react.default.createElement("option", {
+      key: index,
+      value: option
+    }, option))));
+  };
+  var ToggleInput = (props) => {
+    const { Toggle } = Spicetify.ReactComponent;
+    const handleToggleChange = (newValue) => {
+      props.callback(newValue);
+    };
+    return /* @__PURE__ */ import_react.default.createElement(Toggle, {
+      id: `toggle:${props.storageKey}`,
+      value: props.value,
+      onSelected: (newValue) => handleToggleChange(newValue)
+    });
+  };
+  var SliderInput = (props) => {
+    const { Slider } = Spicetify.ReactComponent;
+    const handleSliderChange = (newValue) => {
+      const calculatedValue = props.min + newValue * (props.max - props.min);
+      props.callback(calculatedValue);
+    };
+    const value = (props.value - props.min) / (props.max - props.min);
+    return /* @__PURE__ */ import_react.default.createElement(Slider, {
+      id: `slider:${props.storageKey}`,
+      value,
+      min: 0,
+      max: 1,
+      step: 0.1,
+      onDragMove: (newValue) => handleSliderChange(newValue),
+      onDragStart: () => {
+      },
+      onDragEnd: () => {
+      }
+    });
+  };
+  var TooltipIcon = () => {
+    return /* @__PURE__ */ import_react.default.createElement("svg", {
+      role: "img",
+      height: "16",
+      width: "16",
+      className: "Svg-sc-ytk21e-0 uPxdw nW1RKQOkzcJcX6aDCZB4",
+      viewBox: "0 0 16 16"
+    }, /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M7.25 12.026v-1.5h1.5v1.5h-1.5zm.884-7.096A1.125 1.125 0 007.06 6.39l-1.431.448a2.625 2.625 0 115.13-.784c0 .54-.156 1.015-.503 1.488-.3.408-.7.652-.973.818l-.112.068c-.185.116-.26.203-.302.283-.046.087-.097.245-.097.57h-1.5c0-.47.072-.898.274-1.277.206-.385.507-.645.827-.846l.147-.092c.285-.177.413-.257.526-.41.169-.23.213-.397.213-.602 0-.622-.503-1.125-1.125-1.125z"
+    }));
+  };
+  var ConfigRow = (props) => {
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "setting-row"
+    }, /* @__PURE__ */ import_react.default.createElement("label", {
+      className: "col description"
+    }, props.name, props.desc && /* @__PURE__ */ import_react.default.createElement(Spicetify.ReactComponent.TooltipWrapper, {
+      label: /* @__PURE__ */ import_react.default.createElement("div", {
+        dangerouslySetInnerHTML: { __html: props.desc }
+      }),
+      renderInline: true,
+      showDelay: 10,
+      placement: "top",
+      labelClassName: "tooltip",
+      disabled: false
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "tooltip-icon"
+    }, /* @__PURE__ */ import_react.default.createElement(TooltipIcon, null)))), /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "col action"
+    }, props.children));
+  };
+  var ConfigModal = (props) => {
+    const { config, structure, updateAppConfig } = props;
+    const [modalConfig, setModalConfig] = import_react.default.useState(__spreadValues({}, config));
+    const modalRows = structure.map((modalRow, index) => {
+      const key = modalRow.key;
+      const currentValue = modalConfig[key];
+      const updateItem = (state) => {
+        console.debug(`toggling ${key} to ${state}`);
+        localStorage.setItem(`library:config:${key}`, String(state));
+        if (modalRow.callback)
+          modalRow.callback(state);
+        const newConfig = __spreadValues({}, modalConfig);
+        newConfig[key] = state;
+        updateAppConfig(newConfig);
+        setModalConfig(newConfig);
+      };
+      const header = modalRow.sectionHeader;
+      const element = () => {
+        switch (modalRow.type) {
+          case "toggle":
+            return /* @__PURE__ */ import_react.default.createElement(ToggleInput, {
+              storageKey: key,
+              value: currentValue,
+              callback: updateItem
+            });
+          case "text":
+            return /* @__PURE__ */ import_react.default.createElement(TextInput, {
+              storageKey: key,
+              value: currentValue,
+              callback: updateItem
+            });
+          case "dropdown":
+            return /* @__PURE__ */ import_react.default.createElement(Dropdown, {
+              storageKey: key,
+              value: currentValue,
+              options: modalRow.options,
+              callback: updateItem
+            });
+          case "slider":
+            return /* @__PURE__ */ import_react.default.createElement(SliderInput, {
+              storageKey: key,
+              value: currentValue,
+              min: modalRow.min,
+              max: modalRow.max,
+              step: modalRow.step,
+              callback: updateItem
+            });
+        }
+      };
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, header && index !== 0 && /* @__PURE__ */ import_react.default.createElement("br", null), header && /* @__PURE__ */ import_react.default.createElement("h2", {
+        className: "section-header"
+      }, modalRow.sectionHeader), /* @__PURE__ */ import_react.default.createElement(ConfigRow, {
+        name: modalRow.name,
+        desc: modalRow.desc
+      }, element()));
+    });
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      id: "library-config-container"
+    }, modalRows);
+  };
+  var config_modal_default = ConfigModal;
+
+  // src/extensions/config_wrapper.tsx
+  var _ConfigWrapper = class {
+    constructor(modalStructure) {
+      const config = modalStructure.map((modalStructureRow) => {
+        var _a;
+        const value = _ConfigWrapper.getLocalStorageDataFromKey(`library:config:${modalStructureRow.key}`, modalStructureRow.def);
+        (_a = modalStructureRow.callback) == null ? void 0 : _a.call(modalStructureRow, value);
+        return { [modalStructureRow.key]: value };
+      });
+      this.Config = Object.assign({}, ...config);
+      this.launchModal = (callback) => {
+        const updateConfig = (config2) => {
+          this.Config = __spreadValues({}, config2);
+          callback == null ? void 0 : callback(config2);
+        };
+        Spicetify.PopupModal.display({
+          title: "Library Settings",
+          content: /* @__PURE__ */ import_react2.default.createElement(config_modal_default, {
+            config: this.Config,
+            structure: modalStructure,
+            updateAppConfig: updateConfig
+          }),
+          isLarge: true
+        });
+      };
+    }
+  };
+  var ConfigWrapper = _ConfigWrapper;
+  ConfigWrapper.getLocalStorageDataFromKey = (key, fallback) => {
+    const data = localStorage.getItem(key);
+    if (data) {
+      try {
+        return JSON.parse(data);
+      } catch (err) {
+        return data;
+      }
+    } else {
+      return fallback;
+    }
+  };
+  var config_wrapper_default = ConfigWrapper;
+  return __toCommonJS(config_wrapper_exports);
+})();
+
+        })();

config/spicetify/CustomApps/library/context_menu_handler.js

@@ -0,0 +1,19 @@
+(async function() {
+          while (!Spicetify.React || !Spicetify.ReactDOM) {
+            await new Promise(resolve => setTimeout(resolve, 10));
+          }
+          "use strict";
+var library = (() => {
+  // src/extensions/context_menu_handler.tsx
+  var observer = new MutationObserver((mutations) => {
+    mutations.forEach((mutation) => {
+      if (mutation.addedNodes.length) {
+        const node = mutation.addedNodes[0];
+        console.log(node);
+      }
+    });
+  });
+  observer.observe(document.body, { childList: true, subtree: false });
+})();
+
+        })();