Merge pull request #15016 from overleaf/mf-remove-editor-left-menu-angular

[web] Remove angular editor left menu code

GitOrigin-RevId: ad3f16d5a2b98751e2011ab0412e1921dfa37fd0

services/web/app/views/project/editor/left-menu.pug

@@ -1,327 +0,0 @@
-aside#left-menu.full-size(
-	ng-class="{ 'shown': ui.leftMenuShown }"
-	ng-cloak
-)
-	h4 #{translate("download")}
-
-	ul.list-unstyled.nav.nav-downloads.text-center
-		li
-			a(
-				ng-href="/project/{{project_id}}/download/zip"
-				target="_blank"
-			)
-				i.fa.fa-file-archive-o.fa-2x
-				br
-				| #{translate("source")}
-		li
-			a(
-				ng-href="{{pdf.downloadUrl || pdf.url}}"
-				target="_blank"
-				ng-if="pdf.url"
-			)
-				i.fa.fa-file-pdf-o.fa-2x
-				br
-				| PDF
-			div.link-disabled(
-				ng-if="!pdf.url"
-				tooltip=translate('please_compile_pdf_before_download')
-				tooltip-placement="bottom"
-			)
-				i.fa.fa-file-pdf-o.fa-2x
-				br
-				| PDF
-
-	span(ng-show="!anonymous")
-		h4 #{translate("actions")}
-		ul.list-unstyled.nav
-			li(ng-controller="LeftMenuCloneProjectModalController")
-				a(
-					href,
-					ng-click="openCloneProjectModal()"
-				)
-					i.fa.fa-fw.fa-copy
-					|    #{translate("copy_project")}
-
-				clone-project-modal(
-					handle-hide="handleHide"
-					open-project="openProject"
-					show="show"
-				)
-
-			!= moduleIncludes("editorLeftMenu:actions", locals)
-			li(ng-controller="WordCountModalController")
-				a(href, ng-if="pdf.url", ng-click="openWordCountModal()")
-					i.fa.fa-fw.fa-eye
-					span    #{translate("word_count")}
-				a.link-disabled(href, ng-if="!pdf.url", tooltip=translate('please_compile_pdf_before_word_count'))
-					i.fa.fa-fw.fa-eye
-					span.link-disabled    #{translate("word_count")}
-
-				word-count-modal(
-					handle-hide="handleHide"
-					show="show"
-				)
-
-	if (moduleIncludesAvailable("editorLeftMenu:sync"))
-		div(ng-show="!anonymous")
-			h4() #{translate("sync")}
-			!= moduleIncludes("editorLeftMenu:sync", locals)
-
-	if (moduleIncludesAvailable("editorLeftMenu:editing_services"))
-		span(ng-show="!anonymous")
-			h4 #{translate("services")}
-			!= moduleIncludes("editorLeftMenu:editing_services", locals)
-
-	h4(ng-show="!anonymous") #{translate("settings")}
-	form.settings(ng-controller="SettingsController", ng-show="!anonymous")
-		.containter-fluid
-			.form-controls(ng-show="permissions.write")
-				label(for="compiler") #{translate("compiler")}
-				select(
-					name="compiler"
-					ng-model="project.compiler"
-				)
-					option(value='pdflatex') pdfLaTeX
-					option(value='latex') LaTeX
-					option(value='xelatex') XeLaTeX
-					option(value='lualatex') LuaLaTeX
-
-			if (typeof(allowedImageNames) !== 'undefined' && allowedImageNames.length > 0)
-				.form-controls(ng-show="permissions.write")
-					label(for="imageName") #{translate("tex_live_version")}
-					select(
-						name="imageName"
-						ng-model="project.imageName"
-					)
-						each image in allowedImageNames
-							option(value=image.imageName) #{image.imageDesc}
-
-			.form-controls(ng-show="permissions.write")
-				label(for="rootDoc_id") #{translate("main_document")}
-				select(
-					name="rootDoc_id",
-					ng-model="project.rootDoc_id",
-					ng-options="doc.doc.id as doc.path for doc in getValidMainDocs()"
-				)
-
-			.form-controls
-				label(for="spellCheckLanguage") #{translate("spell_check")}
-				select(
-					name="spellCheckLanguage"
-					ng-model="project.spellCheckLanguage"
-				)
-					option(value="") #{translate("off")}
-					optgroup(label="Language")
-						for language in languages
-							option(
-								value=language.code
-							)= language.name
-
-			.form-controls(ng-controller="DictionaryModalController")
-				label #{translate("dictionary")}
-				button.btn.btn-secondary.btn-xs(ng-click="openModal()") #{translate("edit")}
-
-				dictionary-modal(
-					handle-hide="handleHide"
-					show="show"
-				)
-
-			.form-controls
-				label(for="autoComplete") #{translate("auto_complete")}
-				select(
-					name="autoComplete"
-					ng-model="settings.autoComplete"
-					ng-options="o.v as o.n for o in [{ n: 'On', v: true }, { n: 'Off', v: false }]"
-				)
-
-			.form-controls
-				label(for="autoPairDelimiters") #{translate("auto_close_brackets")}
-				select(
-					name="autoPairDelimiters"
-					ng-model="settings.autoPairDelimiters"
-					ng-options="o.v as o.n for o in [{ n: 'On', v: true }, { n: 'Off', v: false }]"
-				)
-
-			.form-controls.code-check-setting
-				label(for="syntaxValidation") #{translate("syntax_validation")}
-				select(
-					name="syntaxValidation"
-					ng-model="settings.syntaxValidation"
-					ng-options="o.v as o.n for o in [{ n: 'On', v: true }, { n: 'Off', v: false }]"
-				)
-
-			.form-controls
-				label(for="editorTheme") #{translate("editor_theme")}
-				select(
-					name="editorTheme"
-					ng-model="settings.editorTheme"
-				)
-					each editorTheme in editorThemes
-						option(value=editorTheme) #{editorTheme.replace(/_/g, ' ')}
-					option(value="—" disabled) —————————————————
-					each editorTheme in legacyEditorThemes
-						option(value=editorTheme) #{editorTheme.replace(/_/g, ' ')} (Legacy)
-
-			if (settings.overleaf != null && !isIEEE(brandVariation))
-				.form-controls
-					label(for="overallTheme") #{translate("overall_theme")}
-					select(
-						name="overallTheme"
-						ng-if="!ui.loadingStyleSheet"
-						ng-model="settings.overallTheme"
-						ng-options="overallTheme.val as overallTheme.name for overallTheme in overallThemesList"
-					)
-					p.loading.pull-right(
-						ng-if="ui.loadingStyleSheet"
-					)
-						i.fa.fa-fw.fa-spin.fa-refresh
-
-			.form-controls(ng-show="!anonymous")
-				label(for="mode") #{translate("keybindings")}
-				select(
-					name="mode"
-					ng-model="settings.mode"
-				)
-					option(value='default') None
-					option(value='vim') Vim
-					option(value='emacs') Emacs
-
-			.form-controls
-				label(for="fontSize") #{translate("font_size")}
-				select(
-					name="fontSize"
-					ng-model="fontSizeAsStr"
-					ng-model-options="{ getterSetter: true }"
-				)
-					each size in ['10','11','12','13','14','16','18','20','22','24']
-						option(value=size) #{size}px
-
-			.form-controls
-				label(for="fontFamily") #{translate("font_family")}
-				select(
-					name="fontFamily"
-					ng-model="settings.fontFamily"
-				)
-					option(value='monaco') Monaco / Menlo / Consolas
-					option(value='lucida') Lucida / Source Code Pro
-			.form-controls
-				label(for="lineHeight") #{translate("line_height")}
-				select(
-					name="lineHeight"
-					ng-model="settings.lineHeight"
-				)
-					each lineHeight in ['compact', 'normal', 'wide']
-						option(value=lineHeight) #{translate(lineHeight)}
-
-			.form-controls
-				label(for="pdfViewer") #{translate("pdf_viewer")}
-				select(
-					name="pdfViewer"
-					ng-model="settings.pdfViewer"
-				)
-					option(value="pdfjs") #{translate("overleaf")}
-					option(value="native") #{translate("browser")}
-
-	h4 #{translate("help")}
-	ul.list-unstyled.nav
-		li(ng-controller="HotkeysModalController")
-			a(ng-click="openHotkeysModal()")
-				i.fa.fa-keyboard-o.fa-fw
-				|    #{translate("show_hotkeys")}
-
-			hotkeys-modal(
-				handle-hide="handleHide"
-				show="show"
-				track-changes-visible="trackChangesVisible"
-				is-mac="isMac"
-				new-source-editor="editor.newSourceEditor"
-			)
-		if showSupport
-			li(ng-controller="LeftMenuDocumentationController")
-				a(
-					href='/learn', target="_blank"
-					ng-click="sendLeftMenuDocumentationEvent()"
-				)
-					i.fa.fa-book.fa-fw
-					|    #{translate('documentation')}
-			li
-				a(ng-controller="ContactModal", ng-click="contactUsModal()")
-					i.fa.fa-question.fa-fw
-					|    #{translate("contact_us")}
-
-#left-menu-mask(
-	ng-show="ui.leftMenuShown",
-	ng-click="ui.leftMenuShown = false"
-	ng-cloak
-)
-
-script(type='text/ng-template', id='cloneProjectModalTemplate')
-	.modal-header
-		h3 #{translate("copy_project")}
-	.modal-body
-		.alert.alert-danger(ng-show="state.error.message") {{ state.error.message}}
-		.alert.alert-danger(ng-show="state.error && !state.error.message") #{translate("generic_something_went_wrong")}
-		form(name="cloneProjectForm", novalidate)
-			.form-group
-				label #{translate("new_name")}
-				input.form-control(
-					type="text",
-					placeholder="New Project Name",
-					required,
-					ng-model="inputs.projectName",
-					on-enter="clone()",
-					focus-on="open"
-				)
-	.modal-footer
-		button.btn.btn-secondary(
-			ng-disabled="state.inflight"
-			ng-click="cancel()"
-		) #{translate("cancel")}
-		button.btn.btn-primary(
-			ng-disabled="cloneProjectForm.$invalid || state.inflight"
-			ng-click="clone()"
-		)
-			span(ng-hide="state.inflight") #{translate("copy")}
-			span(ng-show="state.inflight") #{translate("copying")}…
-
-script(type='text/ng-template', id='wordCountModalTemplate')
-	.modal-header
-		h3 #{translate("word_count")}
-	.modal-body
-		div(ng-if="status.loading")
-			.loading(ng-show="!status.error && status.loading")
-				i.fa.fa-refresh.fa-spin.fa-fw
-				span   #{translate("loading")}…
-			div.pdf-disabled(
-				ng-if="!pdf.url"
-				tooltip=translate('please_compile_pdf_before_word_count')
-				tooltip-placement="bottom"
-			)
-		div(ng-if="!status.loading")
-			.container-fluid
-				.row(ng-show='data.messages.length > 0')
-					.col-xs-12
-						.alert.alert-danger
-							p(style="white-space: pre-wrap") {{data.messages}}
-				.row
-					.col-xs-4
-						.pull-right #{translate("total_words")} :
-					.col-xs-6 {{data.textWords}}
-				.row
-					.col-xs-4
-						.pull-right #{translate("headers")} :
-					.col-xs-6 {{data.headers}}
-				.row
-					.col-xs-4
-						.pull-right #{translate("math_inline")} :
-					.col-xs-6 {{data.mathInline}}
-				.row
-					.col-xs-4
-						.pull-right #{translate("math_display")} :
-					.col-xs-6 {{data.mathDisplay}}
-	.modal-footer
-		button.btn.btn-secondary(
-			ng-disabled="state.inflight"
-			ng-click="cancel()"
-		) #{translate("done")}
-

