2016-12-31 18:23:09 -08:00
|
|
|
/**
|
2017-05-17 22:12:27 -07:00
|
|
|
* MISSKEY BOOT LOADER
|
|
|
|
|
* (ENTRY POINT)
|
2016-12-31 18:23:09 -08:00
|
|
|
*/
|
2016-12-31 03:26:22 -08:00
|
|
|
|
2017-05-17 22:12:27 -07:00
|
|
|
/**
|
|
|
|
|
* ドメインに基づいて適切なスクリプトを読み込みます。
|
|
|
|
|
* ユーザーの言語およびモバイル端末か否かも考慮します。
|
2017-05-24 05:06:19 -07:00
|
|
|
* webpackは介さないためrequireやimportは使えません。
|
2017-05-17 22:12:27 -07:00
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
|
2017-06-16 16:56:39 -07:00
|
|
|
// Chromeで確認したことなのですが、constやletを用いたとしても
|
|
|
|
|
// グローバルなスコープで定数/変数を定義するとwindowのプロパティ
|
|
|
|
|
// としてそれがアクセスできるようになる訳ではありませんが、普通に
|
|
|
|
|
// コンソールから定数/変数名を入力するとアクセスできてしまいます。
|
2017-06-16 17:53:02 -07:00
|
|
|
// ブロック内に入れてスコープを非グローバル化するとそれが防げます
|
2017-06-16 16:56:39 -07:00
|
|
|
// (Chrome以外のブラウザでは検証していません)
|
2017-06-06 10:02:56 -07:00
|
|
|
{
|
|
|
|
|
// Get the current url information
|
|
|
|
|
const url = new URL(location.href);
|
2017-03-17 08:02:41 -07:00
|
|
|
|
2018-03-26 22:13:12 -07:00
|
|
|
//#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
|
2017-06-06 10:02:56 -07:00
|
|
|
|
|
|
|
|
// Detect the user language
|
2018-04-13 09:56:10 -07:00
|
|
|
// Note: The default language is Japanese
|
2018-04-14 14:16:50 -07:00
|
|
|
let lang = navigator.language.split('-')[0];
|
|
|
|
|
if (!/^(en|ja)$/.test(lang)) lang = 'ja';
|
|
|
|
|
if (localStorage.getItem('lang')) lang = localStorage.getItem('lang');
|
2017-06-06 10:02:56 -07:00
|
|
|
|
|
|
|
|
// Detect the user agent
|
|
|
|
|
const ua = navigator.userAgent.toLowerCase();
|
|
|
|
|
const isMobile = /mobile|iphone|ipad|android/.test(ua);
|
2016-12-31 03:26:22 -08:00
|
|
|
|
2017-06-06 10:02:56 -07:00
|
|
|
// 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');
|
2017-08-10 10:00:51 -07:00
|
|
|
meta.setAttribute('content',
|
|
|
|
|
'width=device-width,' +
|
|
|
|
|
'initial-scale=1,' +
|
|
|
|
|
'minimum-scale=1,' +
|
|
|
|
|
'maximum-scale=1,' +
|
|
|
|
|
'user-scalable=no');
|
2017-06-06 10:02:56 -07:00
|
|
|
head.appendChild(meta);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Switch desktop or mobile version
|
2018-03-26 22:13:12 -07:00
|
|
|
if (app == null) {
|
2017-06-06 10:02:56 -07:00
|
|
|
app = isMobile ? 'mobile' : 'desktop';
|
|
|
|
|
}
|
|
|
|
|
|
2018-03-14 20:56:50 -07:00
|
|
|
// Script version
|
2018-03-02 14:32:18 -08:00
|
|
|
const ver = localStorage.getItem('v') || VERSION;
|
|
|
|
|
|
2018-03-14 21:11:31 -07:00
|
|
|
// Whether in debug mode
|
|
|
|
|
const isDebug = localStorage.getItem('debug') == 'true';
|
|
|
|
|
|
2018-03-14 20:56:50 -07:00
|
|
|
// Whether use raw version script
|
2018-03-15 13:45:28 -07:00
|
|
|
const raw = (localStorage.getItem('useRawScript') == 'true' && isDebug)
|
|
|
|
|
|| ENV != 'production';
|
2018-03-14 20:56:50 -07:00
|
|
|
|
2017-06-06 10:02:56 -07:00
|
|
|
// 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');
|
2018-03-14 20:56:50 -07:00
|
|
|
script.setAttribute('src', `/assets/${app}.${ver}.${lang}.${raw ? 'raw' : 'min'}.js`);
|
2017-06-06 10:02:56 -07:00
|
|
|
script.setAttribute('async', 'true');
|
|
|
|
|
script.setAttribute('defer', 'true');
|
|
|
|
|
head.appendChild(script);
|
2017-11-27 22:05:55 -08:00
|
|
|
|
2018-04-13 13:23:13 -07:00
|
|
|
// 3秒経ってもスクリプトがロードされない場合はバージョンが古くて
|
2017-11-27 22:05:55 -08:00
|
|
|
// 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
|
2018-03-04 02:29:21 -08:00
|
|
|
if (meta.version != ver) {
|
2018-04-12 14:06:18 -07:00
|
|
|
localStorage.setItem('v', meta.version);
|
|
|
|
|
|
2017-11-27 22:05:55 -08:00
|
|
|
alert(
|
|
|
|
|
'Misskeyの新しいバージョンがあります。ページを再度読み込みします。' +
|
|
|
|
|
'\n\n' +
|
|
|
|
|
'New version of Misskey available. The page will be reloaded.');
|
|
|
|
|
|
2017-11-27 22:41:41 -08:00
|
|
|
// Clear cache (serive worker)
|
|
|
|
|
try {
|
|
|
|
|
navigator.serviceWorker.controller.postMessage('clear');
|
2017-12-07 21:59:43 -08:00
|
|
|
|
|
|
|
|
navigator.serviceWorker.getRegistrations().then(registrations => {
|
|
|
|
|
registrations.forEach(registration => registration.unregister());
|
|
|
|
|
});
|
2017-11-27 22:41:41 -08:00
|
|
|
} catch (e) {
|
|
|
|
|
console.error(e);
|
|
|
|
|
}
|
|
|
|
|
|
2017-11-27 22:05:55 -08:00
|
|
|
// Force reload
|
|
|
|
|
location.reload(true);
|
|
|
|
|
}
|
2018-04-13 13:23:13 -07:00
|
|
|
}, 3000);
|
2017-06-06 10:02:56 -07:00
|
|
|
}
|
