playcanvas
Version:
PlayCanvas WebGL game engine
136 lines (133 loc) • 4.81 kB
JavaScript
import { EventHandler } from '../../core/event-handler.js';
/**
* A utility class for untaring archives from a fetch request. It processes files from a tar file
* in a streamed manner, so asset parsing can happen in parallel instead of all at once at the end.
*/ class Untar extends EventHandler {
/**
* Create an instance of an Untar.
*
* @param {Promise} fetchPromise - A Promise object returned from a fetch request.
* @param {string} assetsPrefix - Assets registry files prefix.
*/ constructor(fetchPromise, assetsPrefix = ''){
super(), /**
* @type {number}
* @private
*/ this.headerSize = 512, /**
* @type {number}
* @private
*/ this.paddingSize = 512, /**
* @type {number}
* @private
*/ this.bytesRead = 0, /**
* @type {number}
* @private
*/ this.bytesReceived = 0, /**
* @type {boolean}
* @private
*/ this.headerRead = false, /**
* @type {ReadableStream|null}
* @private
*/ this.reader = null, /**
* @type {Uint8Array}
* @private
*/ this.data = new Uint8Array(0), /**
* @type {TextDecoder|null}
* @private
*/ this.decoder = null, /**
* @type {string}
* @private
*/ this.prefix = '', /**
* @type {string}
* @private
*/ this.fileName = '', /**
* @type {number}
* @private
*/ this.fileSize = 0, /**
* @type {string}
* @private
*/ this.fileType = '', /**
* @type {string}
* @private
*/ this.ustarFormat = '';
this.prefix = assetsPrefix || '';
this.reader = fetchPromise.body.getReader();
this.reader.read().then((res)=>{
this.pump(res.done, res.value);
}).catch((err)=>{
this.fire('error', err);
});
}
/**
* This method is called multiple times when the stream provides data.
*
* @param {boolean} done - True when reading data is complete.
* @param {Uint8Array} value - Chunk of data read from a stream.
* @returns {Promise|null} Return new pump Promise or null when no more data is available.
*/ pump(done, value) {
if (done) {
this.fire('done');
return null;
}
this.bytesReceived += value.byteLength;
const data = new Uint8Array(this.data.length + value.length);
data.set(this.data);
data.set(value, this.data.length);
this.data = data;
while(this.readFile());
return this.reader.read().then((res)=>{
this.pump(res.done, res.value);
}).catch((err)=>{
this.fire('error', err);
});
}
/**
* Attempt to read file from an available data buffer
*
* @returns {boolean} True if file was successfully read and more data is potentially available for
* processing.
*/ readFile() {
if (!this.headerRead && this.bytesReceived > this.bytesRead + this.headerSize) {
this.headerRead = true;
const view = new DataView(this.data.buffer, this.bytesRead, this.headerSize);
this.decoder ??= new TextDecoder('windows-1252');
const headers = this.decoder.decode(view);
this.fileName = headers.substring(0, 100).replace(/\0/g, '');
this.fileSize = parseInt(headers.substring(124, 136), 8);
this.fileType = headers.substring(156, 157);
this.ustarFormat = headers.substring(257, 263);
if (this.ustarFormat.indexOf('ustar') !== -1) {
const prefix = headers.substring(345, 500).replace(/\0/g, '');
if (prefix.length > 0) {
this.fileName = prefix.trim() + this.fileName.trim();
}
}
this.bytesRead += 512;
}
if (this.headerRead) {
// buffer might be not long enough
if (this.bytesReceived < this.bytesRead + this.fileSize) {
return false;
}
// normal file
if (this.fileType === '' || this.fileType === '0') {
const dataView = new DataView(this.data.buffer, this.bytesRead, this.fileSize);
const file = {
name: this.prefix + this.fileName,
size: this.fileSize,
data: dataView
};
this.fire('file', file);
}
this.bytesRead += this.fileSize;
this.headerRead = false;
// bytes padding
const bytesRemained = this.bytesRead % this.paddingSize;
if (bytesRemained !== 0) {
this.bytesRead += this.paddingSize - bytesRemained;
}
return true;
}
return false;
}
}
export { Untar };