cdd4d59ea0
Hand fixes for the findings --fix cannot touch, mirroring the fixes already applied on the fe-docs feature branch (same file, same shape) so its eventual rebase resolves cleanly: - restore the return the no-confusing-void-expression autofix ate in useAbsentSnapshot (typed S | undefined; hook call kept for hook-order stability, undefined returned explicitly); - re-type DOM queries the no-unnecessary-type-assertion autofix broke: getByRole<HTMLButtonElement>(...) generics instead of the removed as-casts (the eslint program and the client tsconfig aggregate disagree about these casts; the generic form satisfies both); - justified eslint-disable for the deliberate legacy paths: keyCode 229 IME-composition detection, execCommand clipboard fallbacks, lib.dom clipboard optionality, and the any-typed Reflect.get/this probes in test fakes; - drop the dead react/no-danger directive (eslint-plugin-react is not loaded, so the rule never applied) keeping its shiki rationale; - delete the tautological 'Z' comparison and the renameTarget null check already implied by renameBlocked; - css-module non-null assertions replaced by type widening (Button className, TAG_CLASS Record) per the established pattern; - misc: max-len comment wraps, void generic drop in the deferred test helper, unused type imports, floating selectWorkspace promises voided, member-delimiter newlines in inline type literals.
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
// JsonBlock: collapsible JSON block (conversation side; independent from the RPC panel's PayloadJson to avoid cross-panel coupling).
|
|
|
|
import { useMemo, useState } from 'react'
|
|
import css from './JsonBlock.module.css'
|
|
|
|
const MAX_CHARS = 20_000
|
|
|
|
export function JsonBlock({ label, payload, defaultOpen = false }: {
|
|
label: string
|
|
payload: unknown
|
|
defaultOpen?: boolean
|
|
}) {
|
|
const [open, setOpen] = useState(defaultOpen)
|
|
const body = useMemo(() => {
|
|
if (!open) return ''
|
|
let s: string
|
|
try {
|
|
// lib typing hides stringify's undefined arm (undefined/function/symbol payloads).
|
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
s = JSON.stringify(payload, null, 2) ?? String(payload)
|
|
} catch {
|
|
s = String(payload)
|
|
}
|
|
return s.length > MAX_CHARS ? `${s.slice(0, MAX_CHARS)}\n… 已截断，共 ${s.length} 字符` : s
|
|
}, [open, payload])
|
|
return (
|
|
<div className={css.root}>
|
|
<button type="button" className={css.toggle} onClick={() => { setOpen(v => !v) }}>
|
|
{open ? '▾' : '▸'} {label}
|
|
</button>
|
|
{open && <pre className={css.body}>{body}</pre>}
|
|
</div>
|
|
)
|
|
}
|