BetterDiscordApp-v2/client/src/ui/bdui.js

/**
 * BetterDiscord Client UI Module
 * Copyright (c) 2015-present Jiiks/JsSucks - https://github.com/Jiiks / https://github.com/JsSucks
 * All rights reserved.
 * https://betterdiscord.net
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
*/

import { Events, DiscordApi } from 'modules';
import { remote } from 'electron';
import DOM from './dom';
import Vue from './vue';
import { BdSettingsWrapper, BdModals, BdToasts } from './components';

export default class {

    static initUiEvents() {
        this.pathCache = {
            isDm: null,
            server: DiscordApi.currentGuild,
            channel: DiscordApi.currentChannel
        };

        remote.getCurrentWindow().webContents.on('did-navigate-in-page', (e, url, isMainFrame) => {
            const { currentGuild, currentChannel } = DiscordApi;

            if (!this.pathCache.server)
                Events.emit('server-switch', { server: currentGuild, channel: currentChannel });
            else if (!this.pathCache.channel)
                Events.emit('channel-switch', currentChannel);
            else if (currentGuild && currentGuild.id && this.pathCache.server && this.pathCache.server.id !== currentGuild.id)
                Events.emit('server-switch', { server: currentGuild, channel: currentChannel });
            else if (currentChannel && currentChannel.id && this.pathCache.channel && this.pathCache.channel.id !== currentChannel.id)
                Events.emit('channel-switch', currentChannel);

            this.pathCache.server = currentGuild;
            this.pathCache.channel = currentChannel;
        });
    }

    static injectUi() {
        DOM.createElement('div', null, 'bd-settings').appendTo(DOM.bdBody);
        DOM.createElement('div', null, 'bd-modals').appendTo(DOM.bdModals);
        DOM.createElement('div', null, 'bd-toasts').appendTo(DOM.bdToasts);
        DOM.createElement('bd-tooltips').appendTo(DOM.bdBody);

        this.toasts = new Vue({
            el: '#bd-toasts',
            components: { BdToasts },
            template: '<BdToasts />'
        });

        this.modals = new Vue({
            el: '#bd-modals',
            components: { BdModals },
            template: '<BdModals />'
        });

        this.vueInstance = new Vue({
            el: '#bd-settings',
            components: { BdSettingsWrapper },
            template: '<BdSettingsWrapper />'
        });

        return this.vueInstance;
    }

}