From a8c702065fd1e51ed54a3fcf4d4b4317482bfa54 Mon Sep 17 00:00:00 2001 From: Bobby Wibowo Date: Tue, 26 Nov 2019 21:58:10 +0700 Subject: [PATCH] Implemented descriptive upload progress MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Say goodbye to upload progress bar đź‘‹ Bumped v1 version string --- TODO.md | 2 +- dist/css/home.css | 2 +- dist/css/home.css.map | 2 +- dist/js/home.js | 2 +- dist/js/home.js.map | 2 +- src/css/home.css | 5 +- src/js/home.js | 103 +++++++++++++++++++++++++++++++----------- src/versions.json | 2 +- views/home.njk | 6 +-- 9 files changed, 88 insertions(+), 38 deletions(-) diff --git a/TODO.md b/TODO.md index dd19cf6..2f90652 100644 --- a/TODO.md +++ b/TODO.md @@ -31,7 +31,7 @@ Due to the fact that it needs to have `page` variable defined first, it can't ev This may prevent proper async load of JS assets, which I'd like to look into, in pursuit of even more speed. * [ ] Remember last pages of uploads & users lists. Consider remembering last pages of each individual albums as well. When deleting an album, properly delete its remembered last page, if any. When listing albums sidebar and/or listing albums in Manage your albums, also delete remembered last pages of any missing albums (assume the albums were deleted from another device). -* [ ] Descriptive upload progress, such as upload speed. Also tell user which chunk is currently being uploaded, to avoid confusion when progress "stops" when shifting to the next chunk. +* [x] Descriptive upload progress, such as upload speed. Also tell user which chunk is currently being uploaded, to avoid confusion when progress "stops" when shifting to the next chunk. Low priority: diff --git a/dist/css/home.css b/dist/css/home.css index 376a4b8..2ef66db 100644 --- a/dist/css/home.css +++ b/dist/css/home.css @@ -1,2 +1,2 @@ -#b{width:200px;height:200px;border-radius:100%;display:inline-block;margin-bottom:40px;vertical-align:top;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:floatUp;animation-name:floatUp;-webkit-animation-timing-function:cubic-bezier(0,.71,.29,1);animation-timing-function:cubic-bezier(0,.71,.29,1)}#b img.logo{max-height:200px}#dropzone *{pointer-events:none}#panel,#tokenContainer{display:none}#maxSize{font-size:1rem}.dz-preview .dz-details{display:-webkit-box;display:flex}.dz-preview .dz-details .dz-filename,.dz-preview .dz-details .dz-size{-webkit-box-flex:1;flex:1}.dz-preview .dz-error-mark,.dz-preview .dz-success-mark,.dz-preview img{display:none}@-webkit-keyframes floatUp{0%{opacity:0;-webkit-transform:scale(.86);transform:scale(.86)}25%{opacity:1}67%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes floatUp{0%{opacity:0;-webkit-transform:scale(.86);transform:scale(.86)}25%{opacity:1}67%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}.uploads.is-reversed{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.uploads>div{-webkit-animation:fadeInOpacity .5s;animation:fadeInOpacity .5s;margin:1rem}.uploads.is-reversed>div{-webkit-box-flex:0;flex:0 0 auto}.uploads>div:first-child{margin-top:1.5rem}.uploads.nojs{margin-bottom:0}.uploads>div>.icon:not(.icon-block){color:#209cee}.uploads>div>.icon.icon-block{color:#da4453}.uploads progress{margin-top:.5rem;margin-bottom:1rem}.uploads img{max-width:200px}.name{font-size:1rem;color:#eff0f1}.link>a,.name{word-break:break-all}.clipboard-mobile{margin-top:5px}#albumDiv{-webkit-animation:fadeInOpacity .5s;animation:fadeInOpacity .5s}#albumDiv .control{text-align:inherit}#linksColumn{margin-top:-.25rem;margin-left:-.25rem;margin-right:-.25rem;-webkit-animation:fadeInOpacity .5s;animation:fadeInOpacity .5s}#linksColumn .column{padding:.25rem}#linksColumn>span{padding:0 .3rem;color:#7f8c8d}.git-commit a{display:inline-block;word-break:break-all}#tabs{margin-bottom:1rem;-webkit-animation:fadeInOpacity .5s;animation:fadeInOpacity .5s}#tabs ul{border-bottom:1px solid #585858}#tabs li a{color:#bdc3c7;border-bottom-color:#585858}#tabs.is-boxed li.is-active a{color:#209cee;background:#000;border-color:#585858 #585858 #000}#tabs.is-boxed li:not(.is-active) a:hover{background:#585858}.tab-content{margin-bottom:-.75rem;-webkit-animation:fadeInOpacity .5s;animation:fadeInOpacity .5s}#tab-config.tab-content form{margin-bottom:.75rem}#urlMaxSize{font-weight:700}.render{position:fixed;right:0;bottom:0;font-size:1rem;color:#bdc3c7;cursor:pointer}.render.button{border-bottom-left-radius:0;border-bottom-right-radius:0;right:1%;opacity:.25;-webkit-transition:opacity .25s;transition:opacity .25s}.render.button:hover{opacity:1}input[type=file].is-fullwidth{width:100%} +#b{width:200px;height:200px;border-radius:100%;display:inline-block;margin-bottom:40px;vertical-align:top;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:floatUp;animation-name:floatUp;-webkit-animation-timing-function:cubic-bezier(0,.71,.29,1);animation-timing-function:cubic-bezier(0,.71,.29,1)}#b img.logo{max-height:200px}#dropzone *{pointer-events:none}#panel,#tokenContainer{display:none}#maxSize{font-size:1rem}.dz-preview .dz-details{display:-webkit-box;display:flex}.dz-preview .dz-details .dz-filename,.dz-preview .dz-details .dz-size{-webkit-box-flex:1;flex:1}.dz-preview .dz-error-mark,.dz-preview .dz-success-mark,.dz-preview img{display:none}@-webkit-keyframes floatUp{0%{opacity:0;-webkit-transform:scale(.86);transform:scale(.86)}25%{opacity:1}67%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes floatUp{0%{opacity:0;-webkit-transform:scale(.86);transform:scale(.86)}25%{opacity:1}67%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}.uploads.is-reversed{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.uploads>div{-webkit-animation:fadeInOpacity .5s;animation:fadeInOpacity .5s;margin:1rem}.uploads.is-reversed>div{-webkit-box-flex:0;flex:0 0 auto}.uploads>div:first-child{margin-top:1.5rem}.uploads.nojs{margin-bottom:0}.uploads>div>.icon:not(.icon-block){color:#209cee}.uploads>div>.icon.icon-block{color:#da4453}.uploads .descriptive-progress{color:#bdc3c7}.uploads img{max-width:200px}.name{font-size:1rem;color:#eff0f1}.link>a,.name{word-break:break-all}.clipboard-mobile{margin-top:5px}#albumDiv{-webkit-animation:fadeInOpacity .5s;animation:fadeInOpacity .5s}#albumDiv .control{text-align:inherit}#linksColumn{margin-top:-.25rem;margin-left:-.25rem;margin-right:-.25rem;-webkit-animation:fadeInOpacity .5s;animation:fadeInOpacity .5s}#linksColumn .column{padding:.25rem}#linksColumn>span{padding:0 .3rem;color:#7f8c8d}.git-commit a{display:inline-block;word-break:break-all}#tabs{margin-bottom:1rem;-webkit-animation:fadeInOpacity .5s;animation:fadeInOpacity .5s}#tabs ul{border-bottom:1px solid #585858}#tabs li a{color:#bdc3c7;border-bottom-color:#585858}#tabs.is-boxed li.is-active a{color:#209cee;background:#000;border-color:#585858 #585858 #000}#tabs.is-boxed li:not(.is-active) a:hover{background:#585858}.tab-content{margin-bottom:-.75rem;-webkit-animation:fadeInOpacity .5s;animation:fadeInOpacity .5s}#tab-config.tab-content form{margin-bottom:.75rem}#urlMaxSize{font-weight:700}.render{position:fixed;right:0;bottom:0;font-size:1rem;color:#bdc3c7;cursor:pointer}.render.button{border-bottom-left-radius:0;border-bottom-right-radius:0;right:1%;opacity:.25;-webkit-transition:opacity .25s;transition:opacity .25s}.render.button:hover{opacity:1}input[type=file].is-fullwidth{width:100%} /*# sourceMappingURL=home.css.map */ diff --git a/dist/css/home.css.map b/dist/css/home.css.map index b4792d0..8a97a98 100644 --- a/dist/css/home.css.map +++ b/dist/css/home.css.map @@ -1 +1 @@ -{"version":3,"sources":["css/home.css"],"names":[],"mappings":"AAAA,GACE,WAAY,CACZ,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,kBAAmB,CACnB,kBAAmB,CACnB,2BAAqB,CAArB,mBAAqB,CACrB,+BAAwB,CAAxB,uBAAwB,CACxB,gCAAyB,CAAzB,wBAAyB,CACzB,8BAAuB,CAAvB,sBAAuB,CACvB,2DAAwD,CAAxD,mDACF,CAEA,YACE,gBACF,CAEA,YACE,mBACF,CAEA,uBAEE,YACF,CAEA,SACE,cACF,CAEA,wBACE,mBAAY,CAAZ,YACF,CAEA,sEAEE,kBAAM,CAAN,MACF,CAEA,wEAGE,YACF,CAEA,2BACE,GACE,SAAU,CACV,4BAAqB,CAArB,oBACF,CAEA,IACE,SACF,CAEA,IACE,0BAAkB,CAAlB,kBACF,CAEA,GACE,0BAAkB,CAAlB,kBACF,CACF,CAEA,mBACE,GACE,SAAU,CACV,4BAAqB,CAArB,oBACF,CAEA,IACE,SACF,CAEA,IACE,0BAAkB,CAAlB,kBACF,CAEA,GACE,0BAAkB,CAAlB,kBACF,CACF,CAEA,qBACE,mBAAa,CAAb,YAAa,CACb,2BAA6B,CAA7B,6BAA6B,CAA7B,6BACF,CAEA,aACE,mCAA6B,CAA7B,2BAA6B,CAC7B,WACF,CAEA,yBACE,kBAAa,CAAb,aACF,CAEA,yBACE,iBACF,CAEA,cACE,eACF,CAEA,oCACE,aACF,CAEA,8BACE,aACF,CAEA,kBACE,gBAAkB,CAClB,kBACF,CAEA,aACE,eACF,CAEA,MACE,cAAe,CACf,aAEF,CAEA,cAHE,oBAKF,CAEA,kBACE,cACF,CAEA,UACE,mCAA4B,CAA5B,2BACF,CAEA,mBACE,kBACF,CAEA,aACE,kBAAoB,CACpB,mBAAqB,CACrB,oBAAsB,CACtB,mCAA4B,CAA5B,2BACF,CAEA,qBACE,cACF,CAEA,kBACE,eAAiB,CACjB,aACF,CAEA,cACE,oBAAqB,CACrB,oBACF,CAEA,MACE,kBAAmB,CACnB,mCAA4B,CAA5B,2BACF,CAEA,SACE,+BACF,CAEA,WACE,aAAc,CACd,2BACF,CAEA,8BACE,aAAc,CACd,eAAgB,CAEhB,iCACF,CAEA,0CACE,kBACF,CAEA,aACE,qBAAuB,CACvB,mCAA4B,CAA5B,2BACF,CAEA,6BACE,oBACF,CAEA,YACE,eACF,CAEA,QACE,cAAe,CACf,OAAQ,CACR,QAAS,CACT,cAAe,CACf,aAAc,CACd,cACF,CAEA,eACE,2BAA4B,CAC5B,4BAA6B,CAC7B,QAAS,CACT,WAAa,CACb,+BAAwB,CAAxB,uBACF,CAEA,qBACE,SACF,CAEA,8BACE,UACF","file":"home.css","sourcesContent":["#b {\n width: 200px;\n height: 200px;\n border-radius: 100%;\n display: inline-block;\n margin-bottom: 40px;\n vertical-align: top;\n animation-delay: 0.5s;\n animation-duration: 1.5s;\n animation-fill-mode: both;\n animation-name: floatUp;\n animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1)\n}\n\n#b img.logo {\n max-height: 200px\n}\n\n#dropzone * {\n pointer-events: none\n}\n\n#tokenContainer,\n#panel {\n display: none\n}\n\n#maxSize {\n font-size: 1rem\n}\n\n.dz-preview .dz-details {\n display: flex\n}\n\n.dz-preview .dz-details .dz-size,\n.dz-preview .dz-details .dz-filename {\n flex: 1\n}\n\n.dz-preview img,\n.dz-preview .dz-success-mark,\n.dz-preview .dz-error-mark {\n display: none\n}\n\n@-webkit-keyframes floatUp {\n 0% {\n opacity: 0;\n transform: scale(0.86)\n }\n\n 25% {\n opacity: 100\n }\n\n 67% {\n transform: scale(1)\n }\n\n 100% {\n transform: scale(1)\n }\n}\n\n@keyframes floatUp {\n 0% {\n opacity: 0;\n transform: scale(0.86)\n }\n\n 25% {\n opacity: 100\n }\n\n 67% {\n transform: scale(1)\n }\n\n 100% {\n transform: scale(1)\n }\n}\n\n.uploads.is-reversed {\n display: flex;\n flex-direction: column-reverse\n}\n\n.uploads > div {\n animation: fadeInOpacity 0.5s;\n margin: 1rem\n}\n\n.uploads.is-reversed > div {\n flex: 0 0 auto\n}\n\n.uploads > div:first-child {\n margin-top: 1.5rem\n}\n\n.uploads.nojs {\n margin-bottom: 0\n}\n\n.uploads > div > .icon:not(.icon-block) {\n color: #209cee\n}\n\n.uploads > div > .icon.icon-block {\n color: #da4453\n}\n\n.uploads progress {\n margin-top: 0.5rem;\n margin-bottom: 1rem\n}\n\n.uploads img {\n max-width: 200px\n}\n\n.name {\n font-size: 1rem;\n color: #eff0f1;\n word-break: break-all\n}\n\n.link > a {\n word-break: break-all\n}\n\n.clipboard-mobile {\n margin-top: 5px\n}\n\n#albumDiv {\n animation: fadeInOpacity 0.5s\n}\n\n#albumDiv .control {\n text-align: inherit\n}\n\n#linksColumn {\n margin-top: -0.25rem;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n animation: fadeInOpacity 0.5s\n}\n\n#linksColumn .column {\n padding: 0.25rem\n}\n\n#linksColumn > span {\n padding: 0 0.3rem;\n color: #7f8c8d\n}\n\n.git-commit a {\n display: inline-block;\n word-break: break-all\n}\n\n#tabs {\n margin-bottom: 1rem;\n animation: fadeInOpacity 0.5s\n}\n\n#tabs ul {\n border-bottom: 1px solid #585858\n}\n\n#tabs li a {\n color: #bdc3c7;\n border-bottom-color: #585858\n}\n\n#tabs.is-boxed li.is-active a {\n color: #209cee;\n background: #000;\n border-color: #585858;\n border-bottom-color: #000\n}\n\n#tabs.is-boxed li:not(.is-active) a:hover {\n background: #585858\n}\n\n.tab-content {\n margin-bottom: -0.75rem;\n animation: fadeInOpacity 0.5s\n}\n\n#tab-config.tab-content form {\n margin-bottom: 0.75rem\n}\n\n#urlMaxSize {\n font-weight: bold\n}\n\n.render {\n position: fixed;\n right: 0;\n bottom: 0;\n font-size: 1rem;\n color: #bdc3c7;\n cursor: pointer\n}\n\n.render.button {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n right: 1%;\n opacity: 0.25;\n transition: opacity 0.25s\n}\n\n.render.button:hover {\n opacity: 1\n}\n\ninput[type=\"file\"].is-fullwidth {\n width: 100%\n}\n"]} \ No newline at end of file +{"version":3,"sources":["css/home.css"],"names":[],"mappings":"AAAA,GACE,WAAY,CACZ,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,kBAAmB,CACnB,kBAAmB,CACnB,2BAAqB,CAArB,mBAAqB,CACrB,+BAAwB,CAAxB,uBAAwB,CACxB,gCAAyB,CAAzB,wBAAyB,CACzB,8BAAuB,CAAvB,sBAAuB,CACvB,2DAAwD,CAAxD,mDACF,CAEA,YACE,gBACF,CAEA,YACE,mBACF,CAEA,uBAEE,YACF,CAEA,SACE,cACF,CAEA,wBACE,mBAAY,CAAZ,YACF,CAEA,sEAEE,kBAAM,CAAN,MACF,CAEA,wEAGE,YACF,CAEA,2BACE,GACE,SAAU,CACV,4BAAqB,CAArB,oBACF,CAEA,IACE,SACF,CAEA,IACE,0BAAkB,CAAlB,kBACF,CAEA,GACE,0BAAkB,CAAlB,kBACF,CACF,CAEA,mBACE,GACE,SAAU,CACV,4BAAqB,CAArB,oBACF,CAEA,IACE,SACF,CAEA,IACE,0BAAkB,CAAlB,kBACF,CAEA,GACE,0BAAkB,CAAlB,kBACF,CACF,CAEA,qBACE,mBAAa,CAAb,YAAa,CACb,2BAA6B,CAA7B,6BAA6B,CAA7B,6BACF,CAEA,aACE,mCAA6B,CAA7B,2BAA6B,CAC7B,WACF,CAEA,yBACE,kBAAa,CAAb,aACF,CAEA,yBACE,iBACF,CAEA,cACE,eACF,CAEA,oCACE,aACF,CAEA,8BACE,aACF,CAEA,+BACE,aACF,CAEA,aACE,eACF,CAEA,MACE,cAAe,CACf,aAEF,CAEA,cAHE,oBAKF,CAEA,kBACE,cACF,CAEA,UACE,mCAA4B,CAA5B,2BACF,CAEA,mBACE,kBACF,CAEA,aACE,kBAAoB,CACpB,mBAAqB,CACrB,oBAAsB,CACtB,mCAA4B,CAA5B,2BACF,CAEA,qBACE,cACF,CAEA,kBACE,eAAiB,CACjB,aACF,CAEA,cACE,oBAAqB,CACrB,oBACF,CAEA,MACE,kBAAmB,CACnB,mCAA4B,CAA5B,2BACF,CAEA,SACE,+BACF,CAEA,WACE,aAAc,CACd,2BACF,CAEA,8BACE,aAAc,CACd,eAAgB,CAEhB,iCACF,CAEA,0CACE,kBACF,CAEA,aACE,qBAAuB,CACvB,mCAA4B,CAA5B,2BACF,CAEA,6BACE,oBACF,CAEA,YACE,eACF,CAEA,QACE,cAAe,CACf,OAAQ,CACR,QAAS,CACT,cAAe,CACf,aAAc,CACd,cACF,CAEA,eACE,2BAA4B,CAC5B,4BAA6B,CAC7B,QAAS,CACT,WAAa,CACb,+BAAwB,CAAxB,uBACF,CAEA,qBACE,SACF,CAEA,8BACE,UACF","file":"home.css","sourcesContent":["#b {\n width: 200px;\n height: 200px;\n border-radius: 100%;\n display: inline-block;\n margin-bottom: 40px;\n vertical-align: top;\n animation-delay: 0.5s;\n animation-duration: 1.5s;\n animation-fill-mode: both;\n animation-name: floatUp;\n animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1)\n}\n\n#b img.logo {\n max-height: 200px\n}\n\n#dropzone * {\n pointer-events: none\n}\n\n#tokenContainer,\n#panel {\n display: none\n}\n\n#maxSize {\n font-size: 1rem\n}\n\n.dz-preview .dz-details {\n display: flex\n}\n\n.dz-preview .dz-details .dz-size,\n.dz-preview .dz-details .dz-filename {\n flex: 1\n}\n\n.dz-preview img,\n.dz-preview .dz-success-mark,\n.dz-preview .dz-error-mark {\n display: none\n}\n\n@-webkit-keyframes floatUp {\n 0% {\n opacity: 0;\n transform: scale(0.86)\n }\n\n 25% {\n opacity: 100\n }\n\n 67% {\n transform: scale(1)\n }\n\n 100% {\n transform: scale(1)\n }\n}\n\n@keyframes floatUp {\n 0% {\n opacity: 0;\n transform: scale(0.86)\n }\n\n 25% {\n opacity: 100\n }\n\n 67% {\n transform: scale(1)\n }\n\n 100% {\n transform: scale(1)\n }\n}\n\n.uploads.is-reversed {\n display: flex;\n flex-direction: column-reverse\n}\n\n.uploads > div {\n animation: fadeInOpacity 0.5s;\n margin: 1rem\n}\n\n.uploads.is-reversed > div {\n flex: 0 0 auto\n}\n\n.uploads > div:first-child {\n margin-top: 1.5rem\n}\n\n.uploads.nojs {\n margin-bottom: 0\n}\n\n.uploads > div > .icon:not(.icon-block) {\n color: #209cee\n}\n\n.uploads > div > .icon.icon-block {\n color: #da4453\n}\n\n.uploads .descriptive-progress {\n color: #bdc3c7\n}\n\n.uploads img {\n max-width: 200px\n}\n\n.name {\n font-size: 1rem;\n color: #eff0f1;\n word-break: break-all\n}\n\n.link > a {\n word-break: break-all\n}\n\n.clipboard-mobile {\n margin-top: 5px\n}\n\n#albumDiv {\n animation: fadeInOpacity 0.5s\n}\n\n#albumDiv .control {\n text-align: inherit\n}\n\n#linksColumn {\n margin-top: -0.25rem;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n animation: fadeInOpacity 0.5s\n}\n\n#linksColumn .column {\n padding: 0.25rem\n}\n\n#linksColumn > span {\n padding: 0 0.3rem;\n color: #7f8c8d\n}\n\n.git-commit a {\n display: inline-block;\n word-break: break-all\n}\n\n#tabs {\n margin-bottom: 1rem;\n animation: fadeInOpacity 0.5s\n}\n\n#tabs ul {\n border-bottom: 1px solid #585858\n}\n\n#tabs li a {\n color: #bdc3c7;\n border-bottom-color: #585858\n}\n\n#tabs.is-boxed li.is-active a {\n color: #209cee;\n background: #000;\n border-color: #585858;\n border-bottom-color: #000\n}\n\n#tabs.is-boxed li:not(.is-active) a:hover {\n background: #585858\n}\n\n.tab-content {\n margin-bottom: -0.75rem;\n animation: fadeInOpacity 0.5s\n}\n\n#tab-config.tab-content form {\n margin-bottom: 0.75rem\n}\n\n#urlMaxSize {\n font-weight: bold\n}\n\n.render {\n position: fixed;\n right: 0;\n bottom: 0;\n font-size: 1rem;\n color: #bdc3c7;\n cursor: pointer\n}\n\n.render.button {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n right: 1%;\n opacity: 0.25;\n transition: opacity 0.25s\n}\n\n.render.button:hover {\n opacity: 1\n}\n\ninput[type=\"file\"].is-fullwidth {\n width: 100%\n}\n"]} \ No newline at end of file diff --git a/dist/js/home.js b/dist/js/home.js index c8bf73a..016c118 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,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.uploadUrls(e.currentTarget)})));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 a"),n=e.previewElement.querySelector(".clipboard-mobile > .clipboard-js");t.href=t.innerHTML=n.dataset.clipboardText=a.url,n.parentElement.classList.remove("is-hidden");var r=/.[\w]+(\?|$)/.exec(a.url),l=r&&r[0]?r[0].toLowerCase():null;if(page.imageExts.includes(l))if(page.previewImages){var i=e.previewElement.querySelector("img");i.setAttribute("alt",a.name||""),i.dataset.src=a.url,i.classList.remove("is-hidden"),i.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 o=e.previewElement.querySelector(".expiry-date");o.innerHTML="EXP: "+page.getPrettyDate(new Date(1e3*a.expirydate)),o.classList.remove("is-hidden")}}},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)}}))},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"),c=document.createElement("form");c.addEventListener("submit",(function(e){return e.preventDefault()}));for(var d=Object.keys(n),p=0;p\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=u,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 f?h.value=f:void 0!==e[u]&&(h.value=e[u]));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 x=[];void 0!==e[u]&&x.push("Default is "+e[u]+(g.number.suffix||"")+"."),void 0!==g.number.min&&x.push("Min is "+g.number.min+(g.number.suffix||"")+"."),void 0!==g.number.max&&x.push("Max is "+g.number.max+(g.number.suffix||"")+"."),w=x.join(" ")}m.innerHTML='\n \n
\n '+(w?'

