%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
// Copyright 2020 the V8 project authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. import {delay} from '../helper.mjs'; import {DOM, V8CustomElement} from './helper.mjs'; DOM.defineCustomElement('view/log-file-reader', (templateText) => class LogFileReader extends V8CustomElement { constructor() { super(templateText); this.addEventListener('click', e => this.handleClick(e)); this.addEventListener('dragover', e => this.handleDragOver(e)); this.addEventListener('drop', e => this.handleChange(e)); this.$('#file').addEventListener('change', e => this.handleChange(e)); this.$('#fileReader') .addEventListener('keydown', e => this.handleKeyEvent(e)); } set error(message) { this._updateLabel(message); this.root.className = 'fail'; } _updateLabel(text) { this.$('#label').innerText = text; } handleKeyEvent(event) { if (event.key == 'Enter') this.handleClick(event); } handleClick(event) { this.$('#file').click(); } handleChange(event) { // Used for drop and file change. event.preventDefault(); this.dispatchEvent( new CustomEvent('fileuploadstart', {bubbles: true, composed: true})); const host = event.dataTransfer ? event.dataTransfer : event.target; this.readFile(host.files[0]); } handleDragOver(event) { event.preventDefault(); } connectedCallback() { this.fileReader.focus(); } get fileReader() { return this.$('#fileReader'); } get root() { return this.$('#root'); } readFile(file) { if (!file) { this.error = 'Failed to load file.'; return; } this.fileReader.blur(); this.root.className = 'loading'; // Delay the loading a bit to allow for CSS animations to happen. window.requestAnimationFrame(() => this.asyncReadFile(file)); } async asyncReadFile(file) { const decoder = globalThis.TextDecoderStream; if (decoder) { await this._streamFile(file, decoder); } else { await this._readFullFile(file); } this._updateLabel(`Finished loading '${file.name}'.`); this.dispatchEvent( new CustomEvent('fileuploadend', {bubbles: true, composed: true})); this.root.className = 'done'; } async _readFullFile(file) { const text = await file.text(); this._handleFileChunk(text) } async _streamFile(file, decoder) { const stream = file.stream().pipeThrough(new decoder()); const reader = stream.getReader(); let chunk, readerDone; do { const readResult = await reader.read(); chunk = readResult.value; readerDone = readResult.done; if (chunk) this._handleFileChunk(chunk); } while (!readerDone); } _handleFileChunk(chunk) { this.dispatchEvent(new CustomEvent('fileuploadchunk', { bubbles: true, composed: true, detail: chunk, })); } });