ags: init rewrite
This commit is contained in:
parent
f877e0c558
commit
0084676bd5
25 changed files with 95 additions and 1355 deletions
|
@ -3,7 +3,7 @@ module.exports = {
|
|||
browser: true,
|
||||
es2021: true
|
||||
},
|
||||
extends: "eslint:recommended",
|
||||
extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
|
||||
overrides: [
|
||||
{
|
||||
env: {
|
||||
|
@ -15,9 +15,11 @@ module.exports = {
|
|||
}
|
||||
}
|
||||
],
|
||||
parser: "@typescript-eslint/parser",
|
||||
parserOptions: {
|
||||
ecmaVersion: "latest",
|
||||
sourceType: "module"
|
||||
},
|
||||
plugins: ["@typescript-eslint"],
|
||||
rules: {}
|
||||
};
|
||||
|
|
2
home/programs/ags/config/.gitignore
vendored
2
home/programs/ags/config/.gitignore
vendored
|
@ -1,2 +1,2 @@
|
|||
style.css
|
||||
style.css.map
|
||||
style.css.map
|
|
@ -1,21 +1,21 @@
|
|||
import { App, Utils } from "./import.js";
|
||||
import { Bar } from "./js/main.js";
|
||||
const entry = App.configDir + "/ts/main.ts";
|
||||
const outdir = "/tmp/ags/js";
|
||||
|
||||
const scss = App.configDir + "/main.scss";
|
||||
const css = App.configDir + "/style.css";
|
||||
|
||||
Utils.exec(`sass ${scss} ${css}`);
|
||||
|
||||
function reloadCss() {
|
||||
console.log("scss updating");
|
||||
Utils.exec(`sass ${scss} ${css}`);
|
||||
App.resetCss();
|
||||
App.applyCss(css);
|
||||
try {
|
||||
await Utils.execAsync([
|
||||
"bun",
|
||||
"build",
|
||||
entry,
|
||||
"--outdir",
|
||||
outdir,
|
||||
"--external",
|
||||
"resource://*",
|
||||
"--external",
|
||||
"gi://*"
|
||||
]);
|
||||
await import(`file://${outdir}/main.js`);
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
}
|
||||
|
||||
Utils.monitorFile(`${App.configDir}/scss`, reloadCss, "directory");
|
||||
|
||||
export default {
|
||||
style: css,
|
||||
windows: [Bar(2)]
|
||||
};
|
||||
export {};
|
||||
|
|
|
@ -1,23 +0,0 @@
|
|||
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";
|
||||
import Mpris from "resource:///com/github/Aylur/ags/service/mpris.js";
|
||||
|
||||
export {
|
||||
App,
|
||||
Audio,
|
||||
Hyprland,
|
||||
Mpris,
|
||||
Network,
|
||||
Service,
|
||||
SystemTray,
|
||||
Utils,
|
||||
Variable,
|
||||
Widget
|
||||
};
|
|
@ -1,35 +0,0 @@
|
|||
import { Widget } from "../import.js";
|
||||
import { Time } from "./widgets/time.js";
|
||||
import { nixosLogo } from "./widgets/images/image.js";
|
||||
import { Media } from "./widgets/music.js";
|
||||
import { Workspaces } from "./widgets/hyprland.js";
|
||||
|
||||
const Start = () =>
|
||||
Widget.Box({
|
||||
hpack: "start",
|
||||
children: [nixosLogo(), Workspaces()]
|
||||
});
|
||||
const Center = () =>
|
||||
Widget.Box({
|
||||
children: [Media()]
|
||||
});
|
||||
const End = () =>
|
||||
Widget.Box({
|
||||
hpack: "end",
|
||||
children: [Time()]
|
||||
});
|
||||
|
||||
const Bar = (monitor) =>
|
||||
Widget.Window({
|
||||
monitor,
|
||||
name: `bar`,
|
||||
anchor: ["top", "left", "right"],
|
||||
exclusivity: "exclusive",
|
||||
child: Widget.CenterBox({
|
||||
startWidget: Start(),
|
||||
centerWidget: Center(),
|
||||
endWidget: End()
|
||||
})
|
||||
});
|
||||
|
||||
export { Bar };
|
|
@ -1,19 +0,0 @@
|
|||
import { Hyprland, Widget } from "../../import.js";
|
||||
|
||||
const Workspaces = () =>
|
||||
Widget.Box({
|
||||
class_name: "workspaces",
|
||||
children: Hyprland.bind("workspaces").transform((ws) => {
|
||||
return ws.map(({ id }) =>
|
||||
Widget.Button({
|
||||
on_clicked: () => Hyprland.sendMessage(`dispatch workspace ${id}`),
|
||||
child: Widget.Label(`${id}`),
|
||||
class_name: Hyprland.active.workspace
|
||||
.bind("id")
|
||||
.transform((i) => `${i === id ? "focused" : ""}`)
|
||||
})
|
||||
);
|
||||
})
|
||||
});
|
||||
|
||||
export { Workspaces };
|
|
@ -1,8 +0,0 @@
|
|||
import { Widget } from "../../../import.js";
|
||||
|
||||
const nixosLogo = () =>
|
||||
Widget.Icon({
|
||||
icon: "/home/notoh/snowflake/home/programs/ags/config/js/widgets/images/static/nixos.png"
|
||||
});
|
||||
|
||||
export { nixosLogo };
|
Binary file not shown.
Before Width: | Height: | Size: 28 KiB |
|
@ -1,20 +0,0 @@
|
|||
import { Mpris, Widget } from "../../import.js";
|
||||
|
||||
const Media = () =>
|
||||
Widget.Box({
|
||||
class_name: "media",
|
||||
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"
|
||||
)
|
||||
});
|
||||
|
||||
export { Media };
|
|
@ -1,14 +0,0 @@
|
|||
import { Utils, Widget } from "../../import.js";
|
||||
|
||||
const Time = () =>
|
||||
Widget.Box({
|
||||
child: Widget.Label({
|
||||
className: "date"
|
||||
}).poll(1000, (self) =>
|
||||
Utils.execAsync(["date", "+%a %b %d %H:%M"]).then(
|
||||
(time) => (self.label = time)
|
||||
)
|
||||
)
|
||||
});
|
||||
|
||||
export { Time };
|
|
@ -1,12 +0,0 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Node",
|
||||
"target": "ES2020",
|
||||
"jsx": "react",
|
||||
"allowImportingTsExtensions": true,
|
||||
"strictNullChecks": true,
|
||||
"strictFunctionTypes": true
|
||||
},
|
||||
"exclude": ["node_modules", "**/node_modules/*"]
|
||||
}
|
|
@ -1,9 +0,0 @@
|
|||
@import "scss/bar.scss";
|
||||
@import "scss/general.scss";
|
||||
@import "scss/widgets.scss";
|
||||
|
||||
* {
|
||||
all: unset;
|
||||
margin: 3px;
|
||||
font-family: "Monaspace Krypton";
|
||||
}
|
1135
home/programs/ags/config/package-lock.json
generated
1135
home/programs/ags/config/package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
@ -1,15 +1,11 @@
|
|||
{
|
||||
"name": "snowflake-ags",
|
||||
"version": "1.0.0",
|
||||
"description": "snowflake ags",
|
||||
"version": "0.0.1",
|
||||
"description": "",
|
||||
"main": "config.js",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://git.flake.sh/notohh/snowflake"
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "notohh",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"eslint": "^8.56.0"
|
||||
}
|
||||
"license": "MIT"
|
||||
}
|
||||
|
|
|
@ -1,5 +0,0 @@
|
|||
@import "colors.scss";
|
||||
|
||||
window {
|
||||
background-color: #000000;
|
||||
}
|
|
@ -1,24 +0,0 @@
|
|||
/* tokyonight */
|
||||
|
||||
$red: #f7768e;
|
||||
$orange: #ff9e64;
|
||||
$yellow: #e0af68;
|
||||
$light-green: #9ece6a;
|
||||
$green: #73daca;
|
||||
$turquoise: #89ddff;
|
||||
$light-cyan: #b4f9f8;
|
||||
$teal: #2ac3de;
|
||||
$cyan: #7dcfff;
|
||||
$blue: #7aa2f7;
|
||||
$magenta: #bb9af7;
|
||||
$white: #c0caf5;
|
||||
$light-gray: #9aa5ce;
|
||||
$parameters: #cfc9c2;
|
||||
$comment: #565f89;
|
||||
$black: #414868;
|
||||
$foreground: #a9b1d6;
|
||||
$foreground-highlight: #c0caf5;
|
||||
$foreground-gutter: #363b54;
|
||||
$background: #1a1b26;
|
||||
$background-highlight: #30374b;
|
||||
$background-menu: #16161e;
|
|
@ -1,21 +0,0 @@
|
|||
@import "colors.scss";
|
||||
|
||||
@mixin widget {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.date {
|
||||
@include widget();
|
||||
}
|
||||
|
||||
.workspaces {
|
||||
@include widget();
|
||||
}
|
||||
|
||||
.media {
|
||||
@include widget();
|
||||
}
|
||||
|
||||
image {
|
||||
font-size: 24px;
|
||||
}
|
1
home/programs/ags/config/style.scss
Normal file
1
home/programs/ags/config/style.scss
Normal file
|
@ -0,0 +1 @@
|
|||
@import "./style/main.scss";
|
3
home/programs/ags/config/style/main.scss
Normal file
3
home/programs/ags/config/style/main.scss
Normal file
|
@ -0,0 +1,3 @@
|
|||
* {
|
||||
all: unset;
|
||||
}
|
48
home/programs/ags/config/ts/main.ts
Normal file
48
home/programs/ags/config/ts/main.ts
Normal file
|
@ -0,0 +1,48 @@
|
|||
const scss = App.configDir + "/main.scss";
|
||||
const css = App.configDir + "/style.css";
|
||||
|
||||
const time = Variable("", {
|
||||
poll: [
|
||||
1000,
|
||||
function () {
|
||||
return Date().toString();
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
Utils.monitorFile(
|
||||
`${App.configDir}/style`,
|
||||
|
||||
function () {
|
||||
const scss = `${App.configDir}/style.scss`;
|
||||
|
||||
const css = `./style.css`;
|
||||
|
||||
Utils.exec(`sass ${scss} ${css}`);
|
||||
App.resetCss();
|
||||
App.applyCss(css);
|
||||
}
|
||||
);
|
||||
|
||||
const Bar = (monitor: number) =>
|
||||
Widget.Window({
|
||||
monitor,
|
||||
name: `bar${monitor}`,
|
||||
anchor: ["top", "left", "right"],
|
||||
exclusivity: "exclusive",
|
||||
child: Widget.CenterBox({
|
||||
start_widget: Widget.Label({
|
||||
hpack: "center",
|
||||
label: "Welcome to AGS!"
|
||||
}),
|
||||
end_widget: Widget.Label({
|
||||
hpack: "center",
|
||||
label: time.bind()
|
||||
})
|
||||
})
|
||||
});
|
||||
|
||||
App.config({
|
||||
style: css,
|
||||
windows: [Bar(2)]
|
||||
});
|
14
home/programs/ags/config/tsconfig.json
Normal file
14
home/programs/ags/config/tsconfig.json
Normal file
|
@ -0,0 +1,14 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2022",
|
||||
"module": "ES2022",
|
||||
"lib": ["ES2022"],
|
||||
"allowJs": true,
|
||||
"checkJs": true,
|
||||
"strict": true,
|
||||
"noImplicitAny": false,
|
||||
"baseUrl": ".",
|
||||
"typeRoots": ["./types"],
|
||||
"skipLibCheck": true
|
||||
}
|
||||
}
|
1
home/programs/ags/config/types
Symbolic link
1
home/programs/ags/config/types
Symbolic link
|
@ -0,0 +1 @@
|
|||
/home/notoh/.local/share/com.github.Aylur.ags/types
|
|
@ -9,7 +9,7 @@ in {
|
|||
enable = true;
|
||||
extraPackages = with pkgs; [libsoup_3 libdbusmenu-gtk3];
|
||||
};
|
||||
home.packages = with pkgs; [dart-sass];
|
||||
home.packages = with pkgs; [dart-sass bun];
|
||||
xdg.configFile = {
|
||||
"ags".source = config.lib.file.mkOutOfStoreSymlink "${configDir}";
|
||||
};
|
||||
|
|
Loading…
Reference in a new issue