paricafe/src/web/app/boot.js

64 lines
1.8 KiB
JavaScript
Raw Normal View History

2016-12-31 20:23:09 -06:00
/**
2017-05-18 00:12:27 -05:00
* MISSKEY BOOT LOADER
* (ENTRY POINT)
2016-12-31 20:23:09 -06:00
*/
2016-12-31 05:26:22 -06:00
2017-05-18 00:12:27 -05:00
/**
* ドメインに基づいて適切なスクリプトを読み込みます
* ユーザーの言語およびモバイル端末か否かも考慮します
2017-05-24 07:06:19 -05:00
* webpackは介さないためrequireやimportは使えません
2017-05-18 00:12:27 -05:00
*/
'use strict';
// Get the current url information
2017-05-17 15:06:55 -05:00
const Url = new URL(location.href);
2017-05-10 14:15:54 -05:00
2017-05-18 00:26:38 -05: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-05-17 15:06:55 -05:00
let app = Url.host.split('.')[0];
2016-12-31 05:26:22 -06:00
2017-05-18 00:29:55 -05:00
// Detect the user language
2017-05-18 00:26:38 -05:00
// Note: The default language is English
2017-05-17 15:06:55 -05:00
let lang = navigator.language.split('-')[0];
if (!/^(en|ja)$/.test(lang)) lang = 'en';
2016-12-31 05:26:22 -06:00
2017-05-18 00:29:55 -05:00
// Detect the user agent
2017-05-17 15:06:55 -05:00
const ua = navigator.userAgent.toLowerCase();
const isMobile = /mobile|iphone|ipad|android/.test(ua);
2016-12-31 05:26:22 -06:00
2017-05-18 00:12:27 -05:00
// Get the <head> element
2017-05-25 02:03:03 -05:00
const head = document.getElementsByTagName('head')[0];
2016-12-31 05:26:22 -06:00
2017-05-18 00:12:27 -05:00
// If mobile, insert the viewport meta tag
2017-05-17 15:06:55 -05:00
if (isMobile) {
const meta = document.createElement('meta');
meta.setAttribute('name', 'viewport');
2017-05-18 00:34:13 -05: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 15:06:55 -05:00
head.appendChild(meta);
2017-03-17 10:02:41 -05:00
}
2017-05-18 00:12:27 -05:00
// Switch desktop or mobile version
2017-05-17 15:06:55 -05:00
if (app == 'misskey') {
app = isMobile ? 'mobile' : 'desktop';
2016-12-31 05:26:22 -06:00
}
2017-05-18 00:29:55 -05:00
// Load an app script
// Note: 'async' makes can load the script asyncly.
2017-05-18 00:36:14 -05:00
// 'defer' makes can run the script when the dom loaded.
2017-05-17 15:06:55 -05: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);