Files
Verso/services/web/frontend/js/features/pdf-preview/util/output-files.ts
T
Jakob AckermannandCopybot ddeafa1d7c [web] fallback to clsi-cache from regular output file download (#31555)
* [web] fallback to clsi-cache from regular output file download

* [web] add comment on req.params assignment

GitOrigin-RevId: 9d0c2e0a8e12d322aa5754c732a38f19adeac716
2026-02-17 09:05:08 +00:00

327 lines
9.0 KiB
TypeScript

import HumanReadableLogs from '../../../ide/human-readable-logs/HumanReadableLogs'
import BibLogParser, {
BibLogEntry,
} from '../../../ide/log-parser/bib-log-parser'
import { enablePdfCaching } from './pdf-caching-flags'
import { debugConsole } from '@/utils/debugging'
import { dirname, findEntityByPath } from '@/features/file-tree/util/path'
import '@/utils/readable-stream-async-iterator-polyfill'
import { EDITOR_SESSION_ID } from '@/features/pdf-preview/util/metrics'
import { LogEntry } from './types'
import { CompileResponseData, PDFFile } from '@ol-types/compile'
import { LatexLogEntry } from '@/ide/log-parser/latex-log-parser'
import { Annotation } from '@ol-types/annotation'
import { Folder } from '@ol-types/folder'
// Warnings that may disappear after a second LaTeX pass
const TRANSIENT_WARNING_REGEX = /^(Reference|Citation).+undefined on input line/
const MAX_LOG_SIZE = 1024 * 1024 // 1MB
const MAX_BIB_LOG_SIZE_PER_FILE = MAX_LOG_SIZE
export function handleOutputFiles(
outputFiles: Map<string, PDFFile>,
projectId: string,
data: CompileResponseData
): PDFFile | null {
const outputFile = outputFiles.get('output.pdf')
if (!outputFile) return null
outputFile.editorId = outputFile.editorId || EDITOR_SESSION_ID
outputFile.clsiCacheShard = data.clsiCacheShard || 'cache'
// build the URL for viewing the PDF in the preview UI
const params = new URLSearchParams()
if (data.compileGroup) {
params.set('compileGroup', data.compileGroup)
}
if (data.clsiServerId) {
params.set('clsiserverid', data.clsiServerId)
}
if (enablePdfCaching) {
// Tag traffic that uses the pdf caching logic.
params.set('enable_pdf_caching', 'true')
}
outputFile.pdfUrl = `${buildURL(outputFile, data.pdfDownloadDomain)}?${params}`
if (data.fromCache) {
outputFile.pdfDownloadUrl = outputFile.downloadURL
} else {
// build the URL for downloading the PDF
params.set('popupDownload', 'true') // save PDF download as file
params.set('editorId', outputFile.editorId)
outputFile.pdfDownloadUrl = `/download/project/${projectId}/build/${outputFile.build}/output/output.pdf?${params}`
}
return outputFile
}
let nextEntryId = 1
function generateEntryKey(): string {
return 'compile-log-entry-' + nextEntryId++
}
type LogResult = {
log: string | null
logEntries: {
errors: LogEntry[]
warnings: LogEntry[]
typesetting: LogEntry[]
all: LogEntry[]
}
}
export async function handleLogFiles(
outputFiles: Map<string, PDFFile>,
data: CompileResponseData,
signal: AbortSignal
): Promise<LogResult> {
const result: LogResult = {
log: null,
logEntries: {
all: [],
errors: [],
warnings: [],
typesetting: [],
},
}
function accumulateResults(
newEntries: {
errors?: (LatexLogEntry | BibLogEntry)[]
warnings?: (LatexLogEntry | BibLogEntry)[]
typesetting?: (LatexLogEntry | BibLogEntry)[]
all?: (LatexLogEntry | BibLogEntry)[]
},
type?: string
) {
for (const key of Object.keys(result.logEntries) as Array<
keyof typeof result.logEntries
>) {
if (newEntries[key]) {
for (const entry of newEntries[key]) {
if (type) {
// Type casting as we are mutating LatexLogEntry | BibLogEntry into a LogEntry
;(entry as LogEntry).type = type
}
if (entry.file) {
entry.file = normalizeFilePath(entry.file)
}
;(entry as LogEntry).key = generateEntryKey()
}
result.logEntries[key].push(...(newEntries[key] as LogEntry[]))
}
}
}
const logFile = outputFiles.get('output.log')
if (logFile) {
result.log = await fetchFileWithSizeLimit(
buildURL(logFile, data.pdfDownloadDomain),
signal,
MAX_LOG_SIZE
)
try {
let { errors, warnings, typesetting } = HumanReadableLogs.parse(
result.log,
{
ignoreDuplicates: true,
}
)
if (data.status === 'stopped-on-first-error') {
// Hide warnings that could disappear after a second pass
warnings = warnings.filter(warning => !isTransientWarning(warning))
}
accumulateResults({ errors, warnings, typesetting })
} catch (e) {
debugConsole.warn(e) // ignore failure to parse the log file, but log a warning
}
}
const blgFiles: PDFFile[] = []
for (const [filename, file] of outputFiles) {
if (filename.endsWith('.blg')) {
blgFiles.push(file)
}
}
for (const blgFile of blgFiles) {
const log = await fetchFileWithSizeLimit(
buildURL(blgFile, data.pdfDownloadDomain),
signal,
MAX_BIB_LOG_SIZE_PER_FILE
)
try {
const { errors, warnings } = new BibLogParser(log, {
maxErrors: 100,
}).parse()
accumulateResults({ errors, warnings }, 'BibTeX:')
} catch (e) {
// BibLog parsing errors are ignored
}
}
result.logEntries.all = [
...result.logEntries.errors,
...result.logEntries.warnings,
...result.logEntries.typesetting,
]
return result
}
export function buildLogEntryAnnotations(
entries: LogEntry[],
fileTreeData: Folder,
rootDocId?: string | null
): Record<string, Annotation[]> {
const rootDocDirname = rootDocId ? dirname(fileTreeData, rootDocId) : null
const logEntryAnnotations: Record<string, Annotation[]> = {}
const seenLine: Record<number, boolean> = {}
for (const entry of entries) {
if (entry.file) {
entry.file = normalizeFilePath(entry.file, rootDocDirname)
const entity = findEntityByPath(fileTreeData, entry.file)?.entity
if (entity) {
if (!(entity._id in logEntryAnnotations)) {
logEntryAnnotations[entity._id] = []
}
const annotation: Annotation = {
id: entry.key,
entryIndex: logEntryAnnotations[entity._id].length, // used for maintaining the order of items on the same line
row: (entry.line || 1) - 1,
type: entry.level === 'error' ? 'error' : 'warning',
text: entry.message ?? '',
source: 'compile', // NOTE: this is used in Ace for filtering the annotations
ruleId: entry.ruleId,
command: entry.command,
}
// set firstOnLine for the first non-typesetting annotation on a line
if (entry.level !== 'typesetting') {
if (!seenLine[entry.line || 0]) {
annotation.firstOnLine = true
seenLine[entry.line || 0] = true
}
}
logEntryAnnotations[entity._id].push(annotation)
}
}
}
return logEntryAnnotations
}
export const buildRuleCounts = (
entries: LogEntry[] = []
): Record<string, number> => {
const counts: Record<string, number> = {}
for (const entry of entries) {
const key = `${entry.level}_${entry.ruleId}`
counts[key] = counts[key] ? counts[key] + 1 : 1
}
return counts
}
export const buildRuleDeltas = (
ruleCounts: Record<string, number>,
previousRuleCounts: Record<string, number>
): Record<string, number> => {
const counts: Record<string, number> = {}
for (const [key, value] of Object.entries(ruleCounts)) {
const previousValue = previousRuleCounts[key] ?? 0
counts[`delta_${key}`] = value - previousValue
}
for (const [key, value] of Object.entries(previousRuleCounts)) {
if (!(key in ruleCounts)) {
counts[key] = 0
counts[`delta_${key}`] = -value
}
}
return counts
}
function buildURL(file: PDFFile, pdfDownloadDomain?: string): string {
if (file.build && pdfDownloadDomain) {
// Downloads from the compiles domain must include a build id.
// The build id is used implicitly for access control.
return `${pdfDownloadDomain}${file.url}`
}
// Go through web instead, which uses mongo for checking project access.
return `${window.origin}${file.url}`
}
function normalizeFilePath(
path: string,
rootDocDirname?: string | null
): string {
path = path.replace(/\/\//g, '/')
path = path.replace(
/^.*\/compiles\/[0-9a-f]{24}(-[0-9a-f]{24})?\/(\.\/)?/,
''
)
path = path.replace(/^\/compile\//, '')
if (rootDocDirname) {
path = path.replace(/^\.\//, rootDocDirname + '/')
}
return path
}
function isTransientWarning(warning: LatexLogEntry): boolean {
return TRANSIENT_WARNING_REGEX.test(warning.message || '')
}
async function fetchFileWithSizeLimit(
url: string,
signal: AbortSignal,
maxSize: number
): Promise<string> {
let result = ''
try {
const abortController = new AbortController()
// abort fetching the log file if the main signal is aborted
signal.addEventListener('abort', () => {
abortController.abort()
})
const response = await fetch(url, {
signal: abortController.signal,
})
if (!response.ok) {
throw new Error('Failed to fetch log file')
}
const reader = response.body?.pipeThrough(new TextDecoderStream())
if (reader) {
for await (const chunk of reader) {
result += chunk
if (result.length > maxSize) {
abortController.abort()
}
}
}
} catch (e) {
debugConsole.warn(e) // ignore failure to fetch the log file, but log a warning
}
return result
}