'+w+"

":"")+"\n ",m.querySelector("div.control").appendChild(h),c.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 ',c.appendChild(k),c.querySelector("#saveConfig").addEventListener("click",(function(){if(c.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.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.uploadUrls(e.currentTarget)})));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 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")}}},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)}}))},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"),d=document.createElement("form");d.addEventListener("submit",(function(e){return e.preventDefault()}));for(var c=Object.keys(n),p=0;p\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=u,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[u]&&(h.value=e[u]));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 x=[];void 0!==e[u]&&x.push("Default is "+e[u]+(g.number.suffix||"")+"."),void 0!==g.number.min&&x.push("Min is "+g.number.min+(g.number.suffix||"")+"."),void 0!==g.number.max&&x.push("Max is "+g.number.max+(g.number.suffix||"")+"."),w=x.join(" ")}m.innerHTML='\n \n
\n '+(w?'

'+w+"

":"")+"\n ",m.querySelector("div.control").appendChild(h),d.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 ',d.appendChild(k),d.querySelector("#saveConfig").addEventListener("click",(function(){if(d.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 {\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.uploadUrls(event.currentTarget)\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, // the option below expects Bytes\n parallelChunkUploads: false, // when set to true, it often hangs with hundreds of parallel uploads\n timeout: 0,\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 // Add file entry\n tabDiv.querySelector('.uploads').classList.remove('is-hidden')\n file.previewElement.querySelector('.name').innerHTML = file.name\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 // Skip adding additional headers if chunked uploads\n if (file.upload.chunked) return\n\n // Continue otherwise\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 // Update the total progress bar\n this.on('uploadprogress', (file, progress) => {\n // For some reason, chunked uploads fire 100% progress event\n // for each chunk's successful uploads\n if (file.upload.chunked && progress === 100) return\n file.previewElement.querySelector('.progress').setAttribute('value', progress)\n file.previewElement.querySelector('.progress').innerHTML = `${progress}%`\n })\n\n this.on('success', (file, response) => {\n if (!response) return\n file.previewElement.querySelector('.progress').classList.add('is-hidden')\n\n if (response.success === false)\n file.previewElement.querySelector('.error').innerHTML = response.description\n\n if (response.files && response.files[0])\n page.updateTemplate(file, response.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 file.previewElement.querySelector('.progress').classList.add('is-hidden')\n file.previewElement.querySelector('.name').innerHTML = file.name\n file.previewElement.querySelector('.error').innerHTML = error.description || error\n })\n },\n chunksUploaded (file, done) {\n file.previewElement.querySelector('.progress').setAttribute('value', 100)\n file.previewElement.querySelector('.progress').innerHTML = '100%'\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 }, { headers: { token: page.token } }).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('.progress').classList.add('is-hidden')\n\n if (response.data.success === false)\n file.previewElement.querySelector('.error').innerHTML = response.data.description\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.uploadUrls = button => {\n const tabDiv = document.querySelector('#tab-urls')\n if (!tabDiv || button.classList.contains('is-loading'))\n return\n\n button.classList.add('is-loading')\n\n function done (error) {\n if (error) swal('An error occurred!', error, 'error')\n button.classList.remove('is-loading')\n }\n\n function run () {\n const headers = {\n token: page.token,\n albumid: page.album,\n age: page.uploadAge,\n filelength: page.fileLength\n }\n\n const previewsContainer = tabDiv.querySelector('.uploads')\n const urls = document.querySelector('#urls').value\n .split(/\\r?\\n/)\n .filter(url => {\n return url.trim().length\n })\n document.querySelector('#urls').value = urls.join('\\n')\n\n if (!urls.length)\n return done('You have not entered any URLs.')\n\n tabDiv.querySelector('.uploads').classList.remove('is-hidden')\n const files = urls.map(url => {\n const previewTemplate = document.createElement('template')\n previewTemplate.innerHTML = page.previewTemplate.trim()\n const previewElement = previewTemplate.content.firstChild\n previewElement.querySelector('.name').innerHTML = url\n previewsContainer.appendChild(previewElement)\n return { url, previewElement }\n })\n\n function post (i) {\n if (i === files.length)\n return done()\n\n function posted (result) {\n files[i].previewElement.querySelector('.progress').classList.add('is-hidden')\n if (result.success) {\n page.updateTemplate(files[i], result.files[0])\n } else {\n page.updateTemplateIcon(files[i].previewElement, 'icon-block')\n files[i].previewElement.querySelector('.error').innerHTML = result.description\n }\n return post(i + 1)\n }\n\n // Animate progress bar\n files[i].previewElement.querySelector('.progress').removeAttribute('value')\n\n return axios.post('api/upload', { urls: [files[i].url] }, { headers }).then(response => {\n return posted(response.data)\n }).catch(error => {\n return posted({\n success: false,\n description: error.response ? error.response.data.description : error.toString()\n })\n })\n }\n return post(0)\n }\n return run()\n}\n\npage.updateTemplateIcon = (templateElement, iconClass) => {\n const iconElement = templateElement.querySelector('.icon')\n if (!iconElement) return\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 a = file.previewElement.querySelector('.link > a')\n const clipboard = file.previewElement.querySelector('.clipboard-mobile > .clipboard-js')\n a.href = a.innerHTML = clipboard.dataset.clipboardText = response.url\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","page","localStorage","private","enableUserAccounts","maxSize","temporaryUploadAges","fileIdentifierLength","album","maxSizeBytes","urlMaxSize","urlMaxSizeBytes","tabs","activeTab","albumSelect","previewTemplate","dropzone","clipboardJS","lazyLoad","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","uploadUrls","currentTarget","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","total","Math","max","size","percentage","bytesSent","toFixed","prefix","upl","elapsed","bytesPerSec","prettyBytesPerSec","files","updateTemplate","test","updateTemplateIcon","chunksUploaded","done","uuid","original","type","albumid","filelength","age","contains","urls","split","trim","join","map","firstChild","posted","result","run","templateElement","iconClass","iconElement","link","a","clipboard","clipboardText","parentElement","exec","extname","toLowerCase","includes","img","setAttribute","src","onerror","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","isNaN","suffix","uploadFields","stored","parseFloat","String","getPrettyUploadAge","default","form","preventDefault","configKeys","Object","keys","key","conf","field","parsed","control","opts","j","opt","tmp","submit","checkValidity","elements","hours","minutes","days","window","items","clipboardData","originalEvent","item","kind","blob","getAsFile","File","match","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}\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\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 // 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 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.uploadUrls(event.currentTarget)\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 not chunked uploads OR first chunk\n if (!file.upload.chunked || file.upload.chunks.length === 1)\n file.previewElement.querySelector('.descriptive-progress').innerHTML = 'Uploading\\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 prefix = file.upload.chunked\n ? `Uploading chunk ${file.upload.chunks.length}/${file.upload.totalChunkCount}\\u2026`\n : 'Uploading\\u2026'\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 const bytesSent = upl.bytesSent\n const elapsed = (Date.now() - xhr._start) / 1000\n\n const bytesPerSec = elapsed ? (bytesSent / elapsed) : 0\n const prettyBytesPerSec = page.getPrettyBytes(bytesPerSec)\n\n file.previewElement.querySelector('.descriptive-progress').innerHTML =\n `${prefix} ${percentage}%${prettyBytesPerSec ? ` at ~${prettyBytesPerSec}/s` : ''}`\n })\n\n this.on('success', (file, response) => {\n if (!response) return\n file.previewElement.querySelector('.descriptive-progress').classList.add('is-hidden')\n\n if (response.success === false) {\n file.previewElement.querySelector('.error').innerHTML = response.description\n file.previewElement.querySelector('.error').classList.remove('is-hidden')\n }\n\n if (response.files && response.files[0])\n page.updateTemplate(file, response.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 file.previewElement.querySelector('.name').innerHTML = file.name\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.uploadUrls = button => {\n const tabDiv = document.querySelector('#tab-urls')\n if (!tabDiv || button.classList.contains('is-loading'))\n return\n\n button.classList.add('is-loading')\n\n function done (error) {\n if (error) swal('An error occurred!', error, 'error')\n button.classList.remove('is-loading')\n }\n\n function run () {\n const headers = {\n token: page.token,\n albumid: page.album,\n age: page.uploadAge,\n filelength: page.fileLength\n }\n\n const previewsContainer = tabDiv.querySelector('.uploads')\n\n const urls = document.querySelector('#urls').value\n .split(/\\r?\\n/)\n .filter(url => {\n return url.trim().length\n })\n document.querySelector('#urls').value = urls.join('\\n')\n\n if (!urls.length)\n return done('You have not entered any URLs.')\n\n tabDiv.querySelector('.uploads').classList.remove('is-hidden')\n\n const files = urls.map(url => {\n const previewTemplate = document.createElement('template')\n previewTemplate.innerHTML = page.previewTemplate.trim()\n\n const previewElement = previewTemplate.content.firstChild\n previewElement.querySelector('.name').innerHTML = url\n previewElement.querySelector('.descriptive-progress').innerHTML = 'Waiting in queue\\u2026'\n\n previewsContainer.appendChild(previewElement)\n return { url, previewElement }\n })\n\n function post (i) {\n if (i === files.length)\n return done()\n\n function posted (result) {\n files[i].previewElement.querySelector('.descriptive-progress').classList.add('is-hidden')\n\n if (result.success) {\n page.updateTemplate(files[i], result.files[0])\n } else {\n page.updateTemplateIcon(files[i].previewElement, 'icon-block')\n files[i].previewElement.querySelector('.error').innerHTML = result.description\n files[i].previewElement.querySelector('.error').classList.remove('is-hidden')\n }\n\n return post(i + 1)\n }\n\n files[i].previewElement.querySelector('.descriptive-progress').innerHTML =\n 'Waiting for server to fetch URL\\u2026'\n\n return axios.post('api/upload', { urls: [files[i].url] }, { headers }).then(response => {\n return posted(response.data)\n }).catch(error => {\n return posted({\n success: false,\n description: error.response ? error.response.data.description : error.toString()\n })\n })\n }\n return post(0)\n }\n return run()\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 diff --git a/src/css/home.css b/src/css/home.css index 38c1037..b7c51c1 100644 --- a/src/css/home.css +++ b/src/css/home.css @@ -112,9 +112,8 @@ color: #da4453 } -.uploads progress { - margin-top: 0.5rem; - margin-bottom: 1rem +.uploads .descriptive-progress { + color: #bdc3c7 } .uploads img { diff --git a/src/js/home.js b/src/js/home.js index 02b249c..95fd6d3 100644 --- a/src/js/home.js +++ b/src/js/home.js @@ -304,17 +304,21 @@ page.prepareDropzone = () => { autoProcessQueue: true, headers: { token: page.token }, chunking: Boolean(page.chunkSize), - chunkSize: page.chunkSize * 1e6, // the option below expects Bytes - parallelChunkUploads: false, // when set to true, it often hangs with hundreds of parallel uploads + chunkSize: page.chunkSize * 1e6, // this option expects Bytes + parallelChunkUploads: false, // for now, enabling this breaks descriptive upload progress timeout: 0, + init () { this.on('addedfile', file => { // Set active tab to file uploads, if necessary if (page.activeTab !== 0) page.setActiveTab(0) + // Add file entry tabDiv.querySelector('.uploads').classList.remove('is-hidden') + file.previewElement.querySelector('.name').innerHTML = file.name + file.previewElement.querySelector('.descriptive-progress').innerHTML = 'Waiting in queue\u2026' }) this.on('sending', (file, xhr) => { @@ -326,30 +330,55 @@ page.prepareDropzone = () => { page.dropzone._handleUploadError(instances, xhr, 'Connection timed out. Try to reduce upload chunk size.') } - // Skip adding additional headers if chunked uploads - if (file.upload.chunked) return + // Add start timestamp of upload attempt + if (xhr._start === undefined) + xhr._start = Date.now() - // Continue otherwise - 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 not chunked uploads, add extra headers + if (!file.upload.chunked) { + 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 not chunked uploads OR first chunk + if (!file.upload.chunked || file.upload.chunks.length === 1) + file.previewElement.querySelector('.descriptive-progress').innerHTML = 'Uploading\u2026' }) - // Update the total progress bar + // Update descriptive progress this.on('uploadprogress', (file, progress) => { - // For some reason, chunked uploads fire 100% progress event - // for each chunk's successful uploads - if (file.upload.chunked && progress === 100) return - file.previewElement.querySelector('.progress').setAttribute('value', progress) - file.previewElement.querySelector('.progress').innerHTML = `${progress}%` + // Total bytes will eventually be bigger than file size when chunked + const total = Math.max(file.size, file.upload.total) + const percentage = (file.upload.bytesSent / total * 100).toFixed(0) + + const prefix = file.upload.chunked + ? `Uploading chunk ${file.upload.chunks.length}/${file.upload.totalChunkCount}\u2026` + : 'Uploading\u2026' + + const upl = file.upload.chunked + ? file.upload.chunks[file.upload.chunks.length - 1] + : file.upload + const xhr = upl.xhr || file.xhr + + const bytesSent = upl.bytesSent + const elapsed = (Date.now() - xhr._start) / 1000 + + const bytesPerSec = elapsed ? (bytesSent / elapsed) : 0 + const prettyBytesPerSec = page.getPrettyBytes(bytesPerSec) + + file.previewElement.querySelector('.descriptive-progress').innerHTML = + `${prefix} ${percentage}%${prettyBytesPerSec ? ` at ~${prettyBytesPerSec}/s` : ''}` }) this.on('success', (file, response) => { if (!response) return - file.previewElement.querySelector('.progress').classList.add('is-hidden') + file.previewElement.querySelector('.descriptive-progress').classList.add('is-hidden') - if (response.success === false) + if (response.success === false) { file.previewElement.querySelector('.error').innerHTML = response.description + file.previewElement.querySelector('.error').classList.remove('is-hidden') + } if (response.files && response.files[0]) page.updateTemplate(file, response.files[0]) @@ -362,14 +391,18 @@ page.prepareDropzone = () => { error = `File too large (${page.getPrettyBytes(file.size)}).` page.updateTemplateIcon(file.previewElement, 'icon-block') - file.previewElement.querySelector('.progress').classList.add('is-hidden') + + file.previewElement.querySelector('.descriptive-progress').classList.add('is-hidden') file.previewElement.querySelector('.name').innerHTML = file.name + file.previewElement.querySelector('.error').innerHTML = error.description || error + file.previewElement.querySelector('.error').classList.remove('is-hidden') }) }, + chunksUploaded (file, done) { - file.previewElement.querySelector('.progress').setAttribute('value', 100) - file.previewElement.querySelector('.progress').innerHTML = '100%' + file.previewElement.querySelector('.descriptive-progress').innerHTML = + `Rebuilding ${file.upload.totalChunkCount} chunks\u2026` return axios.post('api/upload/finishchunks', { // This API supports an array of multiple files @@ -381,7 +414,11 @@ page.prepareDropzone = () => { filelength: page.fileLength, age: page.uploadAge }] - }, { headers: { token: page.token } }).catch(error => { + }, { + headers: { + token: page.token + } + }).catch(error => { // Format error for display purpose return error.response.data ? error.response : { data: { @@ -390,10 +427,12 @@ page.prepareDropzone = () => { } } }).then(response => { - file.previewElement.querySelector('.progress').classList.add('is-hidden') + file.previewElement.querySelector('.descriptive-progress').classList.add('is-hidden') - if (response.data.success === false) + if (response.data.success === false) { file.previewElement.querySelector('.error').innerHTML = response.data.description + file.previewElement.querySelector('.error').classList.remove('is-hidden') + } if (response.data.files && response.data.files[0]) page.updateTemplate(file, response.data.files[0]) @@ -425,6 +464,7 @@ page.uploadUrls = button => { } const previewsContainer = tabDiv.querySelector('.uploads') + const urls = document.querySelector('#urls').value .split(/\r?\n/) .filter(url => { @@ -436,11 +476,15 @@ page.uploadUrls = button => { return done('You have not entered any URLs.') tabDiv.querySelector('.uploads').classList.remove('is-hidden') + const files = urls.map(url => { const previewTemplate = document.createElement('template') previewTemplate.innerHTML = page.previewTemplate.trim() + const previewElement = previewTemplate.content.firstChild previewElement.querySelector('.name').innerHTML = url + previewElement.querySelector('.descriptive-progress').innerHTML = 'Waiting in queue\u2026' + previewsContainer.appendChild(previewElement) return { url, previewElement } }) @@ -450,18 +494,21 @@ page.uploadUrls = button => { return done() function posted (result) { - files[i].previewElement.querySelector('.progress').classList.add('is-hidden') + files[i].previewElement.querySelector('.descriptive-progress').classList.add('is-hidden') + if (result.success) { page.updateTemplate(files[i], result.files[0]) } else { page.updateTemplateIcon(files[i].previewElement, 'icon-block') files[i].previewElement.querySelector('.error').innerHTML = result.description + files[i].previewElement.querySelector('.error').classList.remove('is-hidden') } + return post(i + 1) } - // Animate progress bar - files[i].previewElement.querySelector('.progress').removeAttribute('value') + files[i].previewElement.querySelector('.descriptive-progress').innerHTML = + 'Waiting for server to fetch URL\u2026' return axios.post('api/upload', { urls: [files[i].url] }, { headers }).then(response => { return posted(response.data) @@ -480,6 +527,7 @@ page.uploadUrls = button => { page.updateTemplateIcon = (templateElement, iconClass) => { const iconElement = templateElement.querySelector('.icon') if (!iconElement) return + iconElement.classList.add(iconClass) iconElement.classList.remove('is-hidden') } @@ -487,9 +535,12 @@ page.updateTemplateIcon = (templateElement, iconClass) => { page.updateTemplate = (file, response) => { if (!response.url) return - const a = file.previewElement.querySelector('.link > a') + const link = file.previewElement.querySelector('.link') + const a = link.querySelector('a') const clipboard = file.previewElement.querySelector('.clipboard-mobile > .clipboard-js') a.href = a.innerHTML = clipboard.dataset.clipboardText = response.url + + link.classList.remove('is-hidden') clipboard.parentElement.classList.remove('is-hidden') const exec = /.[\w]+(\?|$)/.exec(response.url) diff --git a/src/versions.json b/src/versions.json index 04ec0ba..1769d71 100644 --- a/src/versions.json +++ b/src/versions.json @@ -1,5 +1,5 @@ { - "1": "1574772425", + "1": "1574780211", "2": "1568894058", "3": "1568894058", "4": "1568894058", diff --git a/views/home.njk b/views/home.njk index 036969c..a5da3ec 100644 --- a/views/home.njk +++ b/views/home.njk @@ -140,9 +140,9 @@

- -

-

+

+ +