整理した

2018-03-29 20:32:18 +09:00
parent 8a279a4656
commit cf33e483f7
552 changed files with 360 additions and 1311 deletions
--- a/src/client/app/boot.js
+++ b/src/client/app/boot.js
@@ -0,0 +1,120 @@
+/**
+ * MISSKEY BOOT LOADER
+ * (ENTRY POINT)
+ */
+
+/**
+ * ドメインに基づいて適切なスクリプトを読み込みます。
+ * ユーザーの言語およびモバイル端末か否かも考慮します。
+ * webpackは介さないためrequireやimportは使えません。
+ */
+
+'use strict';
+
+// Chromeで確認したことなのですが、constやletを用いたとしても
+// グローバルなスコープで定数/変数を定義するとwindowのプロパティ
+// としてそれがアクセスできるようになる訳ではありませんが、普通に
+// コンソールから定数/変数名を入力するとアクセスできてしまいます。
+// ブロック内に入れてスコープを非グローバル化するとそれが防げます
+// (Chrome以外のブラウザでは検証していません)
+{
+	// Get the current url information
+	const url = new URL(location.href);
+
+	//#region Detect app name
+	let app = null;
+
+	if (url.pathname == '/docs') app = 'docs';
+	if (url.pathname == '/dev') app = 'dev';
+	if (url.pathname == '/auth') app = 'auth';
+	//#endregion
+
+	// Detect the user language
+	// Note: The default language is English
+	let lang = navigator.language.split('-')[0];
+	if (!/^(en|ja)$/.test(lang)) lang = 'en';
+	if (localStorage.getItem('lang')) lang = localStorage.getItem('lang');
+	if (ENV != 'production') lang = 'ja';
+
+	// Detect the user agent
+	const ua = navigator.userAgent.toLowerCase();
+	const isMobile = /mobile|iphone|ipad|android/.test(ua);
+
+	// Get the <head> element
+	const head = document.getElementsByTagName('head')[0];
+
+	// If mobile, insert the viewport meta tag
+	if (isMobile) {
+		const meta = document.createElement('meta');
+		meta.setAttribute('name', 'viewport');
+		meta.setAttribute('content',
+			'width=device-width,' +
+			'initial-scale=1,' +
+			'minimum-scale=1,' +
+			'maximum-scale=1,' +
+			'user-scalable=no');
+		head.appendChild(meta);
+	}
+
+	// Switch desktop or mobile version
+	if (app == null) {
+		app = isMobile ? 'mobile' : 'desktop';
+	}
+
+	// Script version
+	const ver = localStorage.getItem('v') || VERSION;
+
+	// Whether in debug mode
+	const isDebug = localStorage.getItem('debug') == 'true';
+
+	// Whether use raw version script
+	const raw = (localStorage.getItem('useRawScript') == 'true' && isDebug)
+		|| ENV != 'production';
+
+	// Load an app script
+	// Note: 'async' make it possible to load the script asyncly.
+	//       'defer' make it possible to run the script when the dom loaded.
+	const script = document.createElement('script');
+	script.setAttribute('src', `/assets/${app}.${ver}.${lang}.${raw ? 'raw' : 'min'}.js`);
+	script.setAttribute('async', 'true');
+	script.setAttribute('defer', 'true');
+	head.appendChild(script);
+
+	// 1秒経ってもスクリプトがロードされない場合はバージョンが古くて
+	// 404になっているせいかもしれないので、バージョンを確認して古ければ更新する
+	//
+	// 読み込まれたスクリプトからこのタイマーを解除できるように、
+	// グローバルにタイマーIDを代入しておく
+	window.mkBootTimer = window.setTimeout(async () => {
+		// Fetch meta
+		const res = await fetch(API + '/meta', {
+			method: 'POST',
+			cache: 'no-cache'
+		});
+
+		// Parse
+		const meta = await res.json();
+
+		// Compare versions
+		if (meta.version != ver) {
+			alert(
+				'Misskeyの新しいバージョンがあります。ページを再度読み込みします。' +
+				'\n\n' +
+				'New version of Misskey available. The page will be reloaded.');
+
+			// Clear cache (serive worker)
+			try {
+				navigator.serviceWorker.controller.postMessage('clear');
+
+				navigator.serviceWorker.getRegistrations().then(registrations => {
+					registrations.forEach(registration => registration.unregister());
+				});
+			} catch (e) {
+				console.error(e);
+			}
+
+			// Force reload
+			location.reload(true);
+		}
+	}, 1000);
+}