threema-web/src/app.ts

/**
 * Copyright © 2016-2020 Threema GmbH (https://threema.ch/).
 *
 * This file is part of Threema Web.
 *
 * Threema Web is free software: you can redistribute it and/or modify it
 * under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or (at
 * your option) any later version.
 *
 * This program is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
 * General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with Threema Web. If not, see <http://www.gnu.org/licenses/>.
 */

import {AsyncEvent} from 'ts-events';

import './components';
import config from './config';
import './controllers';
import './directives';
import './filters';
import {hasValue} from './helpers';
import './partials/messenger';
import './partials/welcome';
import './services';
import {LogService} from './services/log';
import './threema/container';

// Configure asynchronous events
AsyncEvent.setScheduler(function(callback) {
    // Replace the default setImmediate() call by a setTimeout(, 0) call
    setTimeout(callback, 0);
});

// Create app module and set dependencies
angular.module('3ema', [
    // Angular
    'ngAnimate',
    'ngSanitize',
    'ngAria',

    // 3rd party
    'ui.router',
    'angular-inview',
    'monospaced.qrcode',
    'luegg.directives',
    'pascalprecht.translate',
    'ngMaterial',

    // Own
    '3ema.filters',
    '3ema.components',
    '3ema.directives',
    '3ema.container',
    '3ema.services',
    '3ema.controllers',
    '3ema.welcome',
    '3ema.messenger',
])

// Set versions
.value('VERSION', config.VERSION)
.value('PROTOCOL_VERSION', 2)

// Configuration object
.constant('CONFIG', config)

// Set cache bust parameter
.constant('CACHE_BUST', `v=${config.VERSION}`)

// Constants to be used by controllers
.constant('BROWSER_MIN_VERSIONS', {
    FF: 60,
    CHROME: 65,
    OPERA: 52,
    SAFARI: 11,
    EDGE: 79,
})

// Set default route
.config(['$urlRouterProvider', ($urlRouterProvider) => {
    $urlRouterProvider.otherwise('/welcome');
}])

// Configure i18n / l10n
.config(['$translateProvider', ($translateProvider: ng.translate.ITranslateProvider) => {
    $translateProvider.useSanitizeValueStrategy('sanitizeParameters');
    $translateProvider.useMessageFormatInterpolation();
    $translateProvider
        .useStaticFilesLoader({
            prefix: 'i18n/',
            suffix: '.json',
        })
        .uniformLanguageTag('java')
        .registerAvailableLanguageKeys(['cs', 'de', 'en', 'es', 'fr', 'nl', 'pl', 'sk', 'uk', 'zh'], {
            'cs_*': 'cs',
            'de_*': 'de',
            'en_*': 'en',
            'es_*': 'es',
            'fr_*': 'fr',
            'nl_*': 'nl',
            'pl_*': 'pl',
            'sk_*': 'sk',
            'uk_*': 'uk',
            'zh_*': 'zh',
        })
        .determinePreferredLanguage()
        .fallbackLanguage('en');
}])

// Configure theme
.config(['$mdThemingProvider', ($mdThemingProvider: ng.material.IThemingProvider) => {
    $mdThemingProvider.definePalette('threema', {
        50: 'f2faf5',
        100: 'e6f6eb',
        200: 'cdedd9',
        300: 'b4e4c5',
        400: '9bdbb2',
        500: '82d29f',
        600: '69ca8c',
        700: '50c078',
        800: '37b865',
        900: '1eae52',
        A100: '05a63f',
        A200: '048432',
        A400: '03732b',
        A700: '036325',
        contrastDefaultColor: 'light',
        contrastDarkColors: ['50', '100', '200', '300', '400', '500', '600'],
    });
    $mdThemingProvider.definePalette('threemawork', {
        50: '#f2f9ff',
        100: 'e5f4ff',
        200: 'cceaff',
        300: 'b2dfff',
        400: '99d5ff',
        500: '7fcaff',
        600: '66c0ff',
        700: '4cb5ff',
        800: '33abff',
        900: '19a0ff',
        A100: '0096ff',
        A200: '0086e5',
        A400: '0068b2',
        A700: '004a7f',
        contrastDefaultColor: 'light',
        contrastDarkColors: ['50', '100', '200', '300', '400', '500', '600'],
    });
    $mdThemingProvider.theme('threema')
        .primaryPalette('grey', {default: '800'})
        .accentPalette('threema', {default: 'A100'});
    $mdThemingProvider.theme('threemawork')
        .primaryPalette('grey', {default: '800'})
        .accentPalette('threemawork', {default: 'A100'});
    $mdThemingProvider.alwaysWatchTheme(true);
}])

// Optimizations: https://docs.angularjs.org/guide/production
.config(['$compileProvider', ($compileProvider) => {
    // Disable debug info for improved performance
    // TODO: Somehow breaks overflow: scroll on chat window.
    // Comment for now.
    // $compileProvider.debugInfoEnabled(false);
}])

// Add cache busting parameter to some HTTP requests
.config(['$httpProvider', ($httpProvider: ng.IHttpProvider) => {
    $httpProvider.interceptors.push(['CACHE_BUST', (CACHE_BUST: string) => {
        return {
            request: (conf) => {
                if (conf.url.indexOf('partials/') !== -1 ||
                    conf.url.indexOf('directives/') !== -1 ||
                    conf.url.indexOf('components/') !== -1 ||
                    conf.url.indexOf('i18n/') !== -1) {
                    const separator = conf.url.indexOf('?') === -1 ? '?' : '&';
                    conf.url = conf.url + separator + CACHE_BUST;
                }
                return conf;
            },
        };
    }]);
}])

.factory('$exceptionHandler', ['LogService', function(logService: LogService) {
    const logger = logService.getLogger('UncaughtException');
    return function myExceptionHandler(e: any, cause: any) {
        if (!hasValue(e)) {
            // Fun fact: `throw null` is prefectly valid
            logger.error(`Unhandled exception (ng): ${e}`);
            return;
        }
        const data: any[] = [];
        data.push('Unhandled exception (ng):');
        if (e.message && e.name) {
            // Firefox does not include the exception name in the message, Chrome does.
            data.push(e.message.includes(e.name) ? `${e.message}\n` : `${e.name}: ${e.message}\n`);
        }
        data.push(e.stack ? e.stack : e);
        if (cause) {
            data.push('\nCaused by:\n');
            data.push(cause.stack ? cause.stack : cause);
        }
        logger.error(...data);
    };
}])

;