\n {isObj && <>{k}{\": \"}}\n \n {i < keys.length - 1 && \",\"}\n

\n ))}\n \n {b1}\n \n )}\n \n );\n}\n\nfunction InlineValue({ value, depth, path }: { value: any; depth: number; path: string }) {\n const v = depth < 3 && typeof value === \"string\" ? tryParseJson(value) : value;\n return <>{renderValue(v, depth, path)};\n}\n\nfunction renderValue(v: any, depth: number, path: string): React.ReactNode {\n if (v === null) return null;\n if (v === undefined) return undef;\n if (typeof v === \"boolean\") return {String(v)};\n if (typeof v === \"number\" || typeof v === \"bigint\") return {String(v)};\n if (typeof v === \"string\") {\n const display = v.length > 100 ? v.slice(0, 100) + \"…\" : v;\n return \"{display}\";\n }\n if (Array.isArray(v)) {\n return String(i))} getValue={k => v[Number(k)]} depth={depth} path={path} brackets={[\"[\", \"]\"]} />;\n }\n if (typeof v === \"object\") {\n const keys = Object.keys(v);\n return v[k]} depth={depth} path={path} brackets={[\"{\", \"}\"]} />;\n }\n return {String(v)};\n}\n","deleted","label",[179,180,161],"frontend","components","permalink","https://www.val.town/x/c15r/sync/code/frontend/components/JsonView.tsx","extension","actionData","errors"]