From 36bbb8603a0456aeceee5054d4882ea403178e9d Mon Sep 17 00:00:00 2001
From: notohh <github@notohh.dev>
Date: Mon, 1 Jan 2024 21:29:18 -0500
Subject: [PATCH] ags: init basic bar
---
home/ags/config/.gitignore | 2 ++
home/ags/config/config.js | 31 +++++++++++++++++++----------
home/ags/config/import.js | 21 ++++++++++++++++++++
home/ags/config/js/main.js | 32 ++++++++++++++++++++++++++++++
home/ags/config/js/temp.js | 0
home/ags/config/js/widgets/time.js | 18 +++++++++++++++++
home/ags/config/main.scss | 2 ++
home/ags/config/scss/bar.scss | 9 +++++++++
home/ags/config/scss/style.scss | 0
home/ags/config/scss/time.scss | 3 +++
home/ags/default.nix | 14 +++++++++++--
11 files changed, 120 insertions(+), 12 deletions(-)
create mode 100644 home/ags/config/.gitignore
create mode 100644 home/ags/config/import.js
create mode 100644 home/ags/config/js/main.js
delete mode 100644 home/ags/config/js/temp.js
create mode 100644 home/ags/config/js/widgets/time.js
create mode 100644 home/ags/config/main.scss
create mode 100644 home/ags/config/scss/bar.scss
delete mode 100644 home/ags/config/scss/style.scss
create mode 100644 home/ags/config/scss/time.scss
diff --git a/home/ags/config/.gitignore b/home/ags/config/.gitignore
new file mode 100644
index 0000000..ded35cd
--- /dev/null
+++ b/home/ags/config/.gitignore
@@ -0,0 +1,2 @@
+style.css
+style.css.map
\ No newline at end of file
diff --git a/home/ags/config/config.js b/home/ags/config/config.js
index 2ffc4b0..98002c5 100644
--- a/home/ags/config/config.js
+++ b/home/ags/config/config.js
@@ -1,13 +1,24 @@
-import Widget from 'resource:///com/github/Aylur/ags/widget.js';
+import { App, Utils } from './import.js';
+import { Bar } from './js/main.js'
-const myLabel = Widget.Label({
- label: 'some example content',
-})
-const myBar = Widget.Window({
- name: 'bar',
- anchor: ['top', 'left', 'right'],
- child: myLabel,
-})
+const scss = App.configDir + '/main.scss'
+const css = App.configDir + '/style.css'
-export default { windows: [myBar] }
+Utils.exec(`sass ${scss} ${css}`);
+
+function reloadCss() {
+ console.log("scss updating");
+ Utils.exec(`sass ${scss} ${css}`);
+ App.resetCss();
+ App.applyCss(css);
+}
+
+Utils.monitorFile(`${App.configDir}/scss`, reloadCss, "directory");
+
+export default {
+ style: css,
+ windows: [
+ Bar(2)
+ ]
+}
diff --git a/home/ags/config/import.js b/home/ags/config/import.js
new file mode 100644
index 0000000..aa7ddb2
--- /dev/null
+++ b/home/ags/config/import.js
@@ -0,0 +1,21 @@
+import App from "resource:///com/github/Aylur/ags/app.js";
+import * as Utils from "resource:///com/github/Aylur/ags/utils.js";
+import Service from "resource:///com/github/Aylur/ags/service.js";
+import Variable from "resource:///com/github/Aylur/ags/variable.js";
+import Widget from "resource:///com/github/Aylur/ags/widget.js";
+import Audio from "resource:///com/github/Aylur/ags/service/audio.js";
+import Hyprland from "resource:///com/github/Aylur/ags/service/hyprland.js";
+import Network from "resource:///com/github/Aylur/ags/service/network.js";
+import SystemTray from "resource:///com/github/Aylur/ags/service/systemtray.js";
+
+export {
+ App,
+ Audio,
+ Hyprland,
+ Network,
+ Service,
+ SystemTray,
+ Utils,
+ Variable,
+ Widget,
+};
\ No newline at end of file
diff --git a/home/ags/config/js/main.js b/home/ags/config/js/main.js
new file mode 100644
index 0000000..074f2a9
--- /dev/null
+++ b/home/ags/config/js/main.js
@@ -0,0 +1,32 @@
+import { Widget } from '../import.js';
+import { Time } from './widgets/time.js'
+
+const Start = () => Widget.Box({
+ hpack: "start",
+ children: []
+})
+const Center = () => Widget.Box({
+ children: []
+})
+const End = () => Widget.Box({
+ hpack: "end",
+ children: [
+ Time()
+ ]
+})
+
+const Bar = (monitor) => Widget.Window({
+ monitor,
+ name: `bar-${monitor}`,
+ anchor: ['top', 'left', 'right'],
+ exclusivity: 'exclusive',
+ child: Widget.CenterBox({
+ startWidget: Start(),
+ centerWidget: Center(),
+ endWidget: End(),
+ }),
+})
+
+export {
+ Bar
+}
\ No newline at end of file
diff --git a/home/ags/config/js/temp.js b/home/ags/config/js/temp.js
deleted file mode 100644
index e69de29..0000000
diff --git a/home/ags/config/js/widgets/time.js b/home/ags/config/js/widgets/time.js
new file mode 100644
index 0000000..91b3741
--- /dev/null
+++ b/home/ags/config/js/widgets/time.js
@@ -0,0 +1,18 @@
+import { Widget, Utils } from '../../import.js';
+
+
+const Time = () => Widget.EventBox({
+ child: Widget.Label({
+ className: "date"
+ }).poll(
+ 1000,
+ (self) =>
+ Utils.execAsync(["date", "+%a %b %d %H:%M"]).then((time) =>
+ self.label = time
+ ),
+ ),
+})
+
+export {
+ Time
+}
\ No newline at end of file
diff --git a/home/ags/config/main.scss b/home/ags/config/main.scss
new file mode 100644
index 0000000..e2cd945
--- /dev/null
+++ b/home/ags/config/main.scss
@@ -0,0 +1,2 @@
+@import 'scss/bar.scss';
+@import 'scss/time.scss';
\ No newline at end of file
diff --git a/home/ags/config/scss/bar.scss b/home/ags/config/scss/bar.scss
new file mode 100644
index 0000000..78616b6
--- /dev/null
+++ b/home/ags/config/scss/bar.scss
@@ -0,0 +1,9 @@
+* {
+ all: unset;
+ margin: 3px;
+ font-family: 'Monaspace Krypton';
+}
+
+window {
+ background-color: black;
+}
\ No newline at end of file
diff --git a/home/ags/config/scss/style.scss b/home/ags/config/scss/style.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/home/ags/config/scss/time.scss b/home/ags/config/scss/time.scss
new file mode 100644
index 0000000..0593439
--- /dev/null
+++ b/home/ags/config/scss/time.scss
@@ -0,0 +1,3 @@
+.date {
+ color: #ffffff;
+}
\ No newline at end of file
diff --git a/home/ags/default.nix b/home/ags/default.nix
index 2311d51..05a4dc7 100644
--- a/home/ags/default.nix
+++ b/home/ags/default.nix
@@ -1,6 +1,16 @@
-_: {
+{
+ pkgs,
+ config,
+ ...
+}: let
+ configDir = "/home/notoh/snowflake/home/ags/config";
+in {
programs.ags = {
enable = true;
- configDir = ./config;
+ extraPackages = with pkgs; [libsoup_3];
+ };
+ home.packages = with pkgs; [dart-sass];
+ xdg.configFile = {
+ "ags".source = config.lib.file.mkOutOfStoreSymlink "${configDir}";
};
}