From aae82fb05ed5e313ddd4ae042a5fe1c39b637e6a Mon Sep 17 00:00:00 2001
From: LiviaMedeiros <livia@cirno.name>
Date: Wed, 29 Nov 2023 18:06:57 +0800
Subject: [PATCH 01/11] Fix duplicate key in navdrawer

---
 src/components/nav/NavDrawer.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/nav/NavDrawer.vue b/src/components/nav/NavDrawer.vue
index ad8c7ccf0..4ce532e20 100644
--- a/src/components/nav/NavDrawer.vue
+++ b/src/components/nav/NavDrawer.vue
@@ -90,7 +90,7 @@
       <template v-for="vid in collapsedFavorites">
         <v-list-item
           v-if="vid"
-          :key="vid.id"
+          :key="vid.key"
           :class="{ 'v-list-item--active': $route.path.startsWith(`/channel/${vid.channel.id}`) }"
           @click="$router.push(`/channel/${vid.channel.id}`).catch(() => {})"
         >
@@ -98,7 +98,7 @@
             <ChannelImg :channel="vid.channel" :size="30" />
           </v-list-item-avatar>
           <ChannelInfo :channel="vid.channel" no-subscriber-count no-group />
-          <v-list-item-action-text v-if="vid.id" :key="'liveclock' + vid.id + tick">
+          <v-list-item-action-text v-if="vid.id" :key="'liveclock' + vid.key + tick">
             <div :class="isLive(vid) ? 'ch-live' : 'ch-upcoming'">
               <v-avatar v-if="vid.host_channel" :size="20">
                 <ChannelImg :channel="vid.host_channel" :size="20" />
