refactor(agsV2): don't make func wrappers around widget class

nixosModules/ags/v2/lib.ts

@@ -4,7 +4,8 @@ import AstalHyprland from 'gi://AstalHyprland';
 const Hyprland = AstalHyprland.get_default();
 
 /* Types */
-import type { PopupWindow } from './widgets/misc/popup-window';
+import PopupWindow from './widgets/misc/popup-window';
+
 export interface Layer {
     address: string
     x: number

nixosModules/ags/v2/services/monitor-clicks.ts

@@ -17,7 +17,7 @@ const ON_CLICK_TRIGGERS = [
 ];
 
 /* Types */
-import { PopupWindow } from '../widgets/misc/popup-window';
+import PopupWindow from '../widgets/misc/popup-window';
 import { CursorPos, Layer, LayerResult } from '../lib';
 
 

nixosModules/ags/v2/widgets/applauncher/app-item.tsx

@@ -62,4 +62,4 @@ export class AppItem extends Widget.Box {
     }
 }
 
-export default (props: AppItemProps) => new AppItem(props);
+export default AppItem;

nixosModules/ags/v2/widgets/applauncher/main.tsx

@@ -5,7 +5,7 @@ import AstalApps from 'gi://AstalApps';
 import SortedList from '../misc/sorted-list';
 
 import { launchApp } from './launch';
