{"version":3,"sources":["webpack:///./src/components/ErrorHandler.vue","webpack:///./src/components/ErrorHandler.vue?9ab2","webpack:///./src/components/VideoItem.vue","webpack:///./src/components/VideoItem.vue?2847","webpack:///./src/components/Channel.vue","webpack:///./src/components/Channel.vue?2ba8"],"names":["message","toggleTrace","class","type","$t","ref","style","hidden","error","props","String","default","methods","this","$refs","stacktrace","render","backgroundColor","to","video","url","height","width","src","thumbnail","alt","loading","duration","timeFormat","watched","title","aria-label","icon","uploaderUrl","uploaderAvatar","uploaderName","hideChannel","uploaderVerified","views","uploadedDate","numberFormat","uploaded","timeAgo","Object","Boolean","channel","avatarUrl","name","bannerUrl","purifyHTML","urlify","description","authenticated","subscribeHandler","subscribed","relatedStreams","key","hide-channel","components","ErrorHandler","VideoItem","getChannelData","document","window","addEventListener","handleScroll","updateWatched","removeEventListener","fetchJson","apiUrl","channelId","id","headers","Authorization","getAuthToken","then","json","$route","params","path","fetchChannel","data","fetchSubscribedStatus","nextpage","innerHeight","scrollY","body","offsetHeight","map","stream","push","method","JSON","stringify"],"mappings":"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","file":"js/chunk-65ef8e68.8a97ecb0.js","sourcesContent":["<template>\n    <p>{{ message }}</p>\n    <button @click=\"toggleTrace\" class=\"uk-button uk-button-small\" type=\"button\">\n        {{ $t(\"actions.show_more\") }}\n    </button>\n    <p ref=\"stacktrace\" style=\"white-space: pre-wrap\" hidden>{{ error }}</p>\n</template>\n\n<script>\nexport default {\n    props: {\n        error: { type: String, default: null },\n        message: { type: String, default: null },\n    },\n    methods: {\n        toggleTrace() {\n            this.$refs.stacktrace.hidden = !this.$refs.stacktrace.hidden;\n        },\n    },\n};\n</script>\n","import { render } from \"./ErrorHandler.vue?vue&type=template&id=e25db53c\"\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\" :to=\"video.url\">\n            <img :height=\"height\" :width=\"width\" style=\"width: 100%\" :src=\"video.thumbnail\" alt=\"\" loading=\"lazy\" />\n            <div class=\"uk-position-relative\">\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, 0.75); color: white; padding: 0 5px\"\n                    >{{ timeFormat(video.duration) }}</span\n                >\n                <span\n                    v-if=\"video.watched\"\n                    class=\"uk-label uk-border-rounded uk-position-absolute video-duration\"\n                    style=\"bottom: 5px; left: 5px; background: rgba(0, 0, 0, 0.75); color: white; padding: 0 5px\"\n                    >{{ $t(\"video.watched\") }}</span\n                >\n            </div>\n\n            <div>\n                <p\n                    style=\"\n                        padding-top: 0.5rem;\n                        margin-bottom: 0.5rem;\n                        display: -webkit-box;\n                        -webkit-line-clamp: 2;\n                        -webkit-box-orient: vertical;\n                        overflow: hidden;\n                    \"\n                    :title=\"video.title\"\n                >\n                    {{ video.title }}\n                </p>\n            </div>\n        </router-link>\n\n        <div class=\"uk-align-right\" style=\"margin-left: 0; margin-bottom: 0; display: inline-block; width: 10%\">\n            <router-link\n                :to=\"video.url + '&listen=1'\"\n                :aria-label=\"'Listen to ' + video.title\"\n                :title=\"'Listen to ' + video.title\"\n            >\n                <font-awesome-icon icon=\"headphones\"></font-awesome-icon>\n            </router-link>\n        </div>\n\n        <div style=\"display: flex; flex-flow: row; height: 15%\">\n            <router-link class=\"uk-link-muted\" :to=\"video.uploaderUrl\">\n                <img\n                    v-if=\"video.uploaderAvatar\"\n                    :src=\"video.uploaderAvatar\"\n                    loading=\"lazy\"\n                    :alt=\"video.uploaderName\"\n                    class=\"uk-border-circle\"\n                    style=\"margin-right: 0.5rem; margin-top: 0.5rem; width: 32px; height: 32px\"\n                />\n            </router-link>\n\n            <div style=\"width: calc(100% - 32px - 8px)\">\n                <router-link\n                    v-if=\"video.uploaderUrl && video.uploaderName && !hideChannel\"\n                    class=\"uk-link-muted uk-overflow-hidden\"\n                    :to=\"video.uploaderUrl\"\n                    :title=\"video.uploaderName\"\n                    style=\"display: block; width: 90%\"\n                >\n                    {{ video.uploaderName }}&thinsp;<font-awesome-icon\n                        v-if=\"video.uploaderVerified\"\n                        icon=\"check\"\n                    ></font-awesome-icon>\n                </router-link>\n\n                <b v-if=\"video.views >= 0 || video.uploadedDate\" class=\"uk-text-small\">\n                    <span v-if=\"video.views >= 0\">\n                        <font-awesome-icon icon=\"eye\"></font-awesome-icon>\n                        {{ numberFormat(video.views) }} •\n                    </span>\n                    <span v-if=\"video.uploadedDate\">\n                        {{ video.uploadedDate }}\n                    </span>\n                    <span v-if=\"video.uploaded\">\n                        {{ timeAgo(video.uploaded) }}\n                    </span>\n                </b>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        video: {\n            type: Object,\n            default: () => {\n                return {};\n            },\n        },\n        height: { type: String, default: \"118\" },\n        width: { type: String, default: \"210\" },\n        hideChannel: { type: Boolean, default: false },\n    },\n};\n</script>\n","import { render } from \"./VideoItem.vue?vue&type=template&id=5524002a\"\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\">\n            <img height=\"48\" width=\"48\" class=\"uk-border-circle\" :src=\"channel.avatarUrl\" />{{ channel.name }}\n        </h1>\n        <img v-if=\"channel.bannerUrl\" :src=\"channel.bannerUrl\" style=\"width: 100%\" loading=\"lazy\" />\n        <!-- eslint-disable-next-line vue/no-v-html -->\n        <p style=\"white-space: pre-wrap\"><span v-html=\"purifyHTML(urlify(channel.description))\"></span></p>\n\n        <button v-if=\"authenticated\" class=\"uk-button uk-button-small\" type=\"button\" @click=\"subscribeHandler\">\n            {{ subscribed ? $t(\"actions.unsubscribe\") : $t(\"actions.subscribe\") }}\n        </button>\n\n        <hr />\n\n        <div class=\"uk-grid uk-grid-xl\">\n            <div\n                v-for=\"video in channel.relatedStreams\"\n                :key=\"video.url\"\n                class=\"uk-width-1-2 uk-width-1-3@m uk-width-1-4@l uk-width-1-5@xl\"\n            >\n                <VideoItem :video=\"video\" height=\"94\" width=\"168\" hide-channel />\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    components: {\n        ErrorHandler,\n        VideoItem,\n    },\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        if (this.channel && !this.channel.error) this.updateWatched(this.channel.relatedStreams);\n    },\n    deactivated() {\n        window.removeEventListener(\"scroll\", this.handleScroll);\n    },\n    unmounted() {\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                        this.updateWatched(this.channel.relatedStreams);\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.nextpage = json.nextpage;\n                    this.loading = false;\n                    this.updateWatched(json.relatedStreams);\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};\n</script>\n","import { render } from \"./Channel.vue?vue&type=template&id=5abae7a7\"\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":""}