import App from 'resource:///com/github/Aylur/ags/app.js';
import { timeout } from 'resource:///com/github/Aylur/ags/utils.js';
import { Stack } from 'resource:///com/github/Aylur/ags/widget.js';

import GLib from 'gi://GLib';
import PopupWindow from '../misc/popup.js';

import Audio       from './audio.js';
import Brightness  from './brightness.js';
import CapsLock    from './caps.js';
import Keyboard    from './kbd.js';
import Microphone  from './mic.js';


export default () => {
    let setup = 0;

    const stack = Stack({
        css: 'margin-bottom: 80px;',
        items: [
            ['audio', Audio()],
            ['brightness', Brightness()],
            ['caps', CapsLock()],
            ['kbd', Keyboard()],
            ['mic', Microphone()],
        ],
    });

    const window = PopupWindow({
        name: 'osd',
        anchor: ['bottom'],
        exclusivity: 'ignore',
        closeOnUnfocus: 'stay',
        transition: 'slide_up',
        transitionDuration: 200,
        child: stack,
    });

    let timer;
    stack.resetTimer = () => {
        // Each osd calls resetTimer once at startup
        if (setup <= stack.items.length + 1) {
            ++setup;
            return;
        }

        App.openWindow('osd');
        if (timer)
            GLib.source_remove(timer);

        timer = timeout(2000, () => {
            App.closeWindow('osd');
            timer = undefined;
        });
    };

    return window;
};