-import AppItemWidget, { AppItem } from './app-item';
+import AppItem from './app-item';
 
 
 export default () => SortedList({
@@ -13,7 +13,7 @@ export default () => SortedList({
 
     create_list: () => AstalApps.Apps.new().get_list(),
 
-    create_row: (app) => AppItemWidget({ app }),
+    create_row: (app) => <AppItem app={app} />,
 
     fzf_options: {
         selector: (app) => app.name + app.executable,

nixosModules/ags/v2/widgets/bar/items/clock.tsx

@@ -2,7 +2,7 @@ import { bind, Variable } from 'astal';
 import { App } from 'astal/gtk3';
 
 import GLib from 'gi://GLib';
-import { PopupWindow } from '../../misc/popup-window';
+import PopupWindow from '../../misc/popup-window';
 
 
 export default () => {

nixosModules/ags/v2/widgets/bar/items/notif-button.tsx

@@ -9,7 +9,7 @@ import Separator from '../../misc/separator';
 const SPACING = 4;
 
 // Types
-import { PopupWindow } from '../../misc/popup-window';
+import PopupWindow from '../../misc/popup-window';
 
 
 export default () => (

nixosModules/ags/v2/widgets/clipboard/clip-item.tsx

@@ -94,3 +94,5 @@ export class ClipItem extends Widget.Box {
         }
     }
 }
+
+export default ClipItem;

nixosModules/ags/v2/widgets/clipboard/main.tsx

@@ -28,7 +28,7 @@ export default () => SortedList<EntryObject>({
             });
     },
 
-    create_row: (item) => new ClipItem({ item }),
+    create_row: (item) => <ClipItem item={item} />,
 
     fzf_options: {
         selector: (item) => item.content,

nixosModules/ags/v2/widgets/misc/popup-window.tsx

@@ -109,4 +109,4 @@ export class PopupWindow extends Widget.Window {
     }
 }
 
-export default (props: PopupWindowProps) => new PopupWindow(props);
+export default PopupWindow;

nixosModules/ags/v2/widgets/misc/smooth-progress.tsx

@@ -58,4 +58,4 @@ class SmoothProgress extends Widget.Box {
     }
 }
 
-export default (props?: SmoothProgressProps) => new SmoothProgress(props);
+export default SmoothProgress;

nixosModules/ags/v2/widgets/misc/sorted-list.tsx

@@ -6,7 +6,7 @@ import { idle } from 'astal';
 
 import { AsyncFzf, FzfOptions, FzfResultItem } from 'fzf';
 
-import PopupWindow, { PopupWindow as PopupWindowClass } from '../misc/popup-window';
+import PopupWindow from '../misc/popup-window';
 import { centerCursor } from '../../lib';
 
 export interface SortedListProps<T> {
@@ -29,7 +29,7 @@ export class SortedList<T> {
     private item_list: T[] = [];
     private fzf_results: FzfResultItem<T>[] = [];
 
-    readonly window: PopupWindowClass;
+    readonly window: PopupWindow;
     private _item_map = new Map<T, Gtk.Widget>();
 
     readonly create_list: () => T[] | Promise<T[]>;
@@ -171,7 +171,7 @@ export class SortedList<T> {
                     </eventbox>
                 </box>
             </PopupWindow>
-        ) as PopupWindowClass;
+        ) as PopupWindow;
 
         this.create_list = create_list;
         this.create_row = create_row;

nixosModules/ags/v2/widgets/notifs/center.tsx

@@ -5,7 +5,7 @@ import AstalNotifd from 'gi://AstalNotifd';
 const Notifications = AstalNotifd.get_default();
 
 import { Notification, HasNotifs } from './notification';
-import { NotifGestureWrapper } from './gesture';
+import NotifGestureWrapper from './gesture';
 
 
 const addNotif = (box: Widget.Box, notifObj: AstalNotifd.Notification) => {

nixosModules/ags/v2/widgets/notifs/gesture.tsx

@@ -345,4 +345,4 @@ export class NotifGestureWrapper extends Widget.EventBox {
     }
 }
 
-export default (props: NotifGestureWrapperProps) => new NotifGestureWrapper(props);
+export default NotifGestureWrapper;

nixosModules/ags/v2/widgets/notifs/notification.tsx

@@ -91,7 +91,7 @@ export const Notification = ({
     id = 0,
     popup_timer = 0,
     slide_in_from = 'Left' as 'Left' | 'Right',
-}): ReturnType<typeof NotifGestureWrapper> | undefined => {
+}): NotifGestureWrapper | undefined => {
     const notifObj = Notifications.get_notification(id);
 
     if (!notifObj) {
@@ -201,5 +201,5 @@ export const Notification = ({
                 </box>
             </box>
         </NotifGestureWrapper>
-    ) as ReturnType<typeof NotifGestureWrapper>;
+    ) as NotifGestureWrapper;
 };

nixosModules/ags/v2/widgets/notifs/popups.tsx

@@ -1,7 +1,7 @@
 import AstalNotifd from 'gi://AstalNotifd';
 const Notifications = AstalNotifd.get_default();
 
-import { NotifGestureWrapper } from './gesture';
+import NotifGestureWrapper from './gesture';
 import { Notification } from './notification';
 
 

nixosModules/ags/v2/widgets/osd/main.tsx

@@ -2,7 +2,7 @@ import { bind, timeout } from 'astal';
 import { register } from 'astal/gobject';
 import { App, Astal, astalify, Gtk, Widget, type ConstructProps } from 'astal/gtk3';
 
-import AstalWp from "gi://AstalWp"
+import AstalWp from 'gi://AstalWp';
 
 import PopupWindow from '../misc/popup-window';
 import Brightness from '../../services/brightness';
@@ -17,7 +17,8 @@ class ProgressBar extends astalify(Gtk.ProgressBar) {
         ProgressBar,
         Gtk.ProgressBar.ConstructorProps
     >) {
-        super(props as any)
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        super(props as any);
     }
 }
 
@@ -46,12 +47,16 @@ export default () => {
                 App.get_window('win-osd')?.set_visible(false);
             }
         });
-    }
+    };
 
     globalThis.popup_osd = popup;
 
-    const speaker = AstalWp.get_default()?.audio.default_speaker!;
-    const microphone = AstalWp.get_default()?.audio.default_microphone!;
+    const speaker = AstalWp.get_default()?.audio.default_speaker;
+    const microphone = AstalWp.get_default()?.audio.default_microphone;
+
+    if (!speaker || !microphone) {
+        throw new Error('Could not find default audio devices.');
+    }
 
     return (
         <PopupWindow