2018-06-19 22:17:50 +09:00
|
|
|
import { set, delete as del } from 'vue'
|
2018-12-11 08:46:17 +09:00
|
|
|
import { setPreset, applyTheme } from '../services/style_setter/style_setter.js'
|
2017-02-15 06:21:23 +09:00
|
|
|
|
2018-08-25 19:12:33 +09:00
|
|
|
const browserLocale = (window.navigator.language || 'en').split('-')[0]
|
|
|
|
|
2019-09-30 05:47:26 +09:00
|
|
|
export const defaultState = {
|
2017-02-23 08:04:47 +09:00
|
|
|
colors: {},
|
2019-11-11 04:42:01 +09:00
|
|
|
hideISP: false,
|
2019-09-30 05:47:26 +09:00
|
|
|
// bad name: actually hides posts of muted USERS
|
2019-03-02 22:07:14 +09:00
|
|
|
hideMutedPosts: undefined, // instance default
|
2018-09-25 20:47:02 +09:00
|
|
|
collapseMessageWithSubject: undefined, // instance default
|
2019-09-24 02:29:01 +09:00
|
|
|
padEmoji: true,
|
2017-02-23 08:38:05 +09:00
|
|
|
hideAttachments: false,
|
2017-03-05 05:25:59 +09:00
|
|
|
hideAttachmentsInConv: false,
|
2019-02-27 23:38:58 +09:00
|
|
|
maxThumbnails: 16,
|
2017-04-09 22:53:23 +09:00
|
|
|
hideNsfw: true,
|
2018-12-12 07:12:29 +09:00
|
|
|
preloadImage: true,
|
2018-08-15 18:51:21 +09:00
|
|
|
loopVideo: true,
|
|
|
|
loopVideoSilentOnly: true,
|
2017-06-04 00:51:55 +09:00
|
|
|
autoLoad: true,
|
2017-11-13 08:06:48 +09:00
|
|
|
streaming: false,
|
2017-06-07 23:58:24 +09:00
|
|
|
hoverPreview: true,
|
2019-04-26 01:32:21 +09:00
|
|
|
autohideFloatingPostButton: false,
|
2018-08-15 18:51:21 +09:00
|
|
|
pauseOnUnfocused: true,
|
2018-08-18 19:56:45 +09:00
|
|
|
stopGifs: false,
|
2018-08-25 04:04:26 +09:00
|
|
|
replyVisibility: 'all',
|
2018-08-29 03:21:29 +09:00
|
|
|
notificationVisibility: {
|
|
|
|
follows: true,
|
|
|
|
mentions: true,
|
|
|
|
likes: true,
|
|
|
|
repeats: true
|
|
|
|
},
|
2018-12-20 15:15:30 +09:00
|
|
|
webPushNotifications: false,
|
2018-06-19 22:17:50 +09:00
|
|
|
muteWords: [],
|
2018-08-25 19:12:33 +09:00
|
|
|
highlight: {},
|
2018-09-25 20:47:02 +09:00
|
|
|
interfaceLanguage: browserLocale,
|
2019-05-08 01:13:45 +09:00
|
|
|
hideScopeNotice: false,
|
2018-09-25 20:47:02 +09:00
|
|
|
scopeCopy: undefined, // instance default
|
2018-12-03 12:47:35 +09:00
|
|
|
subjectLineBehavior: undefined, // instance default
|
2019-02-05 20:57:11 +09:00
|
|
|
alwaysShowSubjectInput: undefined, // instance default
|
2019-03-03 22:15:41 +09:00
|
|
|
postContentType: undefined, // instance default
|
2019-09-30 05:47:26 +09:00
|
|
|
minimalScopesMode: undefined, // instance default
|
|
|
|
// This hides statuses filtered via a word filter
|
|
|
|
hideFilteredStatuses: undefined, // instance default
|
|
|
|
playVideosInModal: false,
|
|
|
|
useOneClickNsfw: false,
|
|
|
|
useContainFit: false,
|
2019-11-14 07:47:20 +09:00
|
|
|
greentext: undefined, // instance default
|
2019-09-30 05:47:26 +09:00
|
|
|
hidePostStats: undefined, // instance default
|
|
|
|
hideUserStats: undefined // instance default
|
2017-02-15 06:21:23 +09:00
|
|
|
}
|
|
|
|
|
2019-09-30 04:33:15 +09:00
|
|
|
// caching the instance default properties
|
|
|
|
export const instanceDefaultProperties = Object.entries(defaultState)
|
|
|
|
.filter(([key, value]) => value === undefined)
|
|
|
|
.map(([key, value]) => key)
|
|
|
|
|
2017-02-15 06:21:23 +09:00
|
|
|
const config = {
|
|
|
|
state: defaultState,
|
2019-09-30 04:33:15 +09:00
|
|
|
getters: {
|
|
|
|
mergedConfig (state, getters, rootState, rootGetters) {
|
|
|
|
const { instance } = rootState
|
|
|
|
return {
|
|
|
|
...state,
|
|
|
|
...instanceDefaultProperties
|
|
|
|
.map(key => [key, state[key] === undefined
|
|
|
|
? instance[key]
|
|
|
|
: state[key]
|
|
|
|
])
|
|
|
|
.reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
2017-02-15 06:21:23 +09:00
|
|
|
mutations: {
|
|
|
|
setOption (state, { name, value }) {
|
|
|
|
set(state, name, value)
|
2018-06-19 22:17:50 +09:00
|
|
|
},
|
2018-08-05 11:18:04 +09:00
|
|
|
setHighlight (state, { user, color, type }) {
|
|
|
|
const data = this.state.config.highlight[user]
|
|
|
|
if (color || type) {
|
|
|
|
set(state.highlight, user, { color: color || data.color, type: type || data.type })
|
2018-06-19 22:17:50 +09:00
|
|
|
} else {
|
|
|
|
del(state.highlight, user)
|
|
|
|
}
|
2017-02-15 06:21:23 +09:00
|
|
|
}
|
|
|
|
},
|
|
|
|
actions: {
|
2018-08-05 11:18:04 +09:00
|
|
|
setHighlight ({ commit, dispatch }, { user, color, type }) {
|
2019-07-05 16:02:14 +09:00
|
|
|
commit('setHighlight', { user, color, type })
|
2018-06-19 22:17:50 +09:00
|
|
|
},
|
2017-02-19 04:42:00 +09:00
|
|
|
setOption ({ commit, dispatch }, { name, value }) {
|
2019-07-05 16:02:14 +09:00
|
|
|
commit('setOption', { name, value })
|
2017-02-15 06:21:23 +09:00
|
|
|
switch (name) {
|
|
|
|
case 'theme':
|
2018-11-20 02:22:46 +09:00
|
|
|
setPreset(value, commit)
|
2017-11-14 08:37:49 +09:00
|
|
|
break
|
|
|
|
case 'customTheme':
|
2018-12-11 08:46:17 +09:00
|
|
|
applyTheme(value, commit)
|
2017-02-15 06:21:23 +09:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default config
|