if (typeof AUTO_TITLE != 'undefined' && AUTO_TITLE == true) { document.title = location.hostname; } if (typeof GCSBL_IGNORE_PATH == 'undefined' || GCSBL_IGNORE_PATH != true) { var GCSBL_IGNORE_PATH = false; } if (typeof BUCKET_URL == 'undefined') { var BUCKET_URL = location.protocol + '//' + location.hostname; } if (typeof BUCKET_NAME != 'undefined') { // if bucket_url does not start with bucket_name, // assume path-style url if (!~BUCKET_URL.indexOf(location.protocol + '//' + BUCKET_NAME)) { BUCKET_URL += '/' + BUCKET_NAME; } } if (typeof GCSB_ROOT_DIR == 'undefined') { var GCSB_ROOT_DIR = ''; } if (typeof GCSB_SORT == 'undefined') { var GCSB_SORT = 'DEFAULT'; } if (typeof EXCLUDE_FILE == 'undefined') { var EXCLUDE_FILE = []; } else if (typeof EXCLUDE_FILE == 'string') { var EXCLUDE_FILE = [EXCLUDE_FILE]; } // https://tc39.github.io/ecma262/#sec-array.prototype.includes if (!Array.prototype.includes) { Object.defineProperty(Array.prototype, 'includes', { value: function(searchElement, fromIndex) { if (this == null) { throw new TypeError('"this" is null or not defined'); } // 1. Let O be ? ToObject(this value). var o = Object(this); // 2. Let len be ? ToLength(? Get(O, "length")). var len = o.length >>> 0; // 3. If len is 0, return false. if (len === 0) { return false; } // 4. Let n be ? ToInteger(fromIndex). // (If fromIndex is undefined, this step produces the value 0.) var n = fromIndex | 0; // 5. If n ≥ 0, then // a. Let k be n. // 6. Else n < 0, // a. Let k be len + n. // b. If k < 0, let k be 0. var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0); function sameValueZero(x, y) { return x === y || (typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y)); } // 7. Repeat, while k < len while (k < len) { // a. Let elementK be the result of ? Get(O, ! ToString(k)). // b. If SameValueZero(searchElement, elementK) is true, return true. if (sameValueZero(o[k], searchElement)) { return true; } // c. Increase k by 1. k++; } // 8. Return false return false; } }); } jQuery(function($) { getS3Data(); }); // This will sort your file listing by most recently modified. // Flip the comparator to '>' if you want oldest files first. function sortFunction(a, b) { switch (GCSB_SORT) { case "OLD2NEW": return a.LastModified > b.LastModified ? 1 : -1; case "NEW2OLD": return a.LastModified < b.LastModified ? 1 : -1; case "A2Z": return a.Key < b.Key ? 1 : -1; case "Z2A": return a.Key > b.Key ? 1 : -1; case "BIG2SMALL": return a.Size < b.Size ? 1 : -1; case "SMALL2BIG": return a.Size > b.Size ? 1 : -1; } } function getS3Data(marker, html) { var gcs_rest_url = createS3QueryUrl(marker); // set loading notice $('#listing') .html(''); $.get(gcs_rest_url) .done(function(data) { // clear loading notice $('#listing').html(''); var xml = $(data); var info = getInfoFromS3Data(xml); // Slight modification by FuzzBall03 // This will sort your file listing based on var GCSB_SORT // See url for example: // http://esp-link.s3-website-us-east-1.amazonaws.com/ if (GCSB_SORT != 'DEFAULT') { var sortedFiles = info.files; sortedFiles.sort(sortFunction); info.files = sortedFiles; } buildNavigation(info); html = typeof html !== 'undefined' ? html + prepareTable(info) : prepareTable(info); if (info.nextMarker != "null") { getS3Data(info.nextMarker, html); } else { document.getElementById('listing').innerHTML = '
' + html + '
'; } }) .fail(function(error) { console.error(error); $('#listing').html('Error: ' + error + ''); }); } function buildNavigation(info) { var root = '' + location.hostname + ' / '; if (info.prefix) { var processedPathSegments = ''; if (GCSBL_IGNORE_PATH) { processedPathSegments = '?prefix=' } var content = $.map(info.prefix.split('/'), function(pathSegment) { processedPathSegments = processedPathSegments + encodeURIComponent(pathSegment) + '/'; return '' + pathSegment + ''; }); $('#navigation').html(root + content.join(' / ')); } else { $('#navigation').html(root); } } function createS3QueryUrl(marker) { var gcs_rest_url = BUCKET_URL; gcs_rest_url += '?delimiter=/'; var rx = '.*[?&]prefix=' + GCSB_ROOT_DIR + '([^&]+)(&.*)?$'; var prefix = ''; if (GCSBL_IGNORE_PATH == false) { var prefix = location.pathname.replace(/^\//, GCSB_ROOT_DIR); } var match = location.search.match(rx); if (match) { prefix = GCSB_ROOT_DIR + match[1]; } else { if (GCSBL_IGNORE_PATH) { var prefix = GCSB_ROOT_DIR; } } if (prefix) { // make sure we end in / var prefix = prefix.replace(/\/$/, '') + '/'; gcs_rest_url += '&prefix=' + prefix; } if (marker) { gcs_rest_url += '&marker=' + marker; } return gcs_rest_url; } function getInfoFromS3Data(xml) { var files = $.map(xml.find('Contents'), function(item) { item = $(item); // clang-format off return { Key: item.find('Key').text(), LastModified: item.find('LastModified').text(), Size: bytesToHumanReadable(item.find('Size').text()), Type: 'file', ETag: item.find('ETag').text() } // clang-format on }); var directories = $.map(xml.find('CommonPrefixes'), function(item) { item = $(item); // clang-format off return { Key: item.find('Prefix').text(), LastModified: '', ETag: '', Size: '-', Type: 'directory' } // clang-format on }); if ($(xml.find('IsTruncated')[0]).text() == 'true') { var nextMarker = $(xml.find('NextMarker')[0]).text(); } else { var nextMarker = null; } // clang-format off return { files: files, directories: directories, prefix: $(xml.find('Prefix')[0]).text(), nextMarker: encodeURIComponent(nextMarker) } // clang-format on } // info is object like: // { // files: .. // directories: .. // prefix: ... // } function prepareTable(info) { var files = info.directories.concat(info.files), prefix = info.prefix; var cols = [45, 30, 15]; var content = []; content.push(padRight('Last Modified', cols[1]) + ' ' + padRight('Size', cols[2]) + 'Key \n'); content.push(new Array(cols[0] + cols[1] + cols[2] + 4).join('-') + '\n'); // add ../ at the start of the dir listing, unless we are already at root dir if (prefix && prefix !== GCSB_ROOT_DIR) { var up = prefix.replace(/\/$/, '').split('/').slice(0, -1).concat('').join( '/'), // one directory up item = { Key: up, LastModified: '', ETag: '', Size: '', keyText: '../', href: GCSBL_IGNORE_PATH ? '?prefix=' + up : '../' }, row = renderRow(item, cols); content.push(row + '\n'); } jQuery.each(files, function(idx, item) { // strip off the prefix item.keyText = item.Key.substring(prefix.length); if (item.Type === 'directory') { if (GCSBL_IGNORE_PATH) { item.href = location.protocol + '//' + location.hostname + location.pathname + '?prefix=' + item.Key; } else { item.href = item.keyText; } } else { item.href = '/' + item.Key; } var row = renderRow(item, cols); if (!EXCLUDE_FILE.includes(item.Key)) content.push(row + '\n'); }); return content.join(''); } function renderRow(item, cols) { var row = ''; row += padRight(item.LastModified, cols[1]) + ' '; row += padRight(item.Size, cols[2]); row += '' + item.keyText + ''; return row; } function padRight(padString, length) { var str = padString.slice(0, length - 3); if (padString.length > str.length) { str += '...'; } while (str.length < length) { str = str + ' '; } return str; } function bytesToHumanReadable(sizeInBytes) { var i = -1; var units = [' kB', ' MB', ' GB']; do { sizeInBytes = sizeInBytes / 1024; i++; } while (sizeInBytes > 1024); return Math.max(sizeInBytes, 0.1).toFixed(1) + units[i]; }