YouTubeの代替えドメイン (#4728)

* wip

* preview from alts

* a

* merge

locales/en-US.yml

@@ -382,6 +382,7 @@ common:
         cheep: "Cheep"
       useOrthographicCamera: "Use Orthographic Camera"
     nitter: "Alternate domains for Twitter"
+    altYoutube: "Alternate domains for YouTube"
   search: "Search"
   delete: "Delete"
   loading: "Loading"

locales/ja-JP.yml

@@ -397,6 +397,7 @@ common:
         cheep: "最低"
       useOrthographicCamera: "平行投影カメラを使用"
     nitter: "Twitterの代替ドメイン"
+    altYoutube: "YouTubeの代替ドメイン"
 
   search: "検索"
   delete: "削除"

package.json

@@ -141,7 +141,7 @@
 		"stringz": "2.1.0",
 		"stylus": "0.59.0",
 		"stylus-loader": "7.1.3",
-		"summaly": "mei23/summaly#3.8.3",
+		"summaly": "mei23/summaly#3.9.0",
 		"suncalc": "1.9.0",
 		"systeminformation": "5.21.7",
 		"syuilo-password-strength": "0.0.1",

src/client/app/common/views/components/settings/settings.vue

@@ -207,6 +207,9 @@
 				<header>{{ $t('@._settings.nitter') }}</header>
 				<ui-input v-model="nitter" :debounce="true">
 				</ui-input>
+				<header>{{ $t('@._settings.altYoutube') }}</header>
+				<ui-input v-model="altYoutube" :debounce="true">
+				</ui-input>
 			</section>
 
 			<section>
@@ -595,6 +598,14 @@ export default Vue.extend({
 			}
 		},
 
+		altYoutube: {
+			get() { return this.$store.state.device.altYoutube; },
+			set(value: string) {
+				this.$store.commit('device/set', { key: 'altYoutube', value: value.trim() });
+				this.$notify(this.$t('@._settings.saved'));
+			}
+		},
+
 		roomUseOrthographicCamera: {
 			get() { return this.$store.state.device.roomUseOrthographicCamera; },
 			set(value) { this.$store.commit('device/set', { key: 'roomUseOrthographicCamera', value }); }

src/client/app/common/views/components/url-preview.vue

@@ -109,7 +109,7 @@ export default Vue.extend({
 	},
 
 	created() {
-		const requestUrl = new URL(this.url);
+		let requestUrl = new URL(this.url);
 
 		if (this.isBlokedUrl(requestUrl)) {
 			return;
@@ -135,6 +135,14 @@ export default Vue.extend({
 			}
 		}
 
+		// Alt YouTube
+		if (this.$store.state.device.altYoutube) {
+			if (requestUrl.hostname === 'www.youtube.com' || requestUrl.hostname === 'm.youtube.com' || requestUrl.hostname === 'youtu.be') {
+				const youtubePath = `${requestUrl.pathname}${requestUrl.search}`;
+				requestUrl = new URL(`https://${this.$store.state.device.altYoutube}${youtubePath}`);
+			}
+		}
+
 		if (requestUrl.hostname === 'music.youtube.com' && requestUrl.pathname.match('^/(?:watch|channel)')) {
 			requestUrl.hostname = 'www.youtube.com';
 		}

src/client/app/store.ts

@@ -98,6 +98,7 @@ const defaultDeviceSettings = Object.assign({
 	appType: 'auto',
 	emojiSkinTone: null,
 	nitter: '',
+	altYoutube: '',
 }, mods.defaultDeviceSettings || {});
 
 export default (os: MiOS) => new Vuex.Store({