diff --git a/TODO.md b/TODO.md index 42c66d7..8775f9f 100644 --- a/TODO.md +++ b/TODO.md @@ -39,7 +39,7 @@ Low priority: * [x] Delete user feature. * [ ] Bulk delete user feature. * [ ] Bulk disable user feature. -* [ ] Strip EXIF from images. [#51](https://github.com/BobbyWibowo/lolisafe/issues/51) +* [x] Strip EXIF from images. [#51](https://github.com/BobbyWibowo/lolisafe/issues/51) * [ ] DMCA request logs (bare text file will do), and link it in FAQ. This should also include list of files that also had to be manually deleted due to triggering Google's SafeSearch (harmful downloads, etc). diff --git a/config.sample.js b/config.sample.js index 1ac9a83..b873125 100644 --- a/config.sample.js +++ b/config.sample.js @@ -325,7 +325,7 @@ module.exports = { Cache file identifiers. They will be used for stricter collision checks, such that a single identifier - may not be used by more than a single file (e.i. if "abcd.jpg" already exists, a new PNG + may not be used by more than a single file (e.g. if "abcd.jpg" already exists, a new PNG file may not be named as "abcd.png"). If this is enabled, the safe will query files from the database during first launch, @@ -333,11 +333,11 @@ module.exports = { Its downside is that it will use a bit more memory. If this is disabled, collision check will become less strict. - As in, the same identifier may be used by multiple different extensions (e.i. if "abcd.jpg" + As in, the same identifier may be used by multiple different extensions (e.g. if "abcd.jpg" already exists, new files can be possibly be named as "abcd.png", "abcd.mp4", etc). Its downside will be, in the rare chance that multiple image/video files are sharing the same identifier, they will end up with the same thumbnail in dashboard, since thumbnails will - only be saved as PNG in storage (e.i. "abcd.jpg" and "abcd.png" will share a single thumbnail + only be saved as PNG in storage (e.g. "abcd.jpg" and "abcd.png" will share a single thumbnail named "abcd.png" in thumbs directory, in which case, the file that's uploaded the earliest will be the source for the thumbnail). @@ -369,6 +369,28 @@ module.exports = { placeholder: null }, + /* + Strip tags (e.g. EXIF). + + "default" decides whether to strip tags or not by default, + as the behavior can be configured by users from home uploader's Config tab. + If "force" is set to true, the default behavior will be enforced. + + "video" decides whether to also strip tags of vidoe files + (of course only if the default behavior is to strip tags). + However, this also requires ffmpeg (see option's note above), + and still experimental (thus use at your own risk). + + NOTE: Other than setting both "default" and "force" to false, + you can also set stripTags itself to any falsy value to completely + disable this feature. + */ + stripTags: { + default: false, + video: false, + force: false + }, + /* Allow users to download a ZIP archive of all files in an album. The file is generated when the user clicks the download button in the view diff --git a/controllers/uploadController.js b/controllers/uploadController.js index 453ea91..59d7438 100644 --- a/controllers/uploadController.js +++ b/controllers/uploadController.js @@ -26,7 +26,7 @@ const maxFilesPerUpload = 20 const chunkedUploads = Boolean(config.uploads.chunkSize) const chunksData = {} -// Hard-coded min chunk size of 1 MB (e.i. 50 MB = max 50 chunks) +// Hard-coded min chunk size of 1 MB (e.g. 50 MB = max 50 chunks) const maxChunksCount = maxSize const extensionsFilter = Array.isArray(config.extensionsFilter) && @@ -106,7 +106,7 @@ const executeMulter = multer({ .catch(error => cb(error)) } - // index.extension (e.i. 0, 1, ..., n - will prepend zeros depending on the amount of chunks) + // index.extension (i.e. 0, 1, ..., n - will prepend zeros depending on the amount of chunks) const digits = req.body.totalchunkcount !== undefined ? `${req.body.totalchunkcount - 1}`.length : 1 const zeros = new Array(digits + 1).join('0') const name = (zeros + req.body.chunkindex).slice(-digits) @@ -183,6 +183,16 @@ self.parseUploadAge = age => { return null } +self.parseStripTags = stripTags => { + if (!config.uploads.stripTags) + return false + + if (config.uploads.stripTags.force || stripTags === undefined) + return config.uploads.stripTags.default + + return Boolean(parseInt(stripTags)) +} + self.upload = async (req, res, next) => { let user if (config.private === true) { @@ -273,6 +283,8 @@ self.actuallyUploadFiles = async (req, res, user, albumid, age) => { if (scanResult) throw scanResult } + await self.stripTags(req, infoMap) + const result = await self.storeFilesToDb(req, res, user, infoMap) await self.sendUploadResponse(req, res, result) } @@ -471,6 +483,8 @@ self.actuallyFinishChunks = async (req, res, user) => { if (scanResult) throw scanResult } + await self.stripTags(req, infoMap) + const result = await self.storeFilesToDb(req, res, user, infoMap) await self.sendUploadResponse(req, res, result) } catch (error) { @@ -552,10 +566,31 @@ self.scanFiles = async (req, user, infoMap) => { return results } +self.stripTags = async (req, infoMap) => { + if (!self.parseStripTags(req.headers.striptags)) + return + + try { + await Promise.all(infoMap.map(info => + utils.stripTags(info.data.filename, info.data.extname) + )) + } catch (error) { + // Unlink all files when at least one threat is found OR any errors occurred + // Should continue even when encountering errors + await Promise.all(infoMap.map(info => + utils.unlinkFile(info.data.filename).catch(logger.error) + )) + + // Re-throw error + throw error + } +} + self.storeFilesToDb = async (req, res, user, infoMap) => { const files = [] const exists = [] const albumids = [] + await Promise.all(infoMap.map(async info => { // Create hash of the file const hash = await new Promise((resolve, reject) => { diff --git a/controllers/utilsController.js b/controllers/utilsController.js index e0730d5..76216df 100644 --- a/controllers/utilsController.js +++ b/controllers/utilsController.js @@ -308,6 +308,52 @@ self.generateThumbs = async (name, extname, force) => { return true } +self.stripTags = async (name, extname) => { + const fullpath = path.join(paths.uploads, name) + + if (self.imageExts.includes(extname)) { + const tmpfile = path.join(paths.uploads, `tmp-${name}`) + await paths.rename(fullpath, tmpfile) + + try { + await sharp(tmpfile) + .toFile(fullpath) + await paths.unlink(tmpfile) + } catch (error) { + await paths.unlink(tmpfile) + // Re-throw error + throw error + } + } else if (config.uploads.stripTags.video && self.videoExts.includes(extname)) { + const tmpfile = path.join(paths.uploads, `tmp-${name}`) + await paths.rename(fullpath, tmpfile) + + try { + await new Promise((resolve, reject) => { + ffmpeg(tmpfile) + .output(fullpath) + .outputOptions([ + // Experimental. + '-c copy', + '-map_metadata:g -1:g', + '-map_metadata:s:v -1:g', + '-map_metadata:s:a -1:g' + ]) + .on('error', error => reject(error)) + .on('end', () => resolve(true)) + .run() + }) + await paths.unlink(tmpfile) + } catch (error) { + await paths.unlink(tmpfile) + // Re-throw error + throw error + } + } + + return true +} + self.unlinkFile = async (filename, predb) => { try { await paths.unlink(path.join(paths.uploads, filename)) diff --git a/dist/css/style.css b/dist/css/style.css index 47aed08..2e2fa7f 100644 --- a/dist/css/style.css +++ b/dist/css/style.css @@ -1,2 +1,2 @@ -html{background-color:#000;overflow-y:auto}body{color:#eff0f1;-webkit-animation:fadeInOpacity .5s;animation:fadeInOpacity .5s}@-webkit-keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}a{color:#209cee}a:hover{color:#67c3ff}hr{background-color:#585858}.message-body code,code{background-color:#000;border-radius:5px}.title{color:#eff0f1}.subtitle,.subtitle strong{color:#bdc3c7}.input,.select select,.textarea{color:#eff0f1;border-color:#585858;background-color:#000}.input::-moz-placeholder,.textarea::-moz-placeholder{color:#bdc3c7}.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:#bdc3c7}.input:-moz-placeholder,.textarea:-moz-placeholder{color:#bdc3c7}.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:#bdc3c7}.input.is-active,.input.is-focused,.input:active,.input:focus,.input:not([disabled]):hover,.select fieldset:not([disabled]) select:hover,.select select:not([disabled]):hover,.textarea.is-active,.textarea.is-focused,.textarea:active,.textarea:focus,.textarea:not([disabled]):hover,fieldset:not([disabled]) .input:hover,fieldset:not([disabled]) .select select:hover,fieldset:not([disabled]) .textarea:hover{border-color:#209cee}.input[disabled],.select fieldset[disabled] select,.select select[disabled],.textarea[disabled],fieldset[disabled] .input,fieldset[disabled] .select select,fieldset[disabled] .textarea{border-color:#585858;background-color:#2f2f2f}.label{color:#eff0f1;font-weight:400}.help{color:#bdc3c7}.progress{background-color:#585858}.button.is-info.is-hovered [class*=" icon-"]:before,.button.is-info.is-hovered [class^=icon-]:before,.button.is-info:hover [class*=" icon-"]:before,.button.is-info:hover [class^=icon-]:before{fill:#fff}.checkbox:hover,.radio:hover{color:#7f8c8d}.select:not(.is-multiple):not(.is-loading):after,.select:not(.is-multiple):not(.is-loading):hover:after{border-color:#eff0f1}.message{background-color:#2f2f2f}.message-body{color:#eff0f1;border:0}.hero.is-fullheight>.hero-body{min-height:100vh;height:100%}.hero.is-fullheight>.hero-body>.container{width:100%} +html{background-color:#000;overflow-y:auto}body{color:#eff0f1;-webkit-animation:fadeInOpacity .5s;animation:fadeInOpacity .5s}@-webkit-keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}a{color:#209cee}a:hover{color:#67c3ff}hr{background-color:#585858}.message-body code,code{background-color:#000;border-radius:5px}.title{color:#eff0f1}.subtitle,.subtitle strong{color:#bdc3c7}.input,.select select,.textarea{color:#eff0f1;border-color:#585858;background-color:#000}.input::-moz-placeholder,.textarea::-moz-placeholder{color:#bdc3c7}.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:#bdc3c7}.input:-moz-placeholder,.textarea:-moz-placeholder{color:#bdc3c7}.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:#bdc3c7}.input.is-active,.input.is-focused,.input:active,.input:focus,.input:not([disabled]):hover,.select fieldset:not([disabled]) select:hover,.select select:not([disabled]):hover,.textarea.is-active,.textarea.is-focused,.textarea:active,.textarea:focus,.textarea:not([disabled]):hover,fieldset:not([disabled]) .input:hover,fieldset:not([disabled]) .select select:hover,fieldset:not([disabled]) .textarea:hover{border-color:#209cee}.input[disabled],.select fieldset[disabled] select,.select select[disabled],.textarea[disabled],fieldset[disabled] .input,fieldset[disabled] .select select,fieldset[disabled] .textarea{border-color:#585858;background-color:#2f2f2f}.label{color:#eff0f1;font-weight:400}.help{color:#bdc3c7}.progress{background-color:#585858}.button.is-info.is-hovered [class*=" icon-"]:before,.button.is-info.is-hovered [class^=icon-]:before,.button.is-info:hover [class*=" icon-"]:before,.button.is-info:hover [class^=icon-]:before{fill:#fff}.checkbox:hover,.radio:hover{color:#7f8c8d}.select:not(.is-multiple):not(.is-loading):after,.select:not(.is-multiple):not(.is-loading):hover:after{border-color:#eff0f1}.select select[disabled]:hover,fieldset[disabled] .select select:hover{border-color:#585858}.message{background-color:#2f2f2f}.message-body{color:#eff0f1;border:0}.hero.is-fullheight>.hero-body{min-height:100vh;height:100%}.hero.is-fullheight>.hero-body>.container{width:100%} /*# sourceMappingURL=style.css.map */ diff --git a/dist/css/style.css.map b/dist/css/style.css.map index 527ca73..94a96df 100644 --- a/dist/css/style.css.map +++ b/dist/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["css/style.css"],"names":[],"mappings":"AAAA,KACE,qBAAsB,CACtB,eACF,CAEA,KACE,aAAc,CACd,mCAA4B,CAA5B,2BACF,CAEA,iCACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,yBACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,EACE,aACF,CAEA,QACE,aACF,CAEA,GACE,wBACF,CAEA,wBAEE,qBAAsB,CACtB,iBACF,CAEA,OACE,aACF,CAMA,2BACE,aACF,CAEA,gCAGE,aAAc,CACd,oBAAqB,CACrB,qBACF,CAEA,qDAEE,aACF,CAEA,uEAEE,aACF,CAEA,mDAEE,aACF,CAEA,6DAEE,aACF,CAYA,qZAQE,oBACF,CAEA,yLAOE,oBAAqB,CACrB,wBACF,CAEA,OACE,aAAc,CACd,eACF,CAEA,MACE,aACF,CAEA,UACE,wBACF,CAEA,gMAIE,SACF,CAEA,6BAEE,aACF,CAMA,wGACE,oBACF,CAEA,SACE,wBACF,CAEA,cACE,aAAc,CACd,QACF,CAGA,+BACE,gBAAiB,CACjB,WACF,CAGA,0CACE,UACF","file":"style.css","sourcesContent":["html {\n background-color: #000;\n overflow-y: auto\n}\n\nbody {\n color: #eff0f1;\n animation: fadeInOpacity 0.5s\n}\n\n@-webkit-keyframes fadeInOpacity {\n 0% {\n opacity: 0\n }\n\n 100% {\n opacity: 1\n }\n}\n\n@keyframes fadeInOpacity {\n 0% {\n opacity: 0\n }\n\n 100% {\n opacity: 1\n }\n}\n\na {\n color: #209cee\n}\n\na:hover {\n color: #67c3ff\n}\n\nhr {\n background-color: #585858\n}\n\ncode,\n.message-body code {\n background-color: #000;\n border-radius: 5px\n}\n\n.title {\n color: #eff0f1\n}\n\n.subtitle {\n color: #bdc3c7\n}\n\n.subtitle strong {\n color: #bdc3c7\n}\n\n.input,\n.select select,\n.textarea {\n color: #eff0f1;\n border-color: #585858;\n background-color: #000\n}\n\n.input::-moz-placeholder,\n.textarea::-moz-placeholder {\n color: #bdc3c7\n}\n\n.input::-webkit-input-placeholder,\n.textarea::-webkit-input-placeholder {\n color: #bdc3c7\n}\n\n.input:-moz-placeholder,\n.textarea:-moz-placeholder {\n color: #bdc3c7\n}\n\n.input:-ms-input-placeholder,\n.textarea:-ms-input-placeholder {\n color: #bdc3c7\n}\n\n.input:not([disabled]):hover,\n.select fieldset:not([disabled]) select:hover,\n.select select:not([disabled]):hover,\n.textarea:not([disabled]):hover,\nfieldset:not([disabled]) .input:hover,\nfieldset:not([disabled]) .select select:hover,\nfieldset:not([disabled]) .textarea:hover {\n border-color: #209cee\n}\n\n.input.is-active,\n.input.is-focused,\n.input:active,\n.input:focus,\n.textarea.is-active,\n.textarea.is-focused,\n.textarea:active,\n.textarea:focus {\n border-color: #209cee\n}\n\n.input[disabled],\n.select fieldset[disabled] select,\n.select select[disabled],\n.textarea[disabled],\nfieldset[disabled] .input,\nfieldset[disabled] .select select,\nfieldset[disabled] .textarea {\n border-color: #585858;\n background-color: #2f2f2f\n}\n\n.label {\n color: #eff0f1;\n font-weight: normal\n}\n\n.help {\n color: #bdc3c7\n}\n\n.progress {\n background-color: #585858\n}\n\n.button.is-info.is-hovered [class^=\"icon-\"]::before,\n.button.is-info.is-hovered [class*=\" icon-\"]::before,\n.button.is-info:hover [class^=\"icon-\"]::before,\n.button.is-info:hover [class*=\" icon-\"]::before {\n fill: #fff\n}\n\n.checkbox:hover,\n.radio:hover {\n color: #7f8c8d\n}\n\n.select:not(.is-multiple):not(.is-loading)::after {\n border-color: #eff0f1\n}\n\n.select:not(.is-multiple):not(.is-loading):hover::after {\n border-color: #eff0f1\n}\n\n.message {\n background-color: #2f2f2f\n}\n\n.message-body {\n color: #eff0f1;\n border: 0\n}\n\n/* https://github.com/philipwalton/flexbugs#flexbug-3 */\n.hero.is-fullheight > .hero-body {\n min-height: 100vh;\n height: 100%\n}\n\n/* https://github.com/philipwalton/flexbugs#flexbug-2 */\n.hero.is-fullheight > .hero-body > .container {\n width: 100%\n}\n"]} \ No newline at end of file +{"version":3,"sources":["css/style.css"],"names":[],"mappings":"AAAA,KACE,qBAAsB,CACtB,eACF,CAEA,KACE,aAAc,CACd,mCAA4B,CAA5B,2BACF,CAEA,iCACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,yBACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,EACE,aACF,CAEA,QACE,aACF,CAEA,GACE,wBACF,CAEA,wBAEE,qBAAsB,CACtB,iBACF,CAEA,OACE,aACF,CAMA,2BACE,aACF,CAEA,gCAGE,aAAc,CACd,oBAAqB,CACrB,qBACF,CAEA,qDAEE,aACF,CAEA,uEAEE,aACF,CAEA,mDAEE,aACF,CAEA,6DAEE,aACF,CAYA,qZAQE,oBACF,CAEA,yLAOE,oBAAqB,CACrB,wBACF,CAEA,OACE,aAAc,CACd,eACF,CAEA,MACE,aACF,CAEA,UACE,wBACF,CAEA,gMAIE,SACF,CAEA,6BAEE,aACF,CAMA,wGACE,oBACF,CAEA,uEAEE,oBACF,CAEA,SACE,wBACF,CAEA,cACE,aAAc,CACd,QACF,CAGA,+BACE,gBAAiB,CACjB,WACF,CAGA,0CACE,UACF","file":"style.css","sourcesContent":["html {\n background-color: #000;\n overflow-y: auto\n}\n\nbody {\n color: #eff0f1;\n animation: fadeInOpacity 0.5s\n}\n\n@-webkit-keyframes fadeInOpacity {\n 0% {\n opacity: 0\n }\n\n 100% {\n opacity: 1\n }\n}\n\n@keyframes fadeInOpacity {\n 0% {\n opacity: 0\n }\n\n 100% {\n opacity: 1\n }\n}\n\na {\n color: #209cee\n}\n\na:hover {\n color: #67c3ff\n}\n\nhr {\n background-color: #585858\n}\n\ncode,\n.message-body code {\n background-color: #000;\n border-radius: 5px\n}\n\n.title {\n color: #eff0f1\n}\n\n.subtitle {\n color: #bdc3c7\n}\n\n.subtitle strong {\n color: #bdc3c7\n}\n\n.input,\n.select select,\n.textarea {\n color: #eff0f1;\n border-color: #585858;\n background-color: #000\n}\n\n.input::-moz-placeholder,\n.textarea::-moz-placeholder {\n color: #bdc3c7\n}\n\n.input::-webkit-input-placeholder,\n.textarea::-webkit-input-placeholder {\n color: #bdc3c7\n}\n\n.input:-moz-placeholder,\n.textarea:-moz-placeholder {\n color: #bdc3c7\n}\n\n.input:-ms-input-placeholder,\n.textarea:-ms-input-placeholder {\n color: #bdc3c7\n}\n\n.input:not([disabled]):hover,\n.select fieldset:not([disabled]) select:hover,\n.select select:not([disabled]):hover,\n.textarea:not([disabled]):hover,\nfieldset:not([disabled]) .input:hover,\nfieldset:not([disabled]) .select select:hover,\nfieldset:not([disabled]) .textarea:hover {\n border-color: #209cee\n}\n\n.input.is-active,\n.input.is-focused,\n.input:active,\n.input:focus,\n.textarea.is-active,\n.textarea.is-focused,\n.textarea:active,\n.textarea:focus {\n border-color: #209cee\n}\n\n.input[disabled],\n.select fieldset[disabled] select,\n.select select[disabled],\n.textarea[disabled],\nfieldset[disabled] .input,\nfieldset[disabled] .select select,\nfieldset[disabled] .textarea {\n border-color: #585858;\n background-color: #2f2f2f\n}\n\n.label {\n color: #eff0f1;\n font-weight: normal\n}\n\n.help {\n color: #bdc3c7\n}\n\n.progress {\n background-color: #585858\n}\n\n.button.is-info.is-hovered [class^=\"icon-\"]::before,\n.button.is-info.is-hovered [class*=\" icon-\"]::before,\n.button.is-info:hover [class^=\"icon-\"]::before,\n.button.is-info:hover [class*=\" icon-\"]::before {\n fill: #fff\n}\n\n.checkbox:hover,\n.radio:hover {\n color: #7f8c8d\n}\n\n.select:not(.is-multiple):not(.is-loading)::after {\n border-color: #eff0f1\n}\n\n.select:not(.is-multiple):not(.is-loading):hover::after {\n border-color: #eff0f1\n}\n\n.select select[disabled]:hover,\nfieldset[disabled] .select select:hover {\n border-color: #585858\n}\n\n.message {\n background-color: #2f2f2f\n}\n\n.message-body {\n color: #eff0f1;\n border: 0\n}\n\n/* https://github.com/philipwalton/flexbugs#flexbug-3 */\n.hero.is-fullheight > .hero-body {\n min-height: 100vh;\n height: 100%\n}\n\n/* https://github.com/philipwalton/flexbugs#flexbug-2 */\n.hero.is-fullheight > .hero-body > .container {\n width: 100%\n}\n"]} \ No newline at end of file diff --git a/dist/js/home.js b/dist/js/home.js index 70cd182..bc03eae 100644 --- a/dist/js/home.js +++ b/dist/js/home.js @@ -1,2 +1,2 @@ -var lsKeys={token:"token",chunkSize:"chunkSize",parallelUploads:"parallelUploads",uploadsHistoryOrder:"uploadsHistoryOrder",previewImages:"previewImages",fileLength:"fileLength",uploadAge:"uploadAge"},page={token:localStorage[lsKeys.token],private:null,enableUserAccounts:null,maxSize:null,chunkSize:null,temporaryUploadAges:null,fileIdentifierLength:null,album:null,parallelUploads:2,previewImages:null,fileLength:null,uploadAge:null,maxSizeBytes:null,urlMaxSize:null,urlMaxSizeBytes:null,tabs:[],activeTab:null,albumSelect:null,previewTemplate:null,dropzone:null,clipboardJS:null,lazyLoad:null,urlsQueue:[],activeUrlsQueue:0,imageExts:[".webp",".jpg",".jpeg",".bmp",".gif",".png",".tiff",".tif",".svg"],videoExts:[".webm",".mp4",".wmv",".avi",".mov",".mkv"],albumTitleMaxLength:70,albumDescMaxLength:4e3,onInitError:function(e){document.querySelector("#albumDiv").classList.add("is-hidden"),document.querySelector("#tabs").classList.add("is-hidden"),document.querySelectorAll(".tab-content").forEach((function(e){return e.classList.add("is-hidden")}));var a=document.querySelector("#loginToUpload");a.innerText="An error occurred. Try to reload?",a.classList.remove("is-loading"),a.classList.remove("is-hidden"),a.addEventListener("click",(function(){location.reload()})),e.response?page.onAxiosError(e):page.onError(e)},onError:function(e){console.error(e);var a=document.createElement("div");return a.innerHTML=""+e.toString()+"",swal({title:"An error occurred!",icon:"error",content:a})},onAxiosError:function(e){console.error(e);var a={520:"Unknown Error",521:"Web Server Is Down",522:"Connection Timed Out",523:"Origin Is Unreachable",524:"A Timeout Occurred",525:"SSL Handshake Failed",526:"Invalid SSL Certificate",527:"Railgun Error",530:"Origin DNS Error"}[e.response.status]||e.response.statusText,t=e.response.data&&e.response.data.description?e.response.data.description:"There was an error with the request, please check the console for more information.";return swal(e.response.status+" "+a,t,"error")},checkIfPublic:function(){var e=!1;return axios.get("api/check",{onDownloadProgress:function(){e||"function"!=typeof page.doRender||(page.doRender(),e=!0)}}).then((function(e){return page.private=e.data.private,page.enableUserAccounts=e.data.enableUserAccounts,page.maxSize=parseInt(e.data.maxSize),page.maxSizeBytes=1e6*page.maxSize,page.chunkSize=parseInt(e.data.chunkSize),page.temporaryUploadAges=e.data.temporaryUploadAges,page.fileIdentifierLength=e.data.fileIdentifierLength,page.preparePage()})).catch(page.onInitError)},preparePage:function(){if(!page.private)return page.prepareUpload();if(page.token)return page.verifyToken(page.token,!0);var e=document.querySelector("#loginToUpload");e.href="auth",e.classList.remove("is-loading"),page.enableUserAccounts?e.innerText="Anonymous upload is disabled. Log in to upload.":e.innerText="Running in private mode. Log in to upload."},verifyToken:function(e,a){return axios.post("api/tokens/verify",{token:e}).then((function(t){return!1===t.data.success?swal({title:"An error occurred!",text:t.data.description,icon:"error"}).then((function(){a&&(localStorage.removeItem("token"),location.reload())})):(localStorage[lsKeys.token]=e,page.token=e,page.prepareUpload())})).catch(page.onInitError)},prepareUpload:function(){page.token&&(document.querySelector("#albumDiv").classList.remove("is-hidden"),page.albumSelect=document.querySelector("#albumSelect"),page.albumSelect.addEventListener("change",(function(){page.album=parseInt(page.albumSelect.value),"function"==typeof page.prepareShareX&&page.prepareShareX()})),page.fetchAlbums()),page.prepareUploadConfig(),document.querySelector("#maxSize > span").innerHTML=page.getPrettyBytes(page.maxSizeBytes),document.querySelector("#loginToUpload").classList.add("is-hidden"),!page.token&&page.enableUserAccounts&&(document.querySelector("#loginLinkText").innerHTML="Create an account and keep track of your uploads"),page.prepareDropzone(),"function"==typeof page.prepareShareX&&page.prepareShareX();var e=document.querySelector("#urlMaxSize");e&&(page.urlMaxSize=parseInt(e.innerHTML),page.urlMaxSizeBytes=1e6*page.urlMaxSize,e.innerHTML=page.getPrettyBytes(page.urlMaxSizeBytes),document.querySelector("#uploadUrls").addEventListener("click",(function(e){page.addUrlsToQueue()})));for(var a=document.querySelector("#tabs"),t=a.querySelectorAll("li"),n=function(e){var a=t[e].dataset.id,n=document.querySelector("#"+a);n&&(t[e].addEventListener("click",(function(){page.setActiveTab(e)})),page.tabs.push({tab:t[e],content:n}))},r=0;r .clipboard-js");n.href=n.innerHTML=r.dataset.clipboardText=a.url,t.classList.remove("is-hidden"),r.parentElement.classList.remove("is-hidden");var l=/.[\w]+(\?|$)/.exec(a.url),i=l&&l[0]?l[0].toLowerCase():null;if(page.imageExts.includes(i))if(page.previewImages){var o=e.previewElement.querySelector("img");o.setAttribute("alt",a.name||""),o.dataset.src=a.url,o.classList.remove("is-hidden"),o.onerror=function(a){a.currentTarget.classList.add("is-hidden"),page.updateTemplateIcon(e.previewElement,"icon-picture")},page.lazyLoad.update(e.previewElement.querySelectorAll("img"))}else page.updateTemplateIcon(e.previewElement,"icon-picture");else page.videoExts.includes(i)?page.updateTemplateIcon(e.previewElement,"icon-video"):page.updateTemplateIcon(e.previewElement,"icon-doc-inv");if(a.expirydate){var s=e.previewElement.querySelector(".expiry-date");s.innerHTML="EXP: "+page.getPrettyDate(new Date(1e3*a.expirydate)),s.classList.remove("is-hidden")}}},page.createAlbum=function(){var e=document.createElement("div");e.innerHTML='\n
\n
\n \n
\n

Max length is '+page.albumTitleMaxLength+' characters.

\n
\n
\n
\n \n
\n

Max length is '+page.albumDescMaxLength+' characters.

\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
\n ',swal({title:"Create new album",icon:"info",content:e,buttons:{cancel:!0,confirm:{closeModal:!1}}}).then((function(e){if(e){var a=document.querySelector("#swalName").value.trim();axios.post("api/albums",{name:a,description:document.querySelector("#swalDescription").value.trim(),download:document.querySelector("#swalDownload").checked,public:document.querySelector("#swalPublic").checked},{headers:{token:page.token}}).then((function(e){if(!1===e.data.success)return swal("An error occurred!",e.data.description,"error");var t=document.createElement("option");page.albumSelect.appendChild(t),t.value=e.data.id,t.innerHTML=a,t.selected=!0,swal("Woohoo!","Album was created successfully.","success")})).catch(page.onError)}}))},page.prepareUploadConfig=function(){var e={chunkSize:page.chunkSize,parallelUploads:page.parallelUploads},a=Array.isArray(page.temporaryUploadAges)&&page.temporaryUploadAges.length,t=page.fileIdentifierLength&&"number"==typeof page.fileIdentifierLength.min&&"number"==typeof page.fileIdentifierLength.max,n={siBytes:{label:"File size display",select:[{value:"default",text:"1000 B = 1 kB = 1 Kilobyte"},{value:"0",text:"1024 B = 1 KiB = 1 Kibibyte"}],help:"This will be used in our homepage, dashboard, and album public pages.",valueHandler:function(){}},fileLength:{display:t,label:"File identifier length",number:t?{min:page.fileIdentifierLength.min,max:page.fileIdentifierLength.max,round:!0}:void 0,help:!0,disabled:t&&page.fileIdentifierLength.force},uploadAge:{display:a,label:"Upload age",select:[],help:"This allows your files to automatically be deleted after a certain period of time."},chunkSize:{display:!isNaN(page.chunkSize),label:"Upload chunk size (MB)",number:{min:1,max:95,suffix:" MB",round:!0},help:!0},parallelUploads:{label:"Parallel uploads",number:{min:1,max:10,round:!0},help:!0},uploadsHistoryOrder:{label:"Uploads history order",select:[{value:"default",text:"Older files on top"},{value:"0",text:"Newer files on top"}],help:'Newer files on top will use a CSS technique.
\n Trying to select their texts manually from top to bottom will end up selecting the texts from bottom to top instead.',valueHandler:function(e){if("0"===e)for(var a=document.querySelectorAll(".tab-content > .uploads"),t=0;t=page.fileIdentifierLength.min&&o<=page.fileIdentifierLength.max&&(n.fileLength.value=o)}var s=document.querySelector("#tab-config"),u=document.createElement("form");u.addEventListener("submit",(function(e){return e.preventDefault()}));for(var p=Object.keys(n),d=0;d\n "+S.text+("default"===S.value?" (default)":"")+"\n \n ")}h.innerHTML='\n \n "}else void 0!==g.number&&((h=document.createElement("input")).id=h.name=c,h.className="input is-fullwidth",h.type="number",void 0!==g.number.min&&(h.min=g.number.min),void 0!==g.number.max&&(h.max=g.number.max),"number"==typeof v?h.value=v:void 0!==e[c]&&(h.value=e[c]));var w=void 0;if(g.disabled)h.disabled=g.disabled,w="This option is currently disabled.";else if("string"==typeof g.help)w=g.help;else if(!0===g.help&&void 0!==g.number){var k=[];void 0!==e[c]&&k.push("Default is "+e[c]+(g.number.suffix||"")+"."),void 0!==g.number.min&&k.push("Min is "+g.number.min+(g.number.suffix||"")+"."),void 0!==g.number.max&&k.push("Max is "+g.number.max+(g.number.suffix||"")+"."),w=k.join(" ")}m.innerHTML='\n \n
\n '+(w?'

'+w+"

":"")+"\n ",m.querySelector("div.control").appendChild(h),u.appendChild(m)}}var x=document.createElement("div");x.className="field",x.innerHTML='\n

\n \n

\n

\n This configuration will only be used in this browser.
\n After reloading the page, some of them will also be applied to the ShareX config that you can download by clicking on the ShareX icon below.\n

\n ',u.appendChild(x),u.querySelector("#saveConfig").addEventListener("click",(function(){if(u.checkValidity()){for(var a=Object.keys(n).filter((function(e){return!1!==n[e].display&&!0!==n[e].disabled})),t=0;t=24){var t=e/24;return t+" day"+(1===t?"":"s")}return e+" hour"+(1===e?"":"s")},window.addEventListener("paste",(function(e){for(var a=(e.clipboardData||e.originalEvent.clipboardData).items,t=Object.keys(a),n=0;n",swal({title:"An error occurred!",icon:"error",content:a})},onAxiosError:function(e){console.error(e);var a={520:"Unknown Error",521:"Web Server Is Down",522:"Connection Timed Out",523:"Origin Is Unreachable",524:"A Timeout Occurred",525:"SSL Handshake Failed",526:"Invalid SSL Certificate",527:"Railgun Error",530:"Origin DNS Error"}[e.response.status]||e.response.statusText,t=e.response.data&&e.response.data.description?e.response.data.description:"There was an error with the request, please check the console for more information.";return swal(e.response.status+" "+a,t,"error")},checkIfPublic:function(){var e=!1;return axios.get("api/check",{onDownloadProgress:function(){e||"function"!=typeof page.doRender||(page.doRender(),e=!0)}}).then((function(e){return page.private=e.data.private,page.enableUserAccounts=e.data.enableUserAccounts,page.maxSize=parseInt(e.data.maxSize),page.maxSizeBytes=1e6*page.maxSize,page.chunkSize=parseInt(e.data.chunkSize),page.temporaryUploadAges=e.data.temporaryUploadAges,page.fileIdentifierLength=e.data.fileIdentifierLength,page.stripTagsConfig=e.data.stripTags,page.preparePage()})).catch(page.onInitError)},preparePage:function(){if(!page.private)return page.prepareUpload();if(page.token)return page.verifyToken(page.token,!0);var e=document.querySelector("#loginToUpload");e.href="auth",e.classList.remove("is-loading"),page.enableUserAccounts?e.innerText="Anonymous upload is disabled. Log in to upload.":e.innerText="Running in private mode. Log in to upload."},verifyToken:function(e,a){return axios.post("api/tokens/verify",{token:e}).then((function(t){return!1===t.data.success?swal({title:"An error occurred!",text:t.data.description,icon:"error"}).then((function(){a&&(localStorage.removeItem("token"),location.reload())})):(localStorage[lsKeys.token]=e,page.token=e,page.prepareUpload())})).catch(page.onInitError)},prepareUpload:function(){page.token&&(document.querySelector("#albumDiv").classList.remove("is-hidden"),page.albumSelect=document.querySelector("#albumSelect"),page.albumSelect.addEventListener("change",(function(){page.album=parseInt(page.albumSelect.value),"function"==typeof page.prepareShareX&&page.prepareShareX()})),page.fetchAlbums()),page.prepareUploadConfig(),document.querySelector("#maxSize > span").innerHTML=page.getPrettyBytes(page.maxSizeBytes),document.querySelector("#loginToUpload").classList.add("is-hidden"),!page.token&&page.enableUserAccounts&&(document.querySelector("#loginLinkText").innerHTML="Create an account and keep track of your uploads"),page.prepareDropzone(),"function"==typeof page.prepareShareX&&page.prepareShareX();var e=document.querySelector("#urlMaxSize");e&&(page.urlMaxSize=parseInt(e.innerHTML),page.urlMaxSizeBytes=1e6*page.urlMaxSize,e.innerHTML=page.getPrettyBytes(page.urlMaxSizeBytes),document.querySelector("#uploadUrls").addEventListener("click",(function(e){page.addUrlsToQueue()})));for(var a=document.querySelector("#tabs"),t=a.querySelectorAll("li"),r=function(e){var a=t[e].dataset.id,r=document.querySelector("#"+a);r&&(t[e].addEventListener("click",(function(){page.setActiveTab(e)})),page.tabs.push({tab:t[e],content:r}))},n=0;n .clipboard-js");r.href=r.innerHTML=n.dataset.clipboardText=a.url,t.classList.remove("is-hidden"),n.parentElement.classList.remove("is-hidden");var i=/.[\w]+(\?|$)/.exec(a.url),l=i&&i[0]?i[0].toLowerCase():null;if(page.imageExts.includes(l))if(page.previewImages){var o=e.previewElement.querySelector("img");o.setAttribute("alt",a.name||""),o.dataset.src=a.url,o.classList.remove("is-hidden"),o.onerror=function(a){a.currentTarget.classList.add("is-hidden"),page.updateTemplateIcon(e.previewElement,"icon-picture")},page.lazyLoad.update(e.previewElement.querySelectorAll("img"))}else page.updateTemplateIcon(e.previewElement,"icon-picture");else page.videoExts.includes(l)?page.updateTemplateIcon(e.previewElement,"icon-video"):page.updateTemplateIcon(e.previewElement,"icon-doc-inv");if(a.expirydate){var s=e.previewElement.querySelector(".expiry-date");s.innerHTML="EXP: "+page.getPrettyDate(new Date(1e3*a.expirydate)),s.classList.remove("is-hidden")}}},page.createAlbum=function(){var e=document.createElement("div");e.innerHTML='\n
\n
\n \n
\n

Max length is '+page.albumTitleMaxLength+' characters.

\n
\n
\n
\n \n
\n

Max length is '+page.albumDescMaxLength+' characters.

\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
\n ',swal({title:"Create new album",icon:"info",content:e,buttons:{cancel:!0,confirm:{closeModal:!1}}}).then((function(e){if(e){var a=document.querySelector("#swalName").value.trim();axios.post("api/albums",{name:a,description:document.querySelector("#swalDescription").value.trim(),download:document.querySelector("#swalDownload").checked,public:document.querySelector("#swalPublic").checked},{headers:{token:page.token}}).then((function(e){if(!1===e.data.success)return swal("An error occurred!",e.data.description,"error");var t=document.createElement("option");page.albumSelect.appendChild(t),t.value=e.data.id,t.innerHTML=a,t.selected=!0,swal("Woohoo!","Album was created successfully.","success")})).catch(page.onError)}}))},page.prepareUploadConfig=function(){var e={chunkSize:page.chunkSize,parallelUploads:page.parallelUploads},a=Array.isArray(page.temporaryUploadAges)&&page.temporaryUploadAges.length,t=page.fileIdentifierLength&&"number"==typeof page.fileIdentifierLength.min&&"number"==typeof page.fileIdentifierLength.max,r={siBytes:{label:"File size display",select:[{value:"default",text:"1000 B = 1 kB = 1 Kilobyte"},{value:"0",text:"1024 B = 1 KiB = 1 Kibibyte"}],help:"This will be used in our homepage, dashboard, and album public pages.",valueHandler:function(){}},fileLength:{display:t,label:"File identifier length",number:t?{min:page.fileIdentifierLength.min,max:page.fileIdentifierLength.max,round:!0}:void 0,help:!0,disabled:t&&page.fileIdentifierLength.force},uploadAge:{display:a,label:"Upload age",select:[],help:"Whether to automatically delete your uploads after a certain amount of time."},stripTags:{display:page.stripTagsConfig,label:"Strip tags",select:page.stripTagsConfig?[{value:page.stripTagsConfig.default?"default":"1",text:"Yes"},{value:page.stripTagsConfig.default?"0":"default",text:"No"}]:null,help:"Whether to strip tags (e.g. EXIF) from your uploads.
\n This only applies to regular image"+(page.stripTagsConfig&&page.stripTagsConfig.video?" and video":"")+" uploads (i.e. not URL uploads).",disabled:page.stripTagsConfig&&page.stripTagsConfig.force},chunkSize:{display:!isNaN(page.chunkSize),label:"Upload chunk size (MB)",number:{min:1,max:95,suffix:" MB",round:!0},help:!0},parallelUploads:{label:"Parallel uploads",number:{min:1,max:10,round:!0},help:!0},uploadsHistoryOrder:{label:"Uploads history order",select:[{value:"default",text:"Older files on top"},{value:"0",text:"Newer files on top"}],help:'"Newer files on top" will use a CSS technique, which unfortunately come with some undesirable side effects.
\n This also affects text selection, such as when trying to select text from top to bottom will result in them being selected from bottom to top instead, and vice versa.',valueHandler:function(e){if("0"===e)for(var a=document.querySelectorAll(".tab-content > .uploads"),t=0;t=page.fileIdentifierLength.min&&o<=page.fileIdentifierLength.max&&(r.fileLength.value=o)}var s=document.querySelector("#tab-config"),p=document.createElement("form");p.addEventListener("submit",(function(e){return e.preventDefault()}));for(var u=Object.keys(r),d=0;d\n "+L.text+("default"===L.value?" (default)":"")+"\n \n ")}b.innerHTML='\n \n "}else void 0!==g.number&&((b=document.createElement("input")).id=b.name=c,b.className="input is-fullwidth",b.type="number",void 0!==g.number.min&&(b.min=g.number.min),void 0!==g.number.max&&(b.max=g.number.max),"number"==typeof f?b.value=f:void 0!==e[c]&&(b.value=e[c]));var x=void 0;if(g.disabled)Array.isArray(g.select)?b.querySelector("select").disabled=g.disabled:b.disabled=g.disabled,x="This option is currently not configurable.";else if("string"==typeof g.help)x=g.help;else if(!0===g.help&&void 0!==g.number){var T=[];void 0!==e[c]&&T.push("Default is "+e[c]+(g.number.suffix||"")+"."),void 0!==g.number.min&&T.push("Min is "+g.number.min+(g.number.suffix||"")+"."),void 0!==g.number.max&&T.push("Max is "+g.number.max+(g.number.suffix||"")+"."),x=T.join(" ")}m.innerHTML='\n \n
\n '+(x?'

'+x+"

":"")+"\n ",m.querySelector("div.control").appendChild(b),p.appendChild(m)}}var k=document.createElement("div");k.className="field",k.innerHTML='\n

\n \n

\n

\n This configuration will only be used in this browser.
\n After reloading the page, some of them will also be applied to the ShareX config that you can download by clicking on the ShareX icon below.\n

\n ',p.appendChild(k),p.querySelector("#saveConfig").addEventListener("click",(function(){if(p.checkValidity()){for(var a=Object.keys(r).filter((function(e){return!1!==r[e].display&&!0!==r[e].disabled})),t=0;t=24){var t=e/24;return t+" day"+(1===t?"":"s")}return e+" hour"+(1===e?"":"s")},window.addEventListener("paste",(function(e){for(var a=(e.clipboardData||e.originalEvent.clipboardData).items,t=Object.keys(a),r=0;r {\n // Hide these elements\n document.querySelector('#albumDiv').classList.add('is-hidden')\n document.querySelector('#tabs').classList.add('is-hidden')\n document.querySelectorAll('.tab-content').forEach(element => {\n return element.classList.add('is-hidden')\n })\n\n // Update upload button\n const uploadButton = document.querySelector('#loginToUpload')\n uploadButton.innerText = 'An error occurred. Try to reload?'\n uploadButton.classList.remove('is-loading')\n uploadButton.classList.remove('is-hidden')\n\n uploadButton.addEventListener('click', () => {\n location.reload()\n })\n\n if (error.response)\n page.onAxiosError(error)\n else\n page.onError(error)\n}\n\n// Handler for regular JS errors\npage.onError = error => {\n console.error(error)\n\n const content = document.createElement('div')\n content.innerHTML = `${error.toString()}`\n return swal({\n title: 'An error occurred!',\n icon: 'error',\n content\n })\n}\n\n// Handler for Axios errors\npage.onAxiosError = error => {\n console.error(error)\n\n // Better Cloudflare errors\n const cloudflareErrors = {\n 520: 'Unknown Error',\n 521: 'Web Server Is Down',\n 522: 'Connection Timed Out',\n 523: 'Origin Is Unreachable',\n 524: 'A Timeout Occurred',\n 525: 'SSL Handshake Failed',\n 526: 'Invalid SSL Certificate',\n 527: 'Railgun Error',\n 530: 'Origin DNS Error'\n }\n\n const statusText = cloudflareErrors[error.response.status] || error.response.statusText\n const description = error.response.data && error.response.data.description\n ? error.response.data.description\n : 'There was an error with the request, please check the console for more information.'\n\n return swal(`${error.response.status} ${statusText}`, description, 'error')\n}\n\npage.checkIfPublic = () => {\n let renderShown = false\n return axios.get('api/check', {\n onDownloadProgress: () => {\n // Only show render after this request has been initiated\n if (!renderShown && typeof page.doRender === 'function') {\n page.doRender()\n renderShown = true\n }\n }\n }).then(response => {\n page.private = response.data.private\n page.enableUserAccounts = response.data.enableUserAccounts\n page.maxSize = parseInt(response.data.maxSize)\n page.maxSizeBytes = page.maxSize * 1e6\n page.chunkSize = parseInt(response.data.chunkSize)\n page.temporaryUploadAges = response.data.temporaryUploadAges\n page.fileIdentifierLength = response.data.fileIdentifierLength\n return page.preparePage()\n }).catch(page.onInitError)\n}\n\npage.preparePage = () => {\n if (page.private)\n if (page.token) {\n return page.verifyToken(page.token, true)\n } else {\n const button = document.querySelector('#loginToUpload')\n button.href = 'auth'\n button.classList.remove('is-loading')\n if (page.enableUserAccounts)\n button.innerText = 'Anonymous upload is disabled. Log in to upload.'\n else\n button.innerText = 'Running in private mode. Log in to upload.'\n }\n else\n return page.prepareUpload()\n}\n\npage.verifyToken = (token, reloadOnError) => {\n return axios.post('api/tokens/verify', { token }).then(response => {\n if (response.data.success === false)\n return swal({\n title: 'An error occurred!',\n text: response.data.description,\n icon: 'error'\n }).then(() => {\n if (!reloadOnError) return\n localStorage.removeItem('token')\n location.reload()\n })\n\n localStorage[lsKeys.token] = token\n page.token = token\n return page.prepareUpload()\n }).catch(page.onInitError)\n}\n\npage.prepareUpload = () => {\n // I think this fits best here because we need to check for a valid token before we can get the albums\n if (page.token) {\n // Display the album selection\n document.querySelector('#albumDiv').classList.remove('is-hidden')\n\n page.albumSelect = document.querySelector('#albumSelect')\n page.albumSelect.addEventListener('change', () => {\n page.album = parseInt(page.albumSelect.value)\n // Re-generate ShareX config file\n if (typeof page.prepareShareX === 'function')\n page.prepareShareX()\n })\n\n // Fetch albums\n page.fetchAlbums()\n }\n\n // Prepare & generate config tab\n page.prepareUploadConfig()\n\n // Update elements wherever applicable\n document.querySelector('#maxSize > span').innerHTML = page.getPrettyBytes(page.maxSizeBytes)\n document.querySelector('#loginToUpload').classList.add('is-hidden')\n\n if (!page.token && page.enableUserAccounts)\n document.querySelector('#loginLinkText').innerHTML = 'Create an account and keep track of your uploads'\n\n // Prepare & generate files upload tab\n page.prepareDropzone()\n\n // Generate ShareX config file\n if (typeof page.prepareShareX === 'function')\n page.prepareShareX()\n\n // Prepare urls upload tab\n const urlMaxSize = document.querySelector('#urlMaxSize')\n if (urlMaxSize) {\n page.urlMaxSize = parseInt(urlMaxSize.innerHTML)\n page.urlMaxSizeBytes = page.urlMaxSize * 1e6\n urlMaxSize.innerHTML = page.getPrettyBytes(page.urlMaxSizeBytes)\n document.querySelector('#uploadUrls').addEventListener('click', event => {\n page.addUrlsToQueue()\n })\n }\n\n // Get all tabs\n const tabsContainer = document.querySelector('#tabs')\n const tabs = tabsContainer.querySelectorAll('li')\n for (let i = 0; i < tabs.length; i++) {\n const id = tabs[i].dataset.id\n const tabContent = document.querySelector(`#${id}`)\n if (!tabContent) continue\n\n tabs[i].addEventListener('click', () => {\n page.setActiveTab(i)\n })\n page.tabs.push({ tab: tabs[i], content: tabContent })\n }\n\n // Set first valid tab as the default active tab\n if (page.tabs.length) {\n page.setActiveTab(0)\n tabsContainer.classList.remove('is-hidden')\n }\n}\n\npage.setActiveTab = index => {\n for (let i = 0; i < page.tabs.length; i++)\n if (i === index) {\n page.tabs[i].tab.classList.add('is-active')\n page.tabs[i].content.classList.remove('is-hidden')\n page.activeTab = index\n } else {\n page.tabs[i].tab.classList.remove('is-active')\n page.tabs[i].content.classList.add('is-hidden')\n }\n}\n\npage.fetchAlbums = () => {\n return axios.get('api/albums', { headers: { token: page.token } }).then(response => {\n if (response.data.success === false)\n return swal('An error occurred!', response.data.description, 'error')\n\n // Create an option for each album\n if (Array.isArray(response.data.albums) && response.data.albums.length)\n for (let i = 0; i < response.data.albums.length; i++) {\n const album = response.data.albums[i]\n const option = document.createElement('option')\n option.value = album.id\n option.innerHTML = album.name\n page.albumSelect.appendChild(option)\n }\n }).catch(page.onInitError)\n}\n\npage.prepareDropzone = () => {\n // Parse template element\n const previewNode = document.querySelector('#tpl')\n page.previewTemplate = previewNode.innerHTML\n previewNode.parentNode.removeChild(previewNode)\n\n // Generate files upload tab\n const tabDiv = document.querySelector('#tab-files')\n const div = document.createElement('div')\n div.className = 'control is-expanded'\n div.innerHTML = `\n
\n \n \n \n Click here or drag & drop files\n
\n `\n tabDiv.querySelector('.dz-container').appendChild(div)\n\n const previewsContainer = tabDiv.querySelector('#tab-files .field.uploads')\n\n page.dropzone = new Dropzone(document.body, {\n url: 'api/upload',\n paramName: 'files[]',\n clickable: tabDiv.querySelector('#dropzone'),\n maxFilesize: page.maxSizeBytes / 1024 / 1024, // this option expects MiB\n parallelUploads: page.parallelUploads,\n uploadMultiple: false,\n previewsContainer,\n previewTemplate: page.previewTemplate,\n createImageThumbnails: false,\n autoProcessQueue: true,\n headers: { token: page.token },\n chunking: Boolean(page.chunkSize),\n chunkSize: page.chunkSize * 1e6, // this option expects Bytes\n parallelChunkUploads: false, // for now, enabling this breaks descriptive upload progress\n timeout: 0,\n\n init () {\n this.on('addedfile', file => {\n // Set active tab to file uploads, if necessary\n if (page.activeTab !== 0)\n page.setActiveTab(0)\n\n // Add file entry\n tabDiv.querySelector('.uploads').classList.remove('is-hidden')\n\n file.previewElement.querySelector('.name').innerHTML = file.name\n file.previewElement.querySelector('.descriptive-progress').innerHTML = 'Waiting in queue\\u2026'\n })\n\n this.on('sending', (file, xhr) => {\n // Add timeout listener (hacky method due to lack of built-in timeout handler)\n if (!xhr.ontimeout)\n xhr.ontimeout = () => {\n const instances = page.dropzone.getUploadingFiles()\n .filter(instance => instance.xhr === xhr)\n page.dropzone._handleUploadError(instances, xhr, 'Connection timed out. Try to reduce upload chunk size.')\n }\n\n // Add start timestamp of upload attempt\n if (xhr._start === undefined)\n xhr._start = Date.now()\n\n // If not chunked uploads, add extra headers\n if (!file.upload.chunked) {\n if (page.album !== null) xhr.setRequestHeader('albumid', page.album)\n if (page.fileLength !== null) xhr.setRequestHeader('filelength', page.fileLength)\n if (page.uploadAge !== null) xhr.setRequestHeader('age', page.uploadAge)\n }\n\n if (!file.upload.chunked)\n file.previewElement.querySelector('.descriptive-progress').innerHTML = 'Uploading\\u2026'\n else if (file.upload.chunks.length === 1)\n file.previewElement.querySelector('.descriptive-progress').innerHTML = `Uploading chunk 1/${file.upload.totalChunkCount}\\u2026`\n })\n\n // Update descriptive progress\n this.on('uploadprogress', (file, progress) => {\n // Total bytes will eventually be bigger than file size when chunked\n const total = Math.max(file.size, file.upload.total)\n const percentage = (file.upload.bytesSent / total * 100).toFixed(0)\n\n const upl = file.upload.chunked\n ? file.upload.chunks[file.upload.chunks.length - 1]\n : file.upload\n const xhr = upl.xhr || file.xhr\n\n let prefix = 'Uploading\\u2026'\n let skipProgress = false\n if (file.upload.chunked) {\n const done = upl.bytesSent === upl.total\n const last = file.upload.chunks.length === file.upload.totalChunkCount\n let chunkIndex = file.upload.chunks.length\n if (done && !last) {\n chunkIndex++\n skipProgress = true\n }\n prefix = `Uploading chunk ${chunkIndex}/${file.upload.totalChunkCount}\\u2026`\n }\n\n let prettyBytesPerSec\n if (!skipProgress) {\n const elapsed = (Date.now() - xhr._start) / 1000\n const bytesPerSec = elapsed ? (upl.bytesSent / elapsed) : 0\n prettyBytesPerSec = page.getPrettyBytes(bytesPerSec)\n }\n\n file.previewElement.querySelector('.descriptive-progress').innerHTML =\n `${prefix} ${percentage}%${prettyBytesPerSec ? ` at ~${prettyBytesPerSec}/s` : ''}`\n })\n\n this.on('success', (file, data) => {\n if (!data) return\n file.previewElement.querySelector('.descriptive-progress').classList.add('is-hidden')\n\n if (data.success === false) {\n file.previewElement.querySelector('.error').innerHTML = data.description\n file.previewElement.querySelector('.error').classList.remove('is-hidden')\n }\n\n if (Array.isArray(data.files) && data.files[0])\n page.updateTemplate(file, data.files[0])\n })\n\n this.on('error', (file, error) => {\n // Clean up file size errors\n if ((typeof error === 'string' && /^File is too big/.test(error)) ||\n (typeof error === 'object' && /File too large/.test(error.description)))\n error = `File too large (${page.getPrettyBytes(file.size)}).`\n\n page.updateTemplateIcon(file.previewElement, 'icon-block')\n\n file.previewElement.querySelector('.descriptive-progress').classList.add('is-hidden')\n\n file.previewElement.querySelector('.error').innerHTML = error.description || error\n file.previewElement.querySelector('.error').classList.remove('is-hidden')\n })\n },\n\n chunksUploaded (file, done) {\n file.previewElement.querySelector('.descriptive-progress').innerHTML =\n `Rebuilding ${file.upload.totalChunkCount} chunks\\u2026`\n\n return axios.post('api/upload/finishchunks', {\n // This API supports an array of multiple files\n files: [{\n uuid: file.upload.uuid,\n original: file.name,\n type: file.type,\n albumid: page.album,\n filelength: page.fileLength,\n age: page.uploadAge\n }]\n }, {\n headers: {\n token: page.token\n }\n }).catch(error => {\n // Format error for display purpose\n return error.response.data ? error.response : {\n data: {\n success: false,\n description: error.toString()\n }\n }\n }).then(response => {\n file.previewElement.querySelector('.descriptive-progress').classList.add('is-hidden')\n\n if (response.data.success === false) {\n file.previewElement.querySelector('.error').innerHTML = response.data.description\n file.previewElement.querySelector('.error').classList.remove('is-hidden')\n }\n\n if (response.data.files && response.data.files[0])\n page.updateTemplate(file, response.data.files[0])\n\n return done()\n })\n }\n })\n}\n\npage.addUrlsToQueue = () => {\n const urls = document.querySelector('#urls').value\n .split(/\\r?\\n/)\n .filter(url => {\n return url.trim().length\n })\n\n if (!urls.length)\n return swal('An error occurred!', 'You have not entered any URLs.', 'error')\n\n const tabDiv = document.querySelector('#tab-urls')\n tabDiv.querySelector('.uploads').classList.remove('is-hidden')\n\n for (let i = 0; i < urls.length; i++) {\n const previewTemplate = document.createElement('template')\n previewTemplate.innerHTML = page.previewTemplate.trim()\n\n const previewElement = previewTemplate.content.firstChild\n previewElement.querySelector('.name').innerHTML = urls[i]\n previewElement.querySelector('.descriptive-progress').innerHTML = 'Waiting in queue\\u2026'\n\n const previewsContainer = tabDiv.querySelector('.uploads')\n previewsContainer.appendChild(previewElement)\n\n page.urlsQueue.push({\n url: urls[i],\n previewElement\n })\n }\n\n page.processUrlsQueue()\n document.querySelector('#urls').value = ''\n}\n\npage.processUrlsQueue = () => {\n if (!page.urlsQueue.length) return\n\n function finishedUrlUpload (file, data) {\n file.previewElement.querySelector('.descriptive-progress').classList.add('is-hidden')\n\n if (data.success === false) {\n const match = data.description.match(/ over limit: (\\d+)$/)\n if (match && match[1])\n data.description = `File exceeded limit of ${page.getPrettyBytes(match[1])}.`\n\n file.previewElement.querySelector('.error').innerHTML = data.description\n file.previewElement.querySelector('.error').classList.remove('is-hidden')\n }\n\n if (Array.isArray(data.files) && data.files[0])\n page.updateTemplate(file, data.files[0])\n\n page.activeUrlsQueue--\n return shiftQueue()\n }\n\n function initUrlUpload (file) {\n file.previewElement.querySelector('.descriptive-progress').innerHTML =\n 'Waiting for server to fetch URL\\u2026'\n\n return axios.post('api/upload', {\n urls: [file.url]\n }, {\n headers: {\n token: page.token,\n albumid: page.album,\n age: page.uploadAge,\n filelength: page.fileLength\n }\n }).catch(error => {\n // Format error for display purpose\n return error.response.data ? error.response : {\n data: {\n success: false,\n description: error.toString()\n }\n }\n }).then(response => {\n return finishedUrlUpload(file, response.data)\n })\n }\n\n function shiftQueue () {\n while (page.urlsQueue.length && (page.activeUrlsQueue < page.parallelUploads)) {\n page.activeUrlsQueue++\n initUrlUpload(page.urlsQueue.shift())\n }\n }\n\n return shiftQueue()\n}\n\npage.updateTemplateIcon = (templateElement, iconClass) => {\n const iconElement = templateElement.querySelector('.icon')\n if (!iconElement) return\n\n iconElement.classList.add(iconClass)\n iconElement.classList.remove('is-hidden')\n}\n\npage.updateTemplate = (file, response) => {\n if (!response.url) return\n\n const link = file.previewElement.querySelector('.link')\n const a = link.querySelector('a')\n const clipboard = file.previewElement.querySelector('.clipboard-mobile > .clipboard-js')\n a.href = a.innerHTML = clipboard.dataset.clipboardText = response.url\n\n link.classList.remove('is-hidden')\n clipboard.parentElement.classList.remove('is-hidden')\n\n const exec = /.[\\w]+(\\?|$)/.exec(response.url)\n const extname = exec && exec[0]\n ? exec[0].toLowerCase()\n : null\n\n if (page.imageExts.includes(extname))\n if (page.previewImages) {\n const img = file.previewElement.querySelector('img')\n img.setAttribute('alt', response.name || '')\n img.dataset.src = response.url\n img.classList.remove('is-hidden')\n img.onerror = event => {\n // Hide image elements that fail to load\n // Consequently include WEBP in browsers that do not have WEBP support (e.i. IE)\n event.currentTarget.classList.add('is-hidden')\n page.updateTemplateIcon(file.previewElement, 'icon-picture')\n }\n page.lazyLoad.update(file.previewElement.querySelectorAll('img'))\n } else {\n page.updateTemplateIcon(file.previewElement, 'icon-picture')\n }\n else if (page.videoExts.includes(extname))\n page.updateTemplateIcon(file.previewElement, 'icon-video')\n else\n page.updateTemplateIcon(file.previewElement, 'icon-doc-inv')\n\n if (response.expirydate) {\n const expiryDate = file.previewElement.querySelector('.expiry-date')\n expiryDate.innerHTML = `EXP: ${page.getPrettyDate(new Date(response.expirydate * 1000))}`\n expiryDate.classList.remove('is-hidden')\n }\n}\n\npage.createAlbum = () => {\n const div = document.createElement('div')\n div.innerHTML = `\n
\n
\n \n
\n

Max length is ${page.albumTitleMaxLength} characters.

\n
\n
\n
\n \n
\n

Max length is ${page.albumDescMaxLength} characters.

\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
\n `\n\n swal({\n title: 'Create new album',\n icon: 'info',\n content: div,\n buttons: {\n cancel: true,\n confirm: {\n closeModal: false\n }\n }\n }).then(value => {\n if (!value) return\n\n const name = document.querySelector('#swalName').value.trim()\n axios.post('api/albums', {\n name,\n description: document.querySelector('#swalDescription').value.trim(),\n download: document.querySelector('#swalDownload').checked,\n public: document.querySelector('#swalPublic').checked\n }, {\n headers: {\n token: page.token\n }\n }).then(response => {\n if (response.data.success === false)\n return swal('An error occurred!', response.data.description, 'error')\n\n const option = document.createElement('option')\n page.albumSelect.appendChild(option)\n option.value = response.data.id\n option.innerHTML = name\n option.selected = true\n\n swal('Woohoo!', 'Album was created successfully.', 'success')\n }).catch(page.onError)\n })\n}\n\npage.prepareUploadConfig = () => {\n const fallback = {\n chunkSize: page.chunkSize,\n parallelUploads: page.parallelUploads\n }\n\n const temporaryUploadAges = Array.isArray(page.temporaryUploadAges) && page.temporaryUploadAges.length\n const fileIdentifierLength = page.fileIdentifierLength &&\n typeof page.fileIdentifierLength.min === 'number' &&\n typeof page.fileIdentifierLength.max === 'number'\n\n const config = {\n siBytes: {\n label: 'File size display',\n select: [\n { value: 'default', text: '1000 B = 1 kB = 1 Kilobyte' },\n { value: '0', text: '1024 B = 1 KiB = 1 Kibibyte' }\n ],\n help: 'This will be used in our homepage, dashboard, and album public pages.',\n valueHandler () {} // Do nothing\n },\n fileLength: {\n display: fileIdentifierLength,\n label: 'File identifier length',\n number: fileIdentifierLength ? {\n min: page.fileIdentifierLength.min,\n max: page.fileIdentifierLength.max,\n round: true\n } : undefined,\n help: true, // true means auto-generated, for number-based configs only\n disabled: fileIdentifierLength && page.fileIdentifierLength.force\n },\n uploadAge: {\n display: temporaryUploadAges,\n label: 'Upload age',\n select: [],\n help: 'This allows your files to automatically be deleted after a certain period of time.'\n },\n chunkSize: {\n display: !isNaN(page.chunkSize),\n label: 'Upload chunk size (MB)',\n number: {\n min: 1,\n max: 95,\n suffix: ' MB',\n round: true\n },\n help: true\n },\n parallelUploads: {\n label: 'Parallel uploads',\n number: {\n min: 1,\n max: 10,\n round: true\n },\n help: true\n },\n uploadsHistoryOrder: {\n label: 'Uploads history order',\n select: [\n { value: 'default', text: 'Older files on top' },\n { value: '0', text: 'Newer files on top' }\n ],\n help: `Newer files on top will use a CSS technique.
\n Trying to select their texts manually from top to bottom will end up selecting the texts from bottom to top instead.`,\n valueHandler (value) {\n if (value === '0') {\n const uploadFields = document.querySelectorAll('.tab-content > .uploads')\n for (let i = 0; i < uploadFields.length; i++)\n uploadFields[i].classList.add('is-reversed')\n }\n }\n },\n previewImages: {\n label: 'Load images for preview',\n select: [\n { value: 'default', text: 'Yes' },\n { value: '0', text: 'No' }\n ],\n help: 'By default, uploaded images will be loaded as their previews.',\n valueHandler (value) {\n page.previewImages = value !== '0'\n }\n }\n }\n\n if (temporaryUploadAges) {\n const stored = parseFloat(localStorage[lsKeys.uploadAge])\n for (let i = 0; i < page.temporaryUploadAges.length; i++) {\n const age = page.temporaryUploadAges[i]\n config.uploadAge.select.push({\n value: i === 0 ? 'default' : String(age),\n text: page.getPrettyUploadAge(age)\n })\n if (age === stored)\n config.uploadAge.value = stored\n }\n }\n\n if (fileIdentifierLength) {\n fallback.fileLength = page.fileIdentifierLength.default || undefined\n const stored = parseInt(localStorage[lsKeys.fileLength])\n if (!page.fileIdentifierLength.force &&\n !isNaN(stored) &&\n stored >= page.fileIdentifierLength.min &&\n stored <= page.fileIdentifierLength.max)\n config.fileLength.value = stored\n }\n\n const tabContent = document.querySelector('#tab-config')\n const form = document.createElement('form')\n form.addEventListener('submit', event => event.preventDefault())\n\n const configKeys = Object.keys(config)\n for (let i = 0; i < configKeys.length; i++) {\n const key = configKeys[i]\n const conf = config[key]\n\n // Skip only if display attribute is explicitly set to false\n if (conf.display === false)\n continue\n\n const field = document.createElement('div')\n field.className = 'field'\n\n let value\n if (!conf.disabled) {\n if (conf.value !== undefined) {\n value = conf.value\n } else if (conf.number !== undefined) {\n const parsed = parseInt(localStorage[lsKeys[key]])\n if (!isNaN(parsed))\n value = parsed\n } else {\n value = localStorage[lsKeys[key]]\n }\n\n // If valueHandler function exists, defer to the function,\n // otherwise pass value to global page object\n if (typeof conf.valueHandler === 'function')\n conf.valueHandler(value)\n else if (value !== undefined)\n page[key] = value\n }\n\n let control\n if (Array.isArray(conf.select)) {\n control = document.createElement('div')\n control.className = 'select is-fullwidth'\n\n const opts = []\n for (let j = 0; j < conf.select.length; j++) {\n const opt = conf.select[j]\n const selected = value && (opt.value === String(value))\n opts.push(`\n \n `)\n }\n\n control.innerHTML = `\n \n `\n } else if (conf.number !== undefined) {\n control = document.createElement('input')\n control.id = control.name = key\n control.className = 'input is-fullwidth'\n control.type = 'number'\n\n if (conf.number.min !== undefined)\n control.min = conf.number.min\n if (conf.number.max !== undefined)\n control.max = conf.number.max\n if (typeof value === 'number')\n control.value = value\n else if (fallback[key] !== undefined)\n control.value = fallback[key]\n }\n\n let help\n if (conf.disabled) {\n control.disabled = conf.disabled\n help = 'This option is currently disabled.'\n } else if (typeof conf.help === 'string') {\n help = conf.help\n } else if (conf.help === true && conf.number !== undefined) {\n const tmp = []\n\n if (fallback[key] !== undefined)\n tmp.push(`Default is ${fallback[key]}${conf.number.suffix || ''}.`)\n if (conf.number.min !== undefined)\n tmp.push(`Min is ${conf.number.min}${conf.number.suffix || ''}.`)\n if (conf.number.max !== undefined)\n tmp.push(`Max is ${conf.number.max}${conf.number.suffix || ''}.`)\n\n help = tmp.join(' ')\n }\n\n field.innerHTML = `\n \n
\n ${help ? `

${help}

` : ''}\n `\n field.querySelector('div.control').appendChild(control)\n\n form.appendChild(field)\n }\n\n const submit = document.createElement('div')\n submit.className = 'field'\n submit.innerHTML = `\n

\n \n

\n

\n This configuration will only be used in this browser.
\n After reloading the page, some of them will also be applied to the ShareX config that you can download by clicking on the ShareX icon below.\n

\n `\n\n form.appendChild(submit)\n form.querySelector('#saveConfig').addEventListener('click', () => {\n if (!form.checkValidity())\n return\n\n const keys = Object.keys(config)\n .filter(key => config[key].display !== false && config[key].disabled !== true)\n for (let i = 0; i < keys.length; i++) {\n const key = keys[i]\n\n let value\n if (config[key].select !== undefined) {\n if (form.elements[key].value !== 'default')\n value = form.elements[key].value\n } else if (config[key].number !== undefined) {\n const parsed = parseInt(form.elements[key].value)\n if (!isNaN(parsed))\n value = Math.min(Math.max(parsed, config[key].number.min), config[key].number.max)\n }\n\n if (value !== undefined && value !== fallback[key])\n localStorage[lsKeys[key]] = value\n else\n localStorage.removeItem(lsKeys[key])\n }\n\n swal({\n title: 'Woohoo!',\n text: 'Configuration saved into this browser.',\n icon: 'success'\n }).then(() => {\n location.reload()\n })\n })\n\n tabContent.appendChild(form)\n}\n\npage.getPrettyUploadAge = hours => {\n if (hours === 0) {\n return 'Permanent'\n } else if (hours < 1) {\n const minutes = hours * 60\n return `${minutes} minute${minutes === 1 ? '' : 's'}`\n } else if (hours >= 24) {\n const days = hours / 24\n return `${days} day${days === 1 ? '' : 's'}`\n } else {\n return `${hours} hour${hours === 1 ? '' : 's'}`\n }\n}\n\n// Handle image paste event\nwindow.addEventListener('paste', event => {\n const items = (event.clipboardData || event.originalEvent.clipboardData).items\n const index = Object.keys(items)\n for (let i = 0; i < index.length; i++) {\n const item = items[index[i]]\n if (item.kind === 'file') {\n const blob = item.getAsFile()\n /* eslint-disable-next-line compat/compat */\n const file = new File([blob], `pasted-image.${blob.type.match(/(?:[^/]*\\/)([^;]*)/)[1]}`, {\n type: blob.type\n })\n page.dropzone.addFile(file)\n }\n }\n})\n\nwindow.onload = () => {\n page.checkIfPublic()\n\n page.clipboardJS = new ClipboardJS('.clipboard-js')\n\n page.clipboardJS.on('success', () => {\n return swal('', 'The link has been copied to clipboard.', 'success', {\n buttons: false,\n timer: 1500\n })\n })\n\n page.clipboardJS.on('error', page.onError)\n\n page.lazyLoad = new LazyLoad({\n elements_selector: '.field.uploads img'\n })\n\n document.querySelector('#createAlbum').addEventListener('click', () => {\n page.createAlbum()\n })\n}\n"]} \ No newline at end of file +{"version":3,"sources":["home.js"],"names":["const","lsKeys","token","chunkSize","parallelUploads","uploadsHistoryOrder","previewImages","fileLength","uploadAge","stripTags","page","localStorage","private","enableUserAccounts","maxSize","temporaryUploadAges","fileIdentifierLength","stripTagsConfig","album","maxSizeBytes","urlMaxSize","urlMaxSizeBytes","tabs","activeTab","albumSelect","previewTemplate","dropzone","clipboardJS","lazyLoad","urlsQueue","activeUrlsQueue","imageExts","videoExts","albumTitleMaxLength","albumDescMaxLength","onInitError","error","document","querySelector","classList","add","querySelectorAll","forEach","element","uploadButton","innerText","remove","addEventListener","location","reload","response","onAxiosError","onError","console","content","createElement","innerHTML","toString","swal","title","icon","statusText","520","521","522","523","524","525","526","527","530","status","description","data","checkIfPublic","let","renderShown","axios","get","onDownloadProgress","doRender","then","parseInt","preparePage","catch","prepareUpload","verifyToken","button","href","reloadOnError","post","success","text","removeItem","value","prepareShareX","fetchAlbums","prepareUploadConfig","getPrettyBytes","prepareDropzone","event","addUrlsToQueue","tabsContainer","loop","i","id","dataset","tabContent","setActiveTab","push","tab","length","index","headers","Array","isArray","albums","option","name","appendChild","previewNode","parentNode","removeChild","tabDiv","div","className","previewsContainer","Dropzone","body","url","paramName","clickable","maxFilesize","uploadMultiple","createImageThumbnails","autoProcessQueue","chunking","Boolean","parallelChunkUploads","timeout","init","this","on","file","previewElement","xhr","ontimeout","instances","getUploadingFiles","filter","instance","_handleUploadError","undefined","_start","Date","now","upload","chunked","setRequestHeader","chunks","progress","prettyBytesPerSec","total","Math","max","size","percentage","bytesSent","toFixed","upl","prefix","skipProgress","done","last","totalChunkCount","chunkIndex","elapsed","bytesPerSec","files","updateTemplate","test","updateTemplateIcon","chunksUploaded","uuid","original","type","albumid","filelength","age","striptags","urls","split","trim","firstChild","processUrlsQueue","shiftQueue","initUrlUpload","match","finishedUrlUpload","shift","templateElement","iconClass","iconElement","link","a","clipboard","clipboardText","parentElement","exec","extname","toLowerCase","includes","img","setAttribute","src","onerror","currentTarget","update","expirydate","expiryDate","getPrettyDate","createAlbum","buttons","cancel","confirm","closeModal","download","checked","public","selected","fallback","min","config","siBytes","label","select","help","valueHandler","display","number","round","disabled","force","default","video","isNaN","suffix","uploadFields","stored","parseFloat","String","getPrettyUploadAge","form","preventDefault","configKeys","Object","keys","key","conf","field","parsed","find","sel","control","opts","j","opt","join","tmp","submit","checkValidity","elements","hours","minutes","days","window","items","clipboardData","originalEvent","item","kind","blob","getAsFile","File","addFile","onload","ClipboardJS","timer","LazyLoad","elements_selector"],"mappings":"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","file":"home.js","sourcesContent":["/* global swal, axios, Dropzone, ClipboardJS, LazyLoad */\n\nconst lsKeys = {\n token: 'token',\n chunkSize: 'chunkSize',\n parallelUploads: 'parallelUploads',\n uploadsHistoryOrder: 'uploadsHistoryOrder',\n previewImages: 'previewImages',\n fileLength: 'fileLength',\n uploadAge: 'uploadAge',\n stripTags: 'stripTags'\n}\n\nconst page = {\n // user token\n token: localStorage[lsKeys.token],\n\n // configs from api/check\n private: null,\n enableUserAccounts: null,\n maxSize: null,\n chunkSize: null,\n temporaryUploadAges: null,\n fileIdentifierLength: null,\n stripTagsConfig: null,\n\n // store album id that will be used with upload requests\n album: null,\n\n parallelUploads: 2,\n previewImages: null,\n fileLength: null,\n uploadAge: null,\n\n maxSizeBytes: null,\n urlMaxSize: null,\n urlMaxSizeBytes: null,\n\n tabs: [],\n activeTab: null,\n albumSelect: null,\n previewTemplate: null,\n\n dropzone: null,\n clipboardJS: null,\n lazyLoad: null,\n\n // additional vars for url uploads\n urlsQueue: [],\n activeUrlsQueue: 0,\n\n // Include BMP for uploads preview only, cause the real images will be used\n // Sharp isn't capable of making their thumbnails for dashboard and album public pages\n imageExts: ['.webp', '.jpg', '.jpeg', '.bmp', '.gif', '.png', '.tiff', '.tif', '.svg'],\n videoExts: ['.webm', '.mp4', '.wmv', '.avi', '.mov', '.mkv'],\n\n albumTitleMaxLength: 70,\n albumDescMaxLength: 4000\n}\n\n// Handler for errors during initialization\npage.onInitError = error => {\n // Hide these elements\n document.querySelector('#albumDiv').classList.add('is-hidden')\n document.querySelector('#tabs').classList.add('is-hidden')\n document.querySelectorAll('.tab-content').forEach(element => {\n return element.classList.add('is-hidden')\n })\n\n // Update upload button\n const uploadButton = document.querySelector('#loginToUpload')\n uploadButton.innerText = 'An error occurred. Try to reload?'\n uploadButton.classList.remove('is-loading')\n uploadButton.classList.remove('is-hidden')\n\n uploadButton.addEventListener('click', () => {\n location.reload()\n })\n\n if (error.response)\n page.onAxiosError(error)\n else\n page.onError(error)\n}\n\n// Handler for regular JS errors\npage.onError = error => {\n console.error(error)\n\n const content = document.createElement('div')\n content.innerHTML = `${error.toString()}`\n return swal({\n title: 'An error occurred!',\n icon: 'error',\n content\n })\n}\n\n// Handler for Axios errors\npage.onAxiosError = error => {\n console.error(error)\n\n // Better Cloudflare errors\n const cloudflareErrors = {\n 520: 'Unknown Error',\n 521: 'Web Server Is Down',\n 522: 'Connection Timed Out',\n 523: 'Origin Is Unreachable',\n 524: 'A Timeout Occurred',\n 525: 'SSL Handshake Failed',\n 526: 'Invalid SSL Certificate',\n 527: 'Railgun Error',\n 530: 'Origin DNS Error'\n }\n\n const statusText = cloudflareErrors[error.response.status] || error.response.statusText\n const description = error.response.data && error.response.data.description\n ? error.response.data.description\n : 'There was an error with the request, please check the console for more information.'\n\n return swal(`${error.response.status} ${statusText}`, description, 'error')\n}\n\npage.checkIfPublic = () => {\n let renderShown = false\n return axios.get('api/check', {\n onDownloadProgress: () => {\n // Only show render after this request has been initiated\n if (!renderShown && typeof page.doRender === 'function') {\n page.doRender()\n renderShown = true\n }\n }\n }).then(response => {\n page.private = response.data.private\n page.enableUserAccounts = response.data.enableUserAccounts\n page.maxSize = parseInt(response.data.maxSize)\n page.maxSizeBytes = page.maxSize * 1e6\n page.chunkSize = parseInt(response.data.chunkSize)\n page.temporaryUploadAges = response.data.temporaryUploadAges\n page.fileIdentifierLength = response.data.fileIdentifierLength\n page.stripTagsConfig = response.data.stripTags\n return page.preparePage()\n }).catch(page.onInitError)\n}\n\npage.preparePage = () => {\n if (page.private)\n if (page.token) {\n return page.verifyToken(page.token, true)\n } else {\n const button = document.querySelector('#loginToUpload')\n button.href = 'auth'\n button.classList.remove('is-loading')\n if (page.enableUserAccounts)\n button.innerText = 'Anonymous upload is disabled. Log in to upload.'\n else\n button.innerText = 'Running in private mode. Log in to upload.'\n }\n else\n return page.prepareUpload()\n}\n\npage.verifyToken = (token, reloadOnError) => {\n return axios.post('api/tokens/verify', { token }).then(response => {\n if (response.data.success === false)\n return swal({\n title: 'An error occurred!',\n text: response.data.description,\n icon: 'error'\n }).then(() => {\n if (!reloadOnError) return\n localStorage.removeItem('token')\n location.reload()\n })\n\n localStorage[lsKeys.token] = token\n page.token = token\n return page.prepareUpload()\n }).catch(page.onInitError)\n}\n\npage.prepareUpload = () => {\n // I think this fits best here because we need to check for a valid token before we can get the albums\n if (page.token) {\n // Display the album selection\n document.querySelector('#albumDiv').classList.remove('is-hidden')\n\n page.albumSelect = document.querySelector('#albumSelect')\n page.albumSelect.addEventListener('change', () => {\n page.album = parseInt(page.albumSelect.value)\n // Re-generate ShareX config file\n if (typeof page.prepareShareX === 'function')\n page.prepareShareX()\n })\n\n // Fetch albums\n page.fetchAlbums()\n }\n\n // Prepare & generate config tab\n page.prepareUploadConfig()\n\n // Update elements wherever applicable\n document.querySelector('#maxSize > span').innerHTML = page.getPrettyBytes(page.maxSizeBytes)\n document.querySelector('#loginToUpload').classList.add('is-hidden')\n\n if (!page.token && page.enableUserAccounts)\n document.querySelector('#loginLinkText').innerHTML = 'Create an account and keep track of your uploads'\n\n // Prepare & generate files upload tab\n page.prepareDropzone()\n\n // Generate ShareX config file\n if (typeof page.prepareShareX === 'function')\n page.prepareShareX()\n\n // Prepare urls upload tab\n const urlMaxSize = document.querySelector('#urlMaxSize')\n if (urlMaxSize) {\n page.urlMaxSize = parseInt(urlMaxSize.innerHTML)\n page.urlMaxSizeBytes = page.urlMaxSize * 1e6\n urlMaxSize.innerHTML = page.getPrettyBytes(page.urlMaxSizeBytes)\n document.querySelector('#uploadUrls').addEventListener('click', event => {\n page.addUrlsToQueue()\n })\n }\n\n // Get all tabs\n const tabsContainer = document.querySelector('#tabs')\n const tabs = tabsContainer.querySelectorAll('li')\n for (let i = 0; i < tabs.length; i++) {\n const id = tabs[i].dataset.id\n const tabContent = document.querySelector(`#${id}`)\n if (!tabContent) continue\n\n tabs[i].addEventListener('click', () => {\n page.setActiveTab(i)\n })\n page.tabs.push({ tab: tabs[i], content: tabContent })\n }\n\n // Set first valid tab as the default active tab\n if (page.tabs.length) {\n page.setActiveTab(0)\n tabsContainer.classList.remove('is-hidden')\n }\n}\n\npage.setActiveTab = index => {\n for (let i = 0; i < page.tabs.length; i++)\n if (i === index) {\n page.tabs[i].tab.classList.add('is-active')\n page.tabs[i].content.classList.remove('is-hidden')\n page.activeTab = index\n } else {\n page.tabs[i].tab.classList.remove('is-active')\n page.tabs[i].content.classList.add('is-hidden')\n }\n}\n\npage.fetchAlbums = () => {\n return axios.get('api/albums', { headers: { token: page.token } }).then(response => {\n if (response.data.success === false)\n return swal('An error occurred!', response.data.description, 'error')\n\n // Create an option for each album\n if (Array.isArray(response.data.albums) && response.data.albums.length)\n for (let i = 0; i < response.data.albums.length; i++) {\n const album = response.data.albums[i]\n const option = document.createElement('option')\n option.value = album.id\n option.innerHTML = album.name\n page.albumSelect.appendChild(option)\n }\n }).catch(page.onInitError)\n}\n\npage.prepareDropzone = () => {\n // Parse template element\n const previewNode = document.querySelector('#tpl')\n page.previewTemplate = previewNode.innerHTML\n previewNode.parentNode.removeChild(previewNode)\n\n // Generate files upload tab\n const tabDiv = document.querySelector('#tab-files')\n const div = document.createElement('div')\n div.className = 'control is-expanded'\n div.innerHTML = `\n
\n \n \n \n Click here or drag & drop files\n
\n `\n tabDiv.querySelector('.dz-container').appendChild(div)\n\n const previewsContainer = tabDiv.querySelector('#tab-files .field.uploads')\n\n page.dropzone = new Dropzone(document.body, {\n url: 'api/upload',\n paramName: 'files[]',\n clickable: tabDiv.querySelector('#dropzone'),\n maxFilesize: page.maxSizeBytes / 1024 / 1024, // this option expects MiB\n parallelUploads: page.parallelUploads,\n uploadMultiple: false,\n previewsContainer,\n previewTemplate: page.previewTemplate,\n createImageThumbnails: false,\n autoProcessQueue: true,\n headers: { token: page.token },\n chunking: Boolean(page.chunkSize),\n chunkSize: page.chunkSize * 1e6, // this option expects Bytes\n parallelChunkUploads: false, // for now, enabling this breaks descriptive upload progress\n timeout: 0,\n\n init () {\n this.on('addedfile', file => {\n // Set active tab to file uploads, if necessary\n if (page.activeTab !== 0)\n page.setActiveTab(0)\n\n // Add file entry\n tabDiv.querySelector('.uploads').classList.remove('is-hidden')\n\n file.previewElement.querySelector('.name').innerHTML = file.name\n file.previewElement.querySelector('.descriptive-progress').innerHTML = 'Waiting in queue\\u2026'\n })\n\n this.on('sending', (file, xhr) => {\n // Add timeout listener (hacky method due to lack of built-in timeout handler)\n if (!xhr.ontimeout)\n xhr.ontimeout = () => {\n const instances = page.dropzone.getUploadingFiles()\n .filter(instance => instance.xhr === xhr)\n page.dropzone._handleUploadError(instances, xhr, 'Connection timed out. Try to reduce upload chunk size.')\n }\n\n // Add start timestamp of upload attempt\n if (xhr._start === undefined)\n xhr._start = Date.now()\n\n // If not chunked uploads, add extra headers\n if (!file.upload.chunked) {\n if (page.album !== null) xhr.setRequestHeader('albumid', page.album)\n if (page.fileLength !== null) xhr.setRequestHeader('filelength', page.fileLength)\n if (page.uploadAge !== null) xhr.setRequestHeader('age', page.uploadAge)\n if (page.stripTags !== null) xhr.setRequestHeader('striptags', page.stripTags)\n }\n\n if (!file.upload.chunked)\n file.previewElement.querySelector('.descriptive-progress').innerHTML = 'Uploading\\u2026'\n else if (file.upload.chunks.length === 1)\n file.previewElement.querySelector('.descriptive-progress').innerHTML = `Uploading chunk 1/${file.upload.totalChunkCount}\\u2026`\n })\n\n // Update descriptive progress\n this.on('uploadprogress', (file, progress) => {\n // Total bytes will eventually be bigger than file size when chunked\n const total = Math.max(file.size, file.upload.total)\n const percentage = (file.upload.bytesSent / total * 100).toFixed(0)\n\n const upl = file.upload.chunked\n ? file.upload.chunks[file.upload.chunks.length - 1]\n : file.upload\n const xhr = upl.xhr || file.xhr\n\n let prefix = 'Uploading\\u2026'\n let skipProgress = false\n if (file.upload.chunked) {\n const done = upl.bytesSent === upl.total\n const last = file.upload.chunks.length === file.upload.totalChunkCount\n let chunkIndex = file.upload.chunks.length\n if (done && !last) {\n chunkIndex++\n skipProgress = true\n }\n prefix = `Uploading chunk ${chunkIndex}/${file.upload.totalChunkCount}\\u2026`\n }\n\n let prettyBytesPerSec\n if (!skipProgress) {\n const elapsed = (Date.now() - xhr._start) / 1000\n const bytesPerSec = elapsed ? (upl.bytesSent / elapsed) : 0\n prettyBytesPerSec = page.getPrettyBytes(bytesPerSec)\n }\n\n file.previewElement.querySelector('.descriptive-progress').innerHTML =\n `${prefix} ${percentage}%${prettyBytesPerSec ? ` at ~${prettyBytesPerSec}/s` : ''}`\n })\n\n this.on('success', (file, data) => {\n if (!data) return\n file.previewElement.querySelector('.descriptive-progress').classList.add('is-hidden')\n\n if (data.success === false) {\n file.previewElement.querySelector('.error').innerHTML = data.description\n file.previewElement.querySelector('.error').classList.remove('is-hidden')\n }\n\n if (Array.isArray(data.files) && data.files[0])\n page.updateTemplate(file, data.files[0])\n })\n\n this.on('error', (file, error) => {\n // Clean up file size errors\n if ((typeof error === 'string' && /^File is too big/.test(error)) ||\n (typeof error === 'object' && /File too large/.test(error.description)))\n error = `File too large (${page.getPrettyBytes(file.size)}).`\n\n page.updateTemplateIcon(file.previewElement, 'icon-block')\n\n file.previewElement.querySelector('.descriptive-progress').classList.add('is-hidden')\n\n file.previewElement.querySelector('.error').innerHTML = error.description || error\n file.previewElement.querySelector('.error').classList.remove('is-hidden')\n })\n },\n\n chunksUploaded (file, done) {\n file.previewElement.querySelector('.descriptive-progress').innerHTML =\n `Rebuilding ${file.upload.totalChunkCount} chunks\\u2026`\n\n return axios.post('api/upload/finishchunks', {\n // This API supports an array of multiple files\n files: [{\n uuid: file.upload.uuid,\n original: file.name,\n type: file.type,\n albumid: page.album,\n filelength: page.fileLength,\n age: page.uploadAge\n }]\n }, {\n headers: {\n token: page.token,\n // Unlike the options above (e.g. albumid, filelength, etc.),\n // strip tags can not yet be configured per file with this API\n striptags: page.stripTags\n }\n }).catch(error => {\n // Format error for display purpose\n return error.response.data ? error.response : {\n data: {\n success: false,\n description: error.toString()\n }\n }\n }).then(response => {\n file.previewElement.querySelector('.descriptive-progress').classList.add('is-hidden')\n\n if (response.data.success === false) {\n file.previewElement.querySelector('.error').innerHTML = response.data.description\n file.previewElement.querySelector('.error').classList.remove('is-hidden')\n }\n\n if (response.data.files && response.data.files[0])\n page.updateTemplate(file, response.data.files[0])\n\n return done()\n })\n }\n })\n}\n\npage.addUrlsToQueue = () => {\n const urls = document.querySelector('#urls').value\n .split(/\\r?\\n/)\n .filter(url => {\n return url.trim().length\n })\n\n if (!urls.length)\n return swal('An error occurred!', 'You have not entered any URLs.', 'error')\n\n const tabDiv = document.querySelector('#tab-urls')\n tabDiv.querySelector('.uploads').classList.remove('is-hidden')\n\n for (let i = 0; i < urls.length; i++) {\n const previewTemplate = document.createElement('template')\n previewTemplate.innerHTML = page.previewTemplate.trim()\n\n const previewElement = previewTemplate.content.firstChild\n previewElement.querySelector('.name').innerHTML = urls[i]\n previewElement.querySelector('.descriptive-progress').innerHTML = 'Waiting in queue\\u2026'\n\n const previewsContainer = tabDiv.querySelector('.uploads')\n previewsContainer.appendChild(previewElement)\n\n page.urlsQueue.push({\n url: urls[i],\n previewElement\n })\n }\n\n page.processUrlsQueue()\n document.querySelector('#urls').value = ''\n}\n\npage.processUrlsQueue = () => {\n if (!page.urlsQueue.length) return\n\n function finishedUrlUpload (file, data) {\n file.previewElement.querySelector('.descriptive-progress').classList.add('is-hidden')\n\n if (data.success === false) {\n const match = data.description.match(/ over limit: (\\d+)$/)\n if (match && match[1])\n data.description = `File exceeded limit of ${page.getPrettyBytes(match[1])}.`\n\n file.previewElement.querySelector('.error').innerHTML = data.description\n file.previewElement.querySelector('.error').classList.remove('is-hidden')\n }\n\n if (Array.isArray(data.files) && data.files[0])\n page.updateTemplate(file, data.files[0])\n\n page.activeUrlsQueue--\n return shiftQueue()\n }\n\n function initUrlUpload (file) {\n file.previewElement.querySelector('.descriptive-progress').innerHTML =\n 'Waiting for server to fetch URL\\u2026'\n\n return axios.post('api/upload', {\n urls: [file.url]\n }, {\n headers: {\n token: page.token,\n albumid: page.album,\n age: page.uploadAge,\n filelength: page.fileLength\n }\n }).catch(error => {\n // Format error for display purpose\n return error.response.data ? error.response : {\n data: {\n success: false,\n description: error.toString()\n }\n }\n }).then(response => {\n return finishedUrlUpload(file, response.data)\n })\n }\n\n function shiftQueue () {\n while (page.urlsQueue.length && (page.activeUrlsQueue < page.parallelUploads)) {\n page.activeUrlsQueue++\n initUrlUpload(page.urlsQueue.shift())\n }\n }\n\n return shiftQueue()\n}\n\npage.updateTemplateIcon = (templateElement, iconClass) => {\n const iconElement = templateElement.querySelector('.icon')\n if (!iconElement) return\n\n iconElement.classList.add(iconClass)\n iconElement.classList.remove('is-hidden')\n}\n\npage.updateTemplate = (file, response) => {\n if (!response.url) return\n\n const link = file.previewElement.querySelector('.link')\n const a = link.querySelector('a')\n const clipboard = file.previewElement.querySelector('.clipboard-mobile > .clipboard-js')\n a.href = a.innerHTML = clipboard.dataset.clipboardText = response.url\n\n link.classList.remove('is-hidden')\n clipboard.parentElement.classList.remove('is-hidden')\n\n const exec = /.[\\w]+(\\?|$)/.exec(response.url)\n const extname = exec && exec[0]\n ? exec[0].toLowerCase()\n : null\n\n if (page.imageExts.includes(extname))\n if (page.previewImages) {\n const img = file.previewElement.querySelector('img')\n img.setAttribute('alt', response.name || '')\n img.dataset.src = response.url\n img.classList.remove('is-hidden')\n img.onerror = event => {\n // Hide image elements that fail to load\n // Consequently include WEBP in browsers that do not have WEBP support (e.g. IE)\n event.currentTarget.classList.add('is-hidden')\n page.updateTemplateIcon(file.previewElement, 'icon-picture')\n }\n page.lazyLoad.update(file.previewElement.querySelectorAll('img'))\n } else {\n page.updateTemplateIcon(file.previewElement, 'icon-picture')\n }\n else if (page.videoExts.includes(extname))\n page.updateTemplateIcon(file.previewElement, 'icon-video')\n else\n page.updateTemplateIcon(file.previewElement, 'icon-doc-inv')\n\n if (response.expirydate) {\n const expiryDate = file.previewElement.querySelector('.expiry-date')\n expiryDate.innerHTML = `EXP: ${page.getPrettyDate(new Date(response.expirydate * 1000))}`\n expiryDate.classList.remove('is-hidden')\n }\n}\n\npage.createAlbum = () => {\n const div = document.createElement('div')\n div.innerHTML = `\n
\n
\n \n
\n

Max length is ${page.albumTitleMaxLength} characters.

\n
\n
\n
\n \n
\n

Max length is ${page.albumDescMaxLength} characters.

\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
\n `\n\n swal({\n title: 'Create new album',\n icon: 'info',\n content: div,\n buttons: {\n cancel: true,\n confirm: {\n closeModal: false\n }\n }\n }).then(value => {\n if (!value) return\n\n const name = document.querySelector('#swalName').value.trim()\n axios.post('api/albums', {\n name,\n description: document.querySelector('#swalDescription').value.trim(),\n download: document.querySelector('#swalDownload').checked,\n public: document.querySelector('#swalPublic').checked\n }, {\n headers: {\n token: page.token\n }\n }).then(response => {\n if (response.data.success === false)\n return swal('An error occurred!', response.data.description, 'error')\n\n const option = document.createElement('option')\n page.albumSelect.appendChild(option)\n option.value = response.data.id\n option.innerHTML = name\n option.selected = true\n\n swal('Woohoo!', 'Album was created successfully.', 'success')\n }).catch(page.onError)\n })\n}\n\npage.prepareUploadConfig = () => {\n const fallback = {\n chunkSize: page.chunkSize,\n parallelUploads: page.parallelUploads\n }\n\n const temporaryUploadAges = Array.isArray(page.temporaryUploadAges) && page.temporaryUploadAges.length\n const fileIdentifierLength = page.fileIdentifierLength &&\n typeof page.fileIdentifierLength.min === 'number' &&\n typeof page.fileIdentifierLength.max === 'number'\n\n const config = {\n siBytes: {\n label: 'File size display',\n select: [\n { value: 'default', text: '1000 B = 1 kB = 1 Kilobyte' },\n { value: '0', text: '1024 B = 1 KiB = 1 Kibibyte' }\n ],\n help: 'This will be used in our homepage, dashboard, and album public pages.',\n valueHandler () {} // Do nothing\n },\n fileLength: {\n display: fileIdentifierLength,\n label: 'File identifier length',\n number: fileIdentifierLength ? {\n min: page.fileIdentifierLength.min,\n max: page.fileIdentifierLength.max,\n round: true\n } : undefined,\n help: true, // true means auto-generated, for number-based configs only\n disabled: fileIdentifierLength && page.fileIdentifierLength.force\n },\n uploadAge: {\n display: temporaryUploadAges,\n label: 'Upload age',\n select: [],\n help: 'Whether to automatically delete your uploads after a certain amount of time.'\n },\n stripTags: {\n display: page.stripTagsConfig,\n label: 'Strip tags',\n select: page.stripTagsConfig ? [\n { value: page.stripTagsConfig.default ? 'default' : '1', text: 'Yes' },\n { value: page.stripTagsConfig.default ? '0' : 'default', text: 'No' }\n ] : null,\n help: `Whether to strip tags (e.g. EXIF) from your uploads.
\n This only applies to regular image${page.stripTagsConfig && page.stripTagsConfig.video ? ' and video' : ''} uploads (i.e. not URL uploads).`,\n disabled: page.stripTagsConfig && page.stripTagsConfig.force\n },\n chunkSize: {\n display: !isNaN(page.chunkSize),\n label: 'Upload chunk size (MB)',\n number: {\n min: 1,\n max: 95,\n suffix: ' MB',\n round: true\n },\n help: true\n },\n parallelUploads: {\n label: 'Parallel uploads',\n number: {\n min: 1,\n max: 10,\n round: true\n },\n help: true\n },\n uploadsHistoryOrder: {\n label: 'Uploads history order',\n select: [\n { value: 'default', text: 'Older files on top' },\n { value: '0', text: 'Newer files on top' }\n ],\n help: `\"Newer files on top\" will use a CSS technique, which unfortunately come with some undesirable side effects.
\n This also affects text selection, such as when trying to select text from top to bottom will result in them being selected from bottom to top instead, and vice versa.`,\n valueHandler (value) {\n if (value === '0') {\n const uploadFields = document.querySelectorAll('.tab-content > .uploads')\n for (let i = 0; i < uploadFields.length; i++)\n uploadFields[i].classList.add('is-reversed')\n }\n }\n },\n previewImages: {\n label: 'Load images for preview',\n select: [\n { value: 'default', text: 'Yes' },\n { value: '0', text: 'No' }\n ],\n help: 'By default, uploaded images will be loaded as their previews.',\n valueHandler (value) {\n page.previewImages = value !== '0'\n }\n }\n }\n\n if (temporaryUploadAges) {\n const stored = parseFloat(localStorage[lsKeys.uploadAge])\n for (let i = 0; i < page.temporaryUploadAges.length; i++) {\n const age = page.temporaryUploadAges[i]\n config.uploadAge.select.push({\n value: i === 0 ? 'default' : String(age),\n text: page.getPrettyUploadAge(age)\n })\n if (age === stored)\n config.uploadAge.value = stored\n }\n }\n\n if (fileIdentifierLength) {\n fallback.fileLength = page.fileIdentifierLength.default || undefined\n const stored = parseInt(localStorage[lsKeys.fileLength])\n if (!page.fileIdentifierLength.force &&\n !isNaN(stored) &&\n stored >= page.fileIdentifierLength.min &&\n stored <= page.fileIdentifierLength.max)\n config.fileLength.value = stored\n }\n\n const tabContent = document.querySelector('#tab-config')\n const form = document.createElement('form')\n form.addEventListener('submit', event => event.preventDefault())\n\n const configKeys = Object.keys(config)\n for (let i = 0; i < configKeys.length; i++) {\n const key = configKeys[i]\n const conf = config[key]\n\n // Skip only if display attribute is explicitly set to false\n if (conf.display === false)\n continue\n\n const field = document.createElement('div')\n field.className = 'field'\n\n let value\n if (!conf.disabled) {\n if (conf.value !== undefined) {\n value = conf.value\n } else if (conf.number !== undefined) {\n const parsed = parseInt(localStorage[lsKeys[key]])\n if (!isNaN(parsed))\n value = parsed\n } else {\n const stored = localStorage[lsKeys[key]]\n if (Array.isArray(conf.select))\n value = conf.select.find(sel => sel.value === stored) ? stored : undefined\n else\n value = stored\n }\n\n // If valueHandler function exists, defer to the function,\n // otherwise pass value to global page object\n if (typeof conf.valueHandler === 'function')\n conf.valueHandler(value)\n else if (value !== undefined)\n page[key] = value\n }\n\n let control\n if (Array.isArray(conf.select)) {\n control = document.createElement('div')\n control.className = 'select is-fullwidth'\n\n const opts = []\n for (let j = 0; j < conf.select.length; j++) {\n const opt = conf.select[j]\n const selected = (value && (opt.value === String(value))) ||\n (value === undefined && opt.value === 'default')\n opts.push(`\n \n `)\n }\n\n control.innerHTML = `\n \n `\n } else if (conf.number !== undefined) {\n control = document.createElement('input')\n control.id = control.name = key\n control.className = 'input is-fullwidth'\n control.type = 'number'\n\n if (conf.number.min !== undefined)\n control.min = conf.number.min\n if (conf.number.max !== undefined)\n control.max = conf.number.max\n if (typeof value === 'number')\n control.value = value\n else if (fallback[key] !== undefined)\n control.value = fallback[key]\n }\n\n let help\n if (conf.disabled) {\n if (Array.isArray(conf.select))\n control.querySelector('select').disabled = conf.disabled\n else\n control.disabled = conf.disabled\n help = 'This option is currently not configurable.'\n } else if (typeof conf.help === 'string') {\n help = conf.help\n } else if (conf.help === true && conf.number !== undefined) {\n const tmp = []\n\n if (fallback[key] !== undefined)\n tmp.push(`Default is ${fallback[key]}${conf.number.suffix || ''}.`)\n if (conf.number.min !== undefined)\n tmp.push(`Min is ${conf.number.min}${conf.number.suffix || ''}.`)\n if (conf.number.max !== undefined)\n tmp.push(`Max is ${conf.number.max}${conf.number.suffix || ''}.`)\n\n help = tmp.join(' ')\n }\n\n field.innerHTML = `\n \n
\n ${help ? `

${help}

` : ''}\n `\n field.querySelector('div.control').appendChild(control)\n\n form.appendChild(field)\n }\n\n const submit = document.createElement('div')\n submit.className = 'field'\n submit.innerHTML = `\n

\n \n

\n

\n This configuration will only be used in this browser.
\n After reloading the page, some of them will also be applied to the ShareX config that you can download by clicking on the ShareX icon below.\n

\n `\n\n form.appendChild(submit)\n form.querySelector('#saveConfig').addEventListener('click', () => {\n if (!form.checkValidity())\n return\n\n const keys = Object.keys(config)\n .filter(key => config[key].display !== false && config[key].disabled !== true)\n for (let i = 0; i < keys.length; i++) {\n const key = keys[i]\n\n let value\n if (config[key].select !== undefined) {\n if (form.elements[key].value !== 'default')\n value = form.elements[key].value\n } else if (config[key].number !== undefined) {\n const parsed = parseInt(form.elements[key].value)\n if (!isNaN(parsed))\n value = Math.min(Math.max(parsed, config[key].number.min), config[key].number.max)\n }\n\n if (value !== undefined && value !== fallback[key])\n localStorage[lsKeys[key]] = value\n else\n localStorage.removeItem(lsKeys[key])\n }\n\n swal({\n title: 'Woohoo!',\n text: 'Configuration saved into this browser.',\n icon: 'success'\n }).then(() => {\n location.reload()\n })\n })\n\n tabContent.appendChild(form)\n}\n\npage.getPrettyUploadAge = hours => {\n if (hours === 0) {\n return 'Permanent'\n } else if (hours < 1) {\n const minutes = hours * 60\n return `${minutes} minute${minutes === 1 ? '' : 's'}`\n } else if (hours >= 24) {\n const days = hours / 24\n return `${days} day${days === 1 ? '' : 's'}`\n } else {\n return `${hours} hour${hours === 1 ? '' : 's'}`\n }\n}\n\n// Handle image paste event\nwindow.addEventListener('paste', event => {\n const items = (event.clipboardData || event.originalEvent.clipboardData).items\n const index = Object.keys(items)\n for (let i = 0; i < index.length; i++) {\n const item = items[index[i]]\n if (item.kind === 'file') {\n const blob = item.getAsFile()\n /* eslint-disable-next-line compat/compat */\n const file = new File([blob], `pasted-image.${blob.type.match(/(?:[^/]*\\/)([^;]*)/)[1]}`, {\n type: blob.type\n })\n page.dropzone.addFile(file)\n }\n }\n})\n\nwindow.onload = () => {\n page.checkIfPublic()\n\n page.clipboardJS = new ClipboardJS('.clipboard-js')\n\n page.clipboardJS.on('success', () => {\n return swal('', 'The link has been copied to clipboard.', 'success', {\n buttons: false,\n timer: 1500\n })\n })\n\n page.clipboardJS.on('error', page.onError)\n\n page.lazyLoad = new LazyLoad({\n elements_selector: '.field.uploads img'\n })\n\n document.querySelector('#createAlbum').addEventListener('click', () => {\n page.createAlbum()\n })\n}\n"]} \ No newline at end of file diff --git a/dist/js/misc/utils.js b/dist/js/misc/utils.js index 23a5b70..42357a5 100644 --- a/dist/js/misc/utils.js +++ b/dist/js/misc/utils.js @@ -1,2 +1,2 @@ -lsKeys.siBytes="siBytes",page.prepareShareX=function(){var e=page.token?{token:page.token||"",albumid:page.album||""}:{};e.filelength=page.fileLength||"",e.age=page.uploadAge||"";for(var t=[],a=Object.keys(e),n=0;n {\n const values = page.token ? {\n token: page.token || '',\n albumid: page.album || ''\n } : {}\n values.filelength = page.fileLength || ''\n values.age = page.uploadAge || ''\n\n const headers = []\n const keys = Object.keys(values)\n for (let i = 0; i < keys.length; i++)\n // Pad by 4 space\n headers.push(` \"${keys[i]}\": \"${values[keys[i]]}\"`)\n\n const origin = (location.hostname + location.pathname).replace(/\\/(dashboard)?$/, '')\n const originClean = origin.replace(/\\//g, '_')\n\n const sharexElement = document.querySelector('#ShareX')\n const sharexFile = `{\n \"Name\": \"${originClean}\",\n \"DestinationType\": \"ImageUploader, FileUploader\",\n \"RequestMethod\": \"POST\",\n \"RequestURL\": \"${location.protocol}//${origin}/api/upload\",\n \"Headers\": {\n${headers.join(',\\n')}\n },\n \"Body\": \"MultipartFormData\",\n \"FileFormName\": \"files[]\",\n \"URL\": \"$json:files[0].url$\",\n \"ThumbnailURL\": \"$json:files[0].url$\"\n}`\n\n const sharexBlob = new Blob([sharexFile], { type: 'application/octet-binary' })\n /* eslint-disable-next-line compat/compat */\n sharexElement.setAttribute('href', URL.createObjectURL(sharexBlob))\n sharexElement.setAttribute('download', `${originClean}.sxcu`)\n}\n\npage.getPrettyDate = date => {\n return date.getFullYear() + '-' +\n (date.getMonth() < 9 ? '0' : '') + // month's index starts from zero\n (date.getMonth() + 1) + '-' +\n (date.getDate() < 10 ? '0' : '') +\n date.getDate() + ' ' +\n (date.getHours() < 10 ? '0' : '') +\n date.getHours() + ':' +\n (date.getMinutes() < 10 ? '0' : '') +\n date.getMinutes() + ':' +\n (date.getSeconds() < 10 ? '0' : '') +\n date.getSeconds()\n}\n\npage.getPrettyBytes = num => {\n // MIT License\n // Copyright (c) Sindre Sorhus (sindresorhus.com)\n if (typeof num !== 'number' && !isFinite(num)) return num\n\n const si = localStorage[lsKeys.siBytes] !== '0'\n const neg = num < 0 ? '-' : ''\n const scale = si ? 1000 : 1024\n if (neg) num = -num\n if (num < scale) return `${neg}${num} B`\n\n const exponent = Math.min(Math.floor((Math.log(num) * Math.LOG10E) / 3), 8) // 8 is count of KMGTPEZY\n const numStr = Number((num / Math.pow(scale, exponent)).toPrecision(3))\n const pre = (si ? 'kMGTPEZY' : 'KMGTPEZY').charAt(exponent - 1) + (si ? '' : 'i')\n return `${neg}${numStr} ${pre}B`\n}\n"]} \ No newline at end of file +{"version":3,"sources":["utils.js"],"names":["lsKeys","siBytes","page","prepareShareX","const","values","token","albumid","album","filelength","fileLength","age","uploadAge","striptags","stripTags","headers","keys","Object","i","length","push","origin","location","hostname","pathname","replace","originClean","sharexElement","document","querySelector","sharexFile","join","sharexBlob","Blob","type","setAttribute","URL","createObjectURL","getPrettyDate","date","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getPrettyBytes","num","isFinite","si","localStorage","neg","scale","exponent","Math","min","floor","log","LOG10E","Number","pow","toPrecision","charAt"],"mappings":"AAGAA,OAAOC,QAAU,UAEjBC,KAAKC,cAAa,WAChBC,IAAMC,EAASH,KAAKI,MAAQ,CAC1BA,MAAOJ,KAAKI,OAAS,GACrBC,QAASL,KAAKM,OAAS,IACrB,GACJH,EAAOI,WAAaP,KAAKQ,YAAc,GACvCL,EAAOM,IAAMT,KAAKU,WAAa,GAC/BP,EAAOQ,UAAYX,KAAKY,WAAa,GAIrC,IAFAV,IAAMW,EAAU,GACVC,EAAOC,OAAOD,KAAKX,GAChBa,EAAI,EAAGA,EAAIF,EAAKG,OAAQD,IAE/BH,EAAQK,KAAK,QAAQJ,EAAKE,GAAE,OAAOb,EAAOW,EAAKE,IAAG,KAEpDd,IAAMiB,GAAUC,SAASC,SAAWD,SAASE,UAAUC,QAAQ,kBAAmB,IAC5EC,EAAcL,EAAOI,QAAQ,MAAO,KAEpCE,EAAgBC,SAASC,cAAc,WACvCC,EAAa,iBACRJ,EAAW,yGAGLJ,SAAS,SAAQ,KAAKD,EAAM,kCAE7CN,EAAQgB,KAAK,OAAM,oJAQbC,EAAa,IAAIC,KAAK,CAACH,GAAa,CAAEI,KAAM,6BAElDP,EAAcQ,aAAa,OAAQC,IAAIC,gBAAgBL,IACvDL,EAAcQ,aAAa,WAAeT,EAAW,UAGvDxB,KAAKoC,cAAa,SAAGC,GACnB,OAAOA,EAAKC,cAAgB,KACzBD,EAAKE,WAAa,EAAI,IAAM,KAC5BF,EAAKE,WAAa,GAAK,KACvBF,EAAKG,UAAY,GAAK,IAAM,IAC7BH,EAAKG,UAAY,KAChBH,EAAKI,WAAa,GAAK,IAAM,IAC9BJ,EAAKI,WAAa,KACjBJ,EAAKK,aAAe,GAAK,IAAM,IAChCL,EAAKK,aAAe,KACnBL,EAAKM,aAAe,GAAK,IAAM,IAChCN,EAAKM,cAGT3C,KAAK4C,eAAc,SAAGC,GAGpB,GAAmB,iBAARA,IAAqBC,SAASD,GAAM,OAAOA,EAEtD3C,IAAM6C,EAAsC,MAAjCC,aAAalD,OAAOC,SACzBkD,EAAMJ,EAAM,EAAI,IAAM,GACtBK,EAAQH,EAAK,IAAO,KAE1B,GADIE,IAAKJ,GAAOA,GACZA,EAAMK,EAAO,MAAO,GAAGD,EAAMJ,EAAG,KAEpC3C,IAAMiD,EAAWC,KAAKC,IAAID,KAAKE,MAAOF,KAAKG,IAAIV,GAAOO,KAAKI,OAAU,GAAI,GAGzE,MAAO,GAAGP,EAFKQ,QAAQZ,EAAMO,KAAKM,IAAIR,EAAOC,IAAWQ,YAAY,IAE9C,MADTZ,EAAK,WAAa,YAAYa,OAAOT,EAAW,IAAMJ,EAAK,GAAK,MAChD","file":"utils.js","sourcesContent":["/* global lsKeys, page */\n\n// keys for localStorage\nlsKeys.siBytes = 'siBytes'\n\npage.prepareShareX = () => {\n const values = page.token ? {\n token: page.token || '',\n albumid: page.album || ''\n } : {}\n values.filelength = page.fileLength || ''\n values.age = page.uploadAge || ''\n values.striptags = page.stripTags || ''\n\n const headers = []\n const keys = Object.keys(values)\n for (let i = 0; i < keys.length; i++)\n // Pad by 4 space\n headers.push(` \"${keys[i]}\": \"${values[keys[i]]}\"`)\n\n const origin = (location.hostname + location.pathname).replace(/\\/(dashboard)?$/, '')\n const originClean = origin.replace(/\\//g, '_')\n\n const sharexElement = document.querySelector('#ShareX')\n const sharexFile = `{\n \"Name\": \"${originClean}\",\n \"DestinationType\": \"ImageUploader, FileUploader\",\n \"RequestMethod\": \"POST\",\n \"RequestURL\": \"${location.protocol}//${origin}/api/upload\",\n \"Headers\": {\n${headers.join(',\\n')}\n },\n \"Body\": \"MultipartFormData\",\n \"FileFormName\": \"files[]\",\n \"URL\": \"$json:files[0].url$\",\n \"ThumbnailURL\": \"$json:files[0].url$\"\n}`\n\n const sharexBlob = new Blob([sharexFile], { type: 'application/octet-binary' })\n /* eslint-disable-next-line compat/compat */\n sharexElement.setAttribute('href', URL.createObjectURL(sharexBlob))\n sharexElement.setAttribute('download', `${originClean}.sxcu`)\n}\n\npage.getPrettyDate = date => {\n return date.getFullYear() + '-' +\n (date.getMonth() < 9 ? '0' : '') + // month's index starts from zero\n (date.getMonth() + 1) + '-' +\n (date.getDate() < 10 ? '0' : '') +\n date.getDate() + ' ' +\n (date.getHours() < 10 ? '0' : '') +\n date.getHours() + ':' +\n (date.getMinutes() < 10 ? '0' : '') +\n date.getMinutes() + ':' +\n (date.getSeconds() < 10 ? '0' : '') +\n date.getSeconds()\n}\n\npage.getPrettyBytes = num => {\n // MIT License\n // Copyright (c) Sindre Sorhus (sindresorhus.com)\n if (typeof num !== 'number' && !isFinite(num)) return num\n\n const si = localStorage[lsKeys.siBytes] !== '0'\n const neg = num < 0 ? '-' : ''\n const scale = si ? 1000 : 1024\n if (neg) num = -num\n if (num < scale) return `${neg}${num} B`\n\n const exponent = Math.min(Math.floor((Math.log(num) * Math.LOG10E) / 3), 8) // 8 is count of KMGTPEZY\n const numStr = Number((num / Math.pow(scale, exponent)).toPrecision(3))\n const pre = (si ? 'kMGTPEZY' : 'KMGTPEZY').charAt(exponent - 1) + (si ? '' : 'i')\n return `${neg}${numStr} ${pre}B`\n}\n"]} \ No newline at end of file diff --git a/routes/api.js b/routes/api.js index 98f07b8..3d16f6f 100644 --- a/routes/api.js +++ b/routes/api.js @@ -13,7 +13,8 @@ routes.get('/check', (req, res, next) => { maxSize: config.uploads.maxSize, chunkSize: config.uploads.chunkSize, temporaryUploadAges: config.uploads.temporaryUploadAges, - fileIdentifierLength: config.uploads.fileIdentifierLength + fileIdentifierLength: config.uploads.fileIdentifierLength, + stripTags: config.uploads.stripTags }) }) diff --git a/src/css/style.css b/src/css/style.css index 56431ea..48217dc 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -151,6 +151,11 @@ fieldset[disabled] .textarea { border-color: #eff0f1 } +.select select[disabled]:hover, +fieldset[disabled] .select select:hover { + border-color: #585858 +} + .message { background-color: #2f2f2f } diff --git a/src/js/home.js b/src/js/home.js index ea5eb29..58e0c6b 100644 --- a/src/js/home.js +++ b/src/js/home.js @@ -7,7 +7,8 @@ const lsKeys = { uploadsHistoryOrder: 'uploadsHistoryOrder', previewImages: 'previewImages', fileLength: 'fileLength', - uploadAge: 'uploadAge' + uploadAge: 'uploadAge', + stripTags: 'stripTags' } const page = { @@ -21,6 +22,7 @@ const page = { chunkSize: null, temporaryUploadAges: null, fileIdentifierLength: null, + stripTagsConfig: null, // store album id that will be used with upload requests album: null, @@ -137,6 +139,7 @@ page.checkIfPublic = () => { page.chunkSize = parseInt(response.data.chunkSize) page.temporaryUploadAges = response.data.temporaryUploadAges page.fileIdentifierLength = response.data.fileIdentifierLength + page.stripTagsConfig = response.data.stripTags return page.preparePage() }).catch(page.onInitError) } @@ -343,6 +346,7 @@ page.prepareDropzone = () => { if (page.album !== null) xhr.setRequestHeader('albumid', page.album) if (page.fileLength !== null) xhr.setRequestHeader('filelength', page.fileLength) if (page.uploadAge !== null) xhr.setRequestHeader('age', page.uploadAge) + if (page.stripTags !== null) xhr.setRequestHeader('striptags', page.stripTags) } if (!file.upload.chunked) @@ -430,7 +434,10 @@ page.prepareDropzone = () => { }] }, { headers: { - token: page.token + token: page.token, + // Unlike the options above (e.g. albumid, filelength, etc.), + // strip tags can not yet be configured per file with this API + striptags: page.stripTags } }).catch(error => { // Format error for display purpose @@ -581,7 +588,7 @@ page.updateTemplate = (file, response) => { img.classList.remove('is-hidden') img.onerror = event => { // Hide image elements that fail to load - // Consequently include WEBP in browsers that do not have WEBP support (e.i. IE) + // Consequently include WEBP in browsers that do not have WEBP support (e.g. IE) event.currentTarget.classList.add('is-hidden') page.updateTemplateIcon(file.previewElement, 'icon-picture') } @@ -708,7 +715,18 @@ page.prepareUploadConfig = () => { display: temporaryUploadAges, label: 'Upload age', select: [], - help: 'This allows your files to automatically be deleted after a certain period of time.' + help: 'Whether to automatically delete your uploads after a certain amount of time.' + }, + stripTags: { + display: page.stripTagsConfig, + label: 'Strip tags', + select: page.stripTagsConfig ? [ + { value: page.stripTagsConfig.default ? 'default' : '1', text: 'Yes' }, + { value: page.stripTagsConfig.default ? '0' : 'default', text: 'No' } + ] : null, + help: `Whether to strip tags (e.g. EXIF) from your uploads.
+ This only applies to regular image${page.stripTagsConfig && page.stripTagsConfig.video ? ' and video' : ''} uploads (i.e. not URL uploads).`, + disabled: page.stripTagsConfig && page.stripTagsConfig.force }, chunkSize: { display: !isNaN(page.chunkSize), @@ -736,8 +754,8 @@ page.prepareUploadConfig = () => { { value: 'default', text: 'Older files on top' }, { value: '0', text: 'Newer files on top' } ], - help: `Newer files on top will use a CSS technique.
- Trying to select their texts manually from top to bottom will end up selecting the texts from bottom to top instead.`, + help: `"Newer files on top" will use a CSS technique, which unfortunately come with some undesirable side effects.
+ This also affects text selection, such as when trying to select text from top to bottom will result in them being selected from bottom to top instead, and vice versa.`, valueHandler (value) { if (value === '0') { const uploadFields = document.querySelectorAll('.tab-content > .uploads') @@ -807,7 +825,11 @@ page.prepareUploadConfig = () => { if (!isNaN(parsed)) value = parsed } else { - value = localStorage[lsKeys[key]] + const stored = localStorage[lsKeys[key]] + if (Array.isArray(conf.select)) + value = conf.select.find(sel => sel.value === stored) ? stored : undefined + else + value = stored } // If valueHandler function exists, defer to the function, @@ -826,7 +848,8 @@ page.prepareUploadConfig = () => { const opts = [] for (let j = 0; j < conf.select.length; j++) { const opt = conf.select[j] - const selected = value && (opt.value === String(value)) + const selected = (value && (opt.value === String(value))) || + (value === undefined && opt.value === 'default') opts.push(`