services/web/frontend/js/features/clone-project-modal/controllers/left-menu-clone-project-modal-controller.js

@@ -1,36 +0,0 @@
-import App from '../../../base'
-import { react2angular } from 'react2angular'
-import EditorCloneProjectModalWrapper from '../components/editor-clone-project-modal-wrapper'
-import { rootContext } from '../../../shared/context/root-context'
-import { assign } from '../../../shared/components/location'
-
-export default App.controller(
-  'LeftMenuCloneProjectModalController',
-  function ($scope) {
-    $scope.show = false
-
-    $scope.handleHide = () => {
-      $scope.$applyAsync(() => {
-        $scope.show = false
-      })
-    }
-
-    $scope.openCloneProjectModal = () => {
-      $scope.$applyAsync(() => {
-        $scope.show = true
-      })
-    }
-
-    $scope.openProject = project => {
-      assign(`/project/${project.project_id}`)
-    }
-  }
-)
-
-App.component(
-  'cloneProjectModal',
-  react2angular(
-    rootContext.use(EditorCloneProjectModalWrapper),
-    Object.keys(EditorCloneProjectModalWrapper.propTypes)
-  )
-)

services/web/frontend/js/features/dictionary/controllers/modal-controller.js

@@ -1,26 +0,0 @@
-import App from '../../../base'
-import { react2angular } from 'react2angular'
-import DictionaryModal from '../components/dictionary-modal'
-import { rootContext } from '../../../shared/context/root-context'
-
-export default App.controller('DictionaryModalController', function ($scope) {
-  $scope.show = false
-
-  $scope.handleHide = () => {
-    $scope.$applyAsync(() => {
-      $scope.show = false
-      window.dispatchEvent(new CustomEvent('learnedWords:reset'))
-    })
-  }
-
-  $scope.openModal = () => {
-    $scope.$applyAsync(() => {
-      $scope.show = true
-    })
-  }
-})
-
-App.component(
-  'dictionaryModal',
-  react2angular(rootContext.use(DictionaryModal), ['show', 'handleHide'])
-)

