etc
/
VueTube
mirror of https://github.com/VueTubeApp/VueTube
0
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: link handling in search

This commit is contained in:
Alex 2022-04-13 13:43:32 +12:00
parent 9cf045dc45
commit 3a78833baa
2 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
NUXT/layouts/default.vue
View File

@ -38,7 +38,7 @@
text
tile
dense
class="searchButton text-left text-capitalize"
class="searchButton text-left"
@click="youtubeSearch(item)"
>
<v-icon class="mr-5">mdi-magnify</v-icon>
@ -108,21 +108,10 @@ export default {
// --- External URL Handling --- //
CapacitorApp.addListener("appUrlOpen", (event) => {
const slug = new URL(event.url);
this.$logger("ExternalURL", event.url);
// We only push to the route if there is a url present
if (slug) {
const host = slug.hostname.toLowerCase().replace(/^www\./, "");
let result;
if (host == "youtube.com") {
result = slug;
} else if (host == "youtu.be") {
result = new URL("/watch", window.location.origin);
result.searchParams.set("v", slug.pathname.split("/")[1]);
}
if (result instanceof URL)
this.$router.push(result.pathname + result.search);
}
linkParser(event.url);
if (result) this.$router.push(result.pathname + result.search);
});
// --- Import Twemoji ---///
@ -144,8 +133,8 @@ export default {
if (isLink) {
this.response = [
{
text: `Watch video from ID: ${isLink}`,
id: isLink,
text: `Watch Video from ID: ${isLink.searchParams.get("v")}`,
id: isLink.searchParams.get("v"),
},
];
return;
@ -230,6 +219,7 @@ div {
<style scoped>
.searchButton {
width: 100%;
text-transform: none !important;
justify-content: left !important;
}
</style>

19
NUXT/plugins/utils.js
View File

@ -42,10 +42,21 @@ function getMutationByKey(key, mutations) {
return mutations.find((mutation) => mutation.entityKey === key).payload;
}
function linkParser(url) {
console.log("linkParpar", url)
const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
const match = url.match(regExp);
return (match && match[7].length == 11) ? match[7] : false;
let result;
if (url) {
try {
const slug = new URL(url);
const host = slug.hostname.toLowerCase().replace(/^www\./, "");
if (host == "youtube.com") {
result = slug;
} else if (host == "youtu.be") {
result = new URL("/watch", window.location.origin);
result.searchParams.set("v", slug.pathname.split("/")[1]);
}
} finally {
return result instanceof URL ? result : false
}
}
}
const delay = (ms) => new Promise((res) => setTimeout(res, ms));