112 lines
4.1 KiB
TypeScript
112 lines
4.1 KiB
TypeScript
// pastebin.run
|
|
// Copyright (C) 2020 Konrad Borowski
|
|
//
|
|
// This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU Affero General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU Affero General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU Affero General Public License
|
|
// along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
import './spinner.css'
|
|
import { Wrapper } from './types'
|
|
|
|
const filterRegex = /(?:\t\.(?:text|file|section|globl|p2align|type|cfi_.*|size|section)\b|.Lfunc_end).*\n?/g
|
|
|
|
export default class Output {
|
|
split: HTMLDivElement
|
|
outputContainer: HTMLDivElement
|
|
output: HTMLDivElement
|
|
filterAsm = document.createElement('label')
|
|
filterAsmCheckbox = document.createElement('input')
|
|
wrapper: Wrapper | null = null
|
|
json: { stdout: string, stderr: string, status: number | null } | null = null
|
|
|
|
static addTo(split: HTMLDivElement) {
|
|
const outputContainer = document.createElement('div')
|
|
outputContainer.id = 'outputcontainer'
|
|
const output = document.createElement('div')
|
|
output.id = 'output'
|
|
outputContainer.append(output)
|
|
return new Output(split, outputContainer, output)
|
|
}
|
|
|
|
private constructor(split: HTMLDivElement, outputContainer: HTMLDivElement, output: HTMLDivElement) {
|
|
this.split = split
|
|
this.outputContainer = outputContainer
|
|
this.output = output
|
|
this.filterAsmCheckbox.type = 'checkbox'
|
|
this.filterAsmCheckbox.checked = true
|
|
this.filterAsmCheckbox.addEventListener('change', () => this.update())
|
|
this.filterAsm.append(' ', this.filterAsmCheckbox, ' Filter assembler directives')
|
|
}
|
|
|
|
clear() {
|
|
this.output.textContent = ''
|
|
this.outputContainer.remove()
|
|
}
|
|
|
|
error() {
|
|
this.output.textContent = 'An error occured while running the code. Try again.'
|
|
}
|
|
|
|
display(wrapper, json) {
|
|
this.wrapper = wrapper
|
|
this.json = json
|
|
this.update()
|
|
}
|
|
|
|
spin() {
|
|
this.output.textContent = ''
|
|
const spinner = document.createElement('div')
|
|
spinner.className = 'spinner'
|
|
this.output.append(spinner)
|
|
this.split.append(this.outputContainer)
|
|
}
|
|
|
|
update() {
|
|
const { stdout, stderr, status } = this.json
|
|
this.clear()
|
|
this.split.append(this.outputContainer)
|
|
if (stderr) {
|
|
const stderrHeader = document.createElement('h2')
|
|
stderrHeader.textContent = 'Standard error'
|
|
const stderrElement = document.createElement('pre')
|
|
stderrElement.textContent = stderr
|
|
this.output.append(stderrHeader, stderrElement)
|
|
}
|
|
if (!this.wrapper.isFormatter) {
|
|
const stdoutHeader = document.createElement('div')
|
|
stdoutHeader.className = 'stdout-header'
|
|
const stdoutHeaderH2 = document.createElement('h2')
|
|
stdoutHeaderH2.textContent = 'Standard output'
|
|
if (status) {
|
|
stdoutHeaderH2.textContent += ` (exit code ${status})`
|
|
}
|
|
stdoutHeader.append(stdoutHeaderH2)
|
|
if (this.wrapper.isAsm) {
|
|
stdoutHeader.append(this.filterAsm)
|
|
}
|
|
const stdoutElement = document.createElement('pre')
|
|
if (stdout) {
|
|
if (this.wrapper.isAsm && this.filterAsmCheckbox.checked) {
|
|
stdoutElement.textContent = stdout.replace(filterRegex, "")
|
|
} else {
|
|
stdoutElement.textContent = stdout
|
|
}
|
|
} else {
|
|
const italic = document.createElement('i')
|
|
italic.textContent = '(no output)'
|
|
stdoutElement.append(italic)
|
|
}
|
|
this.output.append(stdoutHeader, stdoutElement)
|
|
}
|
|
}
|
|
}
|