import {MenuDirective} from "../app/menu.component";
import {arrayRemoveItem} from "@marcj/estdlib";
import {Subscription} from "rxjs";
import {Injectable} from "@angular/core";
import {Electron} from "../../core/utils";

@Injectable()
export class WindowMenuState {
    menus: MenuDirective[] = [];
    focused = true;

    subscriptions = new Map<MenuDirective, Subscription>();

    addMenu(menu: MenuDirective) {
        this.menus.push(menu);
        this.subscriptions.set(menu, menu.change.subscribe(() => {
            this.build();
        }));

        this.build();
    }

    removeMenu(menu: MenuDirective) {
        this.subscriptions.get(menu)!.unsubscribe();
        this.subscriptions.delete(menu);
        arrayRemoveItem(this.menus, menu);
        this.build();
    }

    build() {
        requestAnimationFrame(() => {
            this._build();
        })
    }

    protected _build() {
        const template = [];

        //todo, merge menus with same id(), id falls back to role+label
        // then we can use fileMenu in sub views and add sub menu items as we want
        for (const menu of this.menus) {
            if (menu.validOs()) {
                template.push(menu.buildTemplate());
            }
        }

        if (!template.length) {
            template.push(...[
                {role: 'appMenu'},
                {role: 'fileMenu'},
                {role: 'editMenu'},
                {role: 'viewMenu'},
                {role: 'windowMenu'},
            ]);
        }

        if (Electron.isAvailable()) {
            const remote: any = Electron.getRemote();
            if (remote) {
                try {
                    const menu = remote.Menu.buildFromTemplate(template);
                    remote.Menu.setApplicationMenu(menu);
                } catch (error) {
                    console.error('Could not buildFromTemplate', template);
                    console.error(error);
                }
            } else {
                console.warn('Not in electron environment');
            }
        }
    }

    focus() {
        //set our electron menu
        //Menu.setApplicationMenu()
        this.build();
    }
}