Remove ags, too much work for me.
This commit is contained in:
parent
d50c0502c6
commit
4952b47cda
2
modules/home-manager/ags/.gitignore
vendored
2
modules/home-manager/ags/.gitignore
vendored
@ -1,2 +0,0 @@
|
|||||||
node_modules/
|
|
||||||
@girs/
|
|
@ -1,13 +0,0 @@
|
|||||||
import { App } from "astal/gtk3"
|
|
||||||
import style from "./style.scss"
|
|
||||||
import Bar from "./widget/Bar"
|
|
||||||
|
|
||||||
App.start({
|
|
||||||
css: style,
|
|
||||||
instanceName: "js",
|
|
||||||
requestHandler(request, res) {
|
|
||||||
print(request)
|
|
||||||
res("ok")
|
|
||||||
},
|
|
||||||
main: () => App.get_monitors().map(Bar),
|
|
||||||
})
|
|
21
modules/home-manager/ags/env.d.ts
vendored
21
modules/home-manager/ags/env.d.ts
vendored
@ -1,21 +0,0 @@
|
|||||||
declare const SRC: string
|
|
||||||
|
|
||||||
declare module "inline:*" {
|
|
||||||
const content: string
|
|
||||||
export default content
|
|
||||||
}
|
|
||||||
|
|
||||||
declare module "*.scss" {
|
|
||||||
const content: string
|
|
||||||
export default content
|
|
||||||
}
|
|
||||||
|
|
||||||
declare module "*.blp" {
|
|
||||||
const content: string
|
|
||||||
export default content
|
|
||||||
}
|
|
||||||
|
|
||||||
declare module "*.css" {
|
|
||||||
const content: string
|
|
||||||
export default content
|
|
||||||
}
|
|
@ -1,6 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "astal-shell",
|
|
||||||
"dependencies": {
|
|
||||||
"astal": "/home/crony/.local/share/ags"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,98 +0,0 @@
|
|||||||
@use "sass:color";
|
|
||||||
|
|
||||||
$bg: #282828;
|
|
||||||
$fg: #ebdbb2;
|
|
||||||
$accent: #83a598;
|
|
||||||
$radius: 7px;
|
|
||||||
|
|
||||||
window.Bar {
|
|
||||||
border: none;
|
|
||||||
box-shadow: none;
|
|
||||||
background-color: $bg;
|
|
||||||
color: $fg;
|
|
||||||
font-size: 1em;
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
label {
|
|
||||||
margin: 0 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Workspaces {
|
|
||||||
button {
|
|
||||||
all: unset;
|
|
||||||
background-color: transparent;
|
|
||||||
|
|
||||||
&:hover label {
|
|
||||||
background-color: color.adjust($fg, $alpha: -0.84);
|
|
||||||
border-color: color.adjust($accent, $alpha: -0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active label {
|
|
||||||
background-color: color.adjust($fg, $alpha: -0.8)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
|
||||||
transition: 200ms;
|
|
||||||
padding: 0 8px;
|
|
||||||
margin: 2px;
|
|
||||||
border-radius: $radius;
|
|
||||||
border: 1pt solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.focused label {
|
|
||||||
color: $accent;
|
|
||||||
border-bottom: 2px solid;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.SysTray {
|
|
||||||
margin-right: 8px;
|
|
||||||
|
|
||||||
button {
|
|
||||||
padding: 0 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.FocusedClient {
|
|
||||||
color: $accent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Battery label {
|
|
||||||
padding-left: 0;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.AudioSlider {
|
|
||||||
* {
|
|
||||||
all: unset;
|
|
||||||
}
|
|
||||||
|
|
||||||
icon {
|
|
||||||
margin-right: .6em;
|
|
||||||
}
|
|
||||||
|
|
||||||
& {
|
|
||||||
margin: 0 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
trough {
|
|
||||||
background-color: color.adjust($fg, $alpha: -0.8);
|
|
||||||
border-radius: $radius;
|
|
||||||
}
|
|
||||||
|
|
||||||
highlight {
|
|
||||||
background-color: $accent;
|
|
||||||
min-height: .8em;
|
|
||||||
border-radius: $radius;
|
|
||||||
}
|
|
||||||
|
|
||||||
slider {
|
|
||||||
background-color: $fg;
|
|
||||||
border-radius: $radius;
|
|
||||||
min-height: 1em;
|
|
||||||
min-width: 1em;
|
|
||||||
margin: -.2em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,14 +0,0 @@
|
|||||||
{
|
|
||||||
"$schema": "https://json.schemastore.org/tsconfig",
|
|
||||||
"compilerOptions": {
|
|
||||||
"experimentalDecorators": true,
|
|
||||||
"strict": true,
|
|
||||||
"target": "ES2022",
|
|
||||||
"module": "ES2022",
|
|
||||||
"moduleResolution": "Bundler",
|
|
||||||
// "checkJs": true,
|
|
||||||
// "allowJs": true,
|
|
||||||
"jsx": "react-jsx",
|
|
||||||
"jsxImportSource": "astal/gtk3",
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,133 +0,0 @@
|
|||||||
import { App } from "astal/gtk3"
|
|
||||||
import { Variable, GLib, bind } from "astal"
|
|
||||||
import { Astal, Gtk, Gdk } from "astal/gtk3"
|
|
||||||
import Hyprland from "gi://AstalHyprland"
|
|
||||||
import Battery from "gi://AstalBattery"
|
|
||||||
import Wp from "gi://AstalWp"
|
|
||||||
import Network from "gi://AstalNetwork"
|
|
||||||
import Tray from "gi://AstalTray"
|
|
||||||
|
|
||||||
function SysTray() {
|
|
||||||
const tray = Tray.get_default()
|
|
||||||
|
|
||||||
return <box className="SysTray">
|
|
||||||
{bind(tray, "items").as(items => items.map(item => (
|
|
||||||
<menubutton visible={item.title != "Wayland to X11 Video bridge"}
|
|
||||||
tooltipMarkup={bind(item, "tooltipMarkup")}
|
|
||||||
usePopover={false}
|
|
||||||
actionGroup={bind(item, "actionGroup").as(ag => ["dbusmenu", ag])}
|
|
||||||
menuModel={bind(item, "menuModel")}>
|
|
||||||
<icon gicon={bind(item, "gicon")} />
|
|
||||||
</menubutton>
|
|
||||||
)))}
|
|
||||||
</box>
|
|
||||||
}
|
|
||||||
|
|
||||||
function Wifi() {
|
|
||||||
const network = Network.get_default()
|
|
||||||
const wifi = bind(network, "wifi")
|
|
||||||
|
|
||||||
return <box visible={wifi.as(Boolean)}>
|
|
||||||
{wifi.as(wifi => wifi && (
|
|
||||||
<icon visible={wifi.ssid != null}
|
|
||||||
tooltipText={bind(wifi, "ssid").as(String)}
|
|
||||||
className="Wifi"
|
|
||||||
icon={bind(wifi, "iconName")}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
</box>
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function AudioSlider() {
|
|
||||||
const speaker = Wp.get_default()?.audio.defaultSpeaker!
|
|
||||||
|
|
||||||
return <box className="AudioSlider" css="min-width: 140px">
|
|
||||||
<icon icon={bind(speaker, "volumeIcon")} />
|
|
||||||
<slider
|
|
||||||
hexpand
|
|
||||||
onDragged={({ value }) => speaker.volume = value}
|
|
||||||
value={bind(speaker, "volume")}
|
|
||||||
/>
|
|
||||||
</box>
|
|
||||||
}
|
|
||||||
|
|
||||||
function BatteryLevel() {
|
|
||||||
const bat = Battery.get_default()
|
|
||||||
|
|
||||||
return <box className="Battery"
|
|
||||||
visible={bind(bat, "isPresent")}>
|
|
||||||
<icon icon={bind(bat, "batteryIconName")} />
|
|
||||||
<label label={bind(bat, "percentage").as(p =>
|
|
||||||
` ${Math.floor(p * 100)} %`
|
|
||||||
)} />
|
|
||||||
</box>
|
|
||||||
}
|
|
||||||
|
|
||||||
function Workspaces() {
|
|
||||||
const hypr = Hyprland.get_default()
|
|
||||||
|
|
||||||
return <box className="Workspaces">
|
|
||||||
{bind(hypr, "workspaces").as(wss => wss
|
|
||||||
.filter(ws => !(ws.id >= -99 && ws.id <= -2)) // filter out special workspaces
|
|
||||||
.sort((a, b) => a.id - b.id)
|
|
||||||
.map(ws => (
|
|
||||||
<button
|
|
||||||
className={bind(hypr, "focusedWorkspace").as(fw =>
|
|
||||||
ws === fw ? "focused" : "")}
|
|
||||||
onClicked={() => ws.focus()}>
|
|
||||||
{ws.id}
|
|
||||||
</button>
|
|
||||||
))
|
|
||||||
)}
|
|
||||||
</box>
|
|
||||||
}
|
|
||||||
|
|
||||||
function FocusedClient() {
|
|
||||||
const hypr = Hyprland.get_default()
|
|
||||||
const focused = bind(hypr, "focusedClient")
|
|
||||||
|
|
||||||
return <box
|
|
||||||
className="Focused"
|
|
||||||
visible={focused.as(Boolean)}>
|
|
||||||
{focused.as(client => (
|
|
||||||
client && <label label={bind(client, "title").as(String)} />
|
|
||||||
))}
|
|
||||||
</box>
|
|
||||||
}
|
|
||||||
|
|
||||||
function Time({ format = "%d.%m %H:%M" }) {
|
|
||||||
const time = Variable<string>("").poll(1000, () =>
|
|
||||||
GLib.DateTime.new_now_local().format(format)!)
|
|
||||||
|
|
||||||
return <label
|
|
||||||
className="Time"
|
|
||||||
onDestroy={() => time.drop()}
|
|
||||||
label={time()}
|
|
||||||
/>
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function Bar(monitor: Gdk.Monitor) {
|
|
||||||
const { TOP, LEFT, RIGHT } = Astal.WindowAnchor
|
|
||||||
|
|
||||||
return <window
|
|
||||||
className="Bar"
|
|
||||||
gdkmonitor={monitor}
|
|
||||||
exclusivity={Astal.Exclusivity.EXCLUSIVE}
|
|
||||||
anchor={TOP | LEFT | RIGHT}>
|
|
||||||
<centerbox>
|
|
||||||
<box hexpand halign={Gtk.Align.START}>
|
|
||||||
<Workspaces />
|
|
||||||
<FocusedClient />
|
|
||||||
</box>
|
|
||||||
<box />
|
|
||||||
<box hexpand halign={Gtk.Align.END} >
|
|
||||||
<AudioSlider />
|
|
||||||
<Wifi />
|
|
||||||
<BatteryLevel />
|
|
||||||
<Time />
|
|
||||||
<SysTray />
|
|
||||||
</box>
|
|
||||||
</centerbox>
|
|
||||||
</window>
|
|
||||||
}
|
|
@ -167,18 +167,6 @@ in {
|
|||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
programs.ags = {
|
|
||||||
enable = true;
|
|
||||||
configDir = ./ags;
|
|
||||||
extraPackages = [
|
|
||||||
inputs.ags.packages.${pkgs.system}.battery
|
|
||||||
inputs.ags.packages.${pkgs.system}.hyprland
|
|
||||||
inputs.ags.packages.${pkgs.system}.network
|
|
||||||
inputs.ags.packages.${pkgs.system}.tray
|
|
||||||
inputs.ags.packages.${pkgs.system}.wireplumber
|
|
||||||
];
|
|
||||||
};
|
|
||||||
|
|
||||||
# Setup and enable hyprland
|
# Setup and enable hyprland
|
||||||
wayland.windowManager.hyprland = {
|
wayland.windowManager.hyprland = {
|
||||||
enable = true;
|
enable = true;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user