services/web/frontend/js/features/editor-left-menu/controllers/left-menu-documentation-controller.js

@@ -1,10 +0,0 @@
-import App from '../../../base'
-
-export default App.controller(
-  'LeftMenuDocumentationController',
-  function ($scope, eventTracking) {
-    $scope.sendLeftMenuDocumentationEvent = () => {
-      eventTracking.sendMB('left-menu-documentation-click')
-    }
-  }
-)

services/web/frontend/js/features/hotkeys-modal/controllers/hotkeys-modal-controller.js

@@ -1,26 +0,0 @@
-import App from '../../../base'
-import { react2angular } from 'react2angular'
-
-import HotkeysModal from '../components/hotkeys-modal'
-
-App.component('hotkeysModal', react2angular(HotkeysModal, undefined))
-
-export default App.controller('HotkeysModalController', function ($scope) {
-  $scope.show = false
-  $scope.isMac = /Mac/i.test(navigator.platform)
-
-  $scope.handleHide = () => {
-    $scope.$applyAsync(() => {
-      $scope.show = false
-    })
-  }
-
-  $scope.openHotkeysModal = () => {
-    $scope.$applyAsync(() => {
-      $scope.trackChangesVisible =
-        $scope.project && $scope.project.features.trackChangesVisible
-
-      $scope.show = true
-    })
-  }
-})

