@deepkit/desktop-ui/src/components/app/utils.ts

Library for desktop UI widgets in Angular 10+

/*
 * Deepkit Framework
 * Copyright (C) 2021 Deepkit UG, Marc J. Schmidt
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the MIT License.
 *
 * You should have received a copy of the MIT License along with this program.
 */

import {
    ApplicationRef,
    ChangeDetectorRef,
    Directive,
    ElementRef,
    HostListener,
    Input,
    OnChanges,
} from '@angular/core';
import { nextTick } from '@deepkit/core';
import { Electron } from '../../core/utils';


@Directive({
    selector: '[openExternal], a[href]',
    standalone: false,
})
export class OpenExternalDirective implements OnChanges {
    @Input('openExternal') openExternal: string = '';
    @Input('href') href: string = '';

    constructor(private element: ElementRef) {
        // this.element.nativeElement.href = '#';
    }

    ngOnChanges(): void {
        // this.element.nativeElement.href = this.getLink();
        if (this.element.nativeElement instanceof HTMLAnchorElement) {
            this.element.nativeElement.setAttribute('href', this.getLink());
        }
    }

    getLink() {
        return this.openExternal || this.href;
    }

    @HostListener('click', ['$event'])
    onClick(event: Event) {
        event.stopPropagation();
        event.preventDefault();

        if (Electron.isAvailable()) {
            event.preventDefault();
            Electron.getRemote().shell.openExternal(this.getLink());
        } else {
            window.open(this.getLink(), '_blank');
        }
    }
}

let lastScheduleResize: any;

export function scheduleWindowResizeEvent() {
    if (lastScheduleResize) cancelAnimationFrame(lastScheduleResize);
    lastScheduleResize = nextTick(() => {
        window.dispatchEvent(new Event('resize'));
        lastScheduleResize = undefined;
    });
}


let lastFrameRequest: any;
let lastFrameRequestStack = new Set<ChangeDetectorRef>();
let lastFrameRequestStackDoneCb: (() => void)[] = [];

export class ZonelessChangeDetector {
    static app: ApplicationRef | undefined = undefined;

    static getApp() {
        if (!ZonelessChangeDetector.app) {
            throw new Error('ZonelessChangeDetector.app not set yet');
        }

        return ZonelessChangeDetector.app;
    }
}

/**
 * This handy function makes sure that in the next animation frame the given ChangeDetectorRef is called.
 * It makes automatically sure that it is only called once per frame.
 */
export function detectChangesNextFrame(cd?: ChangeDetectorRef, done?: () => any) {
    if (cd) {
        if (lastFrameRequestStack.has(cd)) return;
        lastFrameRequestStack.add(cd);
        if (done) lastFrameRequestStackDoneCb.push(done);
    }

    if (lastFrameRequest) {
        return;
    }

    lastFrameRequest = nextTick(() => {
        lastFrameRequest = undefined;
        for (const i of lastFrameRequestStack) {
            i.detectChanges();
        }
        for (const i of lastFrameRequestStackDoneCb) {
            i();
        }
        //since ivy we have to use tick() and can not use i.detectChanges().
        lastFrameRequestStackDoneCb = [];
        lastFrameRequestStack.clear();
        ZonelessChangeDetector.getApp().tick();
    });
}