Overleaf/services/web/modules/launchpad/frontend/js/main/controllers/LaunchpadController.js

/* global io */

/* eslint-disable
    max-len,
    no-return-assign,
*/
// TODO: This file was created by bulk-decaffeinate.
// Fix any style issues and re-enable lint.
/*
 * decaffeinate suggestions:
 * DS102: Remove unnecessary code created because of implicit returns
 * DS207: Consider shorter variations of null checks
 * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
 */
import App from '../../../../../../frontend/js/base'

export default App.controller(
  'LaunchpadController',
  function ($scope, $http, $timeout) {
    $scope.adminUserExists = window.data.adminUserExists
    $scope.ideJsPath = window.data.ideJsPath
    $scope.authMethod = window.data.authMethod

    $scope.createAdminSuccess = null
    $scope.createAdminError = null

    $scope.statusChecks = {
      ideJs: { status: 'inflight', error: null },
      websocket: { status: 'inflight', error: null },
      healthCheck: { status: 'inflight', error: null },
    }

    $scope.testEmail = {
      emailAddress: '',
      inflight: false,
      status: null, // | 'ok' | 'success'
    }

    $scope.shouldShowAdminForm = () => !$scope.adminUserExists

    $scope.onCreateAdminSuccess = function (response) {
      const { status } = response
      if (status >= 200 && status < 300) {
        return ($scope.createAdminSuccess = true)
      }
    }

    $scope.onCreateAdminError = () => ($scope.createAdminError = true)

    $scope.sendTestEmail = function () {
      $scope.testEmail.inflight = true
      $scope.testEmail.status = null
      return $http
        .post('/launchpad/send_test_email', {
          email: $scope.testEmail.emailAddress,
          _csrf: window.csrfToken,
        })
        .then(function (response) {
          const { status } = response
          $scope.testEmail.inflight = false
          if (status >= 200 && status < 300) {
            return ($scope.testEmail.status = 'ok')
          }
        })
        .catch(function () {
          $scope.testEmail.inflight = false
          return ($scope.testEmail.status = 'error')
        })
    }

    $scope.tryFetchIdeJs = function () {
      $scope.statusChecks.ideJs.status = 'inflight'
      return $timeout(
        () =>
          $http
            .get($scope.ideJsPath)
            .then(function (response) {
              const { status } = response
              if (status >= 200 && status < 300) {
                return ($scope.statusChecks.ideJs.status = 'ok')
              }
            })
            .catch(function (response) {
              const { status } = response
              $scope.statusChecks.ideJs.status = 'error'
              return ($scope.statusChecks.ideJs.error = new Error(
                `Http status: ${status}`
              ))
            }),

        1000
      )
    }

    $scope.tryOpenWebSocket = function () {
      $scope.statusChecks.websocket.status = 'inflight'
      return $timeout(function () {
        if (typeof io === 'undefined' || io === null) {
          $scope.statusChecks.websocket.status = 'error'
          $scope.statusChecks.websocket.error = 'socket.io not loaded'
          return
        }
        const socket = io.connect(null, {
          reconnect: false,
          'connect timeout': 30 * 1000,
          'force new connection': true,
        })

        socket.on('connectionAccepted', function () {
          $scope.statusChecks.websocket.status = 'ok'
          return $scope.$apply(function () {})
        })

        socket.on('connectionRejected', function (err) {
          $scope.statusChecks.websocket.status = 'error'
          $scope.statusChecks.websocket.error = err
          return $scope.$apply(function () {})
        })

        return socket.on('connect_failed', function (err) {
          $scope.statusChecks.websocket.status = 'error'
          $scope.statusChecks.websocket.error = err
          return $scope.$apply(function () {})
        })
      }, 1000)
    }

    $scope.tryHealthCheck = function () {
      $scope.statusChecks.healthCheck.status = 'inflight'
      return $http
        .get('/health_check')
        .then(function (response) {
          const { status } = response
          if (status >= 200 && status < 300) {
            return ($scope.statusChecks.healthCheck.status = 'ok')
          }
        })
        .catch(function (response) {
          const { status } = response
          $scope.statusChecks.healthCheck.status = 'error'
          return ($scope.statusChecks.healthCheck.error = new Error(
            `Http status: ${status}`
          ))
        })
    }

    $scope.runStatusChecks = function () {
      $timeout(() => $scope.tryFetchIdeJs(), 1000)
      return $timeout(() => $scope.tryOpenWebSocket(), 2000)
    }

    // kick off the status checks on load
    if ($scope.adminUserExists) {
      return $scope.runStatusChecks()
    }
  }
)