services/web/frontend/js/features/word-count-modal/controllers/word-count-modal-controller.js

@@ -1,28 +0,0 @@
-import App from '../../../base'
-import { react2angular } from 'react2angular'
-import WordCountModal from '../components/word-count-modal'
-import { rootContext } from '../../../shared/context/root-context'
-
-export default App.controller('WordCountModalController', function ($scope) {
-  $scope.show = false
-
-  $scope.handleHide = () => {
-    $scope.$applyAsync(() => {
-      $scope.show = false
-    })
-  }
-
-  $scope.openWordCountModal = () => {
-    $scope.$applyAsync(() => {
-      $scope.show = true
-    })
-  }
-})
-
-App.component(
-  'wordCountModal',
-  react2angular(
-    rootContext.use(WordCountModal),
-    Object.keys(WordCountModal.propTypes)
-  )
-)

services/web/frontend/js/ide.js

@@ -31,12 +31,8 @@ import './ide/review-panel/ReviewPanelManager'
 import OutlineManager from './features/outline/outline-manager'
 import SafariScrollPatcher from './ide/SafariScrollPatcher'
 import './ide/cobranding/CobrandingDataService'
-import './ide/settings/index'
 import './ide/chat/index'
-import './ide/clone/index'
 import './ide/file-view/index'
