a97db1efd6
* origin/develop: (83 commits) Make media modal buttons larger Add English translation for hide tooltip Add hide button to media modal Lint Prevent hiding media viewer if swiped over SwipeClick Fix webkit image blurs Fix video in media modal not displaying properly Add changelog for https://git.pleroma.social/pleroma/pleroma-fe/-/merge_requests/1403 Remove image box-shadow in media modal Clean up debug code for image pinch zoom Bump @kazvmoe-infra/pinch-zoom-element to 1.2.0 on npm Bump pinch-zoom-element version Clean up Check whether we swiped only for mouse pointer Scale swipe threshold with viewport width Update pinch-zoom-element Allow pinch-zoom to fill the whole screen Use native click for hiding overlay Reset position on swipe end even if we cannot navigate Make lint happy ...
120 lines
3.4 KiB
JavaScript
120 lines
3.4 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 serverSideConfigModule from './modules/serverSideConfig.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.config.ignoredElements = ['pinch-zoom']
|
|
|
|
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,
|
|
serverSideConfig: serverSideConfigModule,
|
|
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
|