src/.config/ags/config.js

@@ -1,4 +1,3 @@
-import { LastfmWidget } from "./lastfm.js";
 import { NotificationPopups } from "./notificationPopups.js";
 import { StatusWidget } from "./status.js";
 
@@ -203,7 +202,6 @@ App.config({
   style: "./style.css",
   windows: [
     StatusWidget(1),
-    LastfmWidget(1),
     Bar(0),
     Bar(1),
     NotificationPopups(0),

src/.config/ags/lastfm.js

@@ -1,124 +0,0 @@
-export function timeAgo(input) {
-  const date = input instanceof Date ? input : new Date(input);
-  const formatter = new Intl.RelativeTimeFormat("en");
-  const ranges = [
-    ["years", 3600 * 24 * 365],
-    ["months", 3600 * 24 * 30],
-    ["weeks", 3600 * 24 * 7],
-    ["days", 3600 * 24],
-    ["hours", 3600],
-    ["minutes", 60],
-    ["seconds", 1],
-  ];
-  const secondsElapsed = (date.getTime() - Date.now()) / 1000;
-
-  for (const [rangeType, rangeVal] of ranges) {
-    //@ts-expect-error
-    if (rangeVal < Math.abs(secondsElapsed)) {
-      //@ts-expect-error
-      const delta = secondsElapsed / rangeVal;
-      //@ts-expect-error
-
-      return formatter.format(Math.round(delta), rangeType);
-    }
-  }
-}
-
-const lastFM = {
-  apiKey: "816cfe50ddeeb73c9987b85de5c19e71",
-  constructUrl: (method, parameters) => {
-    const defaultParams = {
-      format: "json",
-      api_key: lastFM.apiKey,
-      method,
-    };
-
-    Object.assign(parameters, defaultParams);
-
-    return (
-      "https://ws.audioscrobbler.com/2.0/?" +
-      Object.entries(parameters)
-        .map((z) => z[0] + "=" + z[1])
-        .join("&")
-    );
-  },
-  getRecentTracks: async (user) => {
-    const request = await Utils.fetch(
-      lastFM.constructUrl("User.getrecenttracks", { user, limit: 1 })
-    );
-    return await request.json();
-  },
-};
-
-export function LastfmWidget(monitor = 0) {
-  function generateCSS(image = "https://placehold.co/300x300") {
-    return (
-      `background-image: url("${image}");` +
-      "background-size: contain;" +
-      "background-repeat: no-repeat;" +
-      "background-position: center;"
-    );
-  }
-
-  const imagebox = Widget.Box({
-    widthRequest: 150,
-    heightRequest: 150,
-    css: generateCSS(),
-  });
-
-  const nowplayingLabel = Widget.Label({
-    label: "Playing NOW!",
-    css: "font-size: 35px;",
-  });
-
-  const artistLabel = Widget.Label({
-    label: "Loading Artist",
-    css: "font-size: 30px;",
-  });
-
-  const titleLabel = Widget.Label({
-    label: "Loading Title",
-    css: "font-size: 25px;",
-  });
-
-  Utils.interval(
-    2150,
-    () => {
-      lastFM.getRecentTracks("yourfriendoss").then((z) => {
-        const track = z.recenttracks.track[0];
-        if (!track) return;
-        nowplayingLabel.set_label(
-          track["@attr"]?.nowplaying
-            ? "listening to Now"
-            : "listened to " + timeAgo(+track.date.uts * 1000)
-        );
-        artistLabel.set_label(track.artist["#text"]);
-        titleLabel.set_label(track.name);
-        imagebox.setCss(generateCSS(track.image.at(-1)["#text"]));
-      });
-    },
-    imagebox
-  );
-
-  return Widget.Window({
-    name: `lastfm-${monitor}`,
-    class_name: "lastfmjs",
-    monitor,
-    anchor: ["bottom", "right"],
-    exclusivity: "exclusive",
-    layer: "background",
-    margins: [6, 6, 6, 6],
-    child: Widget.Box({
-      class_name: "lastfm",
-      children: [
-        imagebox,
-        Widget.Box({
-          margin: 6,
-          vertical: true,
-          vpack: "center",
-          children: [nowplayingLabel, titleLabel, artistLabel],
-        }),
-      ],
-    }),
-  });
-}

src/.config/ags/status.js

@@ -74,14 +74,14 @@ export function StatusWidget(monitor = 0) {
     });
   const linuxLabel = Widget.Label({
     label: "Linux " + unameR,
-    hpack: "start",
+    hpack: "start"
   });
 
   const uptime = Widget.Box({
     children: [
       Widget.Label({
         label: "Uptime: ",
-        class_name: "gray",
+        class_name: "gray"
       }),
       Widget.Label({
         label: uptimeVar.bind(),
@@ -96,7 +96,7 @@ export function StatusWidget(monitor = 0) {
         children: [
           Widget.Label({
             label: "RAM Usage: ",
-            class_name: "gray",
+            class_name: "gray"
           }),
           Widget.Label({
             label: freeKBMemory.bind().as((freeKb) => {
@@ -134,7 +134,7 @@ export function StatusWidget(monitor = 0) {
     children: [
       Widget.Label({
         label: "Average CPU load: ",
-        class_name: "gray",
+        class_name: "gray"
       }),
       Widget.Label({
         label: loadAverage.bind(),
@@ -146,7 +146,7 @@ export function StatusWidget(monitor = 0) {
     children: [
       Widget.Label({
         label: "Processes: ",
-        class_name: "gray",
+        class_name: "gray"
       }),
       Widget.Label({
         label: processCount.bind().as((z) => z.toString()),
@@ -163,7 +163,7 @@ export function StatusWidget(monitor = 0) {
             Widget.Label({
               label: z.file,
               hpack: "start",
-              class_name: "gray",
+              class_name: "gray"
             }),
             Widget.Box({
               vertical: true,
@@ -202,7 +202,8 @@ export function StatusWidget(monitor = 0) {
             " ".repeat(7 - 3) +
             "%Mem " +
             "%Cpu ",
-          class_name: "gray",
+            class_name: "gray"
+          
         }),
         ...z.map((proc) => {
           return Widget.Box({

src/.config/ags/style.css

@@ -90,15 +90,6 @@ window.notification-popups box.notifications {
 .gray {
   color: @theme_unfocused_fg_color;
 }
-.lastfm {
-  background-color: @theme_bg_color;
-  padding: 10px;
-  border-radius: 5px;
-  color: @theme_fg_color;
-}
-levelbar trough {
-  padding: 0;
-}
 levelbar block,
 highlight {
   min-height: 10px;

src/.config/hypr/hyprland.conf

@@ -14,13 +14,12 @@ monitor=,highres,auto,auto
 exec-once=/usr/lib/polkit-kde-authentication-agent-1
 exec-once=dbus-update-activation-environment --systemd WAYLAND_DISPLAY XDG_CURRENT_DESKTOP
 exec-once=~/.config/hypr/portal.sh
+exec-once=swww init && swww img ~/wallpaper.png
 exec-once=nm-applet
 exec-once=ags
-exec-once=swww-daemon
+exec-once=~/.config/hypr/setgtktheme.sh
 
 exec=~/.config/hypr/import-gsettings.sh
-exec=swww img ~/wallpaper.png
-exec=~/.config/hypr/setgtktheme.sh
 
 env = XCURSOR_SIZE,24