Sharkey/src/client/app/boot.js

174 lines
4.4 KiB
JavaScript
Raw Normal View History

2017-01-01 04:23:09 +02:00
/**
2017-05-18 08:12:27 +03:00
* MISSKEY BOOT LOADER
* (ENTRY POINT)
2017-01-01 04:23:09 +02:00
*/
2016-12-31 13:26:22 +02:00
2017-05-18 08:12:27 +03:00
'use strict';
(async function() {
2018-04-21 10:18:58 +03:00
// キャッシュ削除要求があれば従う
if (localStorage.getItem('shouldFlush') == 'true') {
refresh();
return;
}
2018-04-16 09:59:43 +03:00
2018-09-10 11:50:34 +03:00
const langs = LANGS;
2018-09-26 12:59:37 +03:00
//#region Apply theme
const theme = localStorage.getItem('theme');
if (theme) {
for (const [k, v] of Object.entries(JSON.parse(theme))) {
2018-09-26 12:59:37 +03:00
document.documentElement.style.setProperty(`--${k}`, v.toString());
}
2018-09-26 12:59:37 +03:00
}
//#endregion
2018-05-23 23:28:46 +03:00
//#region Load settings
let settings = null;
const vuex = localStorage.getItem('vuex');
if (vuex) {
settings = JSON.parse(vuex);
}
//#endregion
2017-06-06 20:02:56 +03:00
// Get the current url information
const url = new URL(location.href);
2017-03-17 17:02:41 +02:00
2018-03-27 08:13:12 +03:00
//#region Detect app name
2019-05-02 18:05:12 +03:00
let app = null;
2018-03-27 08:13:12 +03:00
2019-05-02 18:05:12 +03:00
if (`${url.pathname}/`.startsWith('/docs/')) app = 'docs';
if (`${url.pathname}/`.startsWith('/dev/')) app = 'dev';
if (`${url.pathname}/`.startsWith('/auth/')) app = 'auth';
if (`${url.pathname}/`.startsWith('/admin/')) app = 'admin';
2018-03-27 08:13:12 +03:00
//#endregion
2017-06-06 20:02:56 +03:00
2018-11-14 22:20:25 +02:00
// Script version
const ver = localStorage.getItem('v') || VERSION;
2018-05-20 20:13:39 +03:00
//#region Detect the user language
2018-08-22 19:37:05 +03:00
let lang = null;
2018-08-21 19:48:08 +03:00
2018-09-10 11:50:34 +03:00
if (langs.includes(navigator.language)) {
2018-08-22 19:37:05 +03:00
lang = navigator.language;
} else {
2018-09-10 11:50:34 +03:00
lang = langs.find(x => x.split('-')[0] == navigator.language);
2018-05-20 20:13:39 +03:00
2018-08-22 19:37:05 +03:00
if (lang == null) {
// Fallback
lang = 'en-US';
}
}
2018-05-20 20:13:39 +03:00
2018-08-25 13:39:06 +03:00
if (settings && settings.device.lang &&
2019-02-05 10:30:17 +02:00
langs.includes(settings.device.lang))
{
2018-08-25 11:06:40 +03:00
lang = settings.device.lang;
2018-08-25 13:39:06 +03:00
}
localStorage.setItem('lang', lang);
2018-05-20 20:13:39 +03:00
//#endregion
2017-06-06 20:02:56 +03:00
2019-01-31 17:09:28 +02:00
//#region Fetch locale data
const cachedLocale = localStorage.getItem('locale');
const localeKey = localStorage.getItem('localeKey');
2019-01-31 17:09:28 +02:00
if (cachedLocale == null || localeKey != `${ver}.${lang}`) {
2018-11-14 22:20:25 +02:00
const locale = await fetch(`/assets/locales/${lang}.json?ver=${ver}`)
.then(response => response.json());
2019-01-31 17:09:28 +02:00
localStorage.setItem('locale', JSON.stringify(locale));
localStorage.setItem('localeKey', `${ver}.${lang}`);
}
2019-01-31 17:09:28 +02:00
//#endregion
2017-06-06 20:02:56 +03:00
// Detect the user agent
const ua = navigator.userAgent.toLowerCase();
2019-07-07 22:32:57 +03:00
let isMobile = /mobile|iphone|ipad|android/.test(ua) || window.innerWidth < 576;
if (settings && settings.device.appTypeForce) {
if (settings.device.appTypeForce === 'mobile') {
2019-07-07 22:32:57 +03:00
isMobile = true;
} else if (settings.device.appTypeForce === 'desktop') {
2019-07-07 22:32:57 +03:00
isMobile = false;
}
}
2016-12-31 13:26:22 +02:00
2017-06-06 20:02:56 +03: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 20:00:51 +03:00
meta.setAttribute('content',
'width=device-width,' +
'initial-scale=1,' +
'minimum-scale=1,' +
'maximum-scale=1,' +
'user-scalable=no');
2017-06-06 20:02:56 +03:00
head.appendChild(meta);
}
// Switch desktop or mobile version
2019-05-02 18:05:12 +03:00
if (app == null) {
app = isMobile ? 'mobile' : 'desktop';
2017-06-06 20:02:56 +03: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');
2019-05-02 18:05:12 +03:00
script.setAttribute('src', `/assets/${app}.${ver}.js`);
2017-06-06 20:02:56 +03:00
script.setAttribute('async', 'true');
script.setAttribute('defer', 'true');
head.appendChild(script);
2017-11-28 08:05:55 +02:00
2018-04-13 23:23:13 +03:00
// 3秒経ってもスクリプトがロードされない場合はバージョンが古くて
2017-11-28 08:05:55 +02:00
// 404になっているせいかもしれないので、バージョンを確認して古ければ更新する
//
// 読み込まれたスクリプトからこのタイマーを解除できるように、
// グローバルにタイマーIDを代入しておく
window.mkBootTimer = window.setTimeout(async () => {
// Fetch meta
2018-08-21 19:50:13 +03:00
const res = await fetch('/api/meta', {
2017-11-28 08:05:55 +02:00
method: 'POST',
cache: 'no-cache'
});
// Parse
const meta = await res.json();
// Compare versions
2019-02-17 21:52:40 +02:00
if (meta.version != ver) {
localStorage.setItem('v', meta.version);
2018-04-13 00:06:18 +03:00
2017-11-28 08:05:55 +02:00
alert(
'Misskeyの新しいバージョンがあります。ページを再度読み込みします。' +
'\n\n' +
'New version of Misskey available. The page will be reloaded.');
2018-04-16 09:59:43 +03:00
refresh();
}
}, 3000);
function refresh() {
localStorage.setItem('shouldFlush', 'false');
2017-12-08 07:59:43 +02:00
localStorage.removeItem('locale');
2018-09-06 18:44:57 +03:00
// Clear cache (service worker)
2018-04-16 09:59:43 +03:00
try {
navigator.serviceWorker.controller.postMessage('clear');
2017-11-28 08:41:41 +02:00
2018-04-16 09:59:43 +03:00
navigator.serviceWorker.getRegistrations().then(registrations => {
for (const registration of registrations) registration.unregister();
2018-04-16 09:59:43 +03:00
});
} catch (e) {
console.error(e);
2017-11-28 08:05:55 +02:00
}
2018-04-16 09:59:43 +03:00
// Force reload
location.reload(true);
2018-04-16 09:59:43 +03:00
}
2018-04-21 10:21:12 +03:00
})();