mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-30 05:15:20 -05:00
11e58b5844
* Uncouple account-upgrade and exposted-settings from Angular * Mock socket shim with the correct methods * Extract timeout upgrade prompt to a component GitOrigin-RevId: ee8058b38bf5e20924a21f40d32c5bb0ee06c555
366 lines
11 KiB
JavaScript
366 lines
11 KiB
JavaScript
/* eslint-disable
|
|
camelcase,
|
|
max-len,
|
|
no-cond-assign,
|
|
no-return-assign,
|
|
no-unused-vars,
|
|
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 App from './base'
|
|
import FileTreeManager from './ide/file-tree/FileTreeManager'
|
|
import LoadingManager from './ide/LoadingManager'
|
|
import ConnectionManager from './ide/connection/ConnectionManager'
|
|
import EditorManager from './ide/editor/EditorManager'
|
|
import OnlineUsersManager from './ide/online-users/OnlineUsersManager'
|
|
import HistoryManager from './ide/history/HistoryManager'
|
|
import HistoryV2Manager from './ide/history/HistoryV2Manager'
|
|
import PermissionsManager from './ide/permissions/PermissionsManager'
|
|
import PdfManager from './ide/pdf/PdfManager'
|
|
import BinaryFilesManager from './ide/binary-files/BinaryFilesManager'
|
|
import ReferencesManager from './ide/references/ReferencesManager'
|
|
import MetadataManager from './ide/metadata/MetadataManager'
|
|
import ReviewPanelManager from './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/share/index'
|
|
import './ide/chat/index'
|
|
import './ide/clone/index'
|
|
import './ide/hotkeys/index'
|
|
import './ide/wordcount/index'
|
|
import './ide/directives/layout'
|
|
import './ide/directives/validFile'
|
|
import './ide/directives/verticalResizablePanes'
|
|
import './ide/services/ide'
|
|
import './directives/focus'
|
|
import './directives/fineUpload'
|
|
import './directives/scroll'
|
|
import './directives/onEnter'
|
|
import './directives/stopPropagation'
|
|
import './directives/rightClick'
|
|
import './directives/expandableTextArea'
|
|
import './directives/videoPlayState'
|
|
import './services/queued-http'
|
|
import './services/validateCaptcha'
|
|
import './services/validateCaptchaV3'
|
|
import './services/wait-for'
|
|
import './filters/formatDate'
|
|
import './main/event'
|
|
import './main/account-upgrade-angular'
|
|
import './main/exposed-settings-angular'
|
|
import './main/system-messages'
|
|
import '../../modules/modules-ide.js'
|
|
|
|
import { react2angular } from 'react2angular'
|
|
import { rootContext } from './shared/context/root-context'
|
|
|
|
App.controller('IdeController', function(
|
|
$scope,
|
|
$timeout,
|
|
ide,
|
|
localStorage,
|
|
eventTracking,
|
|
metadata,
|
|
$q,
|
|
CobrandingDataService
|
|
) {
|
|
// Don't freak out if we're already in an apply callback
|
|
let err, pdfLayout, userAgent
|
|
$scope.$originalApply = $scope.$apply
|
|
$scope.$apply = function(fn) {
|
|
if (fn == null) {
|
|
fn = function() {}
|
|
}
|
|
const phase = this.$root.$$phase
|
|
if (phase === '$apply' || phase === '$digest') {
|
|
return fn()
|
|
} else {
|
|
return this.$originalApply(fn)
|
|
}
|
|
}
|
|
|
|
$scope.state = {
|
|
loading: true,
|
|
load_progress: 40,
|
|
error: null
|
|
}
|
|
$scope.ui = {
|
|
leftMenuShown: false,
|
|
view: 'editor',
|
|
chatOpen: false,
|
|
pdfLayout: 'sideBySide',
|
|
pdfHidden: false,
|
|
pdfWidth: 0,
|
|
reviewPanelOpen: localStorage(`ui.reviewPanelOpen.${window.project_id}`),
|
|
miniReviewPanelVisible: false,
|
|
chatResizerSizeOpen: window.uiConfig.chatResizerSizeOpen,
|
|
chatResizerSizeClosed: window.uiConfig.chatResizerSizeClosed
|
|
}
|
|
$scope.user = window.user
|
|
|
|
$scope.settings = window.userSettings
|
|
$scope.anonymous = window.anonymous
|
|
$scope.isTokenMember = window.isTokenMember
|
|
$scope.isRestrictedTokenMember = window.isRestrictedTokenMember
|
|
|
|
$scope.cobranding = {
|
|
isProjectCobranded: CobrandingDataService.isProjectCobranded(),
|
|
logoImgUrl: CobrandingDataService.getLogoImgUrl(),
|
|
submitBtnHtml: CobrandingDataService.getSubmitBtnHtml(),
|
|
brandVariationName: CobrandingDataService.getBrandVariationName(),
|
|
brandVariationHomeUrl: CobrandingDataService.getBrandVariationHomeUrl()
|
|
}
|
|
|
|
$scope.chat = {}
|
|
|
|
ide.toggleReviewPanel = $scope.toggleReviewPanel = function() {
|
|
if (!$scope.project.features.trackChangesVisible) {
|
|
return
|
|
}
|
|
$scope.ui.reviewPanelOpen = !$scope.ui.reviewPanelOpen
|
|
return eventTracking.sendMB('rp-toggle-panel', {
|
|
value: $scope.ui.reviewPanelOpen
|
|
})
|
|
}
|
|
|
|
$scope.$watch('ui.reviewPanelOpen', function(value) {
|
|
if (value != null) {
|
|
return localStorage(`ui.reviewPanelOpen.${window.project_id}`, value)
|
|
}
|
|
})
|
|
|
|
$scope.$on('layout:pdf:resize', function(_, layoutState) {
|
|
$scope.ui.pdfHidden = layoutState.east.initClosed
|
|
return ($scope.ui.pdfWidth = layoutState.east.size)
|
|
})
|
|
|
|
$scope.$watch('ui.view', function(newView, oldView) {
|
|
if (newView !== oldView) {
|
|
$scope.$broadcast('layout:flat-screen:toggle')
|
|
}
|
|
if (newView != null && newView !== 'editor' && newView !== 'pdf') {
|
|
return eventTracking.sendMBOnce(`ide-open-view-${newView}-once`)
|
|
}
|
|
})
|
|
|
|
$scope.$watch('ui.chatOpen', function(isOpen) {
|
|
if (isOpen) {
|
|
return eventTracking.sendMBOnce('ide-open-chat-once')
|
|
}
|
|
})
|
|
|
|
$scope.$watch('ui.leftMenuShown', function(isOpen) {
|
|
if (isOpen) {
|
|
return eventTracking.sendMBOnce('ide-open-left-menu-once')
|
|
}
|
|
})
|
|
|
|
$scope.trackHover = feature =>
|
|
eventTracking.sendMBOnce(`ide-hover-${feature}-once`)
|
|
// End of tracking code.
|
|
|
|
window._ide = ide
|
|
|
|
ide.validFileRegex = '^[^*/]*$' // Don't allow * and /
|
|
|
|
let useFallbackWebsocket =
|
|
window.location &&
|
|
window.location.search &&
|
|
window.location.search.match(/ws=fallback/)
|
|
// if we previously failed to load the websocket fall back to null (the siteUrl)
|
|
ide.wsUrl = useFallbackWebsocket ? null : window.sharelatex.wsUrl || null // websocket url (if defined)
|
|
|
|
ide.project_id = $scope.project_id = window.project_id
|
|
ide.$scope = $scope
|
|
|
|
ide.referencesSearchManager = new ReferencesManager(ide, $scope)
|
|
ide.loadingManager = new LoadingManager($scope)
|
|
ide.connectionManager = new ConnectionManager(ide, $scope)
|
|
ide.fileTreeManager = new FileTreeManager(ide, $scope)
|
|
ide.editorManager = new EditorManager(ide, $scope, localStorage)
|
|
ide.onlineUsersManager = new OnlineUsersManager(ide, $scope)
|
|
if (window.data.useV2History) {
|
|
ide.historyManager = new HistoryV2Manager(ide, $scope, localStorage)
|
|
} else {
|
|
ide.historyManager = new HistoryManager(ide, $scope)
|
|
}
|
|
ide.pdfManager = new PdfManager(ide, $scope)
|
|
ide.permissionsManager = new PermissionsManager(ide, $scope)
|
|
ide.binaryFilesManager = new BinaryFilesManager(ide, $scope)
|
|
ide.metadataManager = new MetadataManager(ide, $scope, metadata)
|
|
ide.outlineManager = new OutlineManager(ide, $scope)
|
|
|
|
let inited = false
|
|
$scope.$on('project:joined', function() {
|
|
if (inited) {
|
|
return
|
|
}
|
|
inited = true
|
|
if (
|
|
__guard__(
|
|
$scope != null ? $scope.project : undefined,
|
|
x => x.deletedByExternalDataSource
|
|
)
|
|
) {
|
|
ide.showGenericMessageModal(
|
|
'Project Renamed or Deleted',
|
|
`\
|
|
This project has either been renamed or deleted by an external data source such as Dropbox.
|
|
We don't want to delete your data on Overleaf, so this project still contains your history and collaborators.
|
|
If the project has been renamed please look in your project list for a new project under the new name.\
|
|
`
|
|
)
|
|
}
|
|
return $timeout(function() {
|
|
if ($scope.permissions.write) {
|
|
let _labelsInitialLoadDone
|
|
ide.metadataManager.loadProjectMetaFromServer()
|
|
return (_labelsInitialLoadDone = true)
|
|
}
|
|
}, 200)
|
|
})
|
|
|
|
// Count the first 'doc:opened' as a sign that the ide is loaded
|
|
// and broadcast a message. This is a good event to listen for
|
|
// if you want to wait until the ide is fully loaded and initialized
|
|
let _loaded = false
|
|
$scope.$on('doc:opened', function() {
|
|
if (_loaded) {
|
|
return
|
|
}
|
|
$scope.$broadcast('ide:loaded')
|
|
return (_loaded = true)
|
|
})
|
|
|
|
$scope.$on('cursor:editor:update', eventTracking.editingSessionHeartbeat)
|
|
|
|
const DARK_THEMES = [
|
|
'ambiance',
|
|
'chaos',
|
|
'clouds_midnight',
|
|
'cobalt',
|
|
'idle_fingers',
|
|
'merbivore',
|
|
'merbivore_soft',
|
|
'mono_industrial',
|
|
'monokai',
|
|
'pastel_on_dark',
|
|
'solarized_dark',
|
|
'terminal',
|
|
'tomorrow_night',
|
|
'tomorrow_night_blue',
|
|
'tomorrow_night_bright',
|
|
'tomorrow_night_eighties',
|
|
'twilight',
|
|
'vibrant_ink'
|
|
]
|
|
$scope.darkTheme = false
|
|
$scope.$watch('settings.editorTheme', function(theme) {
|
|
if (Array.from(DARK_THEMES).includes(theme)) {
|
|
return ($scope.darkTheme = true)
|
|
} else {
|
|
return ($scope.darkTheme = false)
|
|
}
|
|
})
|
|
|
|
ide.localStorage = localStorage
|
|
|
|
ide.browserIsSafari = false
|
|
|
|
$scope.switchToFlatLayout = function(view) {
|
|
$scope.ui.pdfLayout = 'flat'
|
|
$scope.ui.view = view
|
|
return ide.localStorage('pdf.layout', 'flat')
|
|
}
|
|
|
|
$scope.switchToSideBySideLayout = function(view) {
|
|
$scope.ui.pdfLayout = 'sideBySide'
|
|
$scope.ui.view = view
|
|
return localStorage('pdf.layout', 'split')
|
|
}
|
|
|
|
if ((pdfLayout = localStorage('pdf.layout'))) {
|
|
if (pdfLayout === 'split') {
|
|
$scope.switchToSideBySideLayout()
|
|
}
|
|
if (pdfLayout === 'flat') {
|
|
$scope.switchToFlatLayout()
|
|
}
|
|
} else {
|
|
$scope.switchToSideBySideLayout()
|
|
}
|
|
|
|
try {
|
|
;({ userAgent } = navigator)
|
|
ide.browserIsSafari =
|
|
userAgent &&
|
|
/.*Safari\/.*/.test(userAgent) &&
|
|
!/.*Chrome\/.*/.test(userAgent) &&
|
|
!/.*Chromium\/.*/.test(userAgent)
|
|
} catch (error) {
|
|
err = error
|
|
console.error(err)
|
|
}
|
|
|
|
if (ide.browserIsSafari) {
|
|
ide.safariScrollPatcher = new SafariScrollPatcher($scope)
|
|
}
|
|
|
|
// Fix Chrome 61 and 62 text-shadow rendering
|
|
let browserIsChrome61or62 = false
|
|
try {
|
|
const chromeVersion =
|
|
parseFloat(navigator.userAgent.split(' Chrome/')[1]) || null
|
|
browserIsChrome61or62 = chromeVersion != null
|
|
if (browserIsChrome61or62) {
|
|
document.styleSheets[0].insertRule(
|
|
'.ace_editor.ace_autocomplete .ace_completion-highlight { text-shadow: none !important; font-weight: bold; }',
|
|
1
|
|
)
|
|
}
|
|
} catch (error1) {
|
|
err = error1
|
|
console.error(err)
|
|
}
|
|
|
|
// User can append ?ft=somefeature to url to activate a feature toggle
|
|
ide.featureToggle = __guard__(
|
|
__guard__(
|
|
typeof location !== 'undefined' && location !== null
|
|
? location.search
|
|
: undefined,
|
|
x1 => x1.match(/^\?ft=(\w+)$/)
|
|
),
|
|
x => x[1]
|
|
)
|
|
|
|
return ide.socket.on('project:publicAccessLevel:changed', data => {
|
|
if (data.newAccessLevel != null) {
|
|
ide.$scope.project.publicAccesLevel = data.newAccessLevel
|
|
return $scope.$digest()
|
|
}
|
|
})
|
|
})
|
|
|
|
// required by react2angular-shared-context, maps the shared context instance to an angular component
|
|
// that must be rendered in the app
|
|
App.component('sharedContextReact', react2angular(rootContext.component))
|
|
|
|
export default angular.bootstrap(document.body, ['SharelatexApp'])
|
|
|
|
function __guard__(value, transform) {
|
|
return typeof value !== 'undefined' && value !== null
|
|
? transform(value)
|
|
: undefined
|
|
}
|