/** * App initializer */ import Vue from 'vue'; import Vuex from 'vuex'; import VueRouter from 'vue-router'; import * as TreeView from 'vue-json-tree-view'; import VAnimateCss from 'v-animate-css'; import VModal from 'vue-js-modal'; import VueHotkey from './common/hotkey'; import App from './app.vue'; import checkForUpdate from './common/scripts/check-for-update'; import MiOS, { API } from './mios'; import { version, codename, lang } from './config'; import applyTheme from './common/scripts/theme'; const defaultTheme = require('../theme/light.json'); if (localStorage.getItem('theme') == null) { applyTheme(defaultTheme); } Vue.use(Vuex); Vue.use(VueRouter); Vue.use(TreeView); Vue.use(VAnimateCss); Vue.use(VModal); Vue.use(VueHotkey); // Register global directives require('./common/views/directives'); // Register global components require('./common/views/components'); require('./common/views/widgets'); // Register global filters require('./common/views/filters'); Vue.mixin({ methods: { destroyDom() { this.$destroy(); if (this.$el.parentNode) { this.$el.parentNode.removeChild(this.$el); } } } }); /** * APP ENTRY POINT! */ console.info(`Misskey v${version} (${codename})`); console.info( '%c%i18n:common.do-not-copy-paste%', 'color: red; background: yellow; font-size: 16px; font-weight: bold;'); // BootTimer解除 window.clearTimeout((window as any).mkBootTimer); delete (window as any).mkBootTimer; //#region Set lang attr const html = document.documentElement; html.setAttribute('lang', lang); //#endregion // iOSでプライベートモードだとlocalStorageが使えないので既存のメソッドを上書きする try { localStorage.setItem('kyoppie', 'yuppie'); } catch (e) { Storage.prototype.setItem = () => { }; // noop } // クライアントを更新すべきならする if (localStorage.getItem('should-refresh') == 'true') { localStorage.removeItem('should-refresh'); location.reload(true); } // MiOSを初期化してコールバックする export default (callback: (launch: (router: VueRouter, api?: (os: MiOS) => API) => [Vue, MiOS]) => void, sw = false) => { const os = new MiOS(sw); os.init(() => { // アプリ基底要素マウント document.body.innerHTML = '
'; const launch = (router: VueRouter, api?: (os: MiOS) => API) => { os.apis = api ? api(os) : null; //#region shadow const shadow = '0 3px 8px rgba(0, 0, 0, 0.2)'; if (os.store.state.settings.useShadow) document.documentElement.style.setProperty('--shadow', shadow); os.store.watch(s => { return s.settings.useShadow; }, v => { document.documentElement.style.setProperty('--shadow', v ? shadow : 'none'); }); //#endregion //#region rounded corners const round = '6px'; if (os.store.state.settings.roundedCorners) document.documentElement.style.setProperty('--round', round); os.store.watch(s => { return s.settings.roundedCorners; }, v => { document.documentElement.style.setProperty('--round', v ? round : '0'); }); //#endregion Vue.mixin({ data() { return { os, api: os.api, apis: os.apis }; } }); const app = new Vue({ store: os.store, router, render: createEl => createEl(App) }); os.app = app; // マウント app.$mount('#app'); return [app, os] as [Vue, MiOS]; }; try { callback(launch); } catch (e) { panic(e); } //#region 更新チェック const preventUpdate = os.store.state.device.preventUpdate; if (!preventUpdate) { setTimeout(() => { checkForUpdate(os); }, 3000); } //#endregion }); }; // BSoD function panic(e) { console.error(e); // Display blue screen document.documentElement.style.background = '#1269e2'; document.body.innerHTML = '
' + '

:( 致命的な問題が発生しました。

' + '

お使いのブラウザ(またはOS)のバージョンを更新すると解決する可能性があります。

' + '
' + `

エラーコード: ${e.toString()}

` + `

ブラウザ バージョン: ${navigator.userAgent}

` + `

クライアント バージョン: ${version}

` + '
' + '

問題が解決しない場合は、上記の情報をお書き添えの上 syuilotan@yahoo.co.jp までご連絡ください。

' + '

Thank you for using Misskey.

' + '
'; // TODO: Report the bug }