@@ -215,7 +215,7 @@ export default {
                     .filter((x) => favoritesSet.has(x.channel.id))
                     .forEach((x) => {
                         if (!existingChs.has(x.channel.id)) {
-                            existingChs.set(x.channel.id, x)
+                            existingChs.set(x.channel.id, { ...x, key: `${x.channel.id}${x.id}` });
                         }
                     });
 
@@ -224,7 +224,12 @@ export default {
                     .filter((x) => x.mentions?.length && !blockedSet.has(x.channel.id))
                     .forEach((x) => x.mentions
                         .filter(({ id }) => favoritesSet.has(id) && !existingChs.has(id) && !blockedSet.has(id))
-                        .forEach((m) => existingChs.set(m.id, { ...x, channel: m, host_channel: x.channel }))
+                        .forEach((m) => existingChs.set(m.id, {
+                            ...x,
+                            channel: m,
+                            host_channel: x.channel,
+                            key: `${m.id}${x.id}`,
+                        }))
                     );
 
                 // remainder:

From a45c49ac68918f9d3b190bf8aae5d26194f266e5 Mon Sep 17 00:00:00 2001
From: LiviaMedeiros <livia@cirno.name>
Date: Sun, 10 Dec 2023 22:08:19 +0800
Subject: [PATCH 02/11] Add multiview layouts for #shorts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 2📱 2💬 (2 vertical videos, 2 chats)
- 3📱 1💬 (3 vertical videos, 1 chat)
- 2🎞️ 1📱 1💬 (2 legacy videos, 1 vertical video, 1 chat)
---
 src/utils/mv-utils.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/utils/mv-utils.ts b/src/utils/mv-utils.ts
index de0fe12df..0c253c49d 100644
--- a/src/utils/mv-utils.ts
+++ b/src/utils/mv-utils.ts
@@ -176,6 +176,9 @@ export const desktopPresets = Object.freeze([
     { layout: "AAMM,MMGG,AMGG,GMGG,MGGG,SSGG,MSGG,MAGG,SMGG,SGGG,SAGG,ASGG,GSGG", name: "13🎞️", default: 13 },
     { layout: "AMJM,OMFG,OGFG,TGFG,JMFG,AAJM,OAFG,TMFG,JAFG,TSFG,OSFG,JGFG,TAFG,JSFG", name: "14🎞️", default: 14 },
     { layout: "AGGG,MMGG,MGGG,SGGG,GMGG,AAGG,MAGG,SMGG,GAGG,SSGG,MSGG,GGGG,SAGG,GSGG,AMGG,ASGG", name: "4x4", default: 16 },
+    { layout: "AAHY,HAHY,OAFYchat,TAFYchat", name: "2📱 2💬" },
+    { layout: "AAGY,GAGY,MAGY,SAGYchat", name: "3📱 1💬" },
+    { layout: "AAMM,AMMM,MAHY,TAFYchat2", name: "2🎞️ 1📱 1💬" },
 ]);
 
 export const mobilePresets = Object.freeze([

From fc10147ac0f58f1abde396c985bbe5eb3067f81a Mon Sep 17 00:00:00 2001
From: LiviaMedeiros <livia@cirno.name>
Date: Sun, 10 Dec 2023 22:08:50 +0800
Subject: [PATCH 03/11] Fix typo

---
 src/utils/mv-utils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/utils/mv-utils.ts b/src/utils/mv-utils.ts
index 0c253c49d..22e2a7b27 100644
--- a/src/utils/mv-utils.ts
+++ b/src/utils/mv-utils.ts
@@ -171,7 +171,7 @@ export const desktopPresets = Object.freeze([
     { layout: "AASR,SAGYchat,ARGH,GRGH,MRGH", name: "Sports Fes 1" },
     { layout: "AAMM,SAGYchat,AMGG,ASGG,GMGG,GSGG,MAGG,MGGG,MMGG,MSGG", name: "Sports Fes 2" },
     { layout: "GAMM,GMMM,AAGG,AGGG,AMGG,ASGG,SAGG,SGGG,SMGG,SSGG", name: "Sports Fes 3" },
-    { layout: "AAIK,IAIK,QAIK,AKGH,GKGH,MKGH,SKGH,SRGH,ARGH,MRGH,GRGH", name: "Amoung Us 3", default: 11 },
+    { layout: "AAIK,IAIK,QAIK,AKGH,GKGH,MKGH,SKGH,SRGH,ARGH,MRGH,GRGH", name: "Among Us 3", default: 11 },
     { layout: "AAGI,GAGI,MAGI,AIGI,GIGI,MIGI,SIGI,SQGI,AQGI,MQGI,GQGI,SAGI", name: "4x3", default: 12 },
     { layout: "AAMM,MMGG,AMGG,GMGG,MGGG,SSGG,MSGG,MAGG,SMGG,SGGG,SAGG,ASGG,GSGG", name: "13🎞️", default: 13 },
     { layout: "AMJM,OMFG,OGFG,TGFG,JMFG,AAJM,OAFG,TMFG,JAFG,TSFG,OSFG,JGFG,TAFG,JSFG", name: "14🎞️", default: 14 },

From 46f4e12303301cecaf24c95248d320589a4acc50 Mon Sep 17 00:00:00 2001
From: UK <41271523+NeloBlivion@users.noreply.github.com>
Date: Thu, 21 Dec 2023 22:48:17 +0500
Subject: [PATCH 04/11] raise song limit on edit page

---
 src/utils/backend-api.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/utils/backend-api.ts b/src/utils/backend-api.ts
index e66295f97..d69a026cd 100644
--- a/src/utils/backend-api.ts
+++ b/src/utils/backend-api.ts
@@ -202,7 +202,7 @@ export default {
     return axiosInstance.post(`/songs/latest?c=${dt}`, {
       channel_id: channelId,
       video_id: videoId,
-      limit: 100,
+      limit: 1000,
     });
   },
   tryCreateSong(songObj, jwt) {

From 92c6841cd324e2925967546bcc8563f332fd8944 Mon Sep 17 00:00:00 2001
From: UK <41271523+NeloBlivion@users.noreply.github.com>
Date: Mon, 29 Jan 2024 14:02:27 +0000
Subject: [PATCH 05/11] support handles for channel request?

---
 src/utils/consts.js             |  2 ++
 src/views/AddChannelRequest.vue | 21 +++++++++++++--------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/utils/consts.js b/src/utils/consts.js
index c2979fc43..ba980d613 100644
--- a/src/utils/consts.js
+++ b/src/utils/consts.js
@@ -60,6 +60,8 @@ export const ORGS_PREFIX = Object.freeze({
 
 export const CHANNEL_URL_REGEX = /(?:(?:https?:|)\/\/|)(?:www\.|)(?:youtube\.com\/|\/?)channel\/(?<id>[\w-]+)/i;
 
+export const CHANNEL_OR_HANDLE_REGEX = /(?:(?:https?:|)\/\/|)(?:www\.|)(?:youtube\.com\/|\/?)(?:channel\/|@)(?<id>[\w-]+)/i;
+
 export const VIDEO_URL_REGEX = /(?:(?:https?:|)\/\/|)((?:www|m)\.|)(?<domain>youtube\.com|youtu\.be|holodex\.net)\/(?:[\w-]+\?v=|embed|v|watch|live|)\/?(?<id>[\w-]{11})/i;
 
 export const TWITCH_VIDEO_URL_REGEX = /(?:(?:https?:|)\/\/|)twitch\.tv\/(?<id>[\w-]+)/i;
diff --git a/src/views/AddChannelRequest.vue b/src/views/AddChannelRequest.vue
index 587fe49f2..d0f59520d 100644
--- a/src/views/AddChannelRequest.vue
+++ b/src/views/AddChannelRequest.vue
@@ -41,8 +41,8 @@
                 v-else
                 v-model="link"
                 label="Channel URL"
-                placeholder="https://www.youtube.com/channel/UC_____"
-                hint="https://www.youtube.com/channel/UC_____"
+                placeholder="https://www.youtube.com/channel/UC_____  or https://www.youtube.com/@_____"
+                hint="https://www.youtube.com/channel/UC_____ or https://www.youtube.com/@_____"
                 :rules="[channelURLRule]"
               />
               <v-text-field
@@ -236,14 +236,14 @@ export default {
         linkRule: (v) => !!v.match(/^https?:\/\/[\w-]+(\.[\w-]+)+\.?(\/\S*)?/) || "Invalid url",
         twitterRule: (v) => !v || !!v.match(/^@.*$/) || "@ABC",
         channelURLRule(v) {
-            const REGEX = /(?:https?:\/\/)(?:www\.)?youtu(?:be\.com\/)(?:channel)\/([\w-_]*)$/i;
+            const REGEX = /(?:https?:\/\/)(?:www\.)?youtu(?:be\.com\/)(?:channel\/|@)([\w-_]*)$/i;
 
             const cid = v.match(REGEX);
             console.log(cid);
             return (
                 (cid
                     && !cid[0].includes("/c/")
-                    && cid[1].length > 12
+                    && (cid[1].length > 12 or cid[0].endsWith('@'))
                     && cid[0].startsWith("ht"))
                 || this.$t("channelRequest.ChannelURLErrorFeedback")
             );
@@ -264,16 +264,19 @@ export default {
         },
 
         async onSubmit() {
+            let handle = null;
             if (this.type === ADD_VTUBER || this.type === ADD_CLIPPER) {
                 // validate it's not added already:
-                const regex = /(?:https?:\/\/)(?:www\.)?youtu(?:be\.com\/)(?:channel)\/([\w\-_]*)/gi;
+                const regex = /(?:https?:\/\/)(?:www\.)?youtu(?:be\.com\/)(?:channel\/|@)([\w\-_]*)/gi;
                 const matches = [...this.link.matchAll(regex)];
-                const id = matches?.[0]?.[1];
+                let id = matches?.[0]?.[1];
+                handle = matches[0][0].endsWith('@')
+                id = handle ? '@' + id : id;
 
                 try {
                     const exists = id && (await backendApi.channel(id));
                     if (exists && exists.data && exists.data.id) {
-                        this.$router.push({ path: `/channel/${id}` });
+                        this.$router.push({ path: `/channel/${exists.data.id}` });
                         return;
                     }
                 } catch (e) {
@@ -302,7 +305,9 @@ export default {
                                     name: "Channel Link",
                                     value:
                                         this.link
-                                        || `https://www.youtube.com/channel/${this.channel.id}`,
+                                        || handle 
+                                        ? `https://www.youtube.com/@${id}`
+                                        : `https://www.youtube.com/channel/${this.channel.id}`,
                                     inline: false,
                                 },
                                 ...ifValid(this.english_name, {

From 4f8719435aa4057d4a328792a5b840c190a3c641 Mon Sep 17 00:00:00 2001
From: UK <41271523+NeloBlivion@users.noreply.github.com>
Date: Mon, 29 Jan 2024 14:06:30 +0000
Subject: [PATCH 06/11] wrong language

---
 src/views/AddChannelRequest.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/AddChannelRequest.vue b/src/views/AddChannelRequest.vue
index d0f59520d..5e5d13417 100644
--- a/src/views/AddChannelRequest.vue
+++ b/src/views/AddChannelRequest.vue
@@ -243,7 +243,7 @@ export default {
             return (
                 (cid
                     && !cid[0].includes("/c/")
-                    && (cid[1].length > 12 or cid[0].endsWith('@'))
+                    && (cid[1].length > 12 || cid[0].endsWith('@'))
                     && cid[0].startsWith("ht"))
                 || this.$t("channelRequest.ChannelURLErrorFeedback")
             );

From 6ecf94826bae2700719c84ff01bd37e7d6aa3110 Mon Sep 17 00:00:00 2001
From: UK <41271523+NeloBlivion@users.noreply.github.com>
Date: Mon, 29 Jan 2024 14:11:46 +0000
Subject: [PATCH 07/11] simplified check

---
 src/views/AddChannelRequest.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/AddChannelRequest.vue b/src/views/AddChannelRequest.vue
index 5e5d13417..3c00fa3a8 100644
--- a/src/views/AddChannelRequest.vue
+++ b/src/views/AddChannelRequest.vue
@@ -243,7 +243,7 @@ export default {
             return (
                 (cid
                     && !cid[0].includes("/c/")
-                    && (cid[1].length > 12 || cid[0].endsWith('@'))
+                    && (cid[1].length > 12 || cid[0].includes('@'))
                     && cid[0].startsWith("ht"))
                 || this.$t("channelRequest.ChannelURLErrorFeedback")
             );
@@ -270,7 +270,7 @@ export default {
                 const regex = /(?:https?:\/\/)(?:www\.)?youtu(?:be\.com\/)(?:channel\/|@)([\w\-_]*)/gi;
                 const matches = [...this.link.matchAll(regex)];
                 let id = matches?.[0]?.[1];
-                handle = matches[0][0].endsWith('@')
+                handle = this.link.includes('@')
                 id = handle ? '@' + id : id;
 
                 try {

From 32ab32111a3cdf7368457eccab24d2563619ca05 Mon Sep 17 00:00:00 2001
From: UK <41271523+NeloBlivion@users.noreply.github.com>
Date: Mon, 29 Jan 2024 14:17:48 +0000
Subject: [PATCH 08/11] lowercase handle

---
 src/views/AddChannelRequest.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/AddChannelRequest.vue b/src/views/AddChannelRequest.vue
index 3c00fa3a8..67392538a 100644
--- a/src/views/AddChannelRequest.vue
+++ b/src/views/AddChannelRequest.vue
@@ -271,7 +271,7 @@ export default {
                 const matches = [...this.link.matchAll(regex)];
                 let id = matches?.[0]?.[1];
                 handle = this.link.includes('@')
-                id = handle ? '@' + id : id;
+                id = handle ? '@' + id.toLowerCase() : id;
 
                 try {
                     const exists = id && (await backendApi.channel(id));
@@ -306,7 +306,7 @@ export default {
                                     value:
                                         this.link
                                         || handle 
-                                        ? `https://www.youtube.com/@${id}`
+                                        ? `https://www.youtube.com/${id}`
                                         : `https://www.youtube.com/channel/${this.channel.id}`,
                                     inline: false,
                                 },

From b5bc14073e9ca673932ae761dee0c0ae47487333 Mon Sep 17 00:00:00 2001
From: UK <41271523+NeloBlivion@users.noreply.github.com>
Date: Mon, 29 Jan 2024 14:27:11 +0000
Subject: [PATCH 09/11] fix

---
 src/views/AddChannelRequest.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/views/AddChannelRequest.vue b/src/views/AddChannelRequest.vue
index 67392538a..52fa45764 100644
--- a/src/views/AddChannelRequest.vue
+++ b/src/views/AddChannelRequest.vue
@@ -305,9 +305,7 @@ export default {
                                     name: "Channel Link",
                                     value:
                                         this.link
-                                        || handle 
-                                        ? `https://www.youtube.com/${id}`
-                                        : `https://www.youtube.com/channel/${this.channel.id}`,
+                                        || `https://www.youtube.com/channel/${this.channel.id}`,
                                     inline: false,
                                 },
                                 ...ifValid(this.english_name, {

From 4b31eb0174c040e24bf4d98d06b3883a52197229 Mon Sep 17 00:00:00 2001
From: UK <41271523+NeloBlivion@users.noreply.github.com>
Date: Mon, 29 Jan 2024 15:08:56 +0000
Subject: [PATCH 10/11] update channel request strings

---
 src/locales/en/ui.yml | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/locales/en/ui.yml b/src/locales/en/ui.yml
index 079e69e45..acde0cb32 100644
--- a/src/locales/en/ui.yml
+++ b/src/locales/en/ui.yml
@@ -743,7 +743,8 @@ channelRequest:
   VtuberRequirementText: >-
     A minimum of 20K subscribers is required for independents. Vtubers as part
     of existing orgs will be accepted. <br /><br />New Orgs will be created
-    depending on the average subscriber count.
+    depending on the average subscriber count.<br /><br />Twitch streamers must
+    have an official YouTube channel to be indexed.
   ClipperRequirementText: >-
     For clippers, it must be at least 2 months old and post regularly, or post
     more than 20 clips in one month. Spamming of short clips every day, posting
@@ -760,4 +761,4 @@ channelRequest:
     Deletion should only be requested if you are the channel owner(s), please
     provide contact information so we can verify this.
   PageTitle: Holodex Channel Request
-  ChannelURLErrorFeedback: Must be https://www.youtube.com/channel/UC_____
+  ChannelURLErrorFeedback: Must be https://www.youtube.com/channel/UC_____ or https://www.youtube.com/@_____

From 6e652c056c8e40e8ada9ab8103be90262f9d405b Mon Sep 17 00:00:00 2001
From: sphinxrave <62570796+sphinxrave@users.noreply.github.com>
Date: Wed, 31 Jan 2024 00:55:19 -0800
Subject: [PATCH 11/11] only modify login code

---
 src/views/Login.vue | 70 +++++++++++++++++++++++++++++++--------------
 1 file changed, 49 insertions(+), 21 deletions(-)

diff --git a/src/views/Login.vue b/src/views/Login.vue
index c52677a33..564980dc6 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -150,7 +150,7 @@
 </template>
 
 <script lang="ts">
-import open from "oauth-open";
+// import open from "oauth-open";
 import api from "@/utils/backend-api";
 import UserCard from "@/components/user/UserCard.vue";
 import copyToClipboard from "@/mixins/copyToClipboard";
@@ -213,7 +213,29 @@ export default {
         const params = new URL(window.location.href).searchParams;
         const service = params.get("service");
         const jwt = params.get("jwt");
-        if (service === "twitter" && jwt) {
+        if (service === "discord" && window.location.hash) {
+            // the hash is #token_type=Bearer&access_token=yG7BNWhnqcQmXaOQEJEzw2nu7IgeIK&expires_in=604800&scope=identify
+            // parse the hash
+            console.log("analyzing hash", window.location.hash);
+            const hash = window.location.hash.substring(1);
+            const discordAuthParams = new URLSearchParams(hash);
+            // const tokenType = discordAuthParams.get('token_type');
+            const accessToken = discordAuthParams.get("access_token");
+            // const expiresIn = discordAuthParams.get('expires_in');
+            // const scope = discordAuthParams.get('scope');
+            const resp = await api.login(
+                this.$store.state.userdata.jwt,
+                accessToken,
+                "discord",
+            );
+            // console.log(resp);
+            this.$store.commit("setUser", resp.data);
+            this.$gtag.event("login", {
+                event_label: "discord",
+            });
+
+            this.$store.dispatch("favorites/resetFavorites");
+        } else if (service === "twitter" && jwt) {
             const twitterTempJWT = jwt;
             const resp = await api.login(
                 this.$store.state.userdata.jwt,
@@ -253,29 +275,35 @@ export default {
         },
         async loginDiscord() {
             // redirect location:
-            const redirectUri = `${window.location.protocol}//${window.location.host}/discord`;
+            const redirectUri = `${window.location.protocol}//${window.location.host}/login?service=discord`;
+
+            // redirect to url
+            window.open(`https://discord.com/api/oauth2/authorize?client_id=793619250115379262&redirect_uri=${encodeURIComponent(
+                redirectUri,
+            )}&response_type=token&scope=identify`);
 
             // out:
             // {token_type: "Bearer", access_token: "<SOMEACCESSTOKEN>", expires_in: "604800", scope: "identify"}
-            open(
-                `https://discord.com/api/oauth2/authorize?client_id=793619250115379262&redirect_uri=${encodeURIComponent(
-                    redirectUri,
-                )}&response_type=token&scope=identify`,
-                async (err, out) => {
-                    const resp = await api.login(
-                        this.$store.state.userdata.jwt,
-                        out.access_token,
-                        "discord",
-                    );
-                    // console.log(resp);
-                    this.$store.commit("setUser", resp.data);
-                    this.$gtag.event("login", {
-                        event_label: "discord",
-                    });
+            // open(
+            //     `https://discord.com/api/oauth2/authorize?client_id=793619250115379262&redirect_uri=${encodeURIComponent(
+            //         redirectUri,
+            //     )}&response_type=token&scope=identify`,
+            //     async (err, out) => {
+            //       console.log(err, out)
+            //       const resp = await api.login(
+            //           this.$store.state.userdata.jwt,
+            //           out.access_token,
+            //           "discord",
+            //       );
+            //       // console.log(resp);
+            //       this.$store.commit("setUser", resp.data);
+            //       this.$gtag.event("login", {
+            //           event_label: "discord",
+            //       });
 
-                    this.$store.dispatch("favorites/resetFavorites");
-                },
-            );
+            //       this.$store.dispatch("favorites/resetFavorites");
+            //     },
+            // );
         },
         async loginTwitter() {
             window.location.href = `${apiURI}/v2/user/login/twitter`;