overleaf/services/web/public/coffee/pdf/PdfManager.coffee

274 lines
7.4 KiB
CoffeeScript

define [
"utils/Modal"
"pdf/CompiledView"
"pdf/SyncButtonsView"
"libs/latex-log-parser"
"libs/jquery.storage"
"libs/underscore"
"libs/backbone"
], (Modal, CompiledView, SyncButtonsView, LogParser) ->
class PdfManager
templates:
pdfLink: $("#pdfSideBarLinkTemplate").html()
constructor: (@ide) ->
_.extend @, Backbone.Events
@createSyncButtons()
@createPdfPanel()
@ide.editor.aceEditor.commands.addCommand
name: "compile",
bindKey: win: "Ctrl-Enter", mac: "Command-Enter"
exec: (editor) =>
@refreshPdf()
readOnly: true
@ide.editor.aceEditor.commands.removeCommand "replace"
createPdfPanel: () ->
@view = new CompiledView manager: @, ide: @ide
@view.on "dblclick", (e) => @syncToCode(e)
@view.render()
if $.localStorage("layout.pdf") == "flat"
@switchToFlatView()
else if $.localStorage("layout.pdf") == "split"
@switchToSplitView()
else if $(window).width() < 1024
@switchToFlatView()
else
@switchToSplitView()
createSyncButtons: () ->
unless @ide.userSettings.pdfViewer == "native"
@syncButtonsView = new SyncButtonsView(ide: @ide)
@syncButtonsView.on "click:sync-code-to-pdf", () =>
@syncToPdf()
@syncButtonsView.on "click:sync-pdf-to-code", () =>
@syncToCode()
@syncButtonsView.hide()
switchToFlatView: (options = {showPdf: false}) ->
@teardownSplitView()
@setupFlatView()
@view.toggleFlatViewButton()
if options.showPdf
@ide.sideBarView.selectLink "pdf"
@ide.mainAreaManager.change "pdf"
@view.resize()
switchToSplitView: () ->
@teardownFlatView()
@setupSplitView()
@view.toggleSplitViewButton()
@view.resize()
@ide.editor.setIdeToEditorPanel()
setupFlatView: () ->
@teardownFlatView()
@ide.editor.switchToFlatView()
pdfLink = $(@templates.pdfLink)
@ide.sideBarView.addLink
identifier : "pdf"
before : "history"
element : pdfLink
pdfLink.on "click", (e) => @showPdfPanel()
@ide.mainAreaManager.addArea
identifier: "pdf"
element: @view.$el
@view.resize()
@view.undelegateEvents()
@view.delegateEvents()
teardownFlatView: () ->
@ide.sideBarView.removeLink("pdf")
@ide.mainAreaManager.removeArea("pdf")
@view.afterSwitchView()
setupSplitView: () ->
@ide.editor.switchToSplitView()
@ide.editor.rightPanel.append(
@view.$el
)
@view.$el.show()
@view.resize()
@view.undelegateEvents()
@view.delegateEvents()
@ide.editor.$splitter.append(
@syncButtonsView?.$el
)
setTimeout(@ide.layoutManager.resizeAllSplitters, 100)
teardownSplitView: () ->
@view.afterSwitchView()
showPdfPanel: () ->
@ide.sideBarView.selectLink 'pdf'
@ide.mainAreaManager.change 'pdf'
@view.resize()
if !@view.hasPdf()
@refreshPdf()
showRawLogPanel: () ->
@ide.mainAreaManager.change 'rawLog'
refreshPdf: (opts) ->
if @ide.project?
@_refreshPdfWhenProjectIsLoaded(opts)
else
@ide.on "afterJoinProject", () =>
@_refreshPdfWhenProjectIsLoaded(opts)
_refreshPdfWhenProjectIsLoaded: (opts) ->
doneCompiling = _.once =>
@compiling = false
@view.doneCompiling()
@syncButtonsView?.show()
setTimeout doneCompiling, 1000 * 60
if !@ide.project.get("rootDoc_id")?
new Modal
title: "No root document selected"
message: "First you need to choose a root document via the settings menu. This tells ShareLaTeX which file to run LaTeX on."
buttons: [{
text: "OK",
class: "btn-primary"
}]
else if !@compiling
@view.onCompiling()
@syncButtonsView?.hide()
@compiling = true
@ide.socket.emit "pdfProject", opts, (err, pdfExists, outputFiles) =>
@compiling = false
doneCompiling()
if err? and err.rateLimitHit
@view.showBeforeCompile()
else
if err?
@view.updateLog(pdfExists: false, logExists: false)
else
@fetchLogAndUpdateView(pdfExists)
if pdfExists
@view.setPdf("/project/#{@ide.project_id}/output/output.pdf?cache_bust=#{Date.now()}")
@view.showPdf()
else
@view.unsetPdf()
@view.showLog()
@syncButtonsView?.hide()
if outputFiles?
@view.showOutputFileDownloadLinks(outputFiles)
fetchLogAndUpdateView: (pdfExists) ->
$.ajax(
url: "/project/#{@ide.project_id}/output/output.log"
success: (body, status, response) =>
@parseLogAndUpdateView(pdfExists, body)
error: () =>
@view.updateLog(pdfExists: pdfExists, logExists: false)
)
parseLogAndUpdateView: (pdfExists, log) ->
errors = LogParser.parse(log, ignoreDuplicates: true)
lastCompileErrors = {}
for error in errors.all
error.file = @_normalizeFilePath(error.file)
doc_id = @ide.fileTreeManager.getDocIdOfPath(error.file)
if doc_id?
lastCompileErrors[doc_id] ||= []
lastCompileErrors[doc_id].push
row: error.line - 1
type: if error.level == "error" then "error" else "warning"
text: error.message
@ide.editor.compilationErrors = lastCompileErrors
@ide.editor.refreshCompilationErrors()
@view.updateLog(pdfExists: pdfExists, logExists: true, compileErrors: errors, rawLog: log)
_normalizeFilePath: (path) ->
path = path.replace(/^compiles\/[0-9a-f]{32}\/(\.\/)?/, "")
path = path.replace(/^\/compile\//, "")
rootDoc_id = @ide.project.get("rootDoc_id")
if rootDoc_id?
rootDocPath = @ide.fileTreeManager.getPathOfEntityId(rootDoc_id)
if rootDocPath?
rootDocDir = rootDocPath.split("/").slice(0,-1).map( (part) -> part + "/" ).join("")
path = path.replace(/^\.\//, rootDocDir)
return path
downloadPdf: () ->
@ide.mainAreaManager.setIframeSrc "/project/#{@ide.project_id}/output/output.pdf?popupDownload=true"
deleteCachedFiles: () ->
modal = new Modal
title: "Clear cache?"
message: "This will clear all hidden LaTeX files like .aux, .bbl, etc, from our compile server. You generally don't need to do this unless you're having trouble with references. Your project files will not be deleted or changed."
buttons: [{
text: "Cancel"
}, {
text: "Clear from cache",
class: "btn-primary",
close: false
callback: ($button) =>
$button.text("Clearing...")
$button.prop("disabled", true)
$.ajax({
url: "/project/#{@ide.project_id}/output"
type: "DELETE"
headers:
"X-CSRF-Token": window.csrfToken
complete: () -> modal.remove()
})
}]
syncToCode: (e) ->
if !e?
e = @view.getPdfPosition()
return if !e?
# It's not clear exactly where we should sync to if it was directly
# clicked on, but a little bit down from the very top seems best.
e.y = e.y + 80
$.ajax {
url: "/project/#{@ide.project_id}/sync/pdf"
data:
page: e.page + 1
h: e.x.toFixed(2)
v: e.y.toFixed(2)
type: "GET"
success: (response) =>
data = JSON.parse(response)
if data.code and data.code.length > 0
file = data.code[0].file
line = data.code[0].line
@ide.fileTreeManager.openDocByPath(file, line)
}
syncToPdf: () ->
entity_id = @ide.editor.getCurrentDocId()
file = @ide.fileTreeManager.getPathOfEntityId(entity_id)
line = @ide.editor.getCurrentLine()
column = @ide.editor.getCurrentColumn()
$.ajax {
url: "/project/#{@ide.project_id}/sync/code"
data:
file: file
line: line + 1
column: column
type: "GET"
success: (response) =>
data = JSON.parse(response)
@view.highlightInPdf(data.pdf or [])
}