116 lines
3.3 KiB
JavaScript
116 lines
3.3 KiB
JavaScript
import Vue from 'vue'
|
|
import VueRouter from 'vue-router'
|
|
import Vuex from 'vuex'
|
|
|
|
import 'custom-event-polyfill'
|
|
import './lib/event_target_polyfill.js'
|
|
|
|
import interfaceModule from './modules/interface.js'
|
|
import instanceModule from './modules/instance.js'
|
|
import statusesModule from './modules/statuses.js'
|
|
import usersModule from './modules/users.js'
|
|
import apiModule from './modules/api.js'
|
|
import configModule from './modules/config.js'
|
|
import shoutModule from './modules/shout.js'
|
|
import oauthModule from './modules/oauth.js'
|
|
import authFlowModule from './modules/auth_flow.js'
|
|
import mediaViewerModule from './modules/media_viewer.js'
|
|
import oauthTokensModule from './modules/oauth_tokens.js'
|
|
import reportsModule from './modules/reports.js'
|
|
import pollsModule from './modules/polls.js'
|
|
import postStatusModule from './modules/postStatus.js'
|
|
import chatsModule from './modules/chats.js'
|
|
|
|
import VueI18n from 'vue-i18n'
|
|
|
|
import createPersistedState from './lib/persisted_state.js'
|
|
import pushNotifications from './lib/push_notifications_plugin.js'
|
|
|
|
import messages from './i18n/messages.js'
|
|
|
|
import VueClickOutside from 'v-click-outside'
|
|
import PortalVue from 'portal-vue'
|
|
import VBodyScrollLock from './directives/body_scroll_lock'
|
|
|
|
import { FontAwesomeIcon, FontAwesomeLayers } from '@fortawesome/vue-fontawesome'
|
|
|
|
import afterStoreSetup from './boot/after_store.js'
|
|
|
|
const currentLocale = (window.navigator.language || 'en').split('-')[0]
|
|
|
|
Vue.use(Vuex)
|
|
Vue.use(VueRouter)
|
|
Vue.use(VueI18n)
|
|
Vue.use(VueClickOutside)
|
|
Vue.use(PortalVue)
|
|
Vue.use(VBodyScrollLock)
|
|
|
|
Vue.component('FAIcon', FontAwesomeIcon)
|
|
Vue.component('FALayers', FontAwesomeLayers)
|
|
|
|
const i18n = new VueI18n({
|
|
// By default, use the browser locale, we will update it if neccessary
|
|
locale: 'en',
|
|
fallbackLocale: 'en',
|
|
messages: messages.default
|
|
})
|
|
|
|
messages.setLanguage(i18n, currentLocale)
|
|
|
|
const persistedStateOptions = {
|
|
paths: [
|
|
'config',
|
|
'users.lastLoginName',
|
|
'oauth'
|
|
]
|
|
};
|
|
|
|
(async () => {
|
|
let storageError = false
|
|
const plugins = [pushNotifications]
|
|
try {
|
|
const persistedState = await createPersistedState(persistedStateOptions)
|
|
plugins.push(persistedState)
|
|
} catch (e) {
|
|
console.error(e)
|
|
storageError = true
|
|
}
|
|
const store = new Vuex.Store({
|
|
modules: {
|
|
i18n: {
|
|
getters: {
|
|
i18n: () => i18n
|
|
}
|
|
},
|
|
interface: interfaceModule,
|
|
instance: instanceModule,
|
|
statuses: statusesModule,
|
|
users: usersModule,
|
|
api: apiModule,
|
|
config: configModule,
|
|
shout: shoutModule,
|
|
oauth: oauthModule,
|
|
authFlow: authFlowModule,
|
|
mediaViewer: mediaViewerModule,
|
|
oauthTokens: oauthTokensModule,
|
|
reports: reportsModule,
|
|
polls: pollsModule,
|
|
postStatus: postStatusModule,
|
|
chats: chatsModule
|
|
},
|
|
plugins,
|
|
strict: false // Socket modifies itself, let's ignore this for now.
|
|
// strict: process.env.NODE_ENV !== 'production'
|
|
})
|
|
if (storageError) {
|
|
store.dispatch('pushGlobalNotice', { messageKey: 'errors.storage_unavailable', level: 'error' })
|
|
}
|
|
afterStoreSetup({ store, i18n })
|
|
})()
|
|
|
|
// These are inlined by webpack's DefinePlugin
|
|
/* eslint-disable */
|
|
window.___pleromafe_mode = process.env
|
|
window.___pleromafe_commit_hash = COMMIT_HASH
|
|
window.___pleromafe_dev_overrides = DEV_OVERRIDES
|