import {NgModule, Injectable} from '@angular/core';
import {RouterModule} from '@angular/router';

import {
    MatSidenavModule,
} from '@angular/material/sidenav';

import {CorifeusMaterialModule, ThemeService} from 'corifeus-web-material';
import {LocaleService, SettingsService} from 'corifeus-web';

import {Application} from './application';
import {Layout, Header, Footer} from './layout';
import {Status} from './component/cory-web-pages-build-status';
import {Page, OpenCollective} from './modules';
import {CdnService, MarkdownService} from './service';

import {routes} from './routes';

/***
 * NEVER USE A EXPORT * AS, NEED THE EXACT COMPONENT FOR INJECTABLE FUNCTION!!!!
 */

@NgModule({
    imports: [
        MatSidenavModule,
        CorifeusMaterialModule,
        RouterModule.forRoot(routes),
    ],
    entryComponents: [],
    declarations: [
        Application,
        Layout,
        Header,
        Footer,
        Page,
        OpenCollective,

        Status
    ],
    providers: [
        CdnService,
        MarkdownService,
    ],
    bootstrap: [
        Application
    ]
})
export class Module {
    constructor(
        private loc: LocaleService,
        private settings: SettingsService,
    ) {
        const twemoji = require('twemoji').default;
        twemoji.folder = 'svg';
        twemoji.ext = '.svg';

        if (process.env.ENV === 'production') {
            twemoji.base = '/assets/twemoji/';
        }

        let settingsExtendJson = require('../json/settings.core.json');
        settings.extend('core', settingsExtendJson);
        settings.afterInit();

        const module = 'pages';

        const settingsJson = require('../json/settings.json');

        settings.register(module, settingsJson);

        loc.register(module, {
            en: require('../json/translation/english.json'),
            hu: require('../json/translation/hungarian.json'),
        })
    }
}