Kitchen Sink (Everything)

(function() {
 var logEl = document.getElementById('log');
 function log(m) { var d = document.createElement('div'); d.className='pkg-log-entry'; d.textContent=new Date().toLocaleTimeString()+' '+m; logEl.appendChild(d); logEl.scrollTop=logEl.scrollHeight; }
 document.getElementById('clear-log').addEventListener('click', function() { logEl.innerHTML=''; });

 var u = new MultipleUpload('#demo', {
 uploadUrl: '/api/upload',
 multiple: true,
 autoUpload: false,
 chunked: true,
 chunkSize: '1MB',
 chunkConcurrency: 2,
 concurrency: 2,
 retries: 2,
 retryBackoff: 'exponential',
 maxFileSize: '50MB',
 allowedExtensions: '.jpg,.jpeg,.png,.gif,.webp,.pdf,.doc,.docx,.xls,.xlsx,.zip,.mp4,.txt',
 preventDuplicates: true,
 showThumbnails: true,
 removable: true,
 confirmRemove: true,
 paste: true,
 fullPageDrop: true,
 autoOrient: true,
 imageResize: { maxWidth: 1920, maxHeight: 1920, quality: 0.9 },
 watermark: { text: 'DEMO', fontSize: 24, position: 'bottom-right', color: 'rgba(0,0,0,0.15)' },
 computeHash: true,
 hashAlgorithm: 'sha256',
 persistState: true,
 persistKey: 'kitchen-sink-demo',
 onFileAdded: function(t) { log('+ ' + t.fileName); document.getElementById('ks-files').textContent = u.tasks.length; },
 onTaskProgress: function(t) {
 document.getElementById('ks-speed').textContent = MultipleUpload.formatSize(t.speed) + '/s';
 document.getElementById('ks-pct').textContent = t.progress + '%';
 },
 onTaskComplete: function(t) { log('Done: ' + t.fileName); document.getElementById('ks-done').textContent = u.getCompletedFiles().length; },
 onTaskError: function(t,e) { log('ERR: ' + t.fileName + ' ' + e); },
 onChunkComplete: function(f,i,n) { log('Chunk ' + (i+1) + '/' + n + ' ' + f.name); },
 onQueueComplete: function(f) { log('=== ALL DONE: ' + f.length + ' files ==='); },
 onHashComputed: function(t,h) { log('Hash: ' + t.fileName + ' ' + h.slice(0,16) + '...'); },
 onValidationError: function(m,n) { log('INVALID: ' + (n||'') + ' ' + m); }
 });
 document.getElementById('btn-upload').onclick = function() { u.upload(); };
 document.getElementById('btn-pause').onclick = function() { u.pause(); };
 document.getElementById('btn-resume').onclick = function() { u.resume(); };
 document.getElementById('btn-cancel').onclick = function() { u.cancel(); };
 document.getElementById('btn-reset').onclick = function() { u.reset(); };
})();