/* eslint-disable
    camelcase,
    max-len,
    no-useless-escape,
*/
// TODO: This file was created by bulk-decaffeinate.
// Fix any style issues and re-enable lint.
/*
 * decaffeinate suggestions:
 * DS101: Remove unnecessary use of Array.from
 * DS102: Remove unnecessary code created because of implicit returns
 * DS103: Rewrite code to no longer use __guard__
 * DS207: Consider shorter variations of null checks
 * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
 */

import './utils/webpack-public-path'
import './libraries'
import './infrastructure/error-reporter'
import './modules/recursionHelper'
import './modules/errorCatcher'
import './modules/localStorage'
import './modules/sessionStorage'
import getMeta from './utils/meta'
import { configureMathJax } from './features/mathjax/configure'

const App = angular
  .module('SharelatexApp', [
    'ui.bootstrap',
    'autocomplete',
    'RecursionHelper',
    'ng-context-menu',
    'ngSanitize',
    'ipCookie',
    'ErrorCatcher',
    'localStorage',
    'sessionStorage',
    'ui.select',
  ])
  .config(function ($qProvider, $httpProvider, uiSelectConfig) {
    $qProvider.errorOnUnhandledRejections(false)
    uiSelectConfig.spinnerClass = 'fa fa-refresh ui-select-spin'

    configureMathJax()
  })

App.run(($rootScope, $templateCache) => {
  $rootScope.usersEmail = getMeta('ol-usersEmail')

  // UI Select templates are hard-coded and use Glyphicon icons (which we don't import).
  // The line below simply overrides the hard-coded template with our own, which is
  // basically the same but using Font Awesome icons.
  $templateCache.put(
    'bootstrap/match.tpl.html',
    '<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{\'btn-default-focus\':$select.focus}"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="{{ $select.baseTitle }} activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted">{{$select.placeholder}}</span> <span ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left" ng-class="{\'ui-select-allow-clear\': $select.allowClear && !$select.isEmpty()}" ng-transclude=""></span> <i class="caret pull-right" ng-click="$select.toggle($event)"></i> <a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="{{ $select.baseTitle }} clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right"><i class="fa fa-times" aria-hidden="true"></i></a></span></div>'
  )
})

const sl_debugging = window.location.search.match(/debug=true/)
window.sl_debugging = sl_debugging // make a global flag for debugging code
window.sl_console = sl_debugging ? console : { log() {} }

export default App