aylur/astal

JavaScript/TypeScript framework for creating Linux Desktops ontop of Wayland compositors

astal's Issues

No destroy function on Widgets

I'm trying to create a popup notification list, I can't handle widget destroy because there is no such function on the widget.

JS ERROR: TypeError: list.children.find(...).destroy is not a function

Styles are not appying

What have I tried:

App.config({
	windows,
	style: `/home/posaydone/.config/astal/style.css`,
});

App.resetCss();
App.applyCss('/home/posaydone/.config/astal/style.css');

css prop in widgets is working.

Services do not emit signals on app start

I'm trying to connect to a service with a hook, but icons, sliders values and classes are not set when the application starts.
Maybe services don't emit signals during initialization?

const NetworkIndicator = () =>
	Widget.Icon().hook(network, (self) => {
		const icon = network[network.primary || 'wifi']?.icon_name;
		self.icon = icon || '';
		self.visible = !!icon;
	});

type ControlCenterButtonProps = {
	label: LabelProps['label'];
	connection: [GObject.Object, () => boolean];
	icon: IconProps['icon'];
} & ButtonProps;
export default ({
	icon,
	label,
	connection: [service, condition],
	...props
}: ControlCenterButtonProps) =>
	Widget.Button({
		cssClasses: ['control-center__button'],
		child: Widget.Box({
			hexpand: true,
			hpack: 'start',
			spacing: 12,
			children: [Widget.Icon({ icon }), Widget.Label({ label })],
		}),
		setup: (self) => {
			self.hook(service, () => {
				self.toggleCssClass('active', condition());
			});
		},
		...props,
	});