SheWhoReignsSupreme/revenge-next-plugs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

next-site: fix admin panel crashing on load (ReferenceError: INPUT_STYLE)

Browse source 
channelRows() referenced INPUT_STYLE expecting server-side substitution like
fieldRow() does, but never actually got it - it shipped as a literal
\${INPUT_STYLE} in the browser script, and nothing declared that name
client-side. Since channelRows() always renders at least one row, this threw
immediately on every plugin card, which crashed renderPlugins() (plugins list
never appeared) and crashed the post-save init() refresh too (edits looked
like they weren't taking effect). Now declares INPUT_STYLE once as a real
client-side const instead of the fragile double-escape trick, and init()
surfaces failures visibly instead of leaving the panel silently blank.
This commit is contained in:
Ally Founder 2026-08-15 13:52:13 -04:00
parent 0f20a12b93
commit 09e0b6e49b
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
worker/src/pages/admin.ts
View file

@ -18,6 +18,7 @@ export function renderAdminPage(): string {
const gate = document.getElementById('gate')
const panel = document.getElementById('panel')
let token = ''
const INPUT_STYLE = ${JSON.stringify(INPUT_STYLE)}
const TEXT_FIELDS = [
['name', 'Name'], ['description', 'Description'], ['tagline', 'Tagline'],
@ -33,7 +34,7 @@ export function renderAdminPage(): string {
return \`
<div style="margin-bottom:8px;">
<div style="font-size:10.5px;color:rgba(255,255,255,0.4);margin-bottom:3px;">\${label}</div>
<\${tag} data-id="\${id}" data-field="\${key}" style="\${'${INPUT_STYLE}'}"\${valueAttr}>\${inner}</\${closeTag}>
<\${tag} data-id="\${id}" data-field="\${key}" style="\${INPUT_STYLE}"\${valueAttr}>\${inner}</\${closeTag}>
</div>\`
}
@ -163,10 +164,15 @@ export function renderAdminPage(): string {
}
async function init() {
const state = await loadState()
panel.innerHTML = '<div id="site"></div><div id="plugins"></div>'
renderSite(state)
renderPlugins(state)
try {
const state = await loadState()
if (state.error) throw new Error(state.error)
panel.innerHTML = '<div id="site"></div><div id="plugins"></div>'
renderSite(state)
renderPlugins(state)
} catch (e) {
panel.innerHTML = \`<div class="page-sub" style="color:#f23f42;">Failed to load: \${e.message ?? e}</div>\`
}
}
document.getElementById('unlock').addEventListener('click', () => {