File size: 5,077 Bytes
58a9693 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 | const api = window.dshDesktop
async function main() {
const locale = await api.locale()
const messages = locale.messages
const message = (key, values = {}) => messages[key].replaceAll(/\{([^{}]+)\}/gu, (placeholder, name) => values[name] ?? placeholder)
document.documentElement.lang = locale.id
document.querySelector('#page-title').textContent = messages.pluginManagerTitle
document.querySelector('#title').textContent = messages.pluginManagerTitle
document.querySelector('#description').textContent = messages.pluginManagerDescription
document.querySelector('#refresh').textContent = messages.refresh
document.querySelector('#package-label').textContent = messages.npmPackage
document.querySelector('#install').textContent = messages.install
document.querySelector('#installed-heading').textContent = messages.installed
document.querySelector('#empty').textContent = messages.noPlugins
document.querySelector('#recovery-description').textContent = messages.recoveryDescription
document.querySelector('#retry').textContent = messages.retry
document.querySelector('#disable-all').textContent = messages.disableAll
const list = document.querySelector('#plugins')
const empty = document.querySelector('#empty')
const status = document.querySelector('#status')
const form = document.querySelector('#install-form')
const input = document.querySelector('#package-spec')
const refresh = document.querySelector('#refresh')
function setBusy(busy, statusMessage = '') {
for (const control of document.querySelectorAll('button, input')) control.disabled = busy
status.textContent = statusMessage
}
async function render() {
const backend = await api.backend.status()
document.querySelector('#recovery').hidden = backend.phase !== 'error'
document.querySelector('#startup-error').textContent = backend.phase === 'error' ? backend.message : ''
const plugins = await api.plugins.list()
list.replaceChildren(...plugins.map(plugin => {
const item = document.createElement('li')
const identity = document.createElement('span')
const version = document.createElement('span')
version.className = 'package-version'
version.textContent = plugin.enabled ? plugin.version : `${plugin.version} · ${messages.disabled}`
identity.append(document.createTextNode(plugin.name), version)
const remove = document.createElement('button')
remove.type = 'button'
remove.textContent = messages.remove
remove.addEventListener('click', () => void run(
() => api.plugins.remove(plugin.name),
message('removing', { name: plugin.name }),
))
const update = document.createElement('button')
update.type = 'button'
update.textContent = messages.update
update.addEventListener('click', () => {
const next = window.prompt(message('targetVersion', { name: plugin.name }), plugin.version)?.trim()
if (next === undefined || next === '' || next === plugin.version) return
void run(() => api.plugins.update(plugin.name, next), message('updating', { name: plugin.name }))
})
const actions = document.createElement('span')
actions.className = 'package-actions'
const toggle = document.createElement('button')
toggle.type = 'button'
toggle.textContent = plugin.enabled ? messages.disable : messages.enable
toggle.addEventListener('click', () => void run(
() => api.plugins.toggle(plugin.name, !plugin.enabled), messages.changingActivation,
))
actions.append(toggle, update, remove)
item.append(identity, actions)
return item
}))
empty.hidden = plugins.length !== 0
}
async function run(operation, statusMessage) {
setBusy(true, statusMessage)
try {
await operation()
await render()
status.textContent = messages.operationComplete
} catch (error) {
status.textContent = error instanceof Error ? error.message : String(error)
} finally {
setBusy(false, status.textContent)
}
}
async function load(statusMessage, success) {
setBusy(true, statusMessage)
try {
await render()
status.textContent = success
} catch (error) {
status.textContent = error instanceof Error ? error.message : String(error)
} finally {
setBusy(false, status.textContent)
}
}
form.addEventListener('submit', (event) => {
event.preventDefault()
const spec = input.value.trim()
if (spec === '') return
void run(async () => {
await api.plugins.add(spec)
input.value = ''
}, message('installing', { spec }))
})
document.querySelector('#retry').addEventListener('click', () => void run(() => api.backend.retry(), messages.retry))
document.querySelector('#disable-all').addEventListener('click', () => void run(() => api.plugins.disableAll(), messages.changingActivation))
refresh.addEventListener('click', () => void load(messages.refreshing, messages.refreshed))
await load(messages.loadingPlugins, '')
}
void main()
|