akkoma-fe/src/modules/config.js

187 lines
6.1 KiB
JavaScript
Raw Normal View History

import Cookies from 'js-cookie'
import { setPreset, applyTheme } from '../services/style_setter/style_setter.js'
import messages from '../i18n/messages'
import localeService from '../services/locale/locale.service.js'
const BACKEND_LANGUAGE_COOKIE_NAME = 'userLanguage'
const browserLocale = (window.navigator.language || 'en').split('-')[0]
/* TODO this is a bit messy.
* We need to declare settings with their types and also deal with
* instance-default settings in some way, hopefully try to avoid copy-pasta
* in general.
*/
export const multiChoiceProperties = [
'postContentType',
'subjectLineBehavior',
2021-08-07 00:18:27 +00:00
'conversationDisplay', // tree | linear
'conversationOtherRepliesButton', // below | inside
'mentionLinkDisplay' // short | full_for_remote | full
]
export const defaultState = {
expertLevel: 0, // used to track which settings to show and hide
2017-02-22 23:04:47 +00:00
colors: {},
theme: undefined,
customTheme: undefined,
customThemeSource: undefined,
hideISP: false,
2020-12-16 16:25:07 +00:00
hideInstanceWallpaper: false,
// bad name: actually hides posts of muted USERS
hideMutedPosts: undefined, // instance default
hideMutedThreads: undefined, // instance default
hideThreadsWithBlockedUsers: undefined, // instance default
hideWordFilteredPosts: undefined, // instance default
2022-02-28 20:07:20 +00:00
muteBotStatuses: undefined, // instance default
2018-09-25 11:47:02 +00:00
collapseMessageWithSubject: undefined, // instance default
padEmoji: true,
2017-02-22 23:38:05 +00:00
hideAttachments: false,
hideAttachmentsInConv: false,
maxThumbnails: 16,
hideNsfw: true,
preloadImage: true,
loopVideo: true,
loopVideoSilentOnly: true,
streaming: false,
emojiReactionsOnTimeline: true,
2021-06-14 20:41:34 +00:00
alwaysShowNewPostButton: false,
2019-04-25 16:32:21 +00:00
autohideFloatingPostButton: false,
pauseOnUnfocused: true,
2022-02-22 21:32:12 +00:00
stopGifs: true,
replyVisibility: 'all',
thirdColumnMode: 'notifications',
notificationVisibility: {
follows: true,
mentions: true,
likes: true,
2019-12-10 15:00:10 +00:00
repeats: true,
moves: true,
2021-03-01 14:21:35 +00:00
emojiReactions: true,
2020-05-07 13:10:53 +00:00
followRequest: true,
polls: true
},
webPushNotifications: false,
webPushHideIfCW: true,
muteWords: [],
highlight: {},
2018-09-25 11:47:02 +00:00
interfaceLanguage: browserLocale,
hideScopeNotice: false,
2021-12-05 14:50:30 +00:00
useStreamingApi: true,
sidebarRight: undefined, // instance default
2018-09-25 11:47:02 +00:00
scopeCopy: undefined, // instance default
subjectLineBehavior: undefined, // instance default
2019-02-05 11:57:11 +00:00
alwaysShowSubjectInput: undefined, // instance default
postContentType: undefined, // instance default
minimalScopesMode: undefined, // instance default
// This hides statuses filtered via a word filter
hideFilteredStatuses: undefined, // instance default
playVideosInModal: false,
useOneClickNsfw: false,
2022-02-22 21:32:12 +00:00
useContainFit: true,
disableStickyHeaders: false,
showScrollbars: false,
2019-11-13 22:47:20 +00:00
greentext: undefined, // instance default
useAtIcon: undefined, // instance default
mentionLinkDisplay: undefined, // instance default
mentionLinkShowTooltip: undefined, // instance default
mentionLinkShowAvatar: undefined, // instance default
mentionLinkFadeDomain: undefined, // instance default
mentionLinkShowYous: undefined, // instance default
mentionLinkBoldenYou: undefined, // instance default
hidePostStats: undefined, // instance default
hideBotIndication: undefined, // instance default
2020-09-29 10:18:37 +00:00
hideUserStats: undefined, // instance default
2021-02-23 08:00:23 +00:00
virtualScrolling: undefined, // instance default
2021-05-12 15:16:13 +00:00
sensitiveByDefault: undefined, // instance default
sensitiveIfSubject: undefined,
2022-06-14 14:57:02 +00:00
renderMisskeyMarkdown: undefined,
renderMfmOnHover: undefined, // instance default
2021-08-08 00:14:14 +00:00
conversationDisplay: undefined, // instance default
conversationTreeAdvanced: undefined, // instance default
conversationOtherRepliesButton: undefined, // instance default
2022-03-06 19:13:35 +00:00
conversationTreeFadeAncestors: undefined, // instance default
2022-03-08 00:30:24 +00:00
maxDepthInThread: undefined // instance default
}
// caching the instance default properties
export const instanceDefaultProperties = Object.entries(defaultState)
.filter(([key, value]) => value === undefined)
.map(([key, value]) => key)
const config = {
state: { ...defaultState },
getters: {
defaultConfig (state, getters, rootState, rootGetters) {
const { instance } = rootState
return {
...defaultState,
...Object.fromEntries(
instanceDefaultProperties.map(key => [key, instance[key]])
)
}
},
mergedConfig (state, getters, rootState, rootGetters) {
const { defaultConfig } = rootGetters
return {
...defaultConfig,
// Do not override with undefined
...Object.fromEntries(Object.entries(state).filter(([k, v]) => v !== undefined))
}
}
},
mutations: {
setOption (state, { name, value }) {
2021-04-25 10:24:08 +00:00
state[name] = value
},
setHighlight (state, { user, color, type }) {
const data = this.state.config.highlight[user]
if (color || type) {
2021-04-25 10:24:08 +00:00
state.highlight[user] = { color: color || data.color, type: type || data.type }
} else {
2021-04-25 10:24:08 +00:00
delete state.highlight[user]
}
}
},
actions: {
2021-03-08 17:53:30 +00:00
loadSettings ({ dispatch }, data) {
2021-03-08 19:56:20 +00:00
const knownKeys = new Set(Object.keys(defaultState))
const presentKeys = new Set(Object.keys(data))
const intersection = new Set()
for (let elem of presentKeys) {
if (knownKeys.has(elem)) {
intersection.add(elem)
}
}
2021-03-08 19:56:20 +00:00
intersection.forEach(
2021-03-08 17:53:30 +00:00
name => dispatch('setOption', { name, value: data[name] })
)
},
setHighlight ({ commit, dispatch }, { user, color, type }) {
2019-07-05 07:02:14 +00:00
commit('setHighlight', { user, color, type })
},
setOption ({ commit, dispatch }, { name, value }) {
2019-07-05 07:02:14 +00:00
commit('setOption', { name, value })
switch (name) {
case 'theme':
setPreset(value)
break
case 'customTheme':
case 'customThemeSource':
applyTheme(value)
break
case 'interfaceLanguage':
messages.setLanguage(this.getters.i18n, value)
Cookies.set(BACKEND_LANGUAGE_COOKIE_NAME, localeService.internalToBackendLocale(value))
break
case 'thirdColumnMode':
dispatch('setLayoutWidth', undefined)
break
}
}
}
}
export default config