{"version":3,"sources":["webpack:///./src/components/ErrorHandler.vue","webpack:///./src/components/ErrorHandler.vue?1beb","webpack:///./src/components/VideoItem.vue","webpack:///./src/components/VideoItem.vue?5c02","webpack:///./src/components/Channel.vue","webpack:///./src/components/Channel.vue?4f97"],"names":["uk-toggle","class","style","type","id","hidden","message","error","props","String","render","backgroundColor","to","video","url","height","width","src","thumbnail","alt","loading","duration","timeFormat","title","views","uploadedDate","uploaderUrl","uploaderName","hideChannel","icon","numberFormat","uploaded","timeAgo","Object","Boolean","uk-grid","channel","avatarUrl","name","bannerUrl","purifyHTML","urlify","description","authenticated","subscribeHandler","subscribed","relatedStreams","key","this","getChannelData","document","window","addEventListener","handleScroll","removeEventListener","methods","fetchJson","apiUrl","channelId","headers","Authorization","getAuthToken","then","json","$route","params","path","fetchChannel","data","fetchSubscribedStatus","nextpage","innerHeight","scrollY","body","offsetHeight","concat","map","stream","push","method","JSON","stringify","components","ErrorHandler","VideoItem"],"mappings":"0IAEI,gCAES,UAFDA,YAAU,sBAAsBC,MAAM,4BAA4BC,MAAA,oBAAyBC,KAAK,UAAS,eAEjH,G,GACGC,GAAG,aAAaF,MAAA,2BAA8BG,OAAA,I,6FAJjD,gCAAoB,wBAAd,EAAAC,SAAO,GACb,EAGA,gCAAuE,IAAvE,EAAuE,eAAZ,EAAAC,OAAK,I,IAIrD,OACXC,MAAO,CACHD,MAAOE,OACPH,QAASG,SCTjB,EAAOC,OAASA,EAED,U,6DCFET,MAAM,wB,oCAWHA,MAAM,iEACNC,MAAA,0F,GAILD,MAAM,iB,YAQL,gCAAM,mB,SAImCA,MAAM,+B,YAI/C,gCAAM,mB,uBASTA,MAAM,kB,4HA3Cf,gCAgDM,OAhDDA,MAAM,oBAAqBC,MAAK,yCAAiB,EAAAS,oB,CAClD,eAkBc,GAlBDV,MAAM,mBAA0BW,GAAI,EAAAC,MAAMC,K,wBACnD,IAeM,CAfN,gCAeM,MAfN,EAeM,CAdF,gCAOE,OANGC,OAAQ,EAAAA,OACRC,MAAO,EAAAA,MACRd,MAAA,eACOe,IAAK,EAAAJ,MAAMK,UAClBC,IAAI,YACJC,QAAQ,Q,UAGF,EAAAP,MAAMQ,U,iBADhB,gCAKC,OALD,EAKC,eADO,EAAAC,WAAW,EAAAT,MAAMQ,WAAQ,I,wBAGrC,gCAA8C,IAA9C,EAA8C,eAAlB,EAAAR,MAAMU,OAAK,K,eAG3C,gCAOM,OAPAtB,MAAK,+CAAuB,EAAAY,MAAMW,OAAK,GAAS,EAAAX,MAAMY,iB,CAC7C,EAAAZ,MAAMa,aAAe,EAAAb,MAAMc,eAAiB,EAAAC,a,iBAAvD,gCAKM,SAJF,eAEc,GAFD3B,MAAM,gBAAiBW,GAAI,EAAAC,MAAMa,a,wBAC1C,IAA+B,CAA/B,gCAA+B,wBAAzB,EAAAb,MAAMc,cAAY,K,eAE5B,K,0BAIC,EAAAd,MAAMW,OAAK,GAAS,EAAAX,MAAMY,c,iBAAnC,gCAYI,IAZJ,EAYI,CAXW,EAAAZ,MAAMW,OAAK,G,iBAAtB,gCAIM,SAHF,eAAkD,GAA/BK,KAAK,Q,eAA0B,IAClD,eAAG,EAAAC,aAAa,EAAAjB,MAAMW,QAAS,UAC/B,Q,sBAEO,EAAAX,MAAMY,c,iBAAjB,gCAEM,uBADC,EAAAZ,MAAMY,cAAY,I,sBAEd,EAAAZ,MAAMkB,U,iBAAjB,gCAEM,uBADC,EAAAC,QAAQ,EAAAnB,MAAMkB,WAAQ,I,+CAGjC,gCAIM,MAJN,EAIM,CAHF,eAEc,GAFAnB,GAAI,EAAAC,MAAMC,IAAG,a,wBACvB,IAAyD,CAAzD,eAAyD,GAAtCe,KAAK,iB,qBAOzB,OACXrB,MAAO,CACHK,MAAOoB,OACPlB,OAAQN,OACRO,MAAOP,OACPmB,YAAaM,UCvDrB,EAAOxB,OAASA,EAED,U,4ECDHT,MAAM,kB,uBAEPC,MAAA,4B,kBAYH,gCAAM,mB,GAEDD,MAAM,aAAakC,UAAQ,e,kKAnBhB,EAAAC,SAAW,EAAAA,QAAQ7B,O,iBAAvC,eAAkG,G,MAAnDD,QAAS,EAAA8B,QAAQ9B,QAAUC,MAAO,EAAA6B,QAAQ7B,O,mDAE9E,EAAA6B,Q,iCAAX,gCA0BM,SAzBF,gCAA+G,KAA/G,EAA+G,CAApF,gCAA6D,OAAxDrB,OAAO,KAAKC,MAAM,KAAYC,IAAK,EAAAmB,QAAQC,W,wCAAgB,EAAAD,QAAQE,MAAI,KAC5F,EAAAF,QAAQG,W,iBAAnB,gCAAkG,O,MAA7DtB,IAAK,EAAAmB,QAAQG,UAAWrC,MAAA,eAAoBkB,QAAQ,Q,iCACzF,gCAAmG,IAAnG,EAAmG,CAAlE,gCAA8D,QAAxD,UAAQ,EAAAoB,WAAW,EAAAC,OAAO,EAAAL,QAAQM,e,YAG/D,EAAAC,e,iBADV,gCAQS,U,MANJ,QAAK,oBAAE,EAAAC,kBAAA,EAAAA,oBAAA,IACR3C,MAAM,4BACNC,MAAA,oBACAC,KAAK,U,eAEF,EAAA0C,WAAU,+B,sBAGjB,EAEA,gCAQM,MARN,EAQM,E,mBAPF,gCAMM,gCAHmBT,QAAQU,eAAtBjC,I,iBAHX,gCAMM,OALFZ,MAAM,6DACC8C,IAAKlC,EAAMC,K,CAGlB,eAAgE,GAApDD,MAAOA,EAAOE,OAAO,KAAKC,MAAM,MAAMY,YAAA,I,+CAvBjC,EAAAQ,QAAQ7B,S,uDAiC1B,GACX,OACI,MAAO,CACH6B,QAAS,KACTS,YAAY,IAGpB,UACIG,KAAKC,kBAET,YACQD,KAAKZ,UAAYY,KAAKZ,QAAQ7B,QAAO2C,SAAS3B,MAAQyB,KAAKZ,QAAQE,KAAO,YAC9Ea,OAAOC,iBAAiB,SAAUJ,KAAKK,eAE3C,cACIF,OAAOG,oBAAoB,SAAUN,KAAKK,eAE9CE,QAAS,CACL,8BACIP,KAAKQ,UACDR,KAAKS,SAAW,cAChB,CACIC,UAAWV,KAAKZ,QAAQhC,IAE5B,CACIuD,QAAS,CACLC,cAAeZ,KAAKa,kBAG9BC,KAAKC,IACHf,KAAKH,WAAakB,EAAKlB,cAG/B,qBACI,MAAM/B,EAAMkC,KAAKS,SAAW,IAAMT,KAAKgB,OAAOC,OAAOC,KAAO,IAAMlB,KAAKgB,OAAOC,OAAOP,UACrF,aAAaV,KAAKQ,UAAU1C,IAEhC,uBACIkC,KAAKmB,eACAL,KAAKM,GAASpB,KAAKZ,QAAUgC,GAC7BN,KAAK,KACGd,KAAKZ,QAAQ7B,QACd2C,SAAS3B,MAAQyB,KAAKZ,QAAQE,KAAO,WACjCU,KAAKL,eAAeK,KAAKqB,4BAI7C,gBACQrB,KAAK5B,SAAY4B,KAAKZ,SAAYY,KAAKZ,QAAQkC,UAC/CnB,OAAOoB,YAAcpB,OAAOqB,SAAWtB,SAASuB,KAAKC,aAAevB,OAAOoB,cAC3EvB,KAAK5B,SAAU,EACf4B,KAAKQ,UAAUR,KAAKS,SAAW,qBAAuBT,KAAKZ,QAAQhC,GAAI,CACnEkE,SAAUtB,KAAKZ,QAAQkC,WACxBR,KAAKC,IACJf,KAAKZ,QAAQU,eAAe6B,OAAOZ,EAAKjB,gBACxCE,KAAKZ,QAAQkC,SAAWP,EAAKO,SAC7BtB,KAAK5B,SAAU,EACf2C,EAAKjB,eAAe8B,IAAIC,GAAU7B,KAAKZ,QAAQU,eAAegC,KAAKD,QAI/E,mBACI7B,KAAKQ,UAAUR,KAAKS,UAAYT,KAAKH,WAAa,eAAiB,cAAe,KAAM,CACpFkC,OAAQ,OACRN,KAAMO,KAAKC,UAAU,CACjBvB,UAAWV,KAAKZ,QAAQhC,KAE5BuD,QAAS,CACLC,cAAeZ,KAAKa,eACpB,eAAgB,sBAGxBb,KAAKH,YAAcG,KAAKH,aAGhCqC,WAAY,CACRC,eAAA,KACAC,YAAA,OC9GR,EAAO1E,OAASA,EAED","file":"js/chunk-65ef8e68.ff2317bc.js","sourcesContent":["<template>\n    <p>{{ message }}</p>\n    <button uk-toggle=\"target: #stacktrace\" class=\"uk-button uk-button-small\" style=\"background: #222\" type=\"button\">\n        Show More\n    </button>\n    <p id=\"stacktrace\" style=\"white-space: pre-wrap\" hidden>{{ error }}</p>\n</template>\n\n<script>\nexport default {\n    props: {\n        error: String,\n        message: String,\n    },\n};\n</script>\n","import { render } from \"./ErrorHandler.vue?vue&type=template&id=827cf3e0\"\nimport script from \"./ErrorHandler.vue?vue&type=script&lang=js\"\nexport * from \"./ErrorHandler.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <div class=\"uk-text-secondary\" :style=\"[{ background: backgroundColor }]\">\n        <router-link class=\"uk-text-emphasis\" v-bind:to=\"video.url\">\n            <div class=\"uk-position-relative\">\n                <img\n                    :height=\"height\"\n                    :width=\"width\"\n                    style=\"width: 100%\"\n                    v-bind:src=\"video.thumbnail\"\n                    alt=\"thumbnail\"\n                    loading=\"lazy\"\n                />\n                <span\n                    v-if=\"video.duration\"\n                    class=\"uk-label uk-border-rounded uk-position-absolute video-duration\"\n                    style=\"bottom: 5px; right: 5px; background: rgba(0, 0, 0, .75); color: white; padding: 0 5px;\"\n                    >{{ timeFormat(video.duration) }}</span\n                >\n            </div>\n            <p class=\"uk-text-break\">{{ video.title }}</p>\n        </router-link>\n\n        <div :class=\"{ 'uk-align-left': !(video.views >= 0 || video.uploadedDate) }\">\n            <div v-if=\"video.uploaderUrl && video.uploaderName && !hideChannel\">\n                <router-link class=\"uk-link-muted\" :to=\"video.uploaderUrl\">\n                    <a>{{ video.uploaderName }}</a>\n                </router-link>\n                <br />\n            </div>\n        </div>\n\n        <b v-if=\"video.views >= 0 || video.uploadedDate\" class=\"uk-text-small uk-align-left\">\n            <div v-if=\"video.views >= 0\">\n                <font-awesome-icon icon=\"eye\"></font-awesome-icon>\n                {{ numberFormat(video.views) }} views\n                <br />\n            </div>\n            <div v-if=\"video.uploadedDate\">\n                {{ video.uploadedDate }}\n            </div>\n            <div v-if=\"video.uploaded\">\n                {{ timeAgo(video.uploaded) }}\n            </div>\n        </b>\n        <div class=\"uk-align-right\">\n            <router-link :to=\"video.url + '&listen=1'\">\n                <font-awesome-icon icon=\"headphones\"></font-awesome-icon>\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        video: Object,\n        height: String,\n        width: String,\n        hideChannel: Boolean,\n    },\n};\n</script>\n","import { render } from \"./VideoItem.vue?vue&type=template&id=791e1b02\"\nimport script from \"./VideoItem.vue?vue&type=script&lang=js\"\nexport * from \"./VideoItem.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <ErrorHandler v-if=\"channel && channel.error\" :message=\"channel.message\" :error=\"channel.error\" />\n\n    <div v-if=\"channel\" v-show=\"!channel.error\">\n        <h1 class=\"uk-text-center\"><img height=\"48\" width=\"48\" v-bind:src=\"channel.avatarUrl\" />{{ channel.name }}</h1>\n        <img v-if=\"channel.bannerUrl\" v-bind:src=\"channel.bannerUrl\" style=\"width: 100%\" loading=\"lazy\" />\n        <p style=\"white-space: pre-wrap\"><span v-html=\"purifyHTML(urlify(channel.description))\"></span></p>\n\n        <button\n            v-if=\"authenticated\"\n            @click=\"subscribeHandler\"\n            class=\"uk-button uk-button-small\"\n            style=\"background: #222\"\n            type=\"button\"\n        >\n            {{ subscribed ? \"Unsubscribe\" : \"Subscribe\" }}\n        </button>\n\n        <hr />\n\n        <div class=\"uk-grid-xl\" uk-grid=\"parallax: 0\">\n            <div\n                class=\"uk-width-1-2 uk-width-1-3@m uk-width-1-4@l uk-width-1-5@xl\"\n                v-bind:key=\"video.url\"\n                v-for=\"video in this.channel.relatedStreams\"\n            >\n                <VideoItem :video=\"video\" height=\"94\" width=\"168\" hideChannel />\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ErrorHandler from \"@/components/ErrorHandler.vue\";\nimport VideoItem from \"@/components/VideoItem.vue\";\n\nexport default {\n    data() {\n        return {\n            channel: null,\n            subscribed: false,\n        };\n    },\n    mounted() {\n        this.getChannelData();\n    },\n    activated() {\n        if (this.channel && !this.channel.error) document.title = this.channel.name + \" - Piped\";\n        window.addEventListener(\"scroll\", this.handleScroll);\n    },\n    deactivated() {\n        window.removeEventListener(\"scroll\", this.handleScroll);\n    },\n    methods: {\n        async fetchSubscribedStatus() {\n            this.fetchJson(\n                this.apiUrl() + \"/subscribed\",\n                {\n                    channelId: this.channel.id,\n                },\n                {\n                    headers: {\n                        Authorization: this.getAuthToken(),\n                    },\n                },\n            ).then(json => {\n                this.subscribed = json.subscribed;\n            });\n        },\n        async fetchChannel() {\n            const url = this.apiUrl() + \"/\" + this.$route.params.path + \"/\" + this.$route.params.channelId;\n            return await this.fetchJson(url);\n        },\n        async getChannelData() {\n            this.fetchChannel()\n                .then(data => (this.channel = data))\n                .then(() => {\n                    if (!this.channel.error) {\n                        document.title = this.channel.name + \" - Piped\";\n                        if (this.authenticated) this.fetchSubscribedStatus();\n                    }\n                });\n        },\n        handleScroll() {\n            if (this.loading || !this.channel || !this.channel.nextpage) return;\n            if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) {\n                this.loading = true;\n                this.fetchJson(this.apiUrl() + \"/nextpage/channel/\" + this.channel.id, {\n                    nextpage: this.channel.nextpage,\n                }).then(json => {\n                    this.channel.relatedStreams.concat(json.relatedStreams);\n                    this.channel.nextpage = json.nextpage;\n                    this.loading = false;\n                    json.relatedStreams.map(stream => this.channel.relatedStreams.push(stream));\n                });\n            }\n        },\n        subscribeHandler() {\n            this.fetchJson(this.apiUrl() + (this.subscribed ? \"/unsubscribe\" : \"/subscribe\"), null, {\n                method: \"POST\",\n                body: JSON.stringify({\n                    channelId: this.channel.id,\n                }),\n                headers: {\n                    Authorization: this.getAuthToken(),\n                    \"Content-Type\": \"application/json\",\n                },\n            });\n            this.subscribed = !this.subscribed;\n        },\n    },\n    components: {\n        ErrorHandler,\n        VideoItem,\n    },\n};\n</script>\n","import { render } from \"./Channel.vue?vue&type=template&id=2072e70c\"\nimport script from \"./Channel.vue?vue&type=script&lang=js\"\nexport * from \"./Channel.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}