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';
|
|
|
|
|
|
|
|
|
|
// Get the current url information
|
2017-06-06 10:01:06 -07:00
|
|
|
const url = new URL(location.href);
|
2017-05-10 12:15:54 -07:00
|
|
|
|
2017-05-17 22:26:38 -07:00
|
|
|
// Extarct the (sub) domain part of the current url
|
|
|
|
|
//
|
|
|
|
|
// e.g.
|
|
|
|
|
// misskey.alice => misskey
|
|
|
|
|
// misskey.strawberry.pasta => misskey
|
|
|
|
|
// dev.misskey.alice.tachibana => dev
|
2017-06-06 10:01:06 -07:00
|
|
|
let app = url.host.split('.')[0];
|
2016-12-31 03:26:22 -08:00
|
|
|
|
2017-05-17 22:29:55 -07:00
|
|
|
// Detect the user language
|
2017-05-17 22:26:38 -07:00
|
|
|
// Note: The default language is English
|
2017-05-17 13:06:55 -07:00
|
|
|
let lang = navigator.language.split('-')[0];
|
|
|
|
|
if (!/^(en|ja)$/.test(lang)) lang = 'en';
|
2016-12-31 03:26:22 -08:00
|
|
|
|
2017-05-17 22:29:55 -07:00
|
|
|
// Detect the user agent
|
2017-05-17 13:06:55 -07:00
|
|
|
const ua = navigator.userAgent.toLowerCase();
|
|
|
|
|
const isMobile = /mobile|iphone|ipad|android/.test(ua);
|
2016-12-31 03:26:22 -08:00
|
|
|
|
2017-05-17 22:12:27 -07:00
|
|
|
// Get the <head> element
|
2017-05-25 00:03:03 -07:00
|
|
|
const head = document.getElementsByTagName('head')[0];
|
2016-12-31 03:26:22 -08:00
|
|
|
|
2017-05-17 22:12:27 -07:00
|
|
|
// If mobile, insert the viewport meta tag
|
2017-05-17 13:06:55 -07:00
|
|
|
if (isMobile) {
|
|
|
|
|
const meta = document.createElement('meta');
|
|
|
|
|
meta.setAttribute('name', 'viewport');
|
2017-05-17 22:34:13 -07:00
|
|
|
meta.setAttribute('content', [
|
|
|
|
|
['width', 'device-width'],
|
|
|
|
|
['initial-scale', '1'],
|
|
|
|
|
['minimum-scale', '1'],
|
|
|
|
|
['maximum-scale', '1'],
|
|
|
|
|
['user-scalable', 'no']
|
|
|
|
|
].map(x => x.join('=')).join(','));
|
2017-05-17 13:06:55 -07:00
|
|
|
head.appendChild(meta);
|
2017-03-17 08:02:41 -07:00
|
|
|
}
|
|
|
|
|
|
2017-05-17 22:12:27 -07:00
|
|
|
// Switch desktop or mobile version
|
2017-05-17 13:06:55 -07:00
|
|
|
if (app == 'misskey') {
|
|
|
|
|
app = isMobile ? 'mobile' : 'desktop';
|
2016-12-31 03:26:22 -08:00
|
|
|
}
|
|
|
|
|
|
2017-05-17 22:29:55 -07:00
|
|
|
// Load an app script
|
2017-06-06 08:04:39 -07:00
|
|
|
// Note: 'async' make it possible to load the script asyncly.
|
|
|
|
|
// 'defer' make it possible to run the script when the dom loaded.
|
2017-05-17 13:06:55 -07:00
|
|
|
const script = document.createElement('script');
|
|
|
|
|
script.setAttribute('src', `/assets/${app}.${VERSION}.${lang}.js`);
|
|
|
|
|
script.setAttribute('async', 'true');
|
|
|
|
|
script.setAttribute('defer', 'true');
|
|
|
|
|
head.appendChild(script);
|
