migrate adminSettings to pinia
This commit is contained in:
Henry Jameson
parent
5ecfbee434
commit
50b356fc1d
15 changed files with 178 additions and 164 deletions
412
src/stores/admin_settings.js
Normal file
412
src/stores/admin_settings.js
Normal file
|
|
@ -0,0 +1,412 @@
|
|||
import { cloneDeep, differenceWith, flatten, get, isEqual, set } from 'lodash'
|
||||
import { defineStore } from 'pinia'
|
||||
|
||||
export const defaultState = {
|
||||
frontends: [],
|
||||
loaded: false,
|
||||
needsReboot: null,
|
||||
config: null,
|
||||
modifiedPaths: null,
|
||||
descriptions: null,
|
||||
draft: null,
|
||||
dbConfigEnabled: null,
|
||||
}
|
||||
|
||||
export const newUserFlags = {
|
||||
...defaultState.flagStorage,
|
||||
}
|
||||
|
||||
export const useAdminSettingsStore = defineStore('adminSettings', {
|
||||
state: () => ({
|
||||
...cloneDeep(defaultState),
|
||||
}),
|
||||
actions: {
|
||||
setInstanceAdminNoDbConfig() {
|
||||
this.loaded = false
|
||||
this.dbConfigEnabled = false
|
||||
},
|
||||
setAvailableFrontends({ frontends }) {
|
||||
this.frontends = frontends.map((f) => {
|
||||
f.installedRefs = f.installed_refs
|
||||
if (f.name === 'pleroma-fe') {
|
||||
f.refs = ['master', 'develop']
|
||||
} else {
|
||||
f.refs = [f.ref]
|
||||
}
|
||||
return f
|
||||
})
|
||||
},
|
||||
updateAdminSettings({ config, modifiedPaths }) {
|
||||
this.loaded = true
|
||||
this.dbConfigEnabled = true
|
||||
this.config = config
|
||||
this.modifiedPaths = modifiedPaths
|
||||
},
|
||||
updateAdminDescriptions({ descriptions }) {
|
||||
this.descriptions = descriptions
|
||||
},
|
||||
updateAdminDraft({ path, value }) {
|
||||
const [group, key, subkey] = path
|
||||
const parent = [group, key, subkey]
|
||||
|
||||
set(this.draft, path, value)
|
||||
|
||||
// force-updating grouped draft to trigger refresh of group settings
|
||||
if (path.length > parent.length) {
|
||||
set(this.draft, parent, cloneDeep(get(this.draft, parent)))
|
||||
}
|
||||
},
|
||||
resetAdminDraft() {
|
||||
this.draft = cloneDeep(this.config)
|
||||
},
|
||||
async fetchAdminUsers(opts) {
|
||||
const data = await window.vuex.state.api.backendInteractor.adminListUsers(
|
||||
{
|
||||
opts,
|
||||
},
|
||||
)
|
||||
|
||||
data.users.forEach((user) =>
|
||||
window.vuex.dispatch('fetchUserIfMissing', user.id),
|
||||
)
|
||||
|
||||
return data
|
||||
},
|
||||
adminAddUserToAdminGroup(user) {
|
||||
window.vuex.state.api.backendInteractor
|
||||
.adminAddUserToAdminGroup({ user })
|
||||
.then((res) =>
|
||||
window.vuex.commit('updateRight', {
|
||||
user,
|
||||
right: 'admin',
|
||||
value: res.is_admin,
|
||||
}),
|
||||
)
|
||||
},
|
||||
adminRemoveUserFromAdminGroup(user) {
|
||||
// prevent revokation of own rights
|
||||
if (user.id !== window.vuex.state.users.currentUser.id) {
|
||||
return window.vuex.state.api.backendInteractor
|
||||
.adminRemoveUserFromAdminGroup({ user })
|
||||
.then((res) =>
|
||||
window.vuex.commit('updateRight', {
|
||||
user,
|
||||
right: 'admin',
|
||||
value: res.is_admin,
|
||||
}),
|
||||
)
|
||||
}
|
||||
},
|
||||
adminAddUserToModeratorGroup(user) {
|
||||
return window.vuex.state.api.backendInteractor
|
||||
.adminAddUserToModeratorGroup({ user })
|
||||
.then((res) =>
|
||||
window.vuex.commit('updateRight', {
|
||||
user,
|
||||
right: 'moderator',
|
||||
value: res.is_moderator,
|
||||
}),
|
||||
)
|
||||
},
|
||||
adminRemoveUserFromModeratorGroup(user) {
|
||||
// prevent revokation of own rights
|
||||
if (user.id !== window.vuex.state.users.currentUser.id) {
|
||||
return window.vuex.state.api.backendInteractor
|
||||
.adminRemoveUserFromModeratorGroup({ user })
|
||||
.then((res) =>
|
||||
window.vuex.commit('updateRight', {
|
||||
user,
|
||||
right: 'moderator',
|
||||
value: res.is_moderator,
|
||||
}),
|
||||
)
|
||||
}
|
||||
},
|
||||
adminActivateUser(user) {
|
||||
return window.vuex.state.api.backendInteractor
|
||||
.activateUser({ user })
|
||||
.then((res) => {
|
||||
const deactivated = !res.is_active
|
||||
window.vuex.commit('updateActivationStatus', { user, deactivated })
|
||||
})
|
||||
},
|
||||
adminDeactivateUser(user) {
|
||||
return window.vuex.state.api.backendInteractor
|
||||
.deactivateUser({ user })
|
||||
.then((res) => {
|
||||
const deactivated = !res.is_active
|
||||
window.vuex.commit('updateActivationStatus', { user, deactivated })
|
||||
})
|
||||
},
|
||||
adminDeleteUser(user) {
|
||||
return window.vuex.state.api.backendInteractor.deleteUser({ user })
|
||||
},
|
||||
adminConfirmUser(user) {
|
||||
return window.vuex.state.api.backendInteractor
|
||||
.adminConfirmUser({ user })
|
||||
.then(() => window.vuex.dispatch('fetchUser', user.id))
|
||||
},
|
||||
adminResendConfirmationEmail(user) {
|
||||
return window.vuex.state.api.backendInteractor.adminResendConfirmationEmail(
|
||||
{ user },
|
||||
)
|
||||
},
|
||||
adminApproveUser(user) {
|
||||
return window.vuex.state.api.backendInteractor.adminApproveUser({ user })
|
||||
},
|
||||
adminListStatuses({ userId, opts }) {
|
||||
return window.vuex.state.api.backendInteractor.adminListStatuses({
|
||||
userId,
|
||||
opts,
|
||||
})
|
||||
},
|
||||
adminChangeStatusScope({ opts }) {
|
||||
return window.vuex.state.api.backendInteractor.adminChangeStatusScope({
|
||||
opts,
|
||||
})
|
||||
},
|
||||
adminDisableMFA(user) {
|
||||
return window.vuex.state.api.backendInteractor.adminDisableMFA({ user })
|
||||
},
|
||||
adminTagUser({ user, tag }) {
|
||||
return window.vuex.state.api.backendInteractor.tagUser({ user, tag })
|
||||
},
|
||||
adminUntagUser({ user, tag }) {
|
||||
return window.vuex.state.api.backendInteractor.untagUser({ user, tag })
|
||||
},
|
||||
loadFrontendsStuff() {
|
||||
window.vuex.state.api.backendInteractor
|
||||
.fetchAvailableFrontends()
|
||||
.then((frontends) => this.setAvailableFrontends({ frontends }))
|
||||
},
|
||||
loadAdminStuff() {
|
||||
window.vuex.state.api.backendInteractor
|
||||
.fetchInstanceDBConfig()
|
||||
.then((backendDbConfig) => {
|
||||
if (backendDbConfig.error) {
|
||||
if (backendDbConfig.error.status === 400) {
|
||||
backendDbConfig.error.json().then((errorJson) => {
|
||||
if (/configurable_from_database/.test(errorJson.error)) {
|
||||
this.setInstanceAdminNoDbConfig()
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
this.setInstanceAdminSettings({ backendDbConfig })
|
||||
}
|
||||
})
|
||||
if (this.descriptions === null) {
|
||||
window.vuex.state.api.backendInteractor
|
||||
.fetchInstanceConfigDescriptions()
|
||||
.then((backendDescriptions) =>
|
||||
this.setInstanceAdminDescriptions({ backendDescriptions }),
|
||||
)
|
||||
}
|
||||
},
|
||||
setInstanceAdminSettings({ backendDbConfig }) {
|
||||
const config = this.config || {}
|
||||
const modifiedPaths = new Set()
|
||||
|
||||
backendDbConfig.configs.forEach((c) => {
|
||||
const path = [c.group, c.key]
|
||||
if (c.db) {
|
||||
// Path elements can contain dot, therefore we use ' -> ' as a separator instead
|
||||
// Using strings for modified paths for easier searching
|
||||
c.db.forEach((x) => modifiedPaths.add([...path, x].join(' -> ')))
|
||||
}
|
||||
|
||||
// we need to preserve tuples on second level only, possibly third
|
||||
// but it's not a case right now.
|
||||
const convert = (value, preserveTuples, preserveTuplesLv2) => {
|
||||
if (Array.isArray(value) && value.length > 0 && value[0].tuple) {
|
||||
if (!preserveTuples) {
|
||||
return value.reduce((acc, c) => {
|
||||
if (c.tuple == null) {
|
||||
return {
|
||||
...acc,
|
||||
[c]: c,
|
||||
}
|
||||
}
|
||||
return {
|
||||
...acc,
|
||||
[c.tuple[0]]: convert(c.tuple[1], preserveTuplesLv2),
|
||||
}
|
||||
}, {})
|
||||
} else {
|
||||
return value.map((x) => x.tuple)
|
||||
}
|
||||
} else {
|
||||
if (!preserveTuples) {
|
||||
return value
|
||||
} else {
|
||||
return value.tuple
|
||||
}
|
||||
}
|
||||
}
|
||||
// for most stuff we want maps since those are more convenient
|
||||
// however this doesn't allow for multiple values per same key
|
||||
// so for those cases we want to preserve tuples as-is
|
||||
// right now it's made exclusively for :pleroma.:rate_limit
|
||||
// so it might not work properly elsewhere
|
||||
const preserveTuples = path.find((x) => x === ':rate_limit')
|
||||
set(config, path, convert(c.value, false, preserveTuples))
|
||||
})
|
||||
// patching http adapter config to be easier to handle
|
||||
const adapter = config[':pleroma'][':http'][':adapter']
|
||||
if (Array.isArray(adapter)) {
|
||||
config[':pleroma'][':http'][':adapter'] = {
|
||||
[':ssl_options']: {
|
||||
[':versions']: [],
|
||||
},
|
||||
}
|
||||
}
|
||||
this.updateAdminSettings({ config, modifiedPaths })
|
||||
this.resetAdminDraft()
|
||||
},
|
||||
setInstanceAdminDescriptions({ backendDescriptions }) {
|
||||
const convert = (
|
||||
{ children, description, label, key = '<ROOT>', group, suggestions },
|
||||
path,
|
||||
acc,
|
||||
) => {
|
||||
const newPath = group ? [group, key] : [key]
|
||||
const obj = { description, label, suggestions }
|
||||
if (Array.isArray(children)) {
|
||||
children.forEach((c) => {
|
||||
convert(c, newPath, obj)
|
||||
})
|
||||
}
|
||||
set(acc, newPath, obj)
|
||||
}
|
||||
|
||||
const descriptions = {}
|
||||
|
||||
backendDescriptions.forEach((d) => convert(d, '', descriptions))
|
||||
this.updateAdminDescriptions({ descriptions })
|
||||
},
|
||||
|
||||
// This action takes draft state, diffs it with live config state and then pushes
|
||||
// only differences between the two. Difference detection only work up to subkey (third) level.
|
||||
pushAdminDraft() {
|
||||
// TODO cleanup paths in modifiedPaths
|
||||
const convert = (value) => {
|
||||
if (typeof value !== 'object') {
|
||||
return value
|
||||
} else if (Array.isArray(value)) {
|
||||
return value.map(convert)
|
||||
} else {
|
||||
return Object.entries(value).map(([k, v]) => ({ tuple: [k, v] }))
|
||||
}
|
||||
}
|
||||
|
||||
// Getting all group-keys used in config
|
||||
const allGroupKeys = flatten(
|
||||
Object.entries(this.config).map(([group, lv1data]) =>
|
||||
Object.keys(lv1data).map((key) => ({ group, key })),
|
||||
),
|
||||
)
|
||||
|
||||
// Only using group-keys where there are changes detected
|
||||
const changedGroupKeys = allGroupKeys.filter(({ group, key }) => {
|
||||
return !isEqual(this.config[group][key], this.draft[group][key])
|
||||
})
|
||||
|
||||
// Here we take all changed group-keys and get all changed subkeys
|
||||
const changed = changedGroupKeys.map(({ group, key }) => {
|
||||
const config = this.config[group][key]
|
||||
const draft = this.draft[group][key]
|
||||
|
||||
// We convert group-key value into entries arrays
|
||||
const eConfig = Object.entries(config)
|
||||
const eDraft = Object.entries(draft)
|
||||
|
||||
// Then those entries array we diff so only changed subkey entries remain
|
||||
// We use the diffed array to reconstruct the object and then shove it into convert()
|
||||
return {
|
||||
group,
|
||||
key,
|
||||
value: convert(
|
||||
Object.fromEntries(differenceWith(eDraft, eConfig, isEqual)),
|
||||
),
|
||||
}
|
||||
})
|
||||
|
||||
window.vuex.state.api.backendInteractor
|
||||
.pushInstanceDBConfig({
|
||||
payload: {
|
||||
configs: changed,
|
||||
},
|
||||
})
|
||||
.then(() =>
|
||||
window.vuex.state.api.backendInteractor.fetchInstanceDBConfig(),
|
||||
)
|
||||
.then((backendDbConfig) =>
|
||||
this.setInstanceAdminSettings({ backendDbConfig }),
|
||||
)
|
||||
},
|
||||
pushAdminSetting({ path, value }) {
|
||||
const [group, key, ...rest] = Array.isArray(path)
|
||||
? path
|
||||
: path.split(/\./g)
|
||||
const clone = {} // not actually cloning the entire thing to avoid excessive writes
|
||||
set(clone, rest, value)
|
||||
|
||||
// TODO cleanup paths in modifiedPaths
|
||||
const convert = (value) => {
|
||||
if (typeof value !== 'object') {
|
||||
return value
|
||||
} else if (Array.isArray(value)) {
|
||||
return value.map(convert)
|
||||
} else {
|
||||
return Object.entries(value).map(([k, v]) => ({ tuple: [k, v] }))
|
||||
}
|
||||
}
|
||||
|
||||
window.vuex.state.api.backendInteractor
|
||||
.pushInstanceDBConfig({
|
||||
payload: {
|
||||
configs: [
|
||||
{
|
||||
group,
|
||||
key,
|
||||
value: convert(clone),
|
||||
},
|
||||
],
|
||||
},
|
||||
})
|
||||
.then(() =>
|
||||
window.vuex.state.api.backendInteractor.fetchInstanceDBConfig(),
|
||||
)
|
||||
.then((backendDbConfig) =>
|
||||
this.setInstanceAdminSettings({ backendDbConfig }),
|
||||
)
|
||||
},
|
||||
resetAdminSetting({ path }) {
|
||||
const [group, key, subkey] = Array.isArray(path)
|
||||
? path
|
||||
: path.split(/\./g)
|
||||
|
||||
this.modifiedPaths.delete(path)
|
||||
|
||||
return window.vuex.state.api.backendInteractor
|
||||
.pushInstanceDBConfig({
|
||||
payload: {
|
||||
configs: [
|
||||
{
|
||||
group,
|
||||
key,
|
||||
delete: true,
|
||||
subkeys: [subkey],
|
||||
},
|
||||
],
|
||||
},
|
||||
})
|
||||
.then(() =>
|
||||
window.vuex.state.api.backendInteractor.fetchInstanceDBConfig(),
|
||||
)
|
||||
.then((backendDbConfig) =>
|
||||
this.setInstanceAdminSettings({ backendDbConfig }),
|
||||
)
|
||||
},
|
||||
},
|
||||
})
|
||||
Loading…
Add table
Add a link
Reference in a new issue