(function() {
    var logEl = document.getElementById('log');
    function log(m) { var d = document.createElement('div'); d.className='pkg-log-entry'; d.textContent=m; logEl.appendChild(d); logEl.scrollTop=logEl.scrollHeight; }
    new MultipleUpload('#demo', {
        uploadUrl: '/api/upload',
        multiple: true,
        accept: 'image/*',
        showThumbnails: true,
        transformPipeline: [
            function(file) {
                log('Step 1: Fixing orientation...');
                return MultipleUpload.fixOrientation(file);
            },
            function(file) {
                log('Step 2: Resizing to 1024px...');
                return MultipleUpload.resizeImage(file, 1024, 1024, 0.9);
            },
            function(file) {
                log('Step 3: Adding watermark...');
                return MultipleUpload.addWatermark(file, 'Demo', { fontSize: 24, position: 'bottom-right', color: 'rgba(255,255,255,0.5)' });
            }
        ]
    });
})();