591 lines
17 KiB
JavaScript
591 lines
17 KiB
JavaScript
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
|
(function(self) {
|
|
'use strict';
|
|
|
|
if (self.fetch) {
|
|
return
|
|
}
|
|
|
|
function normalizeName(name) {
|
|
if (typeof name !== 'string') {
|
|
name = String(name)
|
|
}
|
|
if (/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(name)) {
|
|
throw new TypeError('Invalid character in header field name')
|
|
}
|
|
return name.toLowerCase()
|
|
}
|
|
|
|
function normalizeValue(value) {
|
|
if (typeof value !== 'string') {
|
|
value = String(value)
|
|
}
|
|
return value
|
|
}
|
|
|
|
function Headers(headers) {
|
|
this.map = {}
|
|
|
|
if (headers instanceof Headers) {
|
|
headers.forEach(function(value, name) {
|
|
this.append(name, value)
|
|
}, this)
|
|
|
|
} else if (headers) {
|
|
Object.getOwnPropertyNames(headers).forEach(function(name) {
|
|
this.append(name, headers[name])
|
|
}, this)
|
|
}
|
|
}
|
|
|
|
Headers.prototype.append = function(name, value) {
|
|
name = normalizeName(name)
|
|
value = normalizeValue(value)
|
|
var list = this.map[name]
|
|
if (!list) {
|
|
list = []
|
|
this.map[name] = list
|
|
}
|
|
list.push(value)
|
|
}
|
|
|
|
Headers.prototype['delete'] = function(name) {
|
|
delete this.map[normalizeName(name)]
|
|
}
|
|
|
|
Headers.prototype.get = function(name) {
|
|
var values = this.map[normalizeName(name)]
|
|
return values ? values[0] : null
|
|
}
|
|
|
|
Headers.prototype.getAll = function(name) {
|
|
return this.map[normalizeName(name)] || []
|
|
}
|
|
|
|
Headers.prototype.has = function(name) {
|
|
return this.map.hasOwnProperty(normalizeName(name))
|
|
}
|
|
|
|
Headers.prototype.set = function(name, value) {
|
|
this.map[normalizeName(name)] = [normalizeValue(value)]
|
|
}
|
|
|
|
Headers.prototype.forEach = function(callback, thisArg) {
|
|
Object.getOwnPropertyNames(this.map).forEach(function(name) {
|
|
this.map[name].forEach(function(value) {
|
|
callback.call(thisArg, value, name, this)
|
|
}, this)
|
|
}, this)
|
|
}
|
|
|
|
function consumed(body) {
|
|
if (body.bodyUsed) {
|
|
return Promise.reject(new TypeError('Already read'))
|
|
}
|
|
body.bodyUsed = true
|
|
}
|
|
|
|
function fileReaderReady(reader) {
|
|
return new Promise(function(resolve, reject) {
|
|
reader.onload = function() {
|
|
resolve(reader.result)
|
|
}
|
|
reader.onerror = function() {
|
|
reject(reader.error)
|
|
}
|
|
})
|
|
}
|
|
|
|
function readBlobAsArrayBuffer(blob) {
|
|
var reader = new FileReader()
|
|
reader.readAsArrayBuffer(blob)
|
|
return fileReaderReady(reader)
|
|
}
|
|
|
|
function readBlobAsText(blob) {
|
|
var reader = new FileReader()
|
|
reader.readAsText(blob)
|
|
return fileReaderReady(reader)
|
|
}
|
|
|
|
var support = {
|
|
blob: 'FileReader' in self && 'Blob' in self && (function() {
|
|
try {
|
|
new Blob()
|
|
return true
|
|
} catch(e) {
|
|
return false
|
|
}
|
|
})(),
|
|
formData: 'FormData' in self,
|
|
arrayBuffer: 'ArrayBuffer' in self
|
|
}
|
|
|
|
function Body() {
|
|
this.bodyUsed = false
|
|
|
|
|
|
this._initBody = function(body) {
|
|
this._bodyInit = body
|
|
if (typeof body === 'string') {
|
|
this._bodyText = body
|
|
} else if (support.blob && Blob.prototype.isPrototypeOf(body)) {
|
|
this._bodyBlob = body
|
|
} else if (support.formData && FormData.prototype.isPrototypeOf(body)) {
|
|
this._bodyFormData = body
|
|
} else if (!body) {
|
|
this._bodyText = ''
|
|
} else if (support.arrayBuffer && ArrayBuffer.prototype.isPrototypeOf(body)) {
|
|
// Only support ArrayBuffers for POST method.
|
|
// Receiving ArrayBuffers happens via Blobs, instead.
|
|
} else {
|
|
throw new Error('unsupported BodyInit type')
|
|
}
|
|
|
|
if (!this.headers.get('content-type')) {
|
|
if (typeof body === 'string') {
|
|
this.headers.set('content-type', 'text/plain;charset=UTF-8')
|
|
} else if (this._bodyBlob && this._bodyBlob.type) {
|
|
this.headers.set('content-type', this._bodyBlob.type)
|
|
}
|
|
}
|
|
}
|
|
|
|
if (support.blob) {
|
|
this.blob = function() {
|
|
var rejected = consumed(this)
|
|
if (rejected) {
|
|
return rejected
|
|
}
|
|
|
|
if (this._bodyBlob) {
|
|
return Promise.resolve(this._bodyBlob)
|
|
} else if (this._bodyFormData) {
|
|
throw new Error('could not read FormData body as blob')
|
|
} else {
|
|
return Promise.resolve(new Blob([this._bodyText]))
|
|
}
|
|
}
|
|
|
|
this.arrayBuffer = function() {
|
|
return this.blob().then(readBlobAsArrayBuffer)
|
|
}
|
|
|
|
this.text = function() {
|
|
var rejected = consumed(this)
|
|
if (rejected) {
|
|
return rejected
|
|
}
|
|
|
|
if (this._bodyBlob) {
|
|
return readBlobAsText(this._bodyBlob)
|
|
} else if (this._bodyFormData) {
|
|
throw new Error('could not read FormData body as text')
|
|
} else {
|
|
return Promise.resolve(this._bodyText)
|
|
}
|
|
}
|
|
} else {
|
|
this.text = function() {
|
|
var rejected = consumed(this)
|
|
return rejected ? rejected : Promise.resolve(this._bodyText)
|
|
}
|
|
}
|
|
|
|
if (support.formData) {
|
|
this.formData = function() {
|
|
return this.text().then(decode)
|
|
}
|
|
}
|
|
|
|
this.json = function() {
|
|
return this.text().then(JSON.parse)
|
|
}
|
|
|
|
return this
|
|
}
|
|
|
|
// HTTP methods whose capitalization should be normalized
|
|
var methods = ['DELETE', 'GET', 'HEAD', 'OPTIONS', 'POST', 'PUT']
|
|
|
|
function normalizeMethod(method) {
|
|
var upcased = method.toUpperCase()
|
|
return (methods.indexOf(upcased) > -1) ? upcased : method
|
|
}
|
|
|
|
function Request(input, options) {
|
|
options = options || {}
|
|
var body = options.body
|
|
if (Request.prototype.isPrototypeOf(input)) {
|
|
if (input.bodyUsed) {
|
|
throw new TypeError('Already read')
|
|
}
|
|
this.url = input.url
|
|
this.credentials = input.credentials
|
|
if (!options.headers) {
|
|
this.headers = new Headers(input.headers)
|
|
}
|
|
this.method = input.method
|
|
this.mode = input.mode
|
|
if (!body) {
|
|
body = input._bodyInit
|
|
input.bodyUsed = true
|
|
}
|
|
} else {
|
|
this.url = input
|
|
}
|
|
|
|
this.credentials = options.credentials || this.credentials || 'omit'
|
|
if (options.headers || !this.headers) {
|
|
this.headers = new Headers(options.headers)
|
|
}
|
|
this.method = normalizeMethod(options.method || this.method || 'GET')
|
|
this.mode = options.mode || this.mode || null
|
|
this.referrer = null
|
|
|
|
if ((this.method === 'GET' || this.method === 'HEAD') && body) {
|
|
throw new TypeError('Body not allowed for GET or HEAD requests')
|
|
}
|
|
this._initBody(body)
|
|
}
|
|
|
|
Request.prototype.clone = function() {
|
|
return new Request(this)
|
|
}
|
|
|
|
function decode(body) {
|
|
var form = new FormData()
|
|
body.trim().split('&').forEach(function(bytes) {
|
|
if (bytes) {
|
|
var split = bytes.split('=')
|
|
var name = split.shift().replace(/\+/g, ' ')
|
|
var value = split.join('=').replace(/\+/g, ' ')
|
|
form.append(decodeURIComponent(name), decodeURIComponent(value))
|
|
}
|
|
})
|
|
return form
|
|
}
|
|
|
|
function headers(xhr) {
|
|
var head = new Headers()
|
|
var pairs = (xhr.getAllResponseHeaders() || '').trim().split('\n')
|
|
pairs.forEach(function(header) {
|
|
var split = header.trim().split(':')
|
|
var key = split.shift().trim()
|
|
var value = split.join(':').trim()
|
|
head.append(key, value)
|
|
})
|
|
return head
|
|
}
|
|
|
|
Body.call(Request.prototype)
|
|
|
|
function Response(bodyInit, options) {
|
|
if (!options) {
|
|
options = {}
|
|
}
|
|
|
|
this.type = 'default'
|
|
this.status = options.status
|
|
this.ok = this.status >= 200 && this.status < 300
|
|
this.statusText = options.statusText
|
|
this.headers = options.headers instanceof Headers ? options.headers : new Headers(options.headers)
|
|
this.url = options.url || ''
|
|
this._initBody(bodyInit)
|
|
}
|
|
|
|
Body.call(Response.prototype)
|
|
|
|
Response.prototype.clone = function() {
|
|
return new Response(this._bodyInit, {
|
|
status: this.status,
|
|
statusText: this.statusText,
|
|
headers: new Headers(this.headers),
|
|
url: this.url
|
|
})
|
|
}
|
|
|
|
Response.error = function() {
|
|
var response = new Response(null, {status: 0, statusText: ''})
|
|
response.type = 'error'
|
|
return response
|
|
}
|
|
|
|
var redirectStatuses = [301, 302, 303, 307, 308]
|
|
|
|
Response.redirect = function(url, status) {
|
|
if (redirectStatuses.indexOf(status) === -1) {
|
|
throw new RangeError('Invalid status code')
|
|
}
|
|
|
|
return new Response(null, {status: status, headers: {location: url}})
|
|
}
|
|
|
|
self.Headers = Headers
|
|
self.Request = Request
|
|
self.Response = Response
|
|
|
|
self.fetch = function(input, init) {
|
|
return new Promise(function(resolve, reject) {
|
|
var request
|
|
if (Request.prototype.isPrototypeOf(input) && !init) {
|
|
request = input
|
|
} else {
|
|
request = new Request(input, init)
|
|
}
|
|
|
|
var xhr = new XMLHttpRequest()
|
|
|
|
function responseURL() {
|
|
if ('responseURL' in xhr) {
|
|
return xhr.responseURL
|
|
}
|
|
|
|
// Avoid security warnings on getResponseHeader when not allowed by CORS
|
|
if (/^X-Request-URL:/m.test(xhr.getAllResponseHeaders())) {
|
|
return xhr.getResponseHeader('X-Request-URL')
|
|
}
|
|
|
|
return
|
|
}
|
|
|
|
xhr.onload = function() {
|
|
var status = (xhr.status === 1223) ? 204 : xhr.status
|
|
if (status < 100 || status > 599) {
|
|
reject(new TypeError('Network request failed'))
|
|
return
|
|
}
|
|
var options = {
|
|
status: status,
|
|
statusText: xhr.statusText,
|
|
headers: headers(xhr),
|
|
url: responseURL()
|
|
}
|
|
var body = 'response' in xhr ? xhr.response : xhr.responseText
|
|
resolve(new Response(body, options))
|
|
}
|
|
|
|
xhr.onerror = function() {
|
|
reject(new TypeError('Network request failed'))
|
|
}
|
|
|
|
xhr.ontimeout = function() {
|
|
reject(new TypeError('Network request failed'))
|
|
}
|
|
|
|
xhr.open(request.method, request.url, true)
|
|
|
|
if (request.credentials === 'include') {
|
|
xhr.withCredentials = true
|
|
}
|
|
|
|
if ('responseType' in xhr && support.blob) {
|
|
xhr.responseType = 'blob'
|
|
}
|
|
|
|
request.headers.forEach(function(value, name) {
|
|
xhr.setRequestHeader(name, value)
|
|
})
|
|
|
|
xhr.send(typeof request._bodyInit === 'undefined' ? null : request._bodyInit)
|
|
})
|
|
}
|
|
self.fetch.polyfill = true
|
|
})(typeof self !== 'undefined' ? self : this);
|
|
|
|
},{}],2:[function(require,module,exports){
|
|
/* global Diff2HtmlUI */
|
|
|
|
/*
|
|
* Example URLs:
|
|
*
|
|
* https://github.com/rtfpessoa/diff2html/commit/7d02e67f3b3386ac5d804f974d025cd7a1165839
|
|
* https://github.com/rtfpessoa/diff2html/pull/106
|
|
*
|
|
* https://gitlab.com/gitlab-org/gitlab-ce/commit/4e963fed42ad518caa7353d361a38a1250c99c41
|
|
* https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/6763
|
|
*
|
|
* https://bitbucket.org/atlassian/amps/commits/52c38116f12475f75af4a147b7a7685478b83eca
|
|
* https://bitbucket.org/atlassian/amps/pull-requests/236
|
|
*/
|
|
|
|
$(document).ready(function() {
|
|
// Improves browser compatibility
|
|
require('whatwg-fetch');
|
|
|
|
var $container = $('.container');
|
|
var $url = $('#url');
|
|
var $outputFormat = $('#diff-url-options-output-format');
|
|
var $showFiles = $('#diff-url-options-show-files');
|
|
var $matching = $('#diff-url-options-matching');
|
|
var $wordThreshold = $('#diff-url-options-match-words-threshold');
|
|
var $matchingMaxComparisons = $('#diff-url-options-matching-max-comparisons');
|
|
|
|
var hash = window.location.hash
|
|
.replace(/^(#!?\/?)/, '');
|
|
|
|
var search = window.location.search;
|
|
|
|
if (hash) {
|
|
$url.val(hash);
|
|
smartDraw(hash);
|
|
} else if (search) {
|
|
try {
|
|
var url = search
|
|
.split('?')[1]
|
|
.split('diff=')[1]
|
|
.split('&')[0];
|
|
$url.val(url);
|
|
smartDraw(url);
|
|
} catch (_ignore) {
|
|
}
|
|
}
|
|
|
|
bind();
|
|
|
|
$outputFormat
|
|
.add($showFiles)
|
|
.add($matching)
|
|
.add($wordThreshold)
|
|
.add($matchingMaxComparisons)
|
|
.change(function() {
|
|
smartDraw();
|
|
});
|
|
|
|
function bind() {
|
|
$('#url-btn').click(function(e) {
|
|
e.preventDefault();
|
|
var url = $url.val();
|
|
smartDraw(url);
|
|
});
|
|
|
|
$url.on('paste', function(e) {
|
|
var url = e.originalEvent.clipboardData.getData('Text');
|
|
smartDraw(url);
|
|
});
|
|
}
|
|
|
|
function prepareUrl(url) {
|
|
var fetchUrl;
|
|
var headers = new Headers();
|
|
|
|
var githubCommitUrl = /^https?:\/\/(?:www\.)?github\.com\/(.*?)\/(.*?)\/commit\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
|
|
var githubPrUrl = /^https?:\/\/(?:www\.)?github\.com\/(.*?)\/(.*?)\/pull\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
|
|
|
|
var gitlabCommitUrl = /^https?:\/\/(?:www\.)?gitlab\.com\/(.*?)\/(.*?)\/commit\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
|
|
var gitlabPrUrl = /^https?:\/\/(?:www\.)?gitlab\.com\/(.*?)\/(.*?)\/merge_requests\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
|
|
|
|
var bitbucketCommitUrl = /^https?:\/\/(?:www\.)?bitbucket\.org\/(.*?)\/(.*?)\/commits\/(.*?)(?:\/raw)?(?:\/.*)?$/;
|
|
var bitbucketPrUrl = /^https?:\/\/(?:www\.)?bitbucket\.org\/(.*?)\/(.*?)\/pull-requests\/(.*?)(?:\/.*)?$/;
|
|
|
|
|
|
function gitLabUrlGen(userName, projectName, type, value) {
|
|
return 'https://crossorigin.me/https://gitlab.com/' + userName + '/' + projectName + '/' + type + '/' + value + '.diff';
|
|
}
|
|
|
|
function gitHubUrlGen(userName, projectName, type, value) {
|
|
headers.append('Accept', 'application/vnd.github.v3.diff');
|
|
return 'https://api.github.com/repos/' + userName + '/' + projectName + '/' + type + '/' + value;
|
|
}
|
|
|
|
function bitbucketUrlGen(userName, projectName, type, value) {
|
|
var baseUrl = 'https://bitbucket.org/api/2.0/repositories/';
|
|
if (type === 'pullrequests') {
|
|
return baseUrl + userName + '/' + projectName + '/pullrequests/' + value + '/diff';
|
|
}
|
|
return baseUrl + userName + '/' + projectName + '/diff/' + value;
|
|
}
|
|
|
|
var values;
|
|
if ((values = githubCommitUrl.exec(url))) {
|
|
fetchUrl = gitHubUrlGen(values[1], values[2], 'commits', values[3]);
|
|
} else if ((values = githubPrUrl.exec(url))) {
|
|
fetchUrl = gitHubUrlGen(values[1], values[2], 'pulls', values[3]);
|
|
} else if ((values = gitlabCommitUrl.exec(url))) {
|
|
fetchUrl = gitLabUrlGen(values[1], values[2], 'commit', values[3]);
|
|
} else if ((values = gitlabPrUrl.exec(url))) {
|
|
fetchUrl = gitLabUrlGen(values[1], values[2], 'merge_requests', values[3]);
|
|
} else if ((values = bitbucketCommitUrl.exec(url))) {
|
|
fetchUrl = bitbucketUrlGen(values[1], values[2], 'commit', values[3]);
|
|
} else if ((values = bitbucketPrUrl.exec(url))) {
|
|
fetchUrl = bitbucketUrlGen(values[1], values[2], 'pullrequests', values[3]);
|
|
} else {
|
|
console.info('Could not parse url, using the provided url.');
|
|
fetchUrl = url;
|
|
}
|
|
|
|
return {
|
|
originalUrl: url,
|
|
url: fetchUrl,
|
|
headers: headers
|
|
};
|
|
}
|
|
|
|
function smartDraw(urlOpt) {
|
|
var url = urlOpt || $url.val();
|
|
var req = prepareUrl(url);
|
|
draw(req);
|
|
}
|
|
|
|
function draw(req) {
|
|
if (!validateUrl(req.url)) {
|
|
console.error("Invalid url provided!");
|
|
return;
|
|
}
|
|
|
|
if (!validateUrl(req.originalUrl)) updateUrl(req.originalUrl);
|
|
|
|
var outputFormat = $outputFormat.val();
|
|
var showFiles = $showFiles.is(':checked');
|
|
var matching = $matching.val();
|
|
var wordThreshold = $wordThreshold.val();
|
|
var matchingMaxComparisons = $matchingMaxComparisons.val();
|
|
|
|
fetch(req.url, {
|
|
method: 'GET',
|
|
headers: req.headers,
|
|
mode: 'cors',
|
|
cache: 'default'
|
|
})
|
|
.then(function(res) {
|
|
return res.text();
|
|
})
|
|
.then(function(data) {
|
|
var container = '#url-diff-container';
|
|
var diff2htmlUi = new Diff2HtmlUI({diff: data});
|
|
|
|
if (outputFormat === 'side-by-side') {
|
|
$container.css({'width': '1400px'});
|
|
} else {
|
|
$container.css({'width': ''});
|
|
}
|
|
|
|
diff2htmlUi.draw(container, {
|
|
outputFormat: outputFormat,
|
|
showFiles: showFiles,
|
|
matching: matching,
|
|
matchWordsThreshold: wordThreshold,
|
|
matchingMaxComparisons: matchingMaxComparisons,
|
|
synchronisedScroll: true
|
|
});
|
|
diff2htmlUi.fileListCloseable(container, false);
|
|
diff2htmlUi.highlightCode(container);
|
|
});
|
|
}
|
|
|
|
function validateUrl(url) {
|
|
return /^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})).?)(?::\d{2,5})?(?:[/?#]\S*)?$/i.test(url);
|
|
}
|
|
|
|
function updateUrl(url) {
|
|
if (window.history.pushState) {
|
|
window.history.pushState('', '/', 'url.html?diff=' + url);
|
|
} else {
|
|
window.location.hash = '';
|
|
window.location.search = '?diff=' + url;
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
},{"whatwg-fetch":1}]},{},[2]);
|