257 lines
15 KiB
JavaScript
257 lines
15 KiB
JavaScript
|
function updateNode (selectedNode) {
|
||
|
|
if (selectedNode == "remote") {
|
||
|
|
node.default = "remote";
|
||
|
|
node.remote.address = document.querySelector("#remote_address").value
|
||
|
|
node.remote.port = document.querySelector("#remote_apiPort").value
|
||
|
|
node.remote.gateway = document.querySelector("#remote").querySelector("#remote_gatewayPort").value
|
||
|
|
node.remote.protocol = document.querySelector("#remoteProtocol").querySelector("li.active").innerText.toLowerCase()
|
||
|
|
}
|
||
|
|
|
||
|
|
if (selectedNode == "local") {
|
||
|
|
node.default = "local";
|
||
|
|
node.local.address = document.querySelector("#local_address").value
|
||
|
|
node.local.port = document.querySelector("#local_apiPort").value
|
||
|
|
node.local.gateway = document.querySelector("#local").querySelector("#local_gatewayPort").value
|
||
|
|
node.local.protocol = document.querySelector("#localProtocol").querySelector("li.active").innerText.toLowerCase()
|
||
|
|
}
|
||
|
|
|
||
|
|
nodeConnect(selectedNode);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function nodeConnect (selectedNode) {
|
||
|
|
if (selectedNode == "remote") {
|
||
|
|
document.querySelector('button#buttonRemote').setAttribute('disabled', '')
|
||
|
|
document.querySelector('button#buttonRemote').querySelector(".buttonContent div").innerText = "Connecting"
|
||
|
|
document.querySelector('button#buttonRemote').querySelector(".buttonContent div").classList.add("connecting")
|
||
|
|
document.querySelector('button#buttonLocal').querySelector(".buttonContent div").innerHTML = 'Connect <img src="/assets/images/upload/connect.png"/>'
|
||
|
|
document.querySelector('button#buttonRemote').querySelector(".buttonContent .min-loading").classList.remove('min-loading-hidden') //loading event
|
||
|
|
}
|
||
|
|
|
||
|
|
if (selectedNode == "local") {
|
||
|
|
document.querySelector('button#buttonLocal').setAttribute('disabled', '')
|
||
|
|
document.querySelector('button#buttonLocal').querySelector(".buttonContent div").innerText = "Connecting"
|
||
|
|
document.querySelector('button#buttonLocal').querySelector(".buttonContent div").classList.add("connecting")
|
||
|
|
document.querySelector('button#buttonRemote').querySelector(".buttonContent div").innerHTML = 'Connect <img src="/assets/images/upload/connect.png"/>'
|
||
|
|
document.querySelector('button#buttonLocal').querySelector(".buttonContent .min-loading").classList.remove('min-loading-hidden') //loading event
|
||
|
|
}
|
||
|
|
|
||
|
|
var status = "wait"
|
||
|
|
|
||
|
|
ipfsRequest ("GatewayCheck.log", buffer.Buffer.from('ABC', 'utf-8')).then((data) => {
|
||
|
|
if (data[0].hash == "QmNz1UBzpdd4HfZ3qir3aPiRdX5a93XwTuDNyXRc6PKhWW" ) {
|
||
|
|
online(selectedNode);
|
||
|
|
status = "online"
|
||
|
|
} else {
|
||
|
|
offline(selectedNode);
|
||
|
|
status = "offline"
|
||
|
|
}
|
||
|
|
document.querySelector('button#buttonRemote').removeAttribute("disabled");
|
||
|
|
document.querySelector('button#buttonLocal').removeAttribute("disabled");
|
||
|
|
document.querySelector('button#buttonRemote').querySelector('.buttonContent .min-loading').classList.add('min-loading-hidden') //loading event
|
||
|
|
document.querySelector('button#buttonLocal').querySelector('.buttonContent .min-loading').classList.add('min-loading-hidden') //loading event
|
||
|
|
return status
|
||
|
|
}, function (reason) {
|
||
|
|
document.querySelector('button#buttonRemote').removeAttribute("disabled");
|
||
|
|
document.querySelector('button#buttonLocal').removeAttribute("disabled");
|
||
|
|
document.querySelector('button#buttonRemote').querySelector('.buttonContent .min-loading').classList.add('min-loading-hidden') //loading event
|
||
|
|
document.querySelector('button#buttonLocal').querySelector('.buttonContent .min-loading').classList.add('min-loading-hidden') //loading event
|
||
|
|
offline(selectedNode)
|
||
|
|
return "offline"
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
function online (selectedNode) {
|
||
|
|
connected = 1
|
||
|
|
if (selectedNode == "remote") {
|
||
|
|
document.querySelector('button#buttonRemote').querySelector(".buttonContent div").classList.remove("connecting")
|
||
|
|
document.querySelector('button#buttonRemote').querySelector(".buttonContent div").innerHTML = 'Node Online <img src="/assets/images/upload/connected.png"/>'
|
||
|
|
document.querySelector('button#buttonRemote').querySelector('.buttonContent .min-loading').classList.add('min-loading-hidden')
|
||
|
|
}
|
||
|
|
if (selectedNode == "local") {
|
||
|
|
document.querySelector('button#buttonLocal').querySelector(".buttonContent div").classList.remove("connecting")
|
||
|
|
document.querySelector('button#buttonLocal').querySelector(".buttonContent div").innerHTML = 'Node Online <img src="/assets/images/upload/connected.png"/>'
|
||
|
|
document.querySelector('button#buttonLocal').querySelector('.buttonContent .min-loading').classList.add('min-loading-hidden')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function offline (selectedNode) {
|
||
|
|
connected = 0
|
||
|
|
if (selectedNode == "remote") {
|
||
|
|
document.querySelector('button#buttonRemote').querySelector(".buttonContent div").innerHTML = 'Node Offline! <img src="/assets/images/upload/disconnected.png"/>'
|
||
|
|
}
|
||
|
|
if (selectedNode == "local") {
|
||
|
|
document.querySelector('button#buttonLocal').querySelector(".buttonContent div").innerHTML = 'Node Offline! <img src="/assets/images/upload/disconnected.png"/>'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function upload() {
|
||
|
|
if (!connected) {
|
||
|
|
alert ("Unable to connect to Butter Box's IPFS Node.")
|
||
|
|
return
|
||
|
|
}
|
||
|
|
if (filesOk.length < 1) {
|
||
|
|
alert("<p>At least one selected file is invalid - do not select any folders.</p><p>Please reselect and try again.</p>");
|
||
|
|
return
|
||
|
|
}
|
||
|
|
document.querySelector('.min-loading.blue').classList.remove('loading-hidden') //loading event
|
||
|
|
document.querySelector('button#buttonUpload').setAttribute('disabled', '')
|
||
|
|
document.querySelector('button#buttonRemote').setAttribute('disabled', '')
|
||
|
|
document.querySelector('button#buttonLocal').setAttribute('disabled', '')
|
||
|
|
|
||
|
|
filesOk.forEach(function(file){
|
||
|
|
let reader = new FileReader();
|
||
|
|
reader.readAsArrayBuffer(file);
|
||
|
|
reader.onloadend = function() {
|
||
|
|
ipfsRequest (file.name, buffer.Buffer(reader.result)).then((data) => {
|
||
|
|
response.push(data[0])
|
||
|
|
document.querySelector("#response").innerText = JSON.stringify(response, null, 2)
|
||
|
|
updateList(fileChecksum(file), data[0].hash)
|
||
|
|
uploadCount++
|
||
|
|
if (uploadCount == filesOk.length) {
|
||
|
|
document.querySelector('.min-loading.blue').classList.add('loading-hidden'); //stop loading event
|
||
|
|
document.querySelector('button#buttonRemote').removeAttribute('disabled', '')
|
||
|
|
document.querySelector('button#buttonLocal').removeAttribute('disabled', '')
|
||
|
|
document.querySelector('button#buttonUpload').onclick=function(){resetFiles()}
|
||
|
|
document.querySelector('button#buttonUpload').innerHTML = 'Clean Up<img src="/assets/images/upload/reset.png" />'
|
||
|
|
document.querySelector('button#buttonUpload').removeAttribute("disabled");
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
function ipfsRequest (file_name, data) {
|
||
|
|
var ipfs = window.IpfsHttpClient(node[node.default].address, node[node.default].port, {protocol: node[node.default].protocol}) //router to the IPFS network without any local node
|
||
|
|
var file_send =
|
||
|
|
[
|
||
|
|
{
|
||
|
|
path: file_name,
|
||
|
|
content: data
|
||
|
|
}
|
||
|
|
]
|
||
|
|
return new Promise((resolve, reject) => {
|
||
|
|
ipfs.add(file_send, function (err, json) {
|
||
|
|
if (err) {
|
||
|
|
alert(err);
|
||
|
|
reject (0)
|
||
|
|
} else {
|
||
|
|
resolve (json)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function removeItem(checksum) {
|
||
|
|
var item = files_checksum.indexOf(checksum)
|
||
|
|
filesOk.splice(item, 1)
|
||
|
|
files_checksum.splice(item, 1)
|
||
|
|
|
||
|
|
document.getElementById(checksum).remove();
|
||
|
|
}
|
||
|
|
|
||
|
|
function handleDragOver(evt) {
|
||
|
|
evt.stopPropagation(); // Do not allow the dragover event to bubble.
|
||
|
|
evt.preventDefault(); // Prevent default dragover event behavior.
|
||
|
|
} // handleDragOver
|
||
|
|
|
||
|
|
|
||
|
|
function handleFileSelect(evt) {
|
||
|
|
evt.stopPropagation(); // Do not allow the drop event to bubble.
|
||
|
|
evt.preventDefault(); // Prevent default drop event behavior.
|
||
|
|
|
||
|
|
if (evt.dataTransfer != null){
|
||
|
|
var files = evt.dataTransfer.files; // Grab the list of files dragged to the drop box.
|
||
|
|
} else {
|
||
|
|
var files = evt.target.files; // FileList object from input
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if (!files) {
|
||
|
|
alert("<p>At least one selected file is invalid - do not select any folders.</p><p>Please reselect and try again.</p>");
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
for (var i = 0; i < files.length; i++) {
|
||
|
|
if (!files[i]) {
|
||
|
|
alert("Unable to access " + file.name);
|
||
|
|
continue; // Immediately move to the next file object.
|
||
|
|
}
|
||
|
|
if (files[i].size == 0) {
|
||
|
|
alert("Skipping " + files[i].name.toUpperCase() + " because it is empty.");
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
if (files_checksum.includes(fileChecksum(files[i]))) {
|
||
|
|
alert("This files is already listed");
|
||
|
|
continue
|
||
|
|
} else {
|
||
|
|
files_checksum[filesOk.length] = fileChecksum(files[i])
|
||
|
|
document.querySelector("#list").querySelector("ul").innerHTML += '<li id="' + fileChecksum(files[i]) + '"><strong class="fileName">' +
|
||
|
|
files[i].name + '</strong> <spam class="itemClose"><a class="removeItem" href="#" onclick="removeItem(\''+fileChecksum(files[i])+'\')">×</a></spam>' +
|
||
|
|
'</a></spam><br> <spam id="fileProperties"> (' + (files[i].type || 'n/a' ) +') - ' +
|
||
|
|
files[i].size + ' bytes, last modified: ' + new Date(files[i].lastModified).toLocaleDateString() +'</spam></li>';
|
||
|
|
|
||
|
|
filesOk[filesOk.length] = files[i]; //push valid files for filesOk array
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//reset filesList input
|
||
|
|
document.getElementById("files").value = ''
|
||
|
|
if(!/safari/i.test(navigator.userAgent)){
|
||
|
|
document.getElementById("files").type = ''
|
||
|
|
document.getElementById("files").type = 'file'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function updateList (checksum, ipfsHash) {
|
||
|
|
var i = files_checksum.indexOf(checksum) // equal filesOk[i]
|
||
|
|
if (node[node.default].gateway == 80 || node[node.default].protocol == "https"){
|
||
|
|
var gatewayPort = ''
|
||
|
|
} else {
|
||
|
|
var gatewayPort = node[node.default].gateway
|
||
|
|
}
|
||
|
|
document.getElementById(checksum).innerHTML = '<strong class="fileName"><a href="' + node[node.default].protocol + '://' + node[node.default].address + ':' + gatewayPort + '/ipfs/' + ipfsHash + '" class="uploaded" target="_blank">' + filesOk[i].name + ' <img src="/assets/images/upload/link.png" width="12px"/></a></strong>' +
|
||
|
|
'</a></spam><br> <spam id="fileProperties"> (' + (filesOk[i].type || 'n/a' ) +') - ' + filesOk[i].size + ' bytes, last modified: ' + new Date(filesOk[i].lastModified).toLocaleDateString() +'</spam>'
|
||
|
|
}
|
||
|
|
|
||
|
|
function fileChecksum(file) {
|
||
|
|
var MD5 = function(d){result = M(V(Y(X(d),8*d.length)));return result.toLowerCase()};function M(d){for(var _,m="0123456789ABCDEF",f="",r=0;r<d.length;r++)_=d.charCodeAt(r),f+=m.charAt(_>>>4&15)+m.charAt(15&_);return f}function X(d){for(var _=Array(d.length>>2),m=0;m<_.length;m++)_[m]=0;for(m=0;m<8*d.length;m+=8)_[m>>5]|=(255&d.charCodeAt(m/8))<<m%32;return _}function V(d){for(var _="",m=0;m<32*d.length;m+=8)_+=String.fromCharCode(d[m>>5]>>>m%32&255);return _}function Y(d,_){d[_>>5]|=128<<_%32,d[14+(_+64>>>9<<4)]=_;for(var m=1732584193,f=-271733879,r=-1732584194,i=271733878,n=0;n<d.length;n+=16){var h=m,t=f,g=r,e=i;f=md5_ii(f=md5_ii(f=md5_ii(f=md5_ii(f=md5_hh(f=md5_hh(f=md5_hh(f=md5_hh(f=md5_gg(f=md5_gg(f=md5_gg(f=md5_gg(f=md5_ff(f=md5_ff(f=md5_ff(f=md5_ff(f,r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+0],7,-680876936),f,r,d[n+1],12,-389564586),m,f,d[n+2],17,606105819),i,m,d[n+3],22,-1044525330),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+4],7,-176418897),f,r,d[n+5],12,1200080426),m,f,d[n+6],17,-1473231341),i,m,d[n+7],22,-45705983),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+8],7,1770035416),f,r,d[n+9],12,-1958414417),m,f,d[n+10],17,-42063),i,m,d[n+11],22,-1990404162),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+12],7,1804603682),f,r,d[n+13],12,-40341101),m,f,d[n+14],17,-1502002290),i,m,d[n+15],22,1236535329),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+1],5,-165796510),f,r,d[n+6],9,-1069501632),m,f,d[n+11],14,643717713),i,m,d[n+0],20,-373897302),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+5],5,-701558691),f,r,d[n+10],9,38016083),m,f,d[n+15],14,-660478335),i,m,d[n+4],20,-405537848),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+9],5,568446438),f,r,d[n+14],9,-1019803690),m,f,d[n+3],14,-187363961),i,m,d[n+8],20,1163531501),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+13],5,-1444681467),f,r,d[n+2],9,-51403784),m,f,d[n+7],14,1735328473),i,m,d[n+12],20,-1926607734),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+5],4,-378558),f,r,d[n+8],11,-2022574463),m,f,d[n+11],16,1839030562),i,m,d[n+14],23,-35309556),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+1],4,-1530992060),f,r,d[n+4],11,1272893353),m,f,d[n+7],16,-155497632),i,m,d[n+10],23,-1094730640),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+13],4,681279174),f,r,d[n+0],11,-358537222),m,f,d[n+3],16,-722521979),i,m,d[n+6],23,76029189),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+9],4,-640364487),f,r,d[n+12],11,-421815835),m,f,d[n+15],16,530742520),i,m,d[n+2],23,-995338651),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+0],6,-198630844),f,r,d[n+7],10,1126891415),m,f,d[n+14],15,-1416354905),i,m,d[n+5],21,-57434055),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+12],6,1700485571),f,r,d[n+3],10,-1894986606),m,f,d[n+10],15,-1051523),i,m,d[n+1],21,-2054922799),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+8],6,1873313359),f,r,d[n+15],10,-30611744),m,f,d[n+6],15,-1560198380),i,m,d[n+13],21,1309151649),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+4],6,-145523070),f,r,d[n+11],10,-1120210379),m,f,d[n+2],15,718787259),i,m,d[n+9],21,-343485551),m=safe_add(m,h),f=safe_add(f,t),r=safe_add(r,g),i=safe_add(i,e)}return Array(m,f,r,i)}function md5_cmn(d,_,m,f,r,i){return safe_add(bit_rol(safe_add(safe_add(_,d),safe_add(f,i)),r),m)}function md5_ff(d,_,m,f,r,i,n){return md5_cmn(_&m|~_&f,d,_,r,i,n)}function md5_gg(d,_,m,f,r,i,n){return md5_cmn(_&f|m&~f,d,_,r,i,n)}function md5_hh(d,_,m,f,r,i,n){return md5_cmn(_^m^f,d,_,r,i,n)}function md5_ii(d,_,m,f,r,i,n){return md5_cmn(m^(_|~f),d,_,r,i,n)}function safe_add(d,_){var m=(65535&d)+(65535&_);return(d>>16)+(_>>16)+(m>>16)<<16|65535&m}function bit_rol(d,_){return d<<_|d>>>32-_}
|
||
|
|
|
||
|
|
var checksum = MD5(file.name + file.size + file.lastModified)
|
||
|
|
return checksum
|
||
|
|
}
|
||
|
|
|
||
|
|
function resetFiles() {
|
||
|
|
filesOk = []
|
||
|
|
files_checksum = []
|
||
|
|
response = []
|
||
|
|
uploadCount = 0
|
||
|
|
document.querySelector("#list").querySelector("ul").innerHTML = ""
|
||
|
|
document.querySelector("pre#response").innerHTML = '<spam id="info">Response IPFS API:</spam>'
|
||
|
|
document.querySelector('button#buttonUpload').onclick = function(){upload()}
|
||
|
|
document.querySelector('button#buttonUpload').innerHTML = 'Upload<img src="/assets/images/upload/upload.png">'
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
var filesOk = []
|
||
|
|
var response = []
|
||
|
|
var message = []
|
||
|
|
var files_checksum = []
|
||
|
|
var selectedNode = ""
|
||
|
|
var uploadCount = 0
|
||
|
|
var connected = 0
|
||
|
|
if (!window.FileReader) {
|
||
|
|
message = '<p>The ' +
|
||
|
|
'<a href="http://dev.w3.org/2006/webapi/FileAPI/" target="_blank">File API</a>s ' +
|
||
|
|
'are not fully supported by this browser.</p>' +
|
||
|
|
'<p>Upgrade your browser to the latest version.</p>';
|
||
|
|
document.querySelector('body').innerHTML = message;
|
||
|
|
} else {
|
||
|
|
// Set up the file drag and drop listeners:
|
||
|
|
document.getElementById('fileDropBox').addEventListener('dragover', handleDragOver, false);
|
||
|
|
document.getElementById('fileDropBox').addEventListener('drop', handleFileSelect, false);
|
||
|
|
document.getElementById('files').addEventListener('change', handleFileSelect, false);
|
||
|
|
}
|
||
|
|
updateNode(node.default)
|