feat(webui): turn the Web UI into a single-page application

index.html now contains all pages as sections (overview, ports, stat,
vlan, l2, mirror, lag, eee, bandwidth, system, update); the sidebar
switches between them via the URL hash (#/ports, #/vlan, ...).
login.html stays separate as the authentication gate.

A section's initialisation runs when the section is shown, its polling
intervals run only while it is visible, and re-entering a section
refetches the data; the checkbox builders (lag/vlan/mirror) and the L2
scanner were made idempotent so re-initialising cannot duplicate rows.

tools/minify.py: recognise regex literals - an escaped slash before the
closing delimiter was previously stripped as a // comment.

Measured (make MACHINE=KP_9000_6XHML_X2): 8 embedded files, 109,814 ->
97,730 -> 25,302 bytes gzip (23.0 %); the data block ends at 0x462d6
(~86 KB freed).  On a real PCB-K0402WS-V3: cold load ~450 ms, section
switches ~60-160 ms with no asset re-downloads, all sections render
without JavaScript errors.
This commit is contained in:
eraiza0816 committed 2026-08-11 06:37:20 +09:00
1 parent b651890a3a
commit 67ae4598d9
13 files changed
+397 -438

No files matched your search

+32 -4
View File
@@ -1,10 +1,10 @@
#!/usr/bin/env python3
"""Safe minifier for the WebUI sources (HTML/JS).
Removes comments and line-leading whitespace without touching string
literals, so the output is functionally identical to the input. Used
by the firmware Makefile before the files are embedded in the flash;
the raw sources in html/ stay untouched for development.
Removes comments and line-leading whitespace without touching string or
regex literals, so the output is functionally identical to the input.
Used by the firmware Makefile before the files are embedded in the
flash; the raw sources in html/ stay untouched for development.
Binary files (.ico) are copied through unchanged.
@@ -19,6 +19,10 @@ def js_min(s):
out = []
i = 0
n = len(s)
prev = '\n'
# Characters after which a '/' starts a regex literal rather than a
# division: operator / delimiter / statement-start contexts.
regex_start = set('([{=,:;!&|?+-*%^~<>')
while i < n:
c = s[i]
if c == '"' or c == "'":
@@ -29,6 +33,28 @@ def js_min(s):
j += 1
out.append(s[i:j + 1])
i = j + 1
prev = c
elif c == '/' and (i + 1 >= n or s[i + 1] not in '/=*') and \
(prev in regex_start or prev == '\n'):
# Regex literal (e.g. /^#\// or /https?:\/\/x/g): copy through
# the closing '/', honouring escapes and character classes.
j = i + 1
in_class = False
while j < n:
ch = s[j]
if ch == '\\':
j += 2
continue
if ch == '[':
in_class = True
elif ch == ']':
in_class = False
elif ch == '/' and not in_class:
break
j += 1
out.append(s[i:j + 1])
i = j + 1
prev = '/'
elif c == '/' and i + 1 < n and s[i + 1] == '/':
j = s.find('\n', i)
i = j if j >= 0 else n
@@ -38,6 +64,8 @@ def js_min(s):
else:
out.append(c)
i += 1
if c not in ' \t':
prev = c
lines = [l.strip() for l in ''.join(out).split('\n')]
return '\n'.join(l for l in lines if l) + '\n'