Handle parameters more gracefully with the mixin. (#198)

This commit is contained in:
FireMasterK 2021-06-15 17:07:35 +05:30 committed by GitHub
parent b69cc4c848
commit 546e47df9b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 33 additions and 51 deletions

View File

@ -74,13 +74,9 @@ export default {
if (this.loading || !this.channel || !this.channel.nextpage) return;
if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) {
this.loading = true;
this.fetchJson(
Constants.BASE_URL +
"/nextpage/channels/" +
this.channel.id +
"?nextpage=" +
encodeURIComponent(this.channel.nextpage),
).then(json => {
this.fetchJson(Constants.BASE_URL + "/nextpage/channels/" + this.channel.id, {
nextpage: this.channel.nextpage,
}).then(json => {
this.channel.relatedStreams.concat(json.relatedStreams);
this.channel.nextpage = json.nextpage;
this.loading = false;

View File

@ -74,13 +74,9 @@ export default {
if (this.loading || !this.playlist || !this.playlist.nextpage) return;
if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) {
this.loading = true;
this.fetchJson(
Constants.BASE_URL +
"/nextpage/playlists/" +
this.$route.query.list +
"?nextpage=" +
encodeURIComponent(this.playlist.nextpage),
).then(json => {
this.fetchJson(Constants.BASE_URL + "/nextpage/playlists/" + this.$route.query.list, {
nextpage: this.playlist.nextpage,
}).then(json => {
this.playlist.relatedStreams.concat(json.relatedStreams);
this.playlist.nextpage = json.nextpage;
this.loading = false;

View File

@ -100,13 +100,10 @@ export default {
},
methods: {
async fetchResults() {
return await await this.fetchJson(
Constants.BASE_URL +
"/search?q=" +
encodeURIComponent(this.$route.query.search_query) +
"&filter=" +
this.selectedFilter,
);
return await await this.fetchJson(Constants.BASE_URL + "/search", {
q: this.$route.query.search_query,
filter: this.selectedFilter,
});
},
async updateResults() {
document.title = this.$route.query.search_query + " - Piped";
@ -116,16 +113,11 @@ export default {
if (this.loading || !this.results || !this.results.nextpage) return;
if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) {
this.loading = true;
this.fetchJson(
Constants.BASE_URL +
"/nextpage/search" +
"?nextpage=" +
encodeURIComponent(this.results.nextpage) +
"&q=" +
encodeURIComponent(this.$route.query.search_query) +
"&filter=" +
this.selectedFilter,
).then(json => {
this.fetchJson(Constants.BASE_URL + "/nextpage/search", {
nextpage: this.results.nextpage,
q: this.$route.query.search_query,
filter: this.selectedFilter,
}).then(json => {
this.results.nextpage = json.nextpage;
this.results.id = json.id;
this.loading = false;

View File

@ -49,9 +49,9 @@ export default {
}
},
async refreshSuggestions() {
this.searchSuggestions = await this.fetchJson(
Constants.BASE_URL + "/suggestions?query=" + encodeURI(this.searchText),
);
this.searchSuggestions = await this.fetchJson(Constants.BASE_URL + "/suggestions", {
query: this.searchText,
});
this.searchSuggestions.unshift(this.searchText);
this.setSelected(0);
},

View File

@ -144,15 +144,12 @@ export default {
return this.fetchJson(Constants.BASE_URL + "/streams/" + this.getVideoId());
},
async fetchSponsors() {
return await this.fetchJson(
Constants.BASE_URL +
"/sponsors/" +
this.getVideoId() +
"?category=" +
(localStorage && localStorage.getItem("selectedSkip") !== null
? encodeURIComponent('["' + localStorage.getItem("selectedSkip").replace(",", '","') + '"]')
: encodeURIComponent('["sponsor", "interaction", "selfpromo", "music_offtopic"]')),
);
return await this.fetchJson(Constants.BASE_URL + "/sponsors/" + this.getVideoId(), {
category:
localStorage && localStorage.getItem("selectedSkip") !== null
? '["' + localStorage.getItem("selectedSkip").replace(",", '","') + '"]'
: '["sponsor", "interaction", "selfpromo", "music_offtopic"]',
});
},
fetchComments() {
return this.fetchJson(Constants.BASE_URL + "/comments/" + this.getVideoId());
@ -191,13 +188,9 @@ export default {
if (this.loading || !this.comments || !this.comments.nextpage) return;
if (window.innerHeight + window.scrollY >= this.$refs.comments.offsetHeight - window.innerHeight) {
this.loading = true;
this.fetchJson(
Constants.BASE_URL +
"/nextpage/comments/" +
this.getVideoId() +
"?url=" +
encodeURIComponent(this.comments.nextpage),
).then(json => {
this.fetchJson(Constants.BASE_URL + "/nextpage/comments/" + this.getVideoId(), {
url: this.comments.nextpage,
}).then(json => {
this.comments.nextpage = json.nextpage;
this.loading = false;
json.comments.map(comment => this.comments.comments.push(comment));

View File

@ -55,7 +55,12 @@ const mixin = {
num = parseInt(num)
return num.toLocaleString('en-US')
},
fetchJson: function (url, options) {
fetchJson: function (url, params, options) {
if (params) {
url = new URL(url);
for (var param in params)
url.searchParams.set(param, params[param])
}
return fetch(url, options).then(response => {
return response.json();
});