/** * MISSKEY BOOT LOADER * (ENTRY POINT) */ /** * ドメインに基づいて適切なスクリプトを読み込みます。 * ユーザーの言語およびモバイル端末か否かも考慮します。 * webpackは介さないためrequireやimportは使えません。 */ 'use strict'; (function() { // キャッシュ削除要求があれば従う if (localStorage.getItem('shouldFlush') == 'true') { refresh(); return; } //#region Load settings let settings = null; const vuex = localStorage.getItem('vuex'); if (vuex) { settings = JSON.parse(vuex); } //#endregion // Get the current url information const url = new URL(location.href); //#region Detect app name let app = null; if (url.pathname == '/docs' || url.pathname.startsWith('/docs/')) app = 'docs'; if (url.pathname == '/dev' || url.pathname.startsWith('/dev/')) app = 'dev'; if (url.pathname == '/auth' || url.pathname.startsWith('/auth/')) app = 'auth'; //#endregion //#region Detect the user language let lang = navigator.language.split('-')[0]; // The default language is English if (!LANGS.includes(lang)) lang = 'en'; if (settings) { if (settings.device.lang) lang = settings.device.lang; } //#endregion // Detect the user agent const ua = navigator.userAgent.toLowerCase(); const isMobile = /mobile|iphone|ipad|android/.test(ua); // Get the 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'); meta.setAttribute('content', 'width=device-width,' + 'initial-scale=1,' + 'minimum-scale=1,' + 'maximum-scale=1,' + 'user-scalable=no'); head.appendChild(meta); } // Switch desktop or mobile version if (app == null) { app = isMobile ? 'mobile' : 'desktop'; } // Dark/Light if (settings) { if (settings.device.darkmode) { document.documentElement.setAttribute('data-darkmode', 'true'); } } // Script version const ver = localStorage.getItem('v') || VERSION; // Get salt query const salt = localStorage.getItem('salt') ? '?salt=' + localStorage.getItem('salt') : ''; // 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}.${ver}.${lang}.js${salt}`); script.setAttribute('async', 'true'); script.setAttribute('defer', 'true'); head.appendChild(script); // 3秒経ってもスクリプトがロードされない場合はバージョンが古くて // 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 if (meta.clientVersion != ver) { localStorage.setItem('v', meta.clientVersion); alert( 'Misskeyの新しいバージョンがあります。ページを再度読み込みします。' + '\n\n' + 'New version of Misskey available. The page will be reloaded.'); refresh(); } }, 3000); function refresh() { localStorage.setItem('shouldFlush', 'false'); // Random localStorage.setItem('salt', Math.random().toString()); // Clear cache (serive worker) try { navigator.serviceWorker.controller.postMessage('clear'); navigator.serviceWorker.getRegistrations().then(registrations => { registrations.forEach(registration => registration.unregister()); }); } catch (e) { console.error(e); } // Force reload location.reload(true); } })();