Added "download as .zip" feature
This commit is contained in:
Suzanne Soy
parent
b0a2f2fac2
commit
5ed01f7e3a
684
Blob.js
Normal file
684
Blob.js
Normal file
|
|
@ -0,0 +1,684 @@
|
|||
/* Blob.js
|
||||
* A Blob, File, FileReader & URL implementation.
|
||||
* 2019-04-19
|
||||
*
|
||||
* By Eli Grey, http://eligrey.com
|
||||
* By Jimmy Wärting, https://github.com/jimmywarting
|
||||
* License: MIT
|
||||
* See https://github.com/eligrey/Blob.js/blob/master/LICENSE.md
|
||||
*/
|
||||
|
||||
;(function () {
|
||||
var global = typeof window === 'object'
|
||||
? window : typeof self === 'object'
|
||||
? self : this
|
||||
|
||||
var BlobBuilder = global.BlobBuilder
|
||||
|| global.WebKitBlobBuilder
|
||||
|| global.MSBlobBuilder
|
||||
|| global.MozBlobBuilder
|
||||
|
||||
global.URL = global.URL || global.webkitURL || function (href, a) {
|
||||
a = document.createElement('a')
|
||||
a.href = href
|
||||
return a
|
||||
}
|
||||
|
||||
var origBlob = global.Blob
|
||||
var createObjectURL = URL.createObjectURL
|
||||
var revokeObjectURL = URL.revokeObjectURL
|
||||
var strTag = global.Symbol && global.Symbol.toStringTag
|
||||
var blobSupported = false
|
||||
var blobSupportsArrayBufferView = false
|
||||
var arrayBufferSupported = !!global.ArrayBuffer
|
||||
var blobBuilderSupported = BlobBuilder
|
||||
&& BlobBuilder.prototype.append
|
||||
&& BlobBuilder.prototype.getBlob
|
||||
|
||||
try {
|
||||
// Check if Blob constructor is supported
|
||||
blobSupported = new Blob(['ä']).size === 2
|
||||
|
||||
// Check if Blob constructor supports ArrayBufferViews
|
||||
// Fails in Safari 6, so we need to map to ArrayBuffers there.
|
||||
blobSupportsArrayBufferView = new Blob([new Uint8Array([1, 2])]).size === 2
|
||||
} catch (e) {}
|
||||
|
||||
/**
|
||||
* Helper function that maps ArrayBufferViews to ArrayBuffers
|
||||
* Used by BlobBuilder constructor and old browsers that didn't
|
||||
* support it in the Blob constructor.
|
||||
*/
|
||||
function mapArrayBufferViews (ary) {
|
||||
return ary.map(function (chunk) {
|
||||
if (chunk.buffer instanceof ArrayBuffer) {
|
||||
var buf = chunk.buffer
|
||||
|
||||
// if this is a subarray, make a copy so we only
|
||||
// include the subarray region from the underlying buffer
|
||||
if (chunk.byteLength !== buf.byteLength) {
|
||||
var copy = new Uint8Array(chunk.byteLength)
|
||||
copy.set(new Uint8Array(buf, chunk.byteOffset, chunk.byteLength))
|
||||
buf = copy.buffer
|
||||
}
|
||||
|
||||
return buf
|
||||
}
|
||||
|
||||
return chunk
|
||||
})
|
||||
}
|
||||
|
||||
function BlobBuilderConstructor (ary, options) {
|
||||
options = options || {}
|
||||
|
||||
var bb = new BlobBuilder()
|
||||
mapArrayBufferViews(ary).forEach(function (part) {
|
||||
bb.append(part)
|
||||
})
|
||||
|
||||
return options.type ? bb.getBlob(options.type) : bb.getBlob()
|
||||
}
|
||||
|
||||
function BlobConstructor (ary, options) {
|
||||
return new origBlob(mapArrayBufferViews(ary), options || {})
|
||||
}
|
||||
|
||||
if (global.Blob) {
|
||||
BlobBuilderConstructor.prototype = Blob.prototype
|
||||
BlobConstructor.prototype = Blob.prototype
|
||||
}
|
||||
|
||||
|
||||
|
||||
/********************************************************/
|
||||
/* String Encoder fallback */
|
||||
/********************************************************/
|
||||
function stringEncode (string) {
|
||||
var pos = 0
|
||||
var len = string.length
|
||||
var Arr = global.Uint8Array || Array // Use byte array when possible
|
||||
|
||||
var at = 0 // output position
|
||||
var tlen = Math.max(32, len + (len >> 1) + 7) // 1.5x size
|
||||
var target = new Arr((tlen >> 3) << 3) // ... but at 8 byte offset
|
||||
|
||||
while (pos < len) {
|
||||
var value = string.charCodeAt(pos++)
|
||||
if (value >= 0xd800 && value <= 0xdbff) {
|
||||
// high surrogate
|
||||
if (pos < len) {
|
||||
var extra = string.charCodeAt(pos)
|
||||
if ((extra & 0xfc00) === 0xdc00) {
|
||||
++pos
|
||||
value = ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000
|
||||
}
|
||||
}
|
||||
if (value >= 0xd800 && value <= 0xdbff) {
|
||||
continue // drop lone surrogate
|
||||
}
|
||||
}
|
||||
|
||||
// expand the buffer if we couldn't write 4 bytes
|
||||
if (at + 4 > target.length) {
|
||||
tlen += 8 // minimum extra
|
||||
tlen *= (1.0 + (pos / string.length) * 2) // take 2x the remaining
|
||||
tlen = (tlen >> 3) << 3 // 8 byte offset
|
||||
|
||||
var update = new Uint8Array(tlen)
|
||||
update.set(target)
|
||||
target = update
|
||||
}
|
||||
|
||||
if ((value & 0xffffff80) === 0) { // 1-byte
|
||||
target[at++] = value // ASCII
|
||||
continue
|
||||
} else if ((value & 0xfffff800) === 0) { // 2-byte
|
||||
target[at++] = ((value >> 6) & 0x1f) | 0xc0
|
||||
} else if ((value & 0xffff0000) === 0) { // 3-byte
|
||||
target[at++] = ((value >> 12) & 0x0f) | 0xe0
|
||||
target[at++] = ((value >> 6) & 0x3f) | 0x80
|
||||
} else if ((value & 0xffe00000) === 0) { // 4-byte
|
||||
target[at++] = ((value >> 18) & 0x07) | 0xf0
|
||||
target[at++] = ((value >> 12) & 0x3f) | 0x80
|
||||
target[at++] = ((value >> 6) & 0x3f) | 0x80
|
||||
} else {
|
||||
// FIXME: do we care
|
||||
continue
|
||||
}
|
||||
|
||||
target[at++] = (value & 0x3f) | 0x80
|
||||
}
|
||||
|
||||
return target.slice(0, at)
|
||||
}
|
||||
|
||||
/********************************************************/
|
||||
/* String Decoder fallback */
|
||||
/********************************************************/
|
||||
function stringDecode (buf) {
|
||||
var end = buf.length
|
||||
var res = []
|
||||
|
||||
var i = 0
|
||||
while (i < end) {
|
||||
var firstByte = buf[i]
|
||||
var codePoint = null
|
||||
var bytesPerSequence = (firstByte > 0xEF) ? 4
|
||||
: (firstByte > 0xDF) ? 3
|
||||
: (firstByte > 0xBF) ? 2
|
||||
: 1
|
||||
|
||||
if (i + bytesPerSequence <= end) {
|
||||
var secondByte, thirdByte, fourthByte, tempCodePoint
|
||||
|
||||
switch (bytesPerSequence) {
|
||||
case 1:
|
||||
if (firstByte < 0x80) {
|
||||
codePoint = firstByte
|
||||
}
|
||||
break
|
||||
case 2:
|
||||
secondByte = buf[i + 1]
|
||||
if ((secondByte & 0xC0) === 0x80) {
|
||||
tempCodePoint = (firstByte & 0x1F) << 0x6 | (secondByte & 0x3F)
|
||||
if (tempCodePoint > 0x7F) {
|
||||
codePoint = tempCodePoint
|
||||
}
|
||||
}
|
||||
break
|
||||
case 3:
|
||||
secondByte = buf[i + 1]
|
||||
thirdByte = buf[i + 2]
|
||||
if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80) {
|
||||
tempCodePoint = (firstByte & 0xF) << 0xC | (secondByte & 0x3F) << 0x6 | (thirdByte & 0x3F)
|
||||
if (tempCodePoint > 0x7FF && (tempCodePoint < 0xD800 || tempCodePoint > 0xDFFF)) {
|
||||
codePoint = tempCodePoint
|
||||
}
|
||||
}
|
||||
break
|
||||
case 4:
|
||||
secondByte = buf[i + 1]
|
||||
thirdByte = buf[i + 2]
|
||||
fourthByte = buf[i + 3]
|
||||
if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80 && (fourthByte & 0xC0) === 0x80) {
|
||||
tempCodePoint = (firstByte & 0xF) << 0x12 | (secondByte & 0x3F) << 0xC | (thirdByte & 0x3F) << 0x6 | (fourthByte & 0x3F)
|
||||
if (tempCodePoint > 0xFFFF && tempCodePoint < 0x110000) {
|
||||
codePoint = tempCodePoint
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (codePoint === null) {
|
||||
// we did not generate a valid codePoint so insert a
|
||||
// replacement char (U+FFFD) and advance only 1 byte
|
||||
codePoint = 0xFFFD
|
||||
bytesPerSequence = 1
|
||||
} else if (codePoint > 0xFFFF) {
|
||||
// encode to utf16 (surrogate pair dance)
|
||||
codePoint -= 0x10000
|
||||
res.push(codePoint >>> 10 & 0x3FF | 0xD800)
|
||||
codePoint = 0xDC00 | codePoint & 0x3FF
|
||||
}
|
||||
|
||||
res.push(codePoint)
|
||||
i += bytesPerSequence
|
||||
}
|
||||
|
||||
var len = res.length
|
||||
var str = ''
|
||||
var i = 0
|
||||
|
||||
while (i < len) {
|
||||
str += String.fromCharCode.apply(String, res.slice(i, i += 0x1000))
|
||||
}
|
||||
|
||||
return str
|
||||
}
|
||||
|
||||
// string -> buffer
|
||||
var textEncode = typeof TextEncoder === 'function'
|
||||
? TextEncoder.prototype.encode.bind(new TextEncoder())
|
||||
: stringEncode
|
||||
|
||||
// buffer -> string
|
||||
var textDecode = typeof TextDecoder === 'function'
|
||||
? TextDecoder.prototype.decode.bind(new TextDecoder())
|
||||
: stringDecode
|
||||
|
||||
function FakeBlobBuilder () {
|
||||
function isDataView (obj) {
|
||||
return obj && DataView.prototype.isPrototypeOf(obj)
|
||||
}
|
||||
function bufferClone (buf) {
|
||||
var view = new Array(buf.byteLength)
|
||||
var array = new Uint8Array(buf)
|
||||
var i = view.length
|
||||
while (i--) {
|
||||
view[i] = array[i]
|
||||
}
|
||||
return view
|
||||
}
|
||||
function array2base64 (input) {
|
||||
var byteToCharMap = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='
|
||||
|
||||
var output = []
|
||||
|
||||
for (var i = 0; i < input.length; i += 3) {
|
||||
var byte1 = input[i]
|
||||
var haveByte2 = i + 1 < input.length
|
||||
var byte2 = haveByte2 ? input[i + 1] : 0
|
||||
var haveByte3 = i + 2 < input.length
|
||||
var byte3 = haveByte3 ? input[i + 2] : 0
|
||||
|
||||
var outByte1 = byte1 >> 2
|
||||
var outByte2 = ((byte1 & 0x03) << 4) | (byte2 >> 4)
|
||||
var outByte3 = ((byte2 & 0x0F) << 2) | (byte3 >> 6)
|
||||
var outByte4 = byte3 & 0x3F
|
||||
|
||||
if (!haveByte3) {
|
||||
outByte4 = 64
|
||||
|
||||
if (!haveByte2) {
|
||||
outByte3 = 64
|
||||
}
|
||||
}
|
||||
|
||||
output.push(
|
||||
byteToCharMap[outByte1], byteToCharMap[outByte2],
|
||||
byteToCharMap[outByte3], byteToCharMap[outByte4]
|
||||
)
|
||||
}
|
||||
|
||||
return output.join('')
|
||||
}
|
||||
|
||||
var create = Object.create || function (a) {
|
||||
function c () {}
|
||||
c.prototype = a
|
||||
return new c()
|
||||
}
|
||||
|
||||
if (arrayBufferSupported) {
|
||||
var viewClasses = [
|
||||
'[object Int8Array]',
|
||||
'[object Uint8Array]',
|
||||
'[object Uint8ClampedArray]',
|
||||
'[object Int16Array]',
|
||||
'[object Uint16Array]',
|
||||
'[object Int32Array]',
|
||||
'[object Uint32Array]',
|
||||
'[object Float32Array]',
|
||||
'[object Float64Array]'
|
||||
]
|
||||
|
||||
var isArrayBufferView = ArrayBuffer.isView || function (obj) {
|
||||
return obj && viewClasses.indexOf(Object.prototype.toString.call(obj)) > -1
|
||||
}
|
||||
}
|
||||
|
||||
function concatTypedarrays (chunks) {
|
||||
var size = 0
|
||||
var i = chunks.length
|
||||
while (i--) { size += chunks[i].length }
|
||||
var b = new Uint8Array(size)
|
||||
var offset = 0
|
||||
for (i = 0, l = chunks.length; i < l; i++) {
|
||||
var chunk = chunks[i]
|
||||
b.set(chunk, offset)
|
||||
offset += chunk.byteLength || chunk.length
|
||||
}
|
||||
|
||||
return b
|
||||
}
|
||||
|
||||
/********************************************************/
|
||||
/* Blob constructor */
|
||||
/********************************************************/
|
||||
function Blob (chunks, opts) {
|
||||
chunks = chunks || []
|
||||
opts = opts == null ? {} : opts
|
||||
for (var i = 0, len = chunks.length; i < len; i++) {
|
||||
var chunk = chunks[i]
|
||||
if (chunk instanceof Blob) {
|
||||
chunks[i] = chunk._buffer
|
||||
} else if (typeof chunk === 'string') {
|
||||
chunks[i] = textEncode(chunk)
|
||||
} else if (arrayBufferSupported && (ArrayBuffer.prototype.isPrototypeOf(chunk) || isArrayBufferView(chunk))) {
|
||||
chunks[i] = bufferClone(chunk)
|
||||
} else if (arrayBufferSupported && isDataView(chunk)) {
|
||||
chunks[i] = bufferClone(chunk.buffer)
|
||||
} else {
|
||||
chunks[i] = textEncode(String(chunk))
|
||||
}
|
||||
}
|
||||
|
||||
this._buffer = global.Uint8Array
|
||||
? concatTypedarrays(chunks)
|
||||
: [].concat.apply([], chunks)
|
||||
this.size = this._buffer.length
|
||||
|
||||
this.type = opts.type || ''
|
||||
if (/[^\u0020-\u007E]/.test(this.type)) {
|
||||
this.type = ''
|
||||
} else {
|
||||
this.type = this.type.toLowerCase()
|
||||
}
|
||||
}
|
||||
|
||||
Blob.prototype.arrayBuffer = function () {
|
||||
return Promise.resolve(this._buffer)
|
||||
}
|
||||
|
||||
Blob.prototype.text = function () {
|
||||
return Promise.resolve(textDecode(this._buffer))
|
||||
}
|
||||
|
||||
Blob.prototype.slice = function (start, end, type) {
|
||||
var slice = this._buffer.slice(start || 0, end || this._buffer.length)
|
||||
return new Blob([slice], {type: type})
|
||||
}
|
||||
|
||||
Blob.prototype.toString = function () {
|
||||
return '[object Blob]'
|
||||
}
|
||||
|
||||
/********************************************************/
|
||||
/* File constructor */
|
||||
/********************************************************/
|
||||
function File (chunks, name, opts) {
|
||||
opts = opts || {}
|
||||
var a = Blob.call(this, chunks, opts) || this
|
||||
a.name = name.replace(/\//g, ':')
|
||||
a.lastModifiedDate = opts.lastModified ? new Date(opts.lastModified) : new Date()
|
||||
a.lastModified = +a.lastModifiedDate
|
||||
|
||||
return a
|
||||
}
|
||||
|
||||
File.prototype = create(Blob.prototype)
|
||||
File.prototype.constructor = File
|
||||
|
||||
if (Object.setPrototypeOf) {
|
||||
Object.setPrototypeOf(File, Blob)
|
||||
} else {
|
||||
try { File.__proto__ = Blob } catch (e) {}
|
||||
}
|
||||
|
||||
File.prototype.toString = function () {
|
||||
return '[object File]'
|
||||
}
|
||||
|
||||
/********************************************************/
|
||||
/* FileReader constructor */
|
||||
/********************************************************/
|
||||
function FileReader () {
|
||||
if (!(this instanceof FileReader)) {
|
||||
throw new TypeError("Failed to construct 'FileReader': Please use the 'new' operator, this DOM object constructor cannot be called as a function.")
|
||||
}
|
||||
|
||||
var delegate = document.createDocumentFragment()
|
||||
this.addEventListener = delegate.addEventListener
|
||||
this.dispatchEvent = function (evt) {
|
||||
var local = this['on' + evt.type]
|
||||
if (typeof local === 'function') local(evt)
|
||||
delegate.dispatchEvent(evt)
|
||||
}
|
||||
this.removeEventListener = delegate.removeEventListener
|
||||
}
|
||||
|
||||
function _read (fr, blob, kind) {
|
||||
if (!(blob instanceof Blob)) {
|
||||
throw new TypeError("Failed to execute '" + kind + "' on 'FileReader': parameter 1 is not of type 'Blob'.")
|
||||
}
|
||||
|
||||
fr.result = ''
|
||||
|
||||
setTimeout(function () {
|
||||
this.readyState = FileReader.LOADING
|
||||
fr.dispatchEvent(new Event('load'))
|
||||
fr.dispatchEvent(new Event('loadend'))
|
||||
})
|
||||
}
|
||||
|
||||
FileReader.EMPTY = 0
|
||||
FileReader.LOADING = 1
|
||||
FileReader.DONE = 2
|
||||
FileReader.prototype.error = null
|
||||
FileReader.prototype.onabort = null
|
||||
FileReader.prototype.onerror = null
|
||||
FileReader.prototype.onload = null
|
||||
FileReader.prototype.onloadend = null
|
||||
FileReader.prototype.onloadstart = null
|
||||
FileReader.prototype.onprogress = null
|
||||
|
||||
FileReader.prototype.readAsDataURL = function (blob) {
|
||||
_read(this, blob, 'readAsDataURL')
|
||||
this.result = 'data:' + blob.type + ';base64,' + array2base64(blob._buffer)
|
||||
}
|
||||
|
||||
FileReader.prototype.readAsText = function (blob) {
|
||||
_read(this, blob, 'readAsText')
|
||||
this.result = textDecode(blob._buffer)
|
||||
}
|
||||
|
||||
FileReader.prototype.readAsArrayBuffer = function (blob) {
|
||||
_read(this, blob, 'readAsText')
|
||||
// return ArrayBuffer when possible
|
||||
this.result = (blob._buffer.buffer || blob._buffer).slice()
|
||||
}
|
||||
|
||||
FileReader.prototype.abort = function () {}
|
||||
|
||||
/********************************************************/
|
||||
/* URL */
|
||||
/********************************************************/
|
||||
URL.createObjectURL = function (blob) {
|
||||
return blob instanceof Blob
|
||||
? 'data:' + blob.type + ';base64,' + array2base64(blob._buffer)
|
||||
: createObjectURL.call(URL, blob)
|
||||
}
|
||||
|
||||
URL.revokeObjectURL = function (url) {
|
||||
revokeObjectURL && revokeObjectURL.call(URL, url)
|
||||
}
|
||||
|
||||
/********************************************************/
|
||||
/* XHR */
|
||||
/********************************************************/
|
||||
var _send = global.XMLHttpRequest && global.XMLHttpRequest.prototype.send
|
||||
if (_send) {
|
||||
XMLHttpRequest.prototype.send = function (data) {
|
||||
if (data instanceof Blob) {
|
||||
this.setRequestHeader('Content-Type', data.type)
|
||||
_send.call(this, textDecode(data._buffer))
|
||||
} else {
|
||||
_send.call(this, data)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
global.FileReader = FileReader
|
||||
global.File = File
|
||||
global.Blob = Blob
|
||||
}
|
||||
|
||||
function fixFileAndXHR () {
|
||||
var isIE = !!global.ActiveXObject || (
|
||||
'-ms-scroll-limit' in document.documentElement.style &&
|
||||
'-ms-ime-align' in document.documentElement.style
|
||||
)
|
||||
|
||||
// Monkey patched
|
||||
// IE don't set Content-Type header on XHR whose body is a typed Blob
|
||||
// https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6047383
|
||||
var _send = global.XMLHttpRequest && global.XMLHttpRequest.prototype.send
|
||||
if (isIE && _send) {
|
||||
XMLHttpRequest.prototype.send = function (data) {
|
||||
if (data instanceof Blob) {
|
||||
this.setRequestHeader('Content-Type', data.type)
|
||||
_send.call(this, data)
|
||||
} else {
|
||||
_send.call(this, data)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
try {
|
||||
new File([], '')
|
||||
} catch (e) {
|
||||
try {
|
||||
var klass = new Function('class File extends Blob {' +
|
||||
'constructor(chunks, name, opts) {' +
|
||||
'opts = opts || {};' +
|
||||
'super(chunks, opts || {});' +
|
||||
'this.name = name.replace(/\//g, ":");' +
|
||||
'this.lastModifiedDate = opts.lastModified ? new Date(opts.lastModified) : new Date();' +
|
||||
'this.lastModified = +this.lastModifiedDate;' +
|
||||
'}};' +
|
||||
'return new File([], ""), File'
|
||||
)()
|
||||
global.File = klass
|
||||
} catch (e) {
|
||||
var klass = function (b, d, c) {
|
||||
var blob = new Blob(b, c)
|
||||
var t = c && void 0 !== c.lastModified ? new Date(c.lastModified) : new Date()
|
||||
|
||||
blob.name = d.replace(/\//g, ':')
|
||||
blob.lastModifiedDate = t
|
||||
blob.lastModified = +t
|
||||
blob.toString = function () {
|
||||
return '[object File]'
|
||||
}
|
||||
|
||||
if (strTag) {
|
||||
blob[strTag] = 'File'
|
||||
}
|
||||
|
||||
return blob
|
||||
}
|
||||
global.File = klass
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (blobSupported) {
|
||||
fixFileAndXHR()
|
||||
global.Blob = blobSupportsArrayBufferView ? global.Blob : BlobConstructor
|
||||
} else if (blobBuilderSupported) {
|
||||
fixFileAndXHR()
|
||||
global.Blob = BlobBuilderConstructor
|
||||
} else {
|
||||
FakeBlobBuilder()
|
||||
}
|
||||
|
||||
if (strTag) {
|
||||
File.prototype[strTag] = 'File'
|
||||
Blob.prototype[strTag] = 'Blob'
|
||||
FileReader.prototype[strTag] = 'FileReader'
|
||||
}
|
||||
|
||||
var blob = global.Blob.prototype
|
||||
var stream
|
||||
|
||||
function promisify(obj) {
|
||||
return new Promise(function(resolve, reject) {
|
||||
obj.onload =
|
||||
obj.onerror = function(evt) {
|
||||
obj.onload =
|
||||
obj.onerror = null
|
||||
|
||||
evt.type === 'load'
|
||||
? resolve(obj.result || obj)
|
||||
: reject(new Error('Failed to read the blob/file'))
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
try {
|
||||
new ReadableStream({ type: 'bytes' })
|
||||
stream = function stream() {
|
||||
var position = 0
|
||||
var blob = this
|
||||
|
||||
return new ReadableStream({
|
||||
type: 'bytes',
|
||||
autoAllocateChunkSize: 524288,
|
||||
|
||||
pull: function (controller) {
|
||||
var v = controller.byobRequest.view
|
||||
var chunk = blob.slice(position, position + v.byteLength)
|
||||
return chunk.arrayBuffer()
|
||||
.then(function (buffer) {
|
||||
var uint8array = new Uint8Array(buffer)
|
||||
var bytesRead = uint8array.byteLength
|
||||
|
||||
position += bytesRead
|
||||
v.set(uint8array)
|
||||
controller.byobRequest.respond(bytesRead)
|
||||
|
||||
if(position >= blob.size)
|
||||
controller.close()
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
} catch (e) {
|
||||
try {
|
||||
new ReadableStream({})
|
||||
stream = function stream(blob){
|
||||
var position = 0
|
||||
var blob = this
|
||||
|
||||
return new ReadableStream({
|
||||
pull: function (controller) {
|
||||
var chunk = blob.slice(position, position + 524288)
|
||||
|
||||
return chunk.arrayBuffer().then(function (buffer) {
|
||||
position += buffer.byteLength
|
||||
var uint8array = new Uint8Array(buffer)
|
||||
controller.enqueue(uint8array)
|
||||
|
||||
if (position == blob.size)
|
||||
controller.close()
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
} catch (e) {
|
||||
try {
|
||||
new Response('').body.getReader().read()
|
||||
stream = function stream() {
|
||||
return (new Response(this)).body
|
||||
}
|
||||
} catch (e) {
|
||||
stream = function stream() {
|
||||
throw new Error('Include https://github.com/MattiasBuelens/web-streams-polyfill')
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if (!blob.arrayBuffer) {
|
||||
blob.arrayBuffer = function arrayBuffer() {
|
||||
var fr = new FileReader()
|
||||
fr.readAsArrayBuffer(this)
|
||||
return promisify(fr)
|
||||
}
|
||||
}
|
||||
|
||||
if (!blob.text) {
|
||||
blob.text = function text() {
|
||||
var fr = new FileReader()
|
||||
fr.readAsText(this)
|
||||
return promisify(fr)
|
||||
}
|
||||
}
|
||||
|
||||
if (!blob.stream) {
|
||||
blob.stream = stream
|
||||
}
|
||||
})()
|
||||
188
FileSaver.js
Normal file
188
FileSaver.js
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
(function (global, factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define([], factory);
|
||||
} else if (typeof exports !== "undefined") {
|
||||
factory();
|
||||
} else {
|
||||
var mod = {
|
||||
exports: {}
|
||||
};
|
||||
factory();
|
||||
global.FileSaver = mod.exports;
|
||||
}
|
||||
})(this, function () {
|
||||
"use strict";
|
||||
|
||||
/*
|
||||
* FileSaver.js
|
||||
* A saveAs() FileSaver implementation.
|
||||
*
|
||||
* By Eli Grey, http://eligrey.com
|
||||
*
|
||||
* License : https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md (MIT)
|
||||
* source : http://purl.eligrey.com/github/FileSaver.js
|
||||
*/
|
||||
// The one and only way of getting global scope in all environments
|
||||
// https://stackoverflow.com/q/3277182/1008999
|
||||
var _global = typeof window === 'object' && window.window === window ? window : typeof self === 'object' && self.self === self ? self : typeof global === 'object' && global.global === global ? global : void 0;
|
||||
|
||||
function bom(blob, opts) {
|
||||
if (typeof opts === 'undefined') opts = {
|
||||
autoBom: false
|
||||
};else if (typeof opts !== 'object') {
|
||||
console.warn('Deprecated: Expected third argument to be a object');
|
||||
opts = {
|
||||
autoBom: !opts
|
||||
};
|
||||
} // prepend BOM for UTF-8 XML and text/* types (including HTML)
|
||||
// note: your browser will automatically convert UTF-16 U+FEFF to EF BB BF
|
||||
|
||||
if (opts.autoBom && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) {
|
||||
return new Blob([String.fromCharCode(0xFEFF), blob], {
|
||||
type: blob.type
|
||||
});
|
||||
}
|
||||
|
||||
return blob;
|
||||
}
|
||||
|
||||
function download(url, name, opts) {
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open('GET', url);
|
||||
xhr.responseType = 'blob';
|
||||
|
||||
xhr.onload = function () {
|
||||
saveAs(xhr.response, name, opts);
|
||||
};
|
||||
|
||||
xhr.onerror = function () {
|
||||
console.error('could not download file');
|
||||
};
|
||||
|
||||
xhr.send();
|
||||
}
|
||||
|
||||
function corsEnabled(url) {
|
||||
var xhr = new XMLHttpRequest(); // use sync to avoid popup blocker
|
||||
|
||||
xhr.open('HEAD', url, false);
|
||||
|
||||
try {
|
||||
xhr.send();
|
||||
} catch (e) {}
|
||||
|
||||
return xhr.status >= 200 && xhr.status <= 299;
|
||||
} // `a.click()` doesn't work for all browsers (#465)
|
||||
|
||||
|
||||
function click(node) {
|
||||
try {
|
||||
node.dispatchEvent(new MouseEvent('click'));
|
||||
} catch (e) {
|
||||
var evt = document.createEvent('MouseEvents');
|
||||
evt.initMouseEvent('click', true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null);
|
||||
node.dispatchEvent(evt);
|
||||
}
|
||||
} // Detect WebView inside a native macOS app by ruling out all browsers
|
||||
// We just need to check for 'Safari' because all other browsers (besides Firefox) include that too
|
||||
// https://www.whatismybrowser.com/guides/the-latest-user-agent/macos
|
||||
|
||||
|
||||
var isMacOSWebView = /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent);
|
||||
var saveAs = _global.saveAs || ( // probably in some web worker
|
||||
typeof window !== 'object' || window !== _global ? function saveAs() {}
|
||||
/* noop */
|
||||
// Use download attribute first if possible (#193 Lumia mobile) unless this is a macOS WebView
|
||||
: 'download' in HTMLAnchorElement.prototype && !isMacOSWebView ? function saveAs(blob, name, opts) {
|
||||
var URL = _global.URL || _global.webkitURL;
|
||||
var a = document.createElement('a');
|
||||
name = name || blob.name || 'download';
|
||||
a.download = name;
|
||||
a.rel = 'noopener'; // tabnabbing
|
||||
// TODO: detect chrome extensions & packaged apps
|
||||
// a.target = '_blank'
|
||||
|
||||
if (typeof blob === 'string') {
|
||||
// Support regular links
|
||||
a.href = blob;
|
||||
|
||||
if (a.origin !== location.origin) {
|
||||
corsEnabled(a.href) ? download(blob, name, opts) : click(a, a.target = '_blank');
|
||||
} else {
|
||||
click(a);
|
||||
}
|
||||
} else {
|
||||
// Support blobs
|
||||
a.href = URL.createObjectURL(blob);
|
||||
setTimeout(function () {
|
||||
URL.revokeObjectURL(a.href);
|
||||
}, 4E4); // 40s
|
||||
|
||||
setTimeout(function () {
|
||||
click(a);
|
||||
}, 0);
|
||||
}
|
||||
} // Use msSaveOrOpenBlob as a second approach
|
||||
: 'msSaveOrOpenBlob' in navigator ? function saveAs(blob, name, opts) {
|
||||
name = name || blob.name || 'download';
|
||||
|
||||
if (typeof blob === 'string') {
|
||||
if (corsEnabled(blob)) {
|
||||
download(blob, name, opts);
|
||||
} else {
|
||||
var a = document.createElement('a');
|
||||
a.href = blob;
|
||||
a.target = '_blank';
|
||||
setTimeout(function () {
|
||||
click(a);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
navigator.msSaveOrOpenBlob(bom(blob, opts), name);
|
||||
}
|
||||
} // Fallback to using FileReader and a popup
|
||||
: function saveAs(blob, name, opts, popup) {
|
||||
// Open a popup immediately do go around popup blocker
|
||||
// Mostly only available on user interaction and the fileReader is async so...
|
||||
popup = popup || open('', '_blank');
|
||||
|
||||
if (popup) {
|
||||
popup.document.title = popup.document.body.innerText = 'downloading...';
|
||||
}
|
||||
|
||||
if (typeof blob === 'string') return download(blob, name, opts);
|
||||
var force = blob.type === 'application/octet-stream';
|
||||
|
||||
var isSafari = /constructor/i.test(_global.HTMLElement) || _global.safari;
|
||||
|
||||
var isChromeIOS = /CriOS\/[\d]+/.test(navigator.userAgent);
|
||||
|
||||
if ((isChromeIOS || force && isSafari || isMacOSWebView) && typeof FileReader !== 'undefined') {
|
||||
// Safari doesn't allow downloading of blob URLs
|
||||
var reader = new FileReader();
|
||||
|
||||
reader.onloadend = function () {
|
||||
var url = reader.result;
|
||||
url = isChromeIOS ? url : url.replace(/^data:[^;]*;/, 'data:attachment/file;');
|
||||
if (popup) popup.location.href = url;else location = url;
|
||||
popup = null; // reverse-tabnabbing #460
|
||||
};
|
||||
|
||||
reader.readAsDataURL(blob);
|
||||
} else {
|
||||
var URL = _global.URL || _global.webkitURL;
|
||||
var url = URL.createObjectURL(blob);
|
||||
if (popup) popup.location = url;else location.href = url;
|
||||
popup = null; // reverse-tabnabbing #460
|
||||
|
||||
setTimeout(function () {
|
||||
URL.revokeObjectURL(url);
|
||||
}, 4E4); // 40s
|
||||
}
|
||||
});
|
||||
_global.saveAs = saveAs.saveAs = saveAs;
|
||||
|
||||
if (typeof module !== 'undefined') {
|
||||
module.exports = saveAs;
|
||||
}
|
||||
});
|
||||
|
|
@ -118,7 +118,7 @@ article#git-tutorial .onlytoc { display: none; }
|
|||
#git-tutorial .dimmed_previous:hover [stroke] { stroke: black; }
|
||||
#git-tutorial .dimmed_previous:hover [fill="#808080"] { fill: black; }
|
||||
#git-tutorial .legend .dimmed_previous:hover [fill="#80c5c5"] { fill: darkcyan; }
|
||||
#git-tutorial .dimmed_previous_directory [stroke] { stroke: darkcyan; }
|
||||
#git-tutorial .dimmed_previous_directory:hover [stroke] { stroke: darkcyan; }
|
||||
#git-tutorial .dimmed_previous_directory:hover [fill="#80c5c5"] { fill: darkcyan; }
|
||||
#git-tutorial .graph-view { text-align: center; }
|
||||
#git-tutorial .graph-view-tooltips { white-space: nowrap; margin: 1em 0.3em; background: #f8f8f8; border: thin solid #444; text-align: left; }
|
||||
|
|
|
|||
|
|
@ -555,12 +555,17 @@ function ___filesystem_to_string(fs, just_table, previous_filesystem) {
|
|||
var html = '';
|
||||
if (! just_table) {
|
||||
html += 'Filesystem contents: ' + entries.length + " files and directories. "
|
||||
+ '<a href="javascript: ___copyzip_click(\'json-'+id+'\');">Download as .zip</a>'
|
||||
+ ' or '
|
||||
+ '<a href="javascript: ___copyprintf_click(\'elem-'+id+'\');">'
|
||||
+ "Copy commands to recreate in *nix terminal"
|
||||
+ "</a>."
|
||||
+ "<br />"
|
||||
+ '<textarea id="elem-'+id+'" disabled="disabled" style="display:none">'
|
||||
+ ___specialchars(___filesystem_to_printf(fs) || 'echo "Empty filesystem."')
|
||||
+ '</textarea>'
|
||||
+ '<textarea id="json-'+id+'" disabled="disabled" style="display:none">'
|
||||
+ ___to_hex(JSON.stringify(fs))
|
||||
+ '</textarea>';
|
||||
}
|
||||
html += ___filesystem_to_table(fs, previous_filesystem).outerHTML; // TODO: use DOM primitives instead.
|
||||
|
|
@ -573,6 +578,65 @@ function ___textarea_value(elem) {
|
|||
return elem.value;
|
||||
}
|
||||
}
|
||||
function ___copyzip_click(id) {
|
||||
var fs = JSON.parse(___hex_to_bin(document.getElementById(id).value));
|
||||
|
||||
var paths = Object.keys(fs);
|
||||
var hierarchy = { subfolders: {}, files: [] };
|
||||
|
||||
// This splits the input paths on occurrences of "/",
|
||||
// and inserts them into the "hierarchy" object.
|
||||
for (var i = 0; i < paths.length; i++) {
|
||||
var path_components = paths[i].split('/');
|
||||
var h = hierarchy;
|
||||
for (var j = 0; j < path_components.length - 1; j++) {
|
||||
if (! h.subfolders.hasOwnProperty(path_components[j])) {
|
||||
h.subfolders[path_components[j]] = {
|
||||
subfolders: {},
|
||||
files: []
|
||||
};
|
||||
}
|
||||
h = h.subfolders[path_components[j]];
|
||||
}
|
||||
if (fs[paths[i]] === null) {
|
||||
// directory
|
||||
h.subfolders[path_components[path_components.length - 1]] = {
|
||||
subfolders: {},
|
||||
files: []
|
||||
}
|
||||
} else {
|
||||
// file
|
||||
h.files[h.files.length] = path_components[path_components.length - 1];
|
||||
}
|
||||
}
|
||||
|
||||
var join_paths = function(a, b) {
|
||||
return (a == "") ? b : (a + "/" + b);
|
||||
}
|
||||
|
||||
var add_to_zip = function(zip, base_directory, hierarchy) {
|
||||
var subtrees = [];
|
||||
for (var i in hierarchy.subfolders) {
|
||||
if (hierarchy.subfolders.hasOwnProperty(i)) {
|
||||
var zipfolder = zip.folder(i);
|
||||
add_to_zip(zipfolder, join_paths(base_directory, i), hierarchy.subfolders[i]);
|
||||
}
|
||||
}
|
||||
for (var f = 0; f < hierarchy.files.length; f++) {
|
||||
var filename = hierarchy.files[f];
|
||||
zip.file(filename, ___stringToUint8Array(fs[join_paths(base_directory, filename)]), {binary: true});
|
||||
}
|
||||
}
|
||||
|
||||
var zip = new JSZip();
|
||||
add_to_zip(zip, '', hierarchy);
|
||||
|
||||
/*zip.file("Hello.txt", "Hello World\n");
|
||||
var img = zip.folder("images");
|
||||
img.file("Foo.txt", ___stringToUint8Array("ha\xffha\0ha\n"), {binary: true});*/
|
||||
var content = zip.generate({type:"blob"});
|
||||
saveAs(content, "filesystem_git_tutorial.zip");
|
||||
}
|
||||
function ___copyprintf_click(id) {
|
||||
___hilite_off();
|
||||
var elem = document.getElementById(id);
|
||||
|
|
@ -677,8 +741,8 @@ function ___entry_to_graphview(previous_filesystem, filesystem, x) {
|
|||
// contents of the file as a tooltip:
|
||||
gv += ___quote_gv(x[0]) + ' [ tooltip = ' + ___quote_gv(x[0]) + ' ]';
|
||||
|
||||
var id = ___global_unique_id++;
|
||||
gv += ___quote_gv(x[0]) + ' [ id=' + id + ' ]';
|
||||
var id = 'gv-' + (___global_unique_id++);
|
||||
gv += ___quote_gv(x[0]) + ' [ id="' + id + '" ]';
|
||||
|
||||
if (x[1] === null) {
|
||||
shortname = shortname + '\ndirectory';
|
||||
|
|
|
|||
46
index.html
46
index.html
|
|
@ -10,6 +10,9 @@
|
|||
<script src="sha1.js"></script>
|
||||
<script src="pako.min.js"></script>
|
||||
<script src="viz.js"></script>
|
||||
<script src="FileSaver.js"></script>
|
||||
<script src="Blob.js"></script>
|
||||
<script src="jszip.min.js"></script>
|
||||
<link rel="stylesheet" href="codemirror-5.60.0/lib/codemirror.css">
|
||||
|
||||
<!-- Implementation of the tutorial's helper tools (code editor, graph view, table of contents, table output and arrows): -->
|
||||
|
|
@ -47,6 +50,10 @@ function ___example(id, f) {
|
|||
<li><a href="https://www.movable-type.co.uk/scripts/sha1.html">sha1.js</a>, released under the MIT license,</li>
|
||||
<li><a href="https://github.com/nodeca/pako">pako 2.0.3</a>, released under the MIT and Zlib licenses, see the project page for details,</li>
|
||||
<li><a href="https://github.com/mdaines/viz.js">Viz.js</a> (<a href="https://github.com/mdaines/viz.js/releases/tag/v1.8.2">v1.8.2</a> which has a synchronous API), released under the MIT license.</li>
|
||||
<li><a href="https://github.com/eligrey/FileSaver.js">FileSaver.js</a>, released under the MIT license</li>
|
||||
<li><a href="https://github.com/eligrey/Blob.js">Blob.js</a>, released under the MIT license</li>
|
||||
<li><a href="https://github.com/Stuk/jszip">JSZip</a> (<a href="https://github.com/Stuk/jszip/tree/v2.6.1">v1.8.2</a> which has a synchronous API), dual-licensed under the MIT or GPLv3</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<section id="introduction">
|
||||
|
|
@ -754,7 +761,7 @@ function git_branch(branch_name, commit_ref, force) {
|
|||
var branch_path = '.git/refs/heads/' + branch_name;
|
||||
var full_branch_path = join_paths(current_directory, branch_path);
|
||||
if (!force && exists(full_branch_path)) {
|
||||
alert("branch already exists");
|
||||
alert("branch already exists: " + branch_name);
|
||||
return false;
|
||||
} else {
|
||||
write(full_branch_path, commit_hash + '\n');
|
||||
|
|
@ -1404,6 +1411,7 @@ function store_index(paths) {
|
|||
|
||||
write(join_paths(current_directory, '.git/index'), index)
|
||||
}
|
||||
store_index(['README', 'src/main.scm']);
|
||||
</textarea>
|
||||
</section>
|
||||
|
||||
|
|
@ -1447,6 +1455,24 @@ folder is bit-compatible with the official <code>git log</code>, <code>git statu
|
|||
commands.</p>
|
||||
</section>
|
||||
|
||||
<section id="conclusion">
|
||||
<h1>Conclusion</h1>
|
||||
<p>This article shows that a large part of the core of GIT can be re-implemented in <span class="loc-count">a few</span> source lines of code* (<a href="javascript:___copy_all_code(); void(0);">copy all the code</a>).
|
||||
<span style="font-size: small">* empty lines and single closing braces excluded, <span class="loc-count-total">a few more</span> in total.</span></p>
|
||||
<div id="copy-all-code" style="display: none;"></div>
|
||||
<ul>
|
||||
|
||||
</ul>
|
||||
<li>Some of the features which may appear mysterious at first sight (e.g. detached HEAD) should be clearer with the knowledge of how GIT works behind the scenes.</li>
|
||||
<li>Furthermore, branches are often associated with an intuition (containers into which commits are added) which does not match the implementation (mutable pointers to commits).</li>
|
||||
<li>Finally, it is tempting to think of commits as patches. While <code>darcs</code> tries to expose an interface which matches this intuition, it is clear that the implementation of GIT considers commits as copies of the entire repository, and are linked to the previous version solely by the <code>parent</code> metadata in the commit headers.</li>
|
||||
</ul>
|
||||
<p>A few core commands like <code>git diff</code> and <code>git apply</code> are not described in this tutorial.
|
||||
They are little more than improved versions of the classical *nix commands <code>diff</code> and <code>patch</code>.</p>
|
||||
<p>Most other commands provided by GIT are merely convenience wrappers around these commands. For example, <code>git cherry-pick</code> is simply a combination of <code>git diff</code> between the tree of a commit and the tree of its parent, followed by <code>git apply</code> to apply the patch and <code>git commit</code> to create a new commit whose diff is equivalent to the diff of the original commit. As an other example, the command <code>git rebase</code> performs as succession of <code>cherry-pick</code> operations.</p>
|
||||
<p>By keeping in mind the internal model of GIT, it becomes easier to understand the usual commands and their quirks. By undersanding the design philosophy behind the implementation, the day-to-day usage can become, hopefully, less surprising.</p>
|
||||
</section>
|
||||
|
||||
<section id="suggested-exercises">
|
||||
<h1>Suggested exercises</h1>
|
||||
<p>
|
||||
|
|
@ -1554,24 +1580,6 @@ commands.</p>
|
|||
</section>
|
||||
</section>
|
||||
|
||||
<section id="conclusion">
|
||||
<h1>Conclusion</h1>
|
||||
<p>This article shows that a large part of the core of GIT can be re-implemented in <span class="loc-count">a few</span> source lines of code* (<a href="javascript:___copy_all_code(); void(0);">copy all the code</a>).
|
||||
<span style="font-size: small">* empty lines and single closing braces excluded, <span class="loc-count-total">a few more</span> in total.</span></p>
|
||||
<div id="copy-all-code" style="display: none;"></div>
|
||||
<ul>
|
||||
|
||||
</ul>
|
||||
<li>Some of the features which may appear mysterious at first sight (e.g. detached HEAD) should be clearer with the knowledge of how GIT works behind the scenes.</li>
|
||||
<li>Furthermore, branches are often associated with an intuition (containers into which commits are added) which does not match the implementation (mutable pointers to commits).</li>
|
||||
<li>Finally, it is tempting to think of commits as patches. While <code>darcs</code> tries to expose an interface which matches this intuition, it is clear that the implementation of GIT considers commits as copies of the entire repository, and are linked to the previous version solely by the <code>parent</code> metadata in the commit headers.</li>
|
||||
</ul>
|
||||
<p>A few core commands like <code>git diff</code> and <code>git apply</code> are not described in this tutorial.
|
||||
They are little more than improved versions of the classical *nix commands <code>diff</code> and <code>patch</code>.</p>
|
||||
<p>Most other commands provided by GIT are merely convenience wrappers around these commands. For example, <code>git cherry-pick</code> is simply a combination of <code>git diff</code> between the tree of a commit and the tree of its parent, followed by <code>git apply</code> to apply the patch and <code>git commit</code> to create a new commit whose diff is equivalent to the diff of the original commit. As an other example, the command <code>git rebase</code> performs as succession of <code>cherry-pick</code> operations.</p>
|
||||
<p>By keeping in mind the internal model of GIT, it becomes easier to understand the usual commands and their quirks. By undersanding the design philosophy behind the implementation, the day-to-day usage can become, hopefully, less surprising.</p>
|
||||
</section>
|
||||
|
||||
<div id="toc"></div>
|
||||
</article>
|
||||
|
||||
|
|
|
|||
14
jszip.min.js
vendored
Normal file
14
jszip.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user