import '../node_modules/durandal/css/durandal.css';
import '../app/assets/fonts.css';

import * as $ from 'jquery';
import * as ko from 'knockout';
import * as app from 'durandal/app';
import * as system from 'durandal/system';
import * as binder from 'durandal/binder';
import './extensions/ko-protectedObs';
import './extensions/bindingHandlerRegistration';
const widget = require('plugins/widget');

import { router } from '@dezrez/core';

import { shell } from './shell';

import 'reflect-metadata';

import './assets/less/main.less';

// Add only RxJS Operators needed
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/takeUntil';
import 'rxjs/add/operator/distinctUntilChanged';
import 'rxjs/add/operator/switchMap';
import 'rxjs/add/operator/mergeMap';
import 'rxjs/add/operator/debounceTime';

import { initializeI18n } from './i18n';

import './store';

declare const __DEV__;

// Webpack sets this __DEV__ variable. See `webpack.config.js` file
if (__DEV__) {
	system.debug(true);

	(window as any).ko = ko;
	(window as any).app = app;
	(window as any).router = router;
}

// Install the router
router.install();

widget.install({
	kinds: Object.keys({})
});

initializeI18n(() => {	
	// Start the appliction
	app.start().then(() => {
		// Show the app by setting the root view model for our application with a transition.
		return app.setRoot(shell);
	});
});