ags: fmt with prettier

home/ags/config/.eslintrc.js

@@ -1,26 +1,23 @@
 module.exports = {
-    "env": {
+  env: {
-        "browser": true,
+    browser: true,
-        "es2021": true
+    es2021: true
   },
-    "extends": "eslint:recommended",
+  extends: "eslint:recommended",
-    "overrides": [
+  overrides: [
     {
-            "env": {
+      env: {
-                "node": true
+        node: true
       },
-            "files": [
+      files: [".eslintrc.{js,cjs}"],
-                ".eslintrc.{js,cjs}"
+      parserOptions: {
-            ],
+        sourceType: "script"
-            "parserOptions": {
-                "sourceType": "script"
       }
     }
   ],
-    "parserOptions": {
+  parserOptions: {
-        "ecmaVersion": "latest",
+    ecmaVersion: "latest",
-        "sourceType": "module"
+    sourceType: "module"
   },
-    "rules": {
+  rules: {}
-    }
+};
-}

home/ags/config/.prettierrc.json

@@ -0,0 +1,3 @@
+{
+    "trailingComma" : "none"
+}

home/ags/config/config.js

@@ -17,7 +17,5 @@ Utils.monitorFile(`${App.configDir}/scss`, reloadCss, "directory");
 
 export default {
   style: css,
-    windows: [
+  windows: [Bar(2)]
-        Bar(2),
-    ],
 };

home/ags/config/js/main.js

@@ -7,23 +7,16 @@ import { Workspaces } from "./widgets/hyprland.js";
 const Start = () =>
   Widget.Box({
     hpack: "start",
-    children: [
+    children: [nixosLogo(), Workspaces()]
-      nixosLogo(),
-      Workspaces(),
-    ],
   });
 const Center = () =>
   Widget.Box({
-    children: [
+    children: [Media()]
-      Media(),
-    ],
   });
 const End = () =>
   Widget.Box({
     hpack: "end",
-    children: [
+    children: [Time()]
-      Time(),
-    ],
   });
 
 const Bar = (monitor) =>
@@ -35,8 +28,8 @@ const Bar = (monitor) =>
     child: Widget.CenterBox({
       startWidget: Start(),
       centerWidget: Center(),
-      endWidget: End(),
+      endWidget: End()
-    }),
+    })
   });
 
 export { Bar };

home/ags/config/js/widgets/hyprland.js

@@ -8,11 +8,12 @@ const Workspaces = () =>
         Widget.Button({
           on_clicked: () => Hyprland.sendMessage(`dispatch workspace ${id}`),
           child: Widget.Label(`${id}`),
-          class_name: Hyprland.active.workspace.bind("id")
+          class_name: Hyprland.active.workspace
-            .transform((i) => `${i === id ? "focused" : ""}`),
+            .bind("id")
+            .transform((i) => `${i === id ? "focused" : ""}`)
         })
       );
-    }),
+    })
   });
 
 export { Workspaces };

home/ags/config/js/widgets/music.js

@@ -3,14 +3,18 @@ import { Mpris, Widget } from "../../import.js";
 const Media = () =>
   Widget.Box({
     class_name: "media",
-    child: Widget.Label("-").hook(Mpris, (self) => {
+    child: Widget.Label("-").hook(
+      Mpris,
+      (self) => {
         if (Mpris.players[0]) {
           const { track_artists, track_title } = Mpris.players[0];
           self.label = `${track_artists.join(", ")} - ${track_title}`;
         } else {
           self.label = "Nothing is playing";
         }
-    }, "player-changed"),
+      },
+      "player-changed"
+    )
   });
 
 export { Media };

home/ags/config/js/widgets/time.js

@@ -3,14 +3,12 @@ import { Utils, Widget } from "../../import.js";
 const Time = () =>
   Widget.Box({
     child: Widget.Label({
-      className: "date",
+      className: "date"
-    }).poll(
+    }).poll(1000, (self) =>
-      1000,
+      Utils.execAsync(["date", "+%a %b %d  %H:%M"]).then(
-      (self) =>
+        (time) => (self.label = time)
-        Utils.execAsync(["date", "+%a %b %d  %H:%M"]).then((time) =>
+      )
-          self.label = time
+    )
-        ),
-    ),
   });
 
 export { Time };

home/ags/config/jsconfig.json

@@ -8,8 +8,5 @@
     "strictNullChecks": true,
     "strictFunctionTypes": true
   },
-    "exclude": [
+  "exclude": ["node_modules", "**/node_modules/*"]
-        "node_modules",
-        "**/node_modules/*"
-    ]
 }