-import './ide/hotkeys/index'
-import './ide/wordcount/index'
 import './ide/toolbar/index'
 import './ide/directives/layout'
 import './ide/directives/validFile'
@@ -68,6 +64,7 @@ import './features/source-editor/controllers/cm6-switch-away-survey-controller'
 import './features/source-editor/controllers/legacy-editor-warning-controller'
 import './features/history/controllers/history-controller'
 import './features/history/controllers/history-file-tree-controller'
+import './features/editor-left-menu/controllers/editor-left-menu-controller'
 import { cleanupServiceWorker } from './utils/service-worker-cleanup'
 import { reportCM6Perf } from './infrastructure/cm6-performance'
 import { reportAcePerf } from './ide/editor/ace-performance'

services/web/frontend/js/ide/clone/controllers/CloneProjectController.js

@@ -1,21 +0,0 @@
-/* eslint-disable
-    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
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
-import App from '../../../base'
-
-export default App.controller(
-  'CloneProjectController',
-  ($scope, $modal) =>
-    ($scope.openCloneProjectModal = () =>
-      $modal.open({
-        templateUrl: 'cloneProjectModalTemplate',
-        controller: 'CloneProjectModalController',
-      }))
-)

services/web/frontend/js/ide/clone/controllers/CloneProjectModalController.js

@@ -1,54 +0,0 @@
-/* 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
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
-import App from '../../../base'
-
-export default App.controller(
-  'CloneProjectModalController',
-  function ($scope, $modalInstance, $timeout, $http, ide) {
-    $scope.inputs = { projectName: ide.$scope.project.name + ' (Copy)' }
-    $scope.state = {
-      inflight: false,
-      error: false,
-    }
-
-    $modalInstance.opened.then(() =>
-      $timeout(() => $scope.$broadcast('open'), 200)
-    )
-
-    const cloneProject = cloneName =>
-      $http.post(`/project/${ide.$scope.project._id}/clone`, {
-        _csrf: window.csrfToken,
-        projectName: cloneName,
-      })
-
-    $scope.clone = function () {
-      $scope.state.inflight = true
-      $scope.state.error = false
-      return cloneProject($scope.inputs.projectName)
-        .then(function (response) {
-          const { data } = response
-          return (window.location = `/project/${data.project_id}`)
-        })
-        .catch(function (response) {
-          const { data, status } = response
-          $scope.state.inflight = false
-          if (status === 400) {
-            return ($scope.state.error = { message: data })
-          } else {
-            return ($scope.state.error = true)
-          }
-        })
-    }
-
-    return ($scope.cancel = () => $modalInstance.dismiss('cancel'))
-  }
-)

services/web/frontend/js/ide/clone/index.js

@@ -1,6 +0,0 @@
-// Angular
-import './controllers/CloneProjectController'
-import './controllers/CloneProjectModalController'
-
-// React
-import '../../features/clone-project-modal/controllers/left-menu-clone-project-modal-controller'

services/web/frontend/js/ide/hotkeys/index.js

@@ -1,3 +0,0 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-import '../../features/hotkeys-modal/controllers/hotkeys-modal-controller'

services/web/frontend/js/ide/settings/controllers/SettingsController.js

@@ -1,250 +0,0 @@
-import _ from 'lodash'
-/* eslint-disable
-    camelcase,
-    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 '../../../base'
-import isValidTeXFile from '../../../main/is-valid-tex-file'
-
-export default App.controller(
-  'SettingsController',
-  function ($scope, settings, ide) {
-    $scope.overallThemesList = window.overallThemes
-    $scope.ui = { loadingStyleSheet: false }
-
-    const _updateCSSFile = function (theme) {
-      $scope.ui.loadingStyleSheet = true
-      const docHeadEl = document.querySelector('head')
-      const oldStyleSheetEl = document.getElementById('main-stylesheet')
-      const newStyleSheetEl = document.createElement('link')
-      newStyleSheetEl.addEventListener('load', e => {
-        return $scope.$applyAsync(() => {
-          $scope.ui.loadingStyleSheet = false
-          return docHeadEl.removeChild(oldStyleSheetEl)
-        })
-      })
-      newStyleSheetEl.setAttribute('rel', 'stylesheet')
-      newStyleSheetEl.setAttribute('id', 'main-stylesheet')
-      newStyleSheetEl.setAttribute('href', theme.path)
-      return docHeadEl.appendChild(newStyleSheetEl)
-    }
-
-    if (!['default', 'vim', 'emacs'].includes($scope.settings.mode)) {
-      $scope.settings.mode = 'default'
-    }
-
-    if (!['pdfjs', 'native'].includes($scope.settings.pdfViewer)) {
-      $scope.settings.pdfViewer = 'pdfjs'
-    }
-
-    if (
-      $scope.settings.fontFamily != null &&
-      !['monaco', 'lucida'].includes($scope.settings.fontFamily)
-    ) {
-      delete $scope.settings.fontFamily
-    }
-
-    if (
-      $scope.settings.lineHeight != null &&
-      !['compact', 'normal', 'wide'].includes($scope.settings.lineHeight)
-    ) {
-      delete $scope.settings.lineHeight
-    }
-
-    $scope.fontSizeAsStr = function (newVal) {
-      if (newVal != null) {
-        $scope.settings.fontSize = newVal
-      }
-      return $scope.settings.fontSize.toString()
-    }
-
-    $scope.getValidMainDocs = () => {
-      let filteredDocs = []
-      if ($scope.docs) {
-        // Filter the existing docs (editable files) by accepted file extensions.
-        // It's possible that an existing project has an invalid file selected as the main one.
-        // To gracefully handle that case, make sure we also show the current main file (ignoring extension).
-        filteredDocs = $scope.docs.filter(
-          doc =>
-            isValidTeXFile(doc.doc.name) ||
-            $scope.project.rootDoc_id === doc.doc.id
-        )
-      }
-      return filteredDocs
-    }
-
-    $scope.$watch('settings.editorTheme', (editorTheme, oldEditorTheme) => {
-      if (editorTheme !== oldEditorTheme) {
-        return settings.saveSettings({ editorTheme })
-      }
-    })
-
-    $scope.$watch('settings.overallTheme', (overallTheme, oldOverallTheme) => {
-      if (overallTheme !== oldOverallTheme) {
-        const chosenTheme = _.find(
-          $scope.overallThemesList,
-          theme => theme.val === overallTheme
-        )
-        if (chosenTheme != null) {
-          _updateCSSFile(chosenTheme)
-          return settings.saveSettings({ overallTheme })
-        }
-      }
-    })
-
-    $scope.$watch('settings.fontSize', (fontSize, oldFontSize) => {
-      if (fontSize !== oldFontSize) {
-        return settings.saveSettings({ fontSize: parseInt(fontSize, 10) })
-      }
-    })
-
-    $scope.$watch('settings.mode', (mode, oldMode) => {
-      if (mode !== oldMode) {
-        return settings.saveSettings({ mode })
-      }
-    })
-
-    $scope.$watch('settings.autoComplete', (autoComplete, oldAutoComplete) => {
-      if (autoComplete !== oldAutoComplete) {
-        return settings.saveSettings({ autoComplete })
-      }
-    })
-
-    $scope.$watch(
-      'settings.autoPairDelimiters',
-      (autoPairDelimiters, oldAutoPairDelimiters) => {
-        if (autoPairDelimiters !== oldAutoPairDelimiters) {
-          return settings.saveSettings({ autoPairDelimiters })
-        }
-      }
-    )
-
-    $scope.$watch('settings.pdfViewer', (pdfViewer, oldPdfViewer) => {
-      if (pdfViewer !== oldPdfViewer) {
-        return settings.saveSettings({ pdfViewer })
-      }
-    })
-
-    $scope.$watch(
-      'settings.syntaxValidation',
-      (syntaxValidation, oldSyntaxValidation) => {
-        if (syntaxValidation !== oldSyntaxValidation) {
-          return settings.saveSettings({ syntaxValidation })
-        }
-      }
-    )
-
-    $scope.$watch('settings.fontFamily', (fontFamily, oldFontFamily) => {
-      if (fontFamily !== oldFontFamily) {
-        return settings.saveSettings({ fontFamily })
-      }
-    })
-
-    $scope.$watch('settings.lineHeight', (lineHeight, oldLineHeight) => {
-      if (lineHeight !== oldLineHeight) {
-        return settings.saveSettings({ lineHeight })
-      }
-    })
-
-    $scope.$watch('project.spellCheckLanguage', (language, oldLanguage) => {
-      if (this.ignoreUpdates) {
-        return
-      }
-      if (oldLanguage != null && language !== oldLanguage) {
-        settings.saveProjectSettings({ spellCheckLanguage: language })
-        // Also set it as the default for the user
-        return settings.saveSettings({ spellCheckLanguage: language })
-      }
-    })
-
-    $scope.$watch('project.compiler', (compiler, oldCompiler) => {
-      if (this.ignoreUpdates) {
-        return
-      }
-      if (oldCompiler != null && compiler !== oldCompiler) {
-        return settings.saveProjectSettings({ compiler })
-      }
-    })
-
-    $scope.$watch('project.imageName', (imageName, oldImageName) => {
-      if (this.ignoreUpdates) {
-        return
-      }
-      if (oldImageName != null && imageName !== oldImageName) {
-        return settings.saveProjectSettings({ imageName })
-      }
-    })
-
-    let rootDocUpdateFailed = 0
-    $scope.$watch('project.rootDoc_id', (rootDoc_id, oldRootDoc_id) => {
-      if (this.ignoreUpdates) {
-        return
-      }
-      // don't save on initialisation, Angular passes oldRootDoc_id as
-      // undefined in this case.
-      if (typeof oldRootDoc_id === 'undefined') {
-        return
-      }
-      if ($scope.permissionsLevel === 'readOnly') {
-        // The user is unauthorized to persist rootDoc changes.
-        // Use the new value for this very editor session only.
-        return
-      }
-      // otherwise only save changes, null values are allowed
-      if (rootDoc_id !== oldRootDoc_id) {
-        settings
-          .saveProjectSettings({ rootDocId: rootDoc_id })
-          .then(() => {
-            rootDocUpdateFailed = 0
-          })
-          .catch(() => {
-            rootDocUpdateFailed++
-            // Let the login redirect run (if any) and reset afterwards.
-            setTimeout(() => {
-              if (rootDocUpdateFailed > 10) {
-                // We are in a loop of failing updates. Stop now.
-                this.ignoreUpdates = true
-              }
-              $scope.$apply(() => {
-                $scope.project.rootDoc_id = oldRootDoc_id
-              })
-              this.ignoreUpdates = false
-            })
-          })
-      }
-    })
-
-    ide.socket.on('compilerUpdated', compiler => {
-      this.ignoreUpdates = true
-      $scope.$apply(() => {
-        return ($scope.project.compiler = compiler)
-      })
-      return delete this.ignoreUpdates
-    })
-
-    ide.socket.on('imageNameUpdated', imageName => {
-      this.ignoreUpdates = true
-      $scope.$apply(() => {
-        return ($scope.project.imageName = imageName)
-      })
-      return delete this.ignoreUpdates
-    })
-
-    return ide.socket.on('spellCheckLanguageUpdated', languageCode => {
-      this.ignoreUpdates = true
-      $scope.$apply(() => {
-        return ($scope.project.spellCheckLanguage = languageCode)
-      })
-      return delete this.ignoreUpdates
-    })
-  }
-)

services/web/frontend/js/ide/settings/index.js

@@ -1,7 +0,0 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-import './services/settings'
-import './controllers/SettingsController'
-import '../../features/dictionary/controllers/modal-controller'
-import '../../features/editor-left-menu/controllers/editor-left-menu-controller'
-import '../../features/editor-left-menu/controllers/left-menu-documentation-controller'

services/web/frontend/js/ide/settings/services/settings.js

@@ -1,41 +0,0 @@
-/* eslint-disable
-    camelcase,
-    max-len,
-*/
-// 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
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
-import App from '../../../base'
-
-export default App.factory('settings', (ide, eventTracking) => ({
-  saveSettings(data) {
-    // Tracking code.
-    for (const key of Array.from(Object.keys(data))) {
-      const changedSetting = key
-      const changedSettingVal = data[key]
-      eventTracking.sendMB('setting-changed', {
-        changedSetting,
-        changedSettingVal,
-      })
-    }
-    // End of tracking code.
-
-    data._csrf = window.csrfToken
-    return ide.$http.post('/user/settings', data)
-  },
-
-  saveProjectSettings(data) {
-    data._csrf = window.csrfToken
-    return ide.$http.post(`/project/${ide.project_id}/settings`, data)
-  },
-
-  saveProjectAdminSettings(data) {
-    data._csrf = window.csrfToken
-    return ide.$http.post(`/project/${ide.project_id}/settings/admin`, data)
-  },
-}))

services/web/frontend/js/ide/wordcount/index.js

@@ -1 +0,0 @@
-import '../../features/word-count-modal/controllers/word-count-modal-controller'

services/web/frontend/js/shared/context/controllers/root-context-controller.js

@@ -4,5 +4,5 @@ import { rootContext } from '../root-context'
 
 App.component(
   'sharedContextReact',
-  react2angular(rootContext.component, [], ['ide', 'settings'])
+  react2angular(rootContext.component, [], ['ide'])
 )

services/web/locales/en.json

@@ -1406,7 +1406,6 @@
   "reference_search_info_v2": "It’s easy to find your references - you can search by author, title, year or journal. You can still search by citation key too.",
   "reference_sync": "Reference manager sync",
   "reference_sync_info": "Manage your reference library in Mendeley or Zotero and link it directly to a .bib file in Overleaf, so you can easily cite anything in your library.",
-  "references_search_hint": "Press CTRL-Space to Search",
   "refresh": "Refresh",
   "refresh_page_after_linking_dropbox": "Please refresh this page after linking your account to Dropbox.",
   "refresh_page_after_starting_free_trial": "Please refresh this page after starting your free trial.",