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
|
|
|
|
2017-06-06 10:02:56 -07:00
|
|
|
// Extarct the (sub) domain part of the current url
|
|
|
|
|
//
|
|
|
|
|
// e.g.
|
|
|
|
|
// misskey.alice => misskey
|
|
|
|
|
// misskey.strawberry.pasta => misskey
|
2017-06-16 16:37:41 -07:00
|
|
|
// dev.misskey.arisu.tachibana => dev
|
2017-06-06 10:02:56 -07:00
|
|
|
let app = url.host.split('.')[0];
|
|
|
|
|
|
|
|
|
|
// Detect the user language
|
|
|
|
|
// Note: The default language is English
|
|
|
|
|
let lang = navigator.language.split('-')[0];
|
|
|
|
|
if (!/^(en|ja)$/.test(lang)) lang = 'en';
|
|
|
|
|
|
|
|
|
|
// 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 09:51:38 -07:00
|
|
|
meta.setAttribute('content', Object.entries({
|
|
|
|
|
'width': 'device-width',
|
|
|
|
|
'initial-scale': '1',
|
|
|
|
|
'minimum-scale': '1',
|
|
|
|
|
'maximum-scale': '1',
|
|
|
|
|
'user-scalable': 'no'
|
|
|
|
|
}).map(x => x.join('=')).join(','));
|
2017-06-06 10:02:56 -07:00
|
|
|
head.appendChild(meta);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Switch desktop or mobile version
|
|
|
|
|
if (app == 'misskey') {
|
|
|
|
|
app = isMobile ? 'mobile' : 'desktop';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 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}.${VERSION}.${lang}.js`);
|
|
|
|
|
script.setAttribute('async', 'true');
|
|
|
|
|
script.setAttribute('defer', 'true');
|
|
|
|
|
head.appendChild(script);
|
|
|
|
|
}
|
