ykxmz/_tests/test_verify_js_syntax.py

# -*- coding: utf-8 -*-
"""精确取证：管理页 JS 到底坏在哪一行、坏成什么样。

不看测试的结论，自己把 render_admin() 的产物里的 <script> 抓出来，
逐行扫描"单引号字符串里出现真换行"的位置。
"""
from __future__ import annotations

import re
import sys
from pathlib import Path

ROOT = Path(__file__).resolve().parent.parent
sys.path.insert(0, str(ROOT / "relay"))


def main() -> int:
    import admin

    snap = {
        "ok": True, "version": "1.8.2", "uptimeSeconds": 100,
        "devices": [{
            "deviceId": "dev-1", "code": "123456", "name": "测试机",
            "lanIps": [], "port": 0, "version": "1.8.2",
            "online": True, "idleSeconds": 1, "sessions": 0,
            "queuedToClient": 0, "queuedToAgent": 0,
            "bytesIn": 0, "bytesOut": 0,
        }],
        "sessions": 0, "totalRequests": 1, "memoryKB": 20000,
        "allowNew": True, "codeCount": 1,
    }
    html = admin.render_admin(snap, "https://x", "/zhongzhuanzhan", 1,
                              lambda: [])
    m = re.search(r"<script>(.*?)</script>", html, re.S)
    if not m:
        print("  ✗ 产物里没有 <script>")
        return 1
    js = m.group(1)

    print("═══ 1. 渲染出来的 <script> 里，含未闭合换行的行 ═══")
    bad = []
    for i, line in enumerate(js.splitlines(), 1):
        # 数一下单引号（不处理转义，够用了）
        n = line.count("'") - line.count("\\'")
        if n % 2 == 1:
            bad.append((i, line))
    if bad:
        for i, line in bad:
            print(f"    第 {i} 行: {line!r}")
    else:
        print("    （没有奇数引号的行）")

    print()
    print("═══ 2. 直接找 ' 改成： 那一段的原始字节 ═══")
    idx = js.find("改成：")
    if idx >= 0:
        chunk = js[max(0, idx - 120):idx + 120]
        print("    原始片段 repr:")
        print("      " + repr(chunk))
        print()
        print("    逐行展开:")
        for line in chunk.splitlines():
            print(f"      {line!r}")
        # 关键判定
        before = js[:idx]
        last_quote = before.rfind("'")
        between = js[last_quote:idx]
        has_newline_inside = "\n" in between
        print()
        if has_newline_inside:
            print("    🔴 确认：从上一个单引号到这个位置之间**有真实换行** ——")
            print("       也就是说这是一个跨行的 JS 字符串字面量，语法错误。")
        else:
            print("    ✅ 这个位置之前的单引号与它之间没有换行")
    else:
        print("    （没找到「改成：」）")

    print()
    print("═══ 3. 用 Python 的 js 解析器做一次真正的语法检查 ═══")
    # 本机没 node，退而求其次：自己写一个极简的"字符串状态机"，
    # 逐字符走一遍，看有没有在字符串里遇到裸换行。
    state = None          # None / "'" / '"' / "`" / "//" / "/*"
    line_no = 1
    errors = []
    i = 0
    prev = ""
    while i < len(js):
        ch = js[i]
        if ch == "\n":
            line_no += 1
            if state in ("'", '"'):
                errors.append((line_no - 1, state))
            elif state == "//":
                state = None
            i += 1
            prev = ch
            continue
        if state in ("'", '"'):
            if ch == "\\":
                i += 2
                prev = ""
                continue
            if ch == state:
                state = None
            i += 1
            prev = ch
            continue
        if state == "`":
            if ch == "\\":
                i += 2
                continue
            if ch == "`":
                state = None
            i += 1
            continue
        if state == "/*":
            if ch == "*" and i + 1 < len(js) and js[i + 1] == "/":
                state = None
                i += 2
                continue
            i += 1
            continue
        if state == "//":
            i += 1
            continue
        # 非字符串状态
        if ch == "/" and i + 1 < len(js):
            nxt = js[i + 1]
            if nxt == "/":
                state = "//"
                i += 2
                continue
            if nxt == "*":
                state = "/*"
                i += 2
                continue
        if ch in ("'", '"', "`"):
            state = ch
        i += 1
        prev = ch

    if errors:
        print("    🔴 状态机在下列位置发现「字符串里的裸换行」：")
        for ln, q in errors:
            print(f"       第 {ln} 行（引号 {q}）")
        print()
        print(f"    共 {len(errors)} 处 —— 这就是 <script> 语法错误的来源。")
    else:
        print("    ✅ 状态机没发现字符串里的裸换行")

    print()
    print("═══ 4. 影响面：这一处语法错误会让多少按钮失效 ═══")
    funcs = re.findall(r"document\.querySelectorAll\('([^']+)'\)", js)
    print(f"    JS 里绑定的选择器: {funcs}")
    print(f"    JS 总长 {len(js)} 字符 / {len(js.splitlines())} 行")
    print("    一个 SyntaxError 会让**整段 script 不执行**，")
    print("    所以上面这些按钮会全部变成幽灵按键。")
    return 0


if __name__ == "__main__":
    sys.exit(main())