[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-devtools-instrumentation":3,"mdc-xfcekx-key":38,"related-org-tanstack-devtools-instrumentation":7472,"related-repo-tanstack-devtools-instrumentation":7613},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":33,"sourceUrl":36,"mdContent":37},"devtools-instrumentation","instrument library code for devtools","Analyze library codebase for critical architecture and debugging points, add strategic event emissions. Identify middleware boundaries, state transitions, lifecycle hooks. Consolidate events (1 not 15), debounce high-frequency updates, DRY shared payload fields, guard emit() for production. Transparent server\u002Fclient event bridging.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"tanstack","TanStack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftanstack.png",[12,16,19,20],{"name":13,"slug":14,"type":15},"Observability","observability","tag",{"name":17,"slug":18,"type":15},"Engineering","engineering",{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},"Debugging","debugging",476,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Fdevtools","2026-07-16T06:04:33.21467",null,92,[29,30,31,32],"devtool","devtools","react","solidjs",{"repoUrl":24,"stars":23,"forks":27,"topics":34,"description":35},[29,30,31,32],"🤖 Framework-agnostic devtools panel for handling TanStack libraries devtools and your custom devtool plugins","https:\u002F\u002Fgithub.com\u002FTanStack\u002Fdevtools\u002Ftree\u002FHEAD\u002Fpackages\u002Fevent-bus-client\u002Fskills\u002Fdevtools-instrumentation","---\nname: devtools-instrumentation\ndescription: Analyze library codebase for critical architecture and debugging points, add strategic event emissions. Identify middleware boundaries, state transitions, lifecycle hooks. Consolidate events (1 not 15), debounce high-frequency updates, DRY shared payload fields, guard emit() for production. Transparent server\u002Fclient event bridging.\ntype: core\nlibrary: '@tanstack\u002Fdevtools-event-client'\nlibrary_version: '0.10.12'\nrequires: devtools-event-client\nsources:\n  - packages\u002Fevent-bus-client\u002Fsrc\u002Fplugin.ts\n  - packages\u002Fevent-bus\u002Fsrc\u002Fclient\u002Fclient.ts\n  - packages\u002Fevent-bus\u002Fsrc\u002Fserver\u002Fserver.ts\n  - packages\u002Fdevtools-client\u002Fsrc\u002Findex.ts\n  - docs\u002Fbuilding-custom-plugins.md\n  - docs\u002Fbidirectional-communication.md\n---\n\n# devtools-instrumentation\n\n> **Prerequisite:** Read the `devtools-event-client` skill first for EventClient creation, event maps, and `emit()`\u002F`on()` API.\n\nStrategic placement of `emit()` calls inside a library to send high-value diagnostic data to TanStack Devtools panels. Maximum insight with minimum noise.\n\n## Key Insight\n\nThe event bus transparently bridges server\u002Fclient and cross-tab boundaries. `emit()` on the server arrives on the client via WebSocket\u002FSSE. `emit()` in one tab reaches other tabs via `BroadcastChannel`. No transport code needed -- just emit at the right place.\n\nFor prototyping, throw in many events. For production, consolidate down to the fewest events that carry the most information.\n\n## Where to Instrument\n\nEmit at **architecture boundaries**, not inside implementation details:\n\n1. **Middleware\u002Finterceptor entry and exit** -- wrap the chain, not each middleware\n2. **State transitions** -- when state moves between logical phases (idle -> loading -> success\u002Ferror)\n3. **Lifecycle hooks** -- mount, unmount, connect, disconnect, ready\n4. **Error boundaries** -- caught exceptions, retries, fallbacks\n5. **User-initiated actions processed** -- after fully applied, not before\n\nDo NOT emit from: internal utility functions, loop iterations, getter\u002Fsetter accesses, intermediate computation steps.\n\n## Core Patterns\n\n### 1. Middleware\u002FInterceptor Instrumentation\n\nWrap the pipeline at the boundary, not each middleware individually.\n\n```ts\nimport { EventClient } from '@tanstack\u002Fdevtools-event-client'\n\ntype RouterEvents = {\n  'request-processed': {\n    id: string\n    method: string\n    path: string\n    duration: number\n    middlewareChain: Array\u003C{ name: string; durationMs: number }>\n    status: number\n    error?: string\n  }\n}\n\nclass RouterDevtoolsClient extends EventClient\u003CRouterEvents> {\n  constructor() {\n    super({\n      pluginId: 'my-router',\n      enabled: process.env.NODE_ENV !== 'production',\n    })\n  }\n}\n\nexport const routerDevtools = new RouterDevtoolsClient()\n```\n\n```ts\nasync function runMiddlewarePipeline(\n  req: Request,\n  middlewares: Middleware[],\n): Promise\u003CResponse> {\n  const requestId = crypto.randomUUID()\n  const pipelineStart = performance.now()\n  const chain: Array\u003C{ name: string; durationMs: number }> = []\n  let status = 200\n  let error: string | undefined\n\n  for (const mw of middlewares) {\n    const mwStart = performance.now()\n    try {\n      await mw.handle(req)\n    } catch (e) {\n      error = e instanceof Error ? e.message : String(e)\n      status = 500\n      break\n    }\n    chain.push({ name: mw.name, durationMs: performance.now() - mwStart })\n  }\n\n  \u002F\u002F Single consolidated event at the boundary\n  routerDevtools.emit('request-processed', {\n    id: requestId,\n    method: req.method,\n    path: req.url,\n    duration: performance.now() - pipelineStart,\n    middlewareChain: chain,\n    status,\n    error,\n  })\n\n  return new Response(null, { status })\n}\n```\n\nONE event per request, not 2N events (start + end for each middleware).\n\n### 2. State Transition Emission\n\nEmit when the state machine moves between phases, not on every internal mutation.\n\n```ts\ntype QueryEvents = {\n  'query-lifecycle': {\n    queryKey: string\n    from: 'idle' | 'loading' | 'success' | 'error' | 'stale'\n    to: 'idle' | 'loading' | 'success' | 'error' | 'stale'\n    data?: unknown\n    error?: string\n    fetchDuration?: number\n    timestamp: number\n  }\n}\n\nclass QueryDevtoolsClient extends EventClient\u003CQueryEvents> {\n  constructor() {\n    super({\n      pluginId: 'my-query-lib',\n      enabled: process.env.NODE_ENV !== 'production',\n    })\n  }\n}\n\nexport const queryDevtools = new QueryDevtoolsClient()\n```\n\n```ts\nclass Query {\n  #state: QueryState = 'idle'\n\n  private transition(\n    to: QueryState,\n    extra?: Partial\u003CQueryEvents['query-lifecycle']>,\n  ) {\n    const from = this.#state\n    if (from === to) return \u002F\u002F No transition, no event\n    this.#state = to\n    queryDevtools.emit('query-lifecycle', {\n      queryKey: this.key,\n      from,\n      to,\n      timestamp: Date.now(),\n      ...extra,\n    })\n  }\n\n  async fetch() {\n    this.transition('loading')\n    const start = performance.now()\n    try {\n      const data = await this.fetcher()\n      this.transition('success', {\n        data: structuredClone(data),\n        fetchDuration: performance.now() - start,\n      })\n    } catch (e) {\n      this.transition('error', {\n        error: e instanceof Error ? e.message : String(e),\n        fetchDuration: performance.now() - start,\n      })\n    }\n  }\n}\n```\n\n### 3. Consolidated Events with DRY Payloads\n\nWhen multiple events share fields, build a shared base and spread it.\n\n```ts\nclass Store {\n  private basePayload() {\n    return {\n      storeName: this.#name,\n      version: this.#version,\n      sessionId: this.#sessionId,\n      timestamp: Date.now(),\n    }\n  }\n\n  dispatch(\n    action: string,\n    updater: (s: Record\u003Cstring, unknown>) => Record\u003Cstring, unknown>,\n  ) {\n    const prevState = structuredClone(this.#state)\n    this.#state = updater(this.#state)\n    this.#version++\n    storeDevtools.emit('store-updated', {\n      ...this.basePayload(),\n      action,\n      prevState,\n      nextState: structuredClone(this.#state),\n    })\n  }\n\n  reset(initial: Record\u003Cstring, unknown>) {\n    this.#state = initial\n    this.#version++\n    storeDevtools.emit('store-reset', this.basePayload())\n  }\n}\n```\n\n### 4. Debouncing High-Frequency Emissions\n\nReactive systems, scroll handlers, and streaming data can trigger hundreds of emissions per second. Debounce or throttle these.\n\n```ts\nfunction createDebouncedEmitter\u003CTEvents extends Record\u003Cstring, any>>(\n  client: EventClient\u003CTEvents>,\n  delayMs: number,\n) {\n  const timers = new Map\u003Cstring, ReturnType\u003Ctypeof setTimeout>>()\n  return function debouncedEmit\u003CK extends keyof TEvents & string>(\n    event: K,\n    payload: TEvents[K],\n  ) {\n    const existing = timers.get(event)\n    if (existing) clearTimeout(existing)\n    timers.set(\n      event,\n      setTimeout(() => {\n        client.emit(event, payload)\n        timers.delete(event)\n      }, delayMs),\n    )\n  }\n}\n\nconst debouncedEmit = createDebouncedEmitter(storeDevtools, 100)\nsignal.subscribe((value) => {\n  debouncedEmit('signal-updated', { value, timestamp: Date.now() })\n})\n```\n\nFor leading+trailing (throttle), use the same pattern with a `lastEmit` timestamp check to emit immediately on the leading edge.\n\n### 5. Production Guarding\n\n`enabled: false` is the primary guard -- `emit()` returns immediately with no allocation, no queuing, no connection.\n\n```ts\nclass MyLibDevtools extends EventClient\u003CMyEvents> {\n  constructor() {\n    super({\n      pluginId: 'my-lib',\n      enabled: process.env.NODE_ENV !== 'production',\n    })\n  }\n}\n```\n\nFor expensive payload construction (e.g., `structuredClone` of large state), guard at the call site:\n\n```ts\nif (process.env.NODE_ENV !== 'production') {\n  myDevtools.emit('state-snapshot', {\n    state: structuredClone(largeState),\n    timestamp: Date.now(),\n  })\n}\n```\n\n**Important:** The Vite plugin strips `@tanstack\u002Freact-devtools` from production. The root import of `@tanstack\u002Fdevtools-event-client` also no-ops and is tree-shaken out when `process.env.NODE_ENV !== 'development'`, so `emit()` calls cost nothing in production by default. Import from `@tanstack\u002Fdevtools-event-client\u002Fproduction` if you deliberately want events in production. The `enabled` option remains available for runtime control.\n\n### 6. Server\u002FClient Transparent Bridging\n\nThe same `emit()` works on server and client:\n\n- **Client**: dispatches `CustomEvent` on `window` -> `ClientEventBus` -> other tabs via `BroadcastChannel` + server via WebSocket\n- **Server**: dispatches on `globalThis.__TANSTACK_EVENT_TARGET__` -> `ServerEventBus` -> all WebSocket\u002FSSE clients\n\n```ts\n\u002F\u002F Server-side (e.g., SSR handler) -- arrives in browser devtools panel automatically\nrouterDevtools.emit('request-processed', {\n  id: crypto.randomUUID(),\n  method: req.method,\n  path: new URL(req.url).pathname,\n  duration: performance.now() - start,\n  middlewareChain: chain,\n  status: 200,\n})\n```\n\n## Instrumentation Checklist\n\n1. Map architecture boundaries (middleware chain, state machine, lifecycle hooks, error paths)\n2. Design ONE consolidated event per boundary with full context payload\n3. Keep event map small (3-7 types typical, not 15-30)\n4. Create EventClient with `enabled: process.env.NODE_ENV !== 'production'`\n5. Use shared base payloads (DRY) for fields common across events\n6. Debounce any emission point that fires >10 times\u002Fsecond\n7. Guard expensive payload construction with `process.env.NODE_ENV` check\n8. Test with `debug: true` to see `[tanstack-devtools:{pluginId}-plugin]` prefixed logs\n\n## Common Mistakes\n\n### HIGH: Emitting too many granular events\n\nWrong -- 15 events per request:\n\n```ts\nrouterDevtools.emit('request-start', { id, method, path })\nrouterDevtools.emit('middleware-1-start', { id, name: 'auth' })\nrouterDevtools.emit('middleware-1-end', { id, name: 'auth', duration: 5 })\n\u002F\u002F ... 10 more ...\nrouterDevtools.emit('response-end', { id, duration: 50 })\n```\n\nCorrect -- 1 event with all data:\n\n```ts\nrouterDevtools.emit('request-processed', {\n  id,\n  method,\n  path,\n  duration: 50,\n  middlewareChain: [\n    { name: 'auth', durationMs: 5 },\n    { name: 'cors', durationMs: 1 },\n  ],\n  status: 200,\n})\n```\n\nSource: maintainer interview\n\n### HIGH: Emitting in hot loops without debouncing\n\nWrong:\n\n```ts\nsignal.subscribe((value) => {\n  devtools.emit('signal-updated', { value, timestamp: Date.now() }) \u002F\u002F 60+ times\u002Fsec\n})\n```\n\nCorrect:\n\n```ts\nconst debouncedEmit = createDebouncedEmitter(devtools, 100)\nsignal.subscribe((value) => {\n  debouncedEmit('signal-updated', { value, timestamp: Date.now() })\n})\n```\n\nSource: docs\u002Fbidirectional-communication.md\n\n### MEDIUM: Not emitting at architecture boundaries\n\nWrong -- instrumented inside a helper:\n\n```ts\nfunction parseQueryString(url: string) {\n  const params = new URLSearchParams(url)\n  devtools.emit('query-parsed', { params: Object.fromEntries(params) })\n  return params\n}\n```\n\nCorrect -- instrumented at the handler boundary:\n\n```ts\nfunction handleRequest(req: Request) {\n  const params = parseQueryString(req.url)\n  const result = processRequest(params)\n  devtools.emit('request-processed', {\n    path: req.url,\n    params: Object.fromEntries(params),\n    result: result.summary,\n    duration: performance.now() - start,\n  })\n}\n```\n\nSource: maintainer interview\n\n### MEDIUM: Hardcoding repeated payload fields\n\nWrong:\n\n```ts\ndevtools.emit('action-a', {\n  storeName: this.name,\n  version: this.version,\n  sessionId: this.sessionId,\n  timestamp: Date.now(),\n  data,\n})\ndevtools.emit('action-b', {\n  storeName: this.name,\n  version: this.version,\n  sessionId: this.sessionId,\n  timestamp: Date.now(),\n  other,\n})\n```\n\nCorrect:\n\n```ts\nconst base = this.basePayload()\ndevtools.emit('action-a', { ...base, data })\ndevtools.emit('action-b', { ...base, other })\n```\n\nSource: maintainer interview\n",{"data":39,"body":51},{"name":4,"description":6,"type":40,"library":41,"library_version":42,"requires":43,"sources":44},"core","@tanstack\u002Fdevtools-event-client","0.10.12","devtools-event-client",[45,46,47,48,49,50],"packages\u002Fevent-bus-client\u002Fsrc\u002Fplugin.ts","packages\u002Fevent-bus\u002Fsrc\u002Fclient\u002Fclient.ts","packages\u002Fevent-bus\u002Fsrc\u002Fserver\u002Fserver.ts","packages\u002Fdevtools-client\u002Fsrc\u002Findex.ts","docs\u002Fbuilding-custom-plugins.md","docs\u002Fbidirectional-communication.md",{"type":52,"children":53},"root",[54,61,101,113,120,147,152,158,170,225,230,236,243,248,811,1757,1762,1768,1773,2316,3183,3189,3194,3884,3890,3895,4610,4623,4629,4647,4825,4838,5023,5079,5085,5097,5167,5422,5428,5501,5507,5513,5518,5844,5849,6103,6108,6114,6119,6261,6266,6430,6435,6441,6446,6628,6633,6940,6944,6950,6954,7293,7297,7462,7466],{"type":55,"tag":56,"props":57,"children":58},"element","h1",{"id":4},[59],{"type":60,"value":4},"text",{"type":55,"tag":62,"props":63,"children":64},"blockquote",{},[65],{"type":55,"tag":66,"props":67,"children":68},"p",{},[69,75,77,83,85,91,93,99],{"type":55,"tag":70,"props":71,"children":72},"strong",{},[73],{"type":60,"value":74},"Prerequisite:",{"type":60,"value":76}," Read the ",{"type":55,"tag":78,"props":79,"children":81},"code",{"className":80},[],[82],{"type":60,"value":43},{"type":60,"value":84}," skill first for EventClient creation, event maps, and ",{"type":55,"tag":78,"props":86,"children":88},{"className":87},[],[89],{"type":60,"value":90},"emit()",{"type":60,"value":92},"\u002F",{"type":55,"tag":78,"props":94,"children":96},{"className":95},[],[97],{"type":60,"value":98},"on()",{"type":60,"value":100}," API.",{"type":55,"tag":66,"props":102,"children":103},{},[104,106,111],{"type":60,"value":105},"Strategic placement of ",{"type":55,"tag":78,"props":107,"children":109},{"className":108},[],[110],{"type":60,"value":90},{"type":60,"value":112}," calls inside a library to send high-value diagnostic data to TanStack Devtools panels. Maximum insight with minimum noise.",{"type":55,"tag":114,"props":115,"children":117},"h2",{"id":116},"key-insight",[118],{"type":60,"value":119},"Key Insight",{"type":55,"tag":66,"props":121,"children":122},{},[123,125,130,132,137,139,145],{"type":60,"value":124},"The event bus transparently bridges server\u002Fclient and cross-tab boundaries. ",{"type":55,"tag":78,"props":126,"children":128},{"className":127},[],[129],{"type":60,"value":90},{"type":60,"value":131}," on the server arrives on the client via WebSocket\u002FSSE. ",{"type":55,"tag":78,"props":133,"children":135},{"className":134},[],[136],{"type":60,"value":90},{"type":60,"value":138}," in one tab reaches other tabs via ",{"type":55,"tag":78,"props":140,"children":142},{"className":141},[],[143],{"type":60,"value":144},"BroadcastChannel",{"type":60,"value":146},". No transport code needed -- just emit at the right place.",{"type":55,"tag":66,"props":148,"children":149},{},[150],{"type":60,"value":151},"For prototyping, throw in many events. For production, consolidate down to the fewest events that carry the most information.",{"type":55,"tag":114,"props":153,"children":155},{"id":154},"where-to-instrument",[156],{"type":60,"value":157},"Where to Instrument",{"type":55,"tag":66,"props":159,"children":160},{},[161,163,168],{"type":60,"value":162},"Emit at ",{"type":55,"tag":70,"props":164,"children":165},{},[166],{"type":60,"value":167},"architecture boundaries",{"type":60,"value":169},", not inside implementation details:",{"type":55,"tag":171,"props":172,"children":173},"ol",{},[174,185,195,205,215],{"type":55,"tag":175,"props":176,"children":177},"li",{},[178,183],{"type":55,"tag":70,"props":179,"children":180},{},[181],{"type":60,"value":182},"Middleware\u002Finterceptor entry and exit",{"type":60,"value":184}," -- wrap the chain, not each middleware",{"type":55,"tag":175,"props":186,"children":187},{},[188,193],{"type":55,"tag":70,"props":189,"children":190},{},[191],{"type":60,"value":192},"State transitions",{"type":60,"value":194}," -- when state moves between logical phases (idle -> loading -> success\u002Ferror)",{"type":55,"tag":175,"props":196,"children":197},{},[198,203],{"type":55,"tag":70,"props":199,"children":200},{},[201],{"type":60,"value":202},"Lifecycle hooks",{"type":60,"value":204}," -- mount, unmount, connect, disconnect, ready",{"type":55,"tag":175,"props":206,"children":207},{},[208,213],{"type":55,"tag":70,"props":209,"children":210},{},[211],{"type":60,"value":212},"Error boundaries",{"type":60,"value":214}," -- caught exceptions, retries, fallbacks",{"type":55,"tag":175,"props":216,"children":217},{},[218,223],{"type":55,"tag":70,"props":219,"children":220},{},[221],{"type":60,"value":222},"User-initiated actions processed",{"type":60,"value":224}," -- after fully applied, not before",{"type":55,"tag":66,"props":226,"children":227},{},[228],{"type":60,"value":229},"Do NOT emit from: internal utility functions, loop iterations, getter\u002Fsetter accesses, intermediate computation steps.",{"type":55,"tag":114,"props":231,"children":233},{"id":232},"core-patterns",[234],{"type":60,"value":235},"Core Patterns",{"type":55,"tag":237,"props":238,"children":240},"h3",{"id":239},"_1-middlewareinterceptor-instrumentation",[241],{"type":60,"value":242},"1. Middleware\u002FInterceptor Instrumentation",{"type":55,"tag":66,"props":244,"children":245},{},[246],{"type":60,"value":247},"Wrap the pipeline at the boundary, not each middleware individually.",{"type":55,"tag":249,"props":250,"children":255},"pre",{"className":251,"code":252,"language":253,"meta":254,"style":254},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { EventClient } from '@tanstack\u002Fdevtools-event-client'\n\ntype RouterEvents = {\n  'request-processed': {\n    id: string\n    method: string\n    path: string\n    duration: number\n    middlewareChain: Array\u003C{ name: string; durationMs: number }>\n    status: number\n    error?: string\n  }\n}\n\nclass RouterDevtoolsClient extends EventClient\u003CRouterEvents> {\n  constructor() {\n    super({\n      pluginId: 'my-router',\n      enabled: process.env.NODE_ENV !== 'production',\n    })\n  }\n}\n\nexport const routerDevtools = new RouterDevtoolsClient()\n","ts","",[256],{"type":55,"tag":78,"props":257,"children":258},{"__ignoreMap":254},[259,308,318,344,372,391,408,425,443,504,521,539,548,557,565,607,625,644,675,734,748,756,764,772],{"type":55,"tag":260,"props":261,"children":264},"span",{"class":262,"line":263},"line",1,[265,271,277,283,288,293,298,303],{"type":55,"tag":260,"props":266,"children":268},{"style":267},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[269],{"type":60,"value":270},"import",{"type":55,"tag":260,"props":272,"children":274},{"style":273},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[275],{"type":60,"value":276}," {",{"type":55,"tag":260,"props":278,"children":280},{"style":279},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[281],{"type":60,"value":282}," EventClient",{"type":55,"tag":260,"props":284,"children":285},{"style":273},[286],{"type":60,"value":287}," }",{"type":55,"tag":260,"props":289,"children":290},{"style":267},[291],{"type":60,"value":292}," from",{"type":55,"tag":260,"props":294,"children":295},{"style":273},[296],{"type":60,"value":297}," '",{"type":55,"tag":260,"props":299,"children":301},{"style":300},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[302],{"type":60,"value":41},{"type":55,"tag":260,"props":304,"children":305},{"style":273},[306],{"type":60,"value":307},"'\n",{"type":55,"tag":260,"props":309,"children":311},{"class":262,"line":310},2,[312],{"type":55,"tag":260,"props":313,"children":315},{"emptyLinePlaceholder":314},true,[316],{"type":60,"value":317},"\n",{"type":55,"tag":260,"props":319,"children":321},{"class":262,"line":320},3,[322,328,334,339],{"type":55,"tag":260,"props":323,"children":325},{"style":324},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[326],{"type":60,"value":327},"type",{"type":55,"tag":260,"props":329,"children":331},{"style":330},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[332],{"type":60,"value":333}," RouterEvents",{"type":55,"tag":260,"props":335,"children":336},{"style":273},[337],{"type":60,"value":338}," =",{"type":55,"tag":260,"props":340,"children":341},{"style":273},[342],{"type":60,"value":343}," {\n",{"type":55,"tag":260,"props":345,"children":347},{"class":262,"line":346},4,[348,353,358,363,368],{"type":55,"tag":260,"props":349,"children":350},{"style":273},[351],{"type":60,"value":352},"  '",{"type":55,"tag":260,"props":354,"children":355},{"style":300},[356],{"type":60,"value":357},"request-processed",{"type":55,"tag":260,"props":359,"children":360},{"style":273},[361],{"type":60,"value":362},"'",{"type":55,"tag":260,"props":364,"children":365},{"style":273},[366],{"type":60,"value":367},":",{"type":55,"tag":260,"props":369,"children":370},{"style":273},[371],{"type":60,"value":343},{"type":55,"tag":260,"props":373,"children":375},{"class":262,"line":374},5,[376,382,386],{"type":55,"tag":260,"props":377,"children":379},{"style":378},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[380],{"type":60,"value":381},"    id",{"type":55,"tag":260,"props":383,"children":384},{"style":273},[385],{"type":60,"value":367},{"type":55,"tag":260,"props":387,"children":388},{"style":330},[389],{"type":60,"value":390}," string\n",{"type":55,"tag":260,"props":392,"children":394},{"class":262,"line":393},6,[395,400,404],{"type":55,"tag":260,"props":396,"children":397},{"style":378},[398],{"type":60,"value":399},"    method",{"type":55,"tag":260,"props":401,"children":402},{"style":273},[403],{"type":60,"value":367},{"type":55,"tag":260,"props":405,"children":406},{"style":330},[407],{"type":60,"value":390},{"type":55,"tag":260,"props":409,"children":411},{"class":262,"line":410},7,[412,417,421],{"type":55,"tag":260,"props":413,"children":414},{"style":378},[415],{"type":60,"value":416},"    path",{"type":55,"tag":260,"props":418,"children":419},{"style":273},[420],{"type":60,"value":367},{"type":55,"tag":260,"props":422,"children":423},{"style":330},[424],{"type":60,"value":390},{"type":55,"tag":260,"props":426,"children":428},{"class":262,"line":427},8,[429,434,438],{"type":55,"tag":260,"props":430,"children":431},{"style":378},[432],{"type":60,"value":433},"    duration",{"type":55,"tag":260,"props":435,"children":436},{"style":273},[437],{"type":60,"value":367},{"type":55,"tag":260,"props":439,"children":440},{"style":330},[441],{"type":60,"value":442}," number\n",{"type":55,"tag":260,"props":444,"children":446},{"class":262,"line":445},9,[447,452,456,461,466,471,475,480,485,490,494,499],{"type":55,"tag":260,"props":448,"children":449},{"style":378},[450],{"type":60,"value":451},"    middlewareChain",{"type":55,"tag":260,"props":453,"children":454},{"style":273},[455],{"type":60,"value":367},{"type":55,"tag":260,"props":457,"children":458},{"style":330},[459],{"type":60,"value":460}," Array",{"type":55,"tag":260,"props":462,"children":463},{"style":273},[464],{"type":60,"value":465},"\u003C{",{"type":55,"tag":260,"props":467,"children":468},{"style":378},[469],{"type":60,"value":470}," name",{"type":55,"tag":260,"props":472,"children":473},{"style":273},[474],{"type":60,"value":367},{"type":55,"tag":260,"props":476,"children":477},{"style":330},[478],{"type":60,"value":479}," string",{"type":55,"tag":260,"props":481,"children":482},{"style":273},[483],{"type":60,"value":484},";",{"type":55,"tag":260,"props":486,"children":487},{"style":378},[488],{"type":60,"value":489}," durationMs",{"type":55,"tag":260,"props":491,"children":492},{"style":273},[493],{"type":60,"value":367},{"type":55,"tag":260,"props":495,"children":496},{"style":330},[497],{"type":60,"value":498}," number",{"type":55,"tag":260,"props":500,"children":501},{"style":273},[502],{"type":60,"value":503}," }>\n",{"type":55,"tag":260,"props":505,"children":507},{"class":262,"line":506},10,[508,513,517],{"type":55,"tag":260,"props":509,"children":510},{"style":378},[511],{"type":60,"value":512},"    status",{"type":55,"tag":260,"props":514,"children":515},{"style":273},[516],{"type":60,"value":367},{"type":55,"tag":260,"props":518,"children":519},{"style":330},[520],{"type":60,"value":442},{"type":55,"tag":260,"props":522,"children":524},{"class":262,"line":523},11,[525,530,535],{"type":55,"tag":260,"props":526,"children":527},{"style":378},[528],{"type":60,"value":529},"    error",{"type":55,"tag":260,"props":531,"children":532},{"style":273},[533],{"type":60,"value":534},"?:",{"type":55,"tag":260,"props":536,"children":537},{"style":330},[538],{"type":60,"value":390},{"type":55,"tag":260,"props":540,"children":542},{"class":262,"line":541},12,[543],{"type":55,"tag":260,"props":544,"children":545},{"style":273},[546],{"type":60,"value":547},"  }\n",{"type":55,"tag":260,"props":549,"children":551},{"class":262,"line":550},13,[552],{"type":55,"tag":260,"props":553,"children":554},{"style":273},[555],{"type":60,"value":556},"}\n",{"type":55,"tag":260,"props":558,"children":560},{"class":262,"line":559},14,[561],{"type":55,"tag":260,"props":562,"children":563},{"emptyLinePlaceholder":314},[564],{"type":60,"value":317},{"type":55,"tag":260,"props":566,"children":568},{"class":262,"line":567},15,[569,574,579,584,588,593,598,603],{"type":55,"tag":260,"props":570,"children":571},{"style":324},[572],{"type":60,"value":573},"class",{"type":55,"tag":260,"props":575,"children":576},{"style":330},[577],{"type":60,"value":578}," RouterDevtoolsClient",{"type":55,"tag":260,"props":580,"children":581},{"style":324},[582],{"type":60,"value":583}," extends",{"type":55,"tag":260,"props":585,"children":586},{"style":330},[587],{"type":60,"value":282},{"type":55,"tag":260,"props":589,"children":590},{"style":273},[591],{"type":60,"value":592},"\u003C",{"type":55,"tag":260,"props":594,"children":595},{"style":330},[596],{"type":60,"value":597},"RouterEvents",{"type":55,"tag":260,"props":599,"children":600},{"style":273},[601],{"type":60,"value":602},">",{"type":55,"tag":260,"props":604,"children":605},{"style":273},[606],{"type":60,"value":343},{"type":55,"tag":260,"props":608,"children":610},{"class":262,"line":609},16,[611,616,621],{"type":55,"tag":260,"props":612,"children":613},{"style":324},[614],{"type":60,"value":615},"  constructor",{"type":55,"tag":260,"props":617,"children":618},{"style":273},[619],{"type":60,"value":620},"()",{"type":55,"tag":260,"props":622,"children":623},{"style":273},[624],{"type":60,"value":343},{"type":55,"tag":260,"props":626,"children":628},{"class":262,"line":627},17,[629,634,639],{"type":55,"tag":260,"props":630,"children":631},{"style":279},[632],{"type":60,"value":633},"    super",{"type":55,"tag":260,"props":635,"children":636},{"style":378},[637],{"type":60,"value":638},"(",{"type":55,"tag":260,"props":640,"children":641},{"style":273},[642],{"type":60,"value":643},"{\n",{"type":55,"tag":260,"props":645,"children":647},{"class":262,"line":646},18,[648,653,657,661,666,670],{"type":55,"tag":260,"props":649,"children":650},{"style":378},[651],{"type":60,"value":652},"      pluginId",{"type":55,"tag":260,"props":654,"children":655},{"style":273},[656],{"type":60,"value":367},{"type":55,"tag":260,"props":658,"children":659},{"style":273},[660],{"type":60,"value":297},{"type":55,"tag":260,"props":662,"children":663},{"style":300},[664],{"type":60,"value":665},"my-router",{"type":55,"tag":260,"props":667,"children":668},{"style":273},[669],{"type":60,"value":362},{"type":55,"tag":260,"props":671,"children":672},{"style":273},[673],{"type":60,"value":674},",\n",{"type":55,"tag":260,"props":676,"children":678},{"class":262,"line":677},19,[679,684,688,693,698,703,707,712,717,721,726,730],{"type":55,"tag":260,"props":680,"children":681},{"style":378},[682],{"type":60,"value":683},"      enabled",{"type":55,"tag":260,"props":685,"children":686},{"style":273},[687],{"type":60,"value":367},{"type":55,"tag":260,"props":689,"children":690},{"style":279},[691],{"type":60,"value":692}," process",{"type":55,"tag":260,"props":694,"children":695},{"style":273},[696],{"type":60,"value":697},".",{"type":55,"tag":260,"props":699,"children":700},{"style":279},[701],{"type":60,"value":702},"env",{"type":55,"tag":260,"props":704,"children":705},{"style":273},[706],{"type":60,"value":697},{"type":55,"tag":260,"props":708,"children":709},{"style":279},[710],{"type":60,"value":711},"NODE_ENV",{"type":55,"tag":260,"props":713,"children":714},{"style":273},[715],{"type":60,"value":716}," !==",{"type":55,"tag":260,"props":718,"children":719},{"style":273},[720],{"type":60,"value":297},{"type":55,"tag":260,"props":722,"children":723},{"style":300},[724],{"type":60,"value":725},"production",{"type":55,"tag":260,"props":727,"children":728},{"style":273},[729],{"type":60,"value":362},{"type":55,"tag":260,"props":731,"children":732},{"style":273},[733],{"type":60,"value":674},{"type":55,"tag":260,"props":735,"children":737},{"class":262,"line":736},20,[738,743],{"type":55,"tag":260,"props":739,"children":740},{"style":273},[741],{"type":60,"value":742},"    }",{"type":55,"tag":260,"props":744,"children":745},{"style":378},[746],{"type":60,"value":747},")\n",{"type":55,"tag":260,"props":749,"children":751},{"class":262,"line":750},21,[752],{"type":55,"tag":260,"props":753,"children":754},{"style":273},[755],{"type":60,"value":547},{"type":55,"tag":260,"props":757,"children":759},{"class":262,"line":758},22,[760],{"type":55,"tag":260,"props":761,"children":762},{"style":273},[763],{"type":60,"value":556},{"type":55,"tag":260,"props":765,"children":767},{"class":262,"line":766},23,[768],{"type":55,"tag":260,"props":769,"children":770},{"emptyLinePlaceholder":314},[771],{"type":60,"value":317},{"type":55,"tag":260,"props":773,"children":775},{"class":262,"line":774},24,[776,781,786,791,796,801,806],{"type":55,"tag":260,"props":777,"children":778},{"style":267},[779],{"type":60,"value":780},"export",{"type":55,"tag":260,"props":782,"children":783},{"style":324},[784],{"type":60,"value":785}," const",{"type":55,"tag":260,"props":787,"children":788},{"style":279},[789],{"type":60,"value":790}," routerDevtools ",{"type":55,"tag":260,"props":792,"children":793},{"style":273},[794],{"type":60,"value":795},"=",{"type":55,"tag":260,"props":797,"children":798},{"style":273},[799],{"type":60,"value":800}," new",{"type":55,"tag":260,"props":802,"children":804},{"style":803},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[805],{"type":60,"value":578},{"type":55,"tag":260,"props":807,"children":808},{"style":279},[809],{"type":60,"value":810},"()\n",{"type":55,"tag":249,"props":812,"children":814},{"className":251,"code":813,"language":253,"meta":254,"style":254},"async function runMiddlewarePipeline(\n  req: Request,\n  middlewares: Middleware[],\n): Promise\u003CResponse> {\n  const requestId = crypto.randomUUID()\n  const pipelineStart = performance.now()\n  const chain: Array\u003C{ name: string; durationMs: number }> = []\n  let status = 200\n  let error: string | undefined\n\n  for (const mw of middlewares) {\n    const mwStart = performance.now()\n    try {\n      await mw.handle(req)\n    } catch (e) {\n      error = e instanceof Error ? e.message : String(e)\n      status = 500\n      break\n    }\n    chain.push({ name: mw.name, durationMs: performance.now() - mwStart })\n  }\n\n  \u002F\u002F Single consolidated event at the boundary\n  routerDevtools.emit('request-processed', {\n    id: requestId,\n    method: req.method,\n    path: req.url,\n    duration: performance.now() - pipelineStart,\n    middlewareChain: chain,\n    status,\n    error,\n  })\n\n  return new Response(null, { status })\n}\n",[815],{"type":55,"tag":78,"props":816,"children":817},{"__ignoreMap":254},[818,841,863,889,919,954,988,1054,1077,1107,1114,1156,1189,1201,1235,1264,1331,1348,1356,1364,1458,1465,1472,1481,1522,1542,1572,1601,1641,1661,1673,1685,1698,1706,1749],{"type":55,"tag":260,"props":819,"children":820},{"class":262,"line":263},[821,826,831,836],{"type":55,"tag":260,"props":822,"children":823},{"style":324},[824],{"type":60,"value":825},"async",{"type":55,"tag":260,"props":827,"children":828},{"style":324},[829],{"type":60,"value":830}," function",{"type":55,"tag":260,"props":832,"children":833},{"style":803},[834],{"type":60,"value":835}," runMiddlewarePipeline",{"type":55,"tag":260,"props":837,"children":838},{"style":273},[839],{"type":60,"value":840},"(\n",{"type":55,"tag":260,"props":842,"children":843},{"class":262,"line":310},[844,850,854,859],{"type":55,"tag":260,"props":845,"children":847},{"style":846},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[848],{"type":60,"value":849},"  req",{"type":55,"tag":260,"props":851,"children":852},{"style":273},[853],{"type":60,"value":367},{"type":55,"tag":260,"props":855,"children":856},{"style":330},[857],{"type":60,"value":858}," Request",{"type":55,"tag":260,"props":860,"children":861},{"style":273},[862],{"type":60,"value":674},{"type":55,"tag":260,"props":864,"children":865},{"class":262,"line":320},[866,871,875,880,885],{"type":55,"tag":260,"props":867,"children":868},{"style":846},[869],{"type":60,"value":870},"  middlewares",{"type":55,"tag":260,"props":872,"children":873},{"style":273},[874],{"type":60,"value":367},{"type":55,"tag":260,"props":876,"children":877},{"style":330},[878],{"type":60,"value":879}," Middleware",{"type":55,"tag":260,"props":881,"children":882},{"style":279},[883],{"type":60,"value":884},"[]",{"type":55,"tag":260,"props":886,"children":887},{"style":273},[888],{"type":60,"value":674},{"type":55,"tag":260,"props":890,"children":891},{"class":262,"line":346},[892,897,902,906,911,915],{"type":55,"tag":260,"props":893,"children":894},{"style":273},[895],{"type":60,"value":896},"):",{"type":55,"tag":260,"props":898,"children":899},{"style":330},[900],{"type":60,"value":901}," Promise",{"type":55,"tag":260,"props":903,"children":904},{"style":273},[905],{"type":60,"value":592},{"type":55,"tag":260,"props":907,"children":908},{"style":330},[909],{"type":60,"value":910},"Response",{"type":55,"tag":260,"props":912,"children":913},{"style":273},[914],{"type":60,"value":602},{"type":55,"tag":260,"props":916,"children":917},{"style":273},[918],{"type":60,"value":343},{"type":55,"tag":260,"props":920,"children":921},{"class":262,"line":374},[922,927,932,936,941,945,950],{"type":55,"tag":260,"props":923,"children":924},{"style":324},[925],{"type":60,"value":926},"  const",{"type":55,"tag":260,"props":928,"children":929},{"style":279},[930],{"type":60,"value":931}," requestId",{"type":55,"tag":260,"props":933,"children":934},{"style":273},[935],{"type":60,"value":338},{"type":55,"tag":260,"props":937,"children":938},{"style":279},[939],{"type":60,"value":940}," crypto",{"type":55,"tag":260,"props":942,"children":943},{"style":273},[944],{"type":60,"value":697},{"type":55,"tag":260,"props":946,"children":947},{"style":803},[948],{"type":60,"value":949},"randomUUID",{"type":55,"tag":260,"props":951,"children":952},{"style":378},[953],{"type":60,"value":810},{"type":55,"tag":260,"props":955,"children":956},{"class":262,"line":393},[957,961,966,970,975,979,984],{"type":55,"tag":260,"props":958,"children":959},{"style":324},[960],{"type":60,"value":926},{"type":55,"tag":260,"props":962,"children":963},{"style":279},[964],{"type":60,"value":965}," pipelineStart",{"type":55,"tag":260,"props":967,"children":968},{"style":273},[969],{"type":60,"value":338},{"type":55,"tag":260,"props":971,"children":972},{"style":279},[973],{"type":60,"value":974}," performance",{"type":55,"tag":260,"props":976,"children":977},{"style":273},[978],{"type":60,"value":697},{"type":55,"tag":260,"props":980,"children":981},{"style":803},[982],{"type":60,"value":983},"now",{"type":55,"tag":260,"props":985,"children":986},{"style":378},[987],{"type":60,"value":810},{"type":55,"tag":260,"props":989,"children":990},{"class":262,"line":410},[991,995,1000,1004,1008,1012,1016,1020,1024,1028,1032,1036,1040,1045,1049],{"type":55,"tag":260,"props":992,"children":993},{"style":324},[994],{"type":60,"value":926},{"type":55,"tag":260,"props":996,"children":997},{"style":279},[998],{"type":60,"value":999}," chain",{"type":55,"tag":260,"props":1001,"children":1002},{"style":273},[1003],{"type":60,"value":367},{"type":55,"tag":260,"props":1005,"children":1006},{"style":330},[1007],{"type":60,"value":460},{"type":55,"tag":260,"props":1009,"children":1010},{"style":273},[1011],{"type":60,"value":465},{"type":55,"tag":260,"props":1013,"children":1014},{"style":378},[1015],{"type":60,"value":470},{"type":55,"tag":260,"props":1017,"children":1018},{"style":273},[1019],{"type":60,"value":367},{"type":55,"tag":260,"props":1021,"children":1022},{"style":330},[1023],{"type":60,"value":479},{"type":55,"tag":260,"props":1025,"children":1026},{"style":273},[1027],{"type":60,"value":484},{"type":55,"tag":260,"props":1029,"children":1030},{"style":378},[1031],{"type":60,"value":489},{"type":55,"tag":260,"props":1033,"children":1034},{"style":273},[1035],{"type":60,"value":367},{"type":55,"tag":260,"props":1037,"children":1038},{"style":330},[1039],{"type":60,"value":498},{"type":55,"tag":260,"props":1041,"children":1042},{"style":273},[1043],{"type":60,"value":1044}," }>",{"type":55,"tag":260,"props":1046,"children":1047},{"style":273},[1048],{"type":60,"value":338},{"type":55,"tag":260,"props":1050,"children":1051},{"style":378},[1052],{"type":60,"value":1053}," []\n",{"type":55,"tag":260,"props":1055,"children":1056},{"class":262,"line":427},[1057,1062,1067,1071],{"type":55,"tag":260,"props":1058,"children":1059},{"style":324},[1060],{"type":60,"value":1061},"  let",{"type":55,"tag":260,"props":1063,"children":1064},{"style":279},[1065],{"type":60,"value":1066}," status",{"type":55,"tag":260,"props":1068,"children":1069},{"style":273},[1070],{"type":60,"value":338},{"type":55,"tag":260,"props":1072,"children":1074},{"style":1073},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1075],{"type":60,"value":1076}," 200\n",{"type":55,"tag":260,"props":1078,"children":1079},{"class":262,"line":445},[1080,1084,1089,1093,1097,1102],{"type":55,"tag":260,"props":1081,"children":1082},{"style":324},[1083],{"type":60,"value":1061},{"type":55,"tag":260,"props":1085,"children":1086},{"style":279},[1087],{"type":60,"value":1088}," error",{"type":55,"tag":260,"props":1090,"children":1091},{"style":273},[1092],{"type":60,"value":367},{"type":55,"tag":260,"props":1094,"children":1095},{"style":330},[1096],{"type":60,"value":479},{"type":55,"tag":260,"props":1098,"children":1099},{"style":273},[1100],{"type":60,"value":1101}," |",{"type":55,"tag":260,"props":1103,"children":1104},{"style":330},[1105],{"type":60,"value":1106}," undefined\n",{"type":55,"tag":260,"props":1108,"children":1109},{"class":262,"line":506},[1110],{"type":55,"tag":260,"props":1111,"children":1112},{"emptyLinePlaceholder":314},[1113],{"type":60,"value":317},{"type":55,"tag":260,"props":1115,"children":1116},{"class":262,"line":523},[1117,1122,1127,1132,1137,1142,1147,1152],{"type":55,"tag":260,"props":1118,"children":1119},{"style":267},[1120],{"type":60,"value":1121},"  for",{"type":55,"tag":260,"props":1123,"children":1124},{"style":378},[1125],{"type":60,"value":1126}," (",{"type":55,"tag":260,"props":1128,"children":1129},{"style":324},[1130],{"type":60,"value":1131},"const",{"type":55,"tag":260,"props":1133,"children":1134},{"style":279},[1135],{"type":60,"value":1136}," mw",{"type":55,"tag":260,"props":1138,"children":1139},{"style":273},[1140],{"type":60,"value":1141}," of",{"type":55,"tag":260,"props":1143,"children":1144},{"style":279},[1145],{"type":60,"value":1146}," middlewares",{"type":55,"tag":260,"props":1148,"children":1149},{"style":378},[1150],{"type":60,"value":1151},") ",{"type":55,"tag":260,"props":1153,"children":1154},{"style":273},[1155],{"type":60,"value":643},{"type":55,"tag":260,"props":1157,"children":1158},{"class":262,"line":541},[1159,1164,1169,1173,1177,1181,1185],{"type":55,"tag":260,"props":1160,"children":1161},{"style":324},[1162],{"type":60,"value":1163},"    const",{"type":55,"tag":260,"props":1165,"children":1166},{"style":279},[1167],{"type":60,"value":1168}," mwStart",{"type":55,"tag":260,"props":1170,"children":1171},{"style":273},[1172],{"type":60,"value":338},{"type":55,"tag":260,"props":1174,"children":1175},{"style":279},[1176],{"type":60,"value":974},{"type":55,"tag":260,"props":1178,"children":1179},{"style":273},[1180],{"type":60,"value":697},{"type":55,"tag":260,"props":1182,"children":1183},{"style":803},[1184],{"type":60,"value":983},{"type":55,"tag":260,"props":1186,"children":1187},{"style":378},[1188],{"type":60,"value":810},{"type":55,"tag":260,"props":1190,"children":1191},{"class":262,"line":550},[1192,1197],{"type":55,"tag":260,"props":1193,"children":1194},{"style":267},[1195],{"type":60,"value":1196},"    try",{"type":55,"tag":260,"props":1198,"children":1199},{"style":273},[1200],{"type":60,"value":343},{"type":55,"tag":260,"props":1202,"children":1203},{"class":262,"line":559},[1204,1209,1213,1217,1222,1226,1231],{"type":55,"tag":260,"props":1205,"children":1206},{"style":267},[1207],{"type":60,"value":1208},"      await",{"type":55,"tag":260,"props":1210,"children":1211},{"style":279},[1212],{"type":60,"value":1136},{"type":55,"tag":260,"props":1214,"children":1215},{"style":273},[1216],{"type":60,"value":697},{"type":55,"tag":260,"props":1218,"children":1219},{"style":803},[1220],{"type":60,"value":1221},"handle",{"type":55,"tag":260,"props":1223,"children":1224},{"style":378},[1225],{"type":60,"value":638},{"type":55,"tag":260,"props":1227,"children":1228},{"style":279},[1229],{"type":60,"value":1230},"req",{"type":55,"tag":260,"props":1232,"children":1233},{"style":378},[1234],{"type":60,"value":747},{"type":55,"tag":260,"props":1236,"children":1237},{"class":262,"line":567},[1238,1242,1247,1251,1256,1260],{"type":55,"tag":260,"props":1239,"children":1240},{"style":273},[1241],{"type":60,"value":742},{"type":55,"tag":260,"props":1243,"children":1244},{"style":267},[1245],{"type":60,"value":1246}," catch",{"type":55,"tag":260,"props":1248,"children":1249},{"style":378},[1250],{"type":60,"value":1126},{"type":55,"tag":260,"props":1252,"children":1253},{"style":279},[1254],{"type":60,"value":1255},"e",{"type":55,"tag":260,"props":1257,"children":1258},{"style":378},[1259],{"type":60,"value":1151},{"type":55,"tag":260,"props":1261,"children":1262},{"style":273},[1263],{"type":60,"value":643},{"type":55,"tag":260,"props":1265,"children":1266},{"class":262,"line":609},[1267,1272,1276,1281,1286,1291,1296,1300,1304,1309,1314,1319,1323,1327],{"type":55,"tag":260,"props":1268,"children":1269},{"style":279},[1270],{"type":60,"value":1271},"      error",{"type":55,"tag":260,"props":1273,"children":1274},{"style":273},[1275],{"type":60,"value":338},{"type":55,"tag":260,"props":1277,"children":1278},{"style":279},[1279],{"type":60,"value":1280}," e",{"type":55,"tag":260,"props":1282,"children":1283},{"style":273},[1284],{"type":60,"value":1285}," instanceof",{"type":55,"tag":260,"props":1287,"children":1288},{"style":330},[1289],{"type":60,"value":1290}," Error",{"type":55,"tag":260,"props":1292,"children":1293},{"style":273},[1294],{"type":60,"value":1295}," ?",{"type":55,"tag":260,"props":1297,"children":1298},{"style":279},[1299],{"type":60,"value":1280},{"type":55,"tag":260,"props":1301,"children":1302},{"style":273},[1303],{"type":60,"value":697},{"type":55,"tag":260,"props":1305,"children":1306},{"style":279},[1307],{"type":60,"value":1308},"message",{"type":55,"tag":260,"props":1310,"children":1311},{"style":273},[1312],{"type":60,"value":1313}," :",{"type":55,"tag":260,"props":1315,"children":1316},{"style":803},[1317],{"type":60,"value":1318}," String",{"type":55,"tag":260,"props":1320,"children":1321},{"style":378},[1322],{"type":60,"value":638},{"type":55,"tag":260,"props":1324,"children":1325},{"style":279},[1326],{"type":60,"value":1255},{"type":55,"tag":260,"props":1328,"children":1329},{"style":378},[1330],{"type":60,"value":747},{"type":55,"tag":260,"props":1332,"children":1333},{"class":262,"line":627},[1334,1339,1343],{"type":55,"tag":260,"props":1335,"children":1336},{"style":279},[1337],{"type":60,"value":1338},"      status",{"type":55,"tag":260,"props":1340,"children":1341},{"style":273},[1342],{"type":60,"value":338},{"type":55,"tag":260,"props":1344,"children":1345},{"style":1073},[1346],{"type":60,"value":1347}," 500\n",{"type":55,"tag":260,"props":1349,"children":1350},{"class":262,"line":646},[1351],{"type":55,"tag":260,"props":1352,"children":1353},{"style":267},[1354],{"type":60,"value":1355},"      break\n",{"type":55,"tag":260,"props":1357,"children":1358},{"class":262,"line":677},[1359],{"type":55,"tag":260,"props":1360,"children":1361},{"style":273},[1362],{"type":60,"value":1363},"    }\n",{"type":55,"tag":260,"props":1365,"children":1366},{"class":262,"line":736},[1367,1372,1376,1381,1385,1390,1394,1398,1402,1406,1411,1416,1420,1424,1428,1432,1436,1441,1446,1450,1454],{"type":55,"tag":260,"props":1368,"children":1369},{"style":279},[1370],{"type":60,"value":1371},"    chain",{"type":55,"tag":260,"props":1373,"children":1374},{"style":273},[1375],{"type":60,"value":697},{"type":55,"tag":260,"props":1377,"children":1378},{"style":803},[1379],{"type":60,"value":1380},"push",{"type":55,"tag":260,"props":1382,"children":1383},{"style":378},[1384],{"type":60,"value":638},{"type":55,"tag":260,"props":1386,"children":1387},{"style":273},[1388],{"type":60,"value":1389},"{",{"type":55,"tag":260,"props":1391,"children":1392},{"style":378},[1393],{"type":60,"value":470},{"type":55,"tag":260,"props":1395,"children":1396},{"style":273},[1397],{"type":60,"value":367},{"type":55,"tag":260,"props":1399,"children":1400},{"style":279},[1401],{"type":60,"value":1136},{"type":55,"tag":260,"props":1403,"children":1404},{"style":273},[1405],{"type":60,"value":697},{"type":55,"tag":260,"props":1407,"children":1408},{"style":279},[1409],{"type":60,"value":1410},"name",{"type":55,"tag":260,"props":1412,"children":1413},{"style":273},[1414],{"type":60,"value":1415},",",{"type":55,"tag":260,"props":1417,"children":1418},{"style":378},[1419],{"type":60,"value":489},{"type":55,"tag":260,"props":1421,"children":1422},{"style":273},[1423],{"type":60,"value":367},{"type":55,"tag":260,"props":1425,"children":1426},{"style":279},[1427],{"type":60,"value":974},{"type":55,"tag":260,"props":1429,"children":1430},{"style":273},[1431],{"type":60,"value":697},{"type":55,"tag":260,"props":1433,"children":1434},{"style":803},[1435],{"type":60,"value":983},{"type":55,"tag":260,"props":1437,"children":1438},{"style":378},[1439],{"type":60,"value":1440},"() ",{"type":55,"tag":260,"props":1442,"children":1443},{"style":273},[1444],{"type":60,"value":1445},"-",{"type":55,"tag":260,"props":1447,"children":1448},{"style":279},[1449],{"type":60,"value":1168},{"type":55,"tag":260,"props":1451,"children":1452},{"style":273},[1453],{"type":60,"value":287},{"type":55,"tag":260,"props":1455,"children":1456},{"style":378},[1457],{"type":60,"value":747},{"type":55,"tag":260,"props":1459,"children":1460},{"class":262,"line":750},[1461],{"type":55,"tag":260,"props":1462,"children":1463},{"style":273},[1464],{"type":60,"value":547},{"type":55,"tag":260,"props":1466,"children":1467},{"class":262,"line":758},[1468],{"type":55,"tag":260,"props":1469,"children":1470},{"emptyLinePlaceholder":314},[1471],{"type":60,"value":317},{"type":55,"tag":260,"props":1473,"children":1474},{"class":262,"line":766},[1475],{"type":55,"tag":260,"props":1476,"children":1478},{"style":1477},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1479],{"type":60,"value":1480},"  \u002F\u002F Single consolidated event at the boundary\n",{"type":55,"tag":260,"props":1482,"children":1483},{"class":262,"line":774},[1484,1489,1493,1498,1502,1506,1510,1514,1518],{"type":55,"tag":260,"props":1485,"children":1486},{"style":279},[1487],{"type":60,"value":1488},"  routerDevtools",{"type":55,"tag":260,"props":1490,"children":1491},{"style":273},[1492],{"type":60,"value":697},{"type":55,"tag":260,"props":1494,"children":1495},{"style":803},[1496],{"type":60,"value":1497},"emit",{"type":55,"tag":260,"props":1499,"children":1500},{"style":378},[1501],{"type":60,"value":638},{"type":55,"tag":260,"props":1503,"children":1504},{"style":273},[1505],{"type":60,"value":362},{"type":55,"tag":260,"props":1507,"children":1508},{"style":300},[1509],{"type":60,"value":357},{"type":55,"tag":260,"props":1511,"children":1512},{"style":273},[1513],{"type":60,"value":362},{"type":55,"tag":260,"props":1515,"children":1516},{"style":273},[1517],{"type":60,"value":1415},{"type":55,"tag":260,"props":1519,"children":1520},{"style":273},[1521],{"type":60,"value":343},{"type":55,"tag":260,"props":1523,"children":1525},{"class":262,"line":1524},25,[1526,1530,1534,1538],{"type":55,"tag":260,"props":1527,"children":1528},{"style":378},[1529],{"type":60,"value":381},{"type":55,"tag":260,"props":1531,"children":1532},{"style":273},[1533],{"type":60,"value":367},{"type":55,"tag":260,"props":1535,"children":1536},{"style":279},[1537],{"type":60,"value":931},{"type":55,"tag":260,"props":1539,"children":1540},{"style":273},[1541],{"type":60,"value":674},{"type":55,"tag":260,"props":1543,"children":1545},{"class":262,"line":1544},26,[1546,1550,1554,1559,1563,1568],{"type":55,"tag":260,"props":1547,"children":1548},{"style":378},[1549],{"type":60,"value":399},{"type":55,"tag":260,"props":1551,"children":1552},{"style":273},[1553],{"type":60,"value":367},{"type":55,"tag":260,"props":1555,"children":1556},{"style":279},[1557],{"type":60,"value":1558}," req",{"type":55,"tag":260,"props":1560,"children":1561},{"style":273},[1562],{"type":60,"value":697},{"type":55,"tag":260,"props":1564,"children":1565},{"style":279},[1566],{"type":60,"value":1567},"method",{"type":55,"tag":260,"props":1569,"children":1570},{"style":273},[1571],{"type":60,"value":674},{"type":55,"tag":260,"props":1573,"children":1575},{"class":262,"line":1574},27,[1576,1580,1584,1588,1592,1597],{"type":55,"tag":260,"props":1577,"children":1578},{"style":378},[1579],{"type":60,"value":416},{"type":55,"tag":260,"props":1581,"children":1582},{"style":273},[1583],{"type":60,"value":367},{"type":55,"tag":260,"props":1585,"children":1586},{"style":279},[1587],{"type":60,"value":1558},{"type":55,"tag":260,"props":1589,"children":1590},{"style":273},[1591],{"type":60,"value":697},{"type":55,"tag":260,"props":1593,"children":1594},{"style":279},[1595],{"type":60,"value":1596},"url",{"type":55,"tag":260,"props":1598,"children":1599},{"style":273},[1600],{"type":60,"value":674},{"type":55,"tag":260,"props":1602,"children":1604},{"class":262,"line":1603},28,[1605,1609,1613,1617,1621,1625,1629,1633,1637],{"type":55,"tag":260,"props":1606,"children":1607},{"style":378},[1608],{"type":60,"value":433},{"type":55,"tag":260,"props":1610,"children":1611},{"style":273},[1612],{"type":60,"value":367},{"type":55,"tag":260,"props":1614,"children":1615},{"style":279},[1616],{"type":60,"value":974},{"type":55,"tag":260,"props":1618,"children":1619},{"style":273},[1620],{"type":60,"value":697},{"type":55,"tag":260,"props":1622,"children":1623},{"style":803},[1624],{"type":60,"value":983},{"type":55,"tag":260,"props":1626,"children":1627},{"style":378},[1628],{"type":60,"value":1440},{"type":55,"tag":260,"props":1630,"children":1631},{"style":273},[1632],{"type":60,"value":1445},{"type":55,"tag":260,"props":1634,"children":1635},{"style":279},[1636],{"type":60,"value":965},{"type":55,"tag":260,"props":1638,"children":1639},{"style":273},[1640],{"type":60,"value":674},{"type":55,"tag":260,"props":1642,"children":1644},{"class":262,"line":1643},29,[1645,1649,1653,1657],{"type":55,"tag":260,"props":1646,"children":1647},{"style":378},[1648],{"type":60,"value":451},{"type":55,"tag":260,"props":1650,"children":1651},{"style":273},[1652],{"type":60,"value":367},{"type":55,"tag":260,"props":1654,"children":1655},{"style":279},[1656],{"type":60,"value":999},{"type":55,"tag":260,"props":1658,"children":1659},{"style":273},[1660],{"type":60,"value":674},{"type":55,"tag":260,"props":1662,"children":1664},{"class":262,"line":1663},30,[1665,1669],{"type":55,"tag":260,"props":1666,"children":1667},{"style":279},[1668],{"type":60,"value":512},{"type":55,"tag":260,"props":1670,"children":1671},{"style":273},[1672],{"type":60,"value":674},{"type":55,"tag":260,"props":1674,"children":1676},{"class":262,"line":1675},31,[1677,1681],{"type":55,"tag":260,"props":1678,"children":1679},{"style":279},[1680],{"type":60,"value":529},{"type":55,"tag":260,"props":1682,"children":1683},{"style":273},[1684],{"type":60,"value":674},{"type":55,"tag":260,"props":1686,"children":1688},{"class":262,"line":1687},32,[1689,1694],{"type":55,"tag":260,"props":1690,"children":1691},{"style":273},[1692],{"type":60,"value":1693},"  }",{"type":55,"tag":260,"props":1695,"children":1696},{"style":378},[1697],{"type":60,"value":747},{"type":55,"tag":260,"props":1699,"children":1701},{"class":262,"line":1700},33,[1702],{"type":55,"tag":260,"props":1703,"children":1704},{"emptyLinePlaceholder":314},[1705],{"type":60,"value":317},{"type":55,"tag":260,"props":1707,"children":1709},{"class":262,"line":1708},34,[1710,1715,1719,1724,1728,1733,1737,1741,1745],{"type":55,"tag":260,"props":1711,"children":1712},{"style":267},[1713],{"type":60,"value":1714},"  return",{"type":55,"tag":260,"props":1716,"children":1717},{"style":273},[1718],{"type":60,"value":800},{"type":55,"tag":260,"props":1720,"children":1721},{"style":803},[1722],{"type":60,"value":1723}," Response",{"type":55,"tag":260,"props":1725,"children":1726},{"style":378},[1727],{"type":60,"value":638},{"type":55,"tag":260,"props":1729,"children":1730},{"style":273},[1731],{"type":60,"value":1732},"null,",{"type":55,"tag":260,"props":1734,"children":1735},{"style":273},[1736],{"type":60,"value":276},{"type":55,"tag":260,"props":1738,"children":1739},{"style":279},[1740],{"type":60,"value":1066},{"type":55,"tag":260,"props":1742,"children":1743},{"style":273},[1744],{"type":60,"value":287},{"type":55,"tag":260,"props":1746,"children":1747},{"style":378},[1748],{"type":60,"value":747},{"type":55,"tag":260,"props":1750,"children":1752},{"class":262,"line":1751},35,[1753],{"type":55,"tag":260,"props":1754,"children":1755},{"style":273},[1756],{"type":60,"value":556},{"type":55,"tag":66,"props":1758,"children":1759},{},[1760],{"type":60,"value":1761},"ONE event per request, not 2N events (start + end for each middleware).",{"type":55,"tag":237,"props":1763,"children":1765},{"id":1764},"_2-state-transition-emission",[1766],{"type":60,"value":1767},"2. State Transition Emission",{"type":55,"tag":66,"props":1769,"children":1770},{},[1771],{"type":60,"value":1772},"Emit when the state machine moves between phases, not on every internal mutation.",{"type":55,"tag":249,"props":1774,"children":1776},{"className":251,"code":1775,"language":253,"meta":254,"style":254},"type QueryEvents = {\n  'query-lifecycle': {\n    queryKey: string\n    from: 'idle' | 'loading' | 'success' | 'error' | 'stale'\n    to: 'idle' | 'loading' | 'success' | 'error' | 'stale'\n    data?: unknown\n    error?: string\n    fetchDuration?: number\n    timestamp: number\n  }\n}\n\nclass QueryDevtoolsClient extends EventClient\u003CQueryEvents> {\n  constructor() {\n    super({\n      pluginId: 'my-query-lib',\n      enabled: process.env.NODE_ENV !== 'production',\n    })\n  }\n}\n\nexport const queryDevtools = new QueryDevtoolsClient()\n",[1777],{"type":55,"tag":78,"props":1778,"children":1779},{"__ignoreMap":254},[1780,1800,1824,1840,1933,2021,2038,2053,2069,2085,2092,2099,2106,2143,2158,2173,2201,2252,2263,2270,2277,2284],{"type":55,"tag":260,"props":1781,"children":1782},{"class":262,"line":263},[1783,1787,1792,1796],{"type":55,"tag":260,"props":1784,"children":1785},{"style":324},[1786],{"type":60,"value":327},{"type":55,"tag":260,"props":1788,"children":1789},{"style":330},[1790],{"type":60,"value":1791}," QueryEvents",{"type":55,"tag":260,"props":1793,"children":1794},{"style":273},[1795],{"type":60,"value":338},{"type":55,"tag":260,"props":1797,"children":1798},{"style":273},[1799],{"type":60,"value":343},{"type":55,"tag":260,"props":1801,"children":1802},{"class":262,"line":310},[1803,1807,1812,1816,1820],{"type":55,"tag":260,"props":1804,"children":1805},{"style":273},[1806],{"type":60,"value":352},{"type":55,"tag":260,"props":1808,"children":1809},{"style":300},[1810],{"type":60,"value":1811},"query-lifecycle",{"type":55,"tag":260,"props":1813,"children":1814},{"style":273},[1815],{"type":60,"value":362},{"type":55,"tag":260,"props":1817,"children":1818},{"style":273},[1819],{"type":60,"value":367},{"type":55,"tag":260,"props":1821,"children":1822},{"style":273},[1823],{"type":60,"value":343},{"type":55,"tag":260,"props":1825,"children":1826},{"class":262,"line":320},[1827,1832,1836],{"type":55,"tag":260,"props":1828,"children":1829},{"style":378},[1830],{"type":60,"value":1831},"    queryKey",{"type":55,"tag":260,"props":1833,"children":1834},{"style":273},[1835],{"type":60,"value":367},{"type":55,"tag":260,"props":1837,"children":1838},{"style":330},[1839],{"type":60,"value":390},{"type":55,"tag":260,"props":1841,"children":1842},{"class":262,"line":346},[1843,1848,1852,1856,1861,1865,1869,1873,1878,1882,1886,1890,1895,1899,1903,1907,1912,1916,1920,1924,1929],{"type":55,"tag":260,"props":1844,"children":1845},{"style":378},[1846],{"type":60,"value":1847},"    from",{"type":55,"tag":260,"props":1849,"children":1850},{"style":273},[1851],{"type":60,"value":367},{"type":55,"tag":260,"props":1853,"children":1854},{"style":273},[1855],{"type":60,"value":297},{"type":55,"tag":260,"props":1857,"children":1858},{"style":300},[1859],{"type":60,"value":1860},"idle",{"type":55,"tag":260,"props":1862,"children":1863},{"style":273},[1864],{"type":60,"value":362},{"type":55,"tag":260,"props":1866,"children":1867},{"style":273},[1868],{"type":60,"value":1101},{"type":55,"tag":260,"props":1870,"children":1871},{"style":273},[1872],{"type":60,"value":297},{"type":55,"tag":260,"props":1874,"children":1875},{"style":300},[1876],{"type":60,"value":1877},"loading",{"type":55,"tag":260,"props":1879,"children":1880},{"style":273},[1881],{"type":60,"value":362},{"type":55,"tag":260,"props":1883,"children":1884},{"style":273},[1885],{"type":60,"value":1101},{"type":55,"tag":260,"props":1887,"children":1888},{"style":273},[1889],{"type":60,"value":297},{"type":55,"tag":260,"props":1891,"children":1892},{"style":300},[1893],{"type":60,"value":1894},"success",{"type":55,"tag":260,"props":1896,"children":1897},{"style":273},[1898],{"type":60,"value":362},{"type":55,"tag":260,"props":1900,"children":1901},{"style":273},[1902],{"type":60,"value":1101},{"type":55,"tag":260,"props":1904,"children":1905},{"style":273},[1906],{"type":60,"value":297},{"type":55,"tag":260,"props":1908,"children":1909},{"style":300},[1910],{"type":60,"value":1911},"error",{"type":55,"tag":260,"props":1913,"children":1914},{"style":273},[1915],{"type":60,"value":362},{"type":55,"tag":260,"props":1917,"children":1918},{"style":273},[1919],{"type":60,"value":1101},{"type":55,"tag":260,"props":1921,"children":1922},{"style":273},[1923],{"type":60,"value":297},{"type":55,"tag":260,"props":1925,"children":1926},{"style":300},[1927],{"type":60,"value":1928},"stale",{"type":55,"tag":260,"props":1930,"children":1931},{"style":273},[1932],{"type":60,"value":307},{"type":55,"tag":260,"props":1934,"children":1935},{"class":262,"line":374},[1936,1941,1945,1949,1953,1957,1961,1965,1969,1973,1977,1981,1985,1989,1993,1997,2001,2005,2009,2013,2017],{"type":55,"tag":260,"props":1937,"children":1938},{"style":378},[1939],{"type":60,"value":1940},"    to",{"type":55,"tag":260,"props":1942,"children":1943},{"style":273},[1944],{"type":60,"value":367},{"type":55,"tag":260,"props":1946,"children":1947},{"style":273},[1948],{"type":60,"value":297},{"type":55,"tag":260,"props":1950,"children":1951},{"style":300},[1952],{"type":60,"value":1860},{"type":55,"tag":260,"props":1954,"children":1955},{"style":273},[1956],{"type":60,"value":362},{"type":55,"tag":260,"props":1958,"children":1959},{"style":273},[1960],{"type":60,"value":1101},{"type":55,"tag":260,"props":1962,"children":1963},{"style":273},[1964],{"type":60,"value":297},{"type":55,"tag":260,"props":1966,"children":1967},{"style":300},[1968],{"type":60,"value":1877},{"type":55,"tag":260,"props":1970,"children":1971},{"style":273},[1972],{"type":60,"value":362},{"type":55,"tag":260,"props":1974,"children":1975},{"style":273},[1976],{"type":60,"value":1101},{"type":55,"tag":260,"props":1978,"children":1979},{"style":273},[1980],{"type":60,"value":297},{"type":55,"tag":260,"props":1982,"children":1983},{"style":300},[1984],{"type":60,"value":1894},{"type":55,"tag":260,"props":1986,"children":1987},{"style":273},[1988],{"type":60,"value":362},{"type":55,"tag":260,"props":1990,"children":1991},{"style":273},[1992],{"type":60,"value":1101},{"type":55,"tag":260,"props":1994,"children":1995},{"style":273},[1996],{"type":60,"value":297},{"type":55,"tag":260,"props":1998,"children":1999},{"style":300},[2000],{"type":60,"value":1911},{"type":55,"tag":260,"props":2002,"children":2003},{"style":273},[2004],{"type":60,"value":362},{"type":55,"tag":260,"props":2006,"children":2007},{"style":273},[2008],{"type":60,"value":1101},{"type":55,"tag":260,"props":2010,"children":2011},{"style":273},[2012],{"type":60,"value":297},{"type":55,"tag":260,"props":2014,"children":2015},{"style":300},[2016],{"type":60,"value":1928},{"type":55,"tag":260,"props":2018,"children":2019},{"style":273},[2020],{"type":60,"value":307},{"type":55,"tag":260,"props":2022,"children":2023},{"class":262,"line":393},[2024,2029,2033],{"type":55,"tag":260,"props":2025,"children":2026},{"style":378},[2027],{"type":60,"value":2028},"    data",{"type":55,"tag":260,"props":2030,"children":2031},{"style":273},[2032],{"type":60,"value":534},{"type":55,"tag":260,"props":2034,"children":2035},{"style":330},[2036],{"type":60,"value":2037}," unknown\n",{"type":55,"tag":260,"props":2039,"children":2040},{"class":262,"line":410},[2041,2045,2049],{"type":55,"tag":260,"props":2042,"children":2043},{"style":378},[2044],{"type":60,"value":529},{"type":55,"tag":260,"props":2046,"children":2047},{"style":273},[2048],{"type":60,"value":534},{"type":55,"tag":260,"props":2050,"children":2051},{"style":330},[2052],{"type":60,"value":390},{"type":55,"tag":260,"props":2054,"children":2055},{"class":262,"line":427},[2056,2061,2065],{"type":55,"tag":260,"props":2057,"children":2058},{"style":378},[2059],{"type":60,"value":2060},"    fetchDuration",{"type":55,"tag":260,"props":2062,"children":2063},{"style":273},[2064],{"type":60,"value":534},{"type":55,"tag":260,"props":2066,"children":2067},{"style":330},[2068],{"type":60,"value":442},{"type":55,"tag":260,"props":2070,"children":2071},{"class":262,"line":445},[2072,2077,2081],{"type":55,"tag":260,"props":2073,"children":2074},{"style":378},[2075],{"type":60,"value":2076},"    timestamp",{"type":55,"tag":260,"props":2078,"children":2079},{"style":273},[2080],{"type":60,"value":367},{"type":55,"tag":260,"props":2082,"children":2083},{"style":330},[2084],{"type":60,"value":442},{"type":55,"tag":260,"props":2086,"children":2087},{"class":262,"line":506},[2088],{"type":55,"tag":260,"props":2089,"children":2090},{"style":273},[2091],{"type":60,"value":547},{"type":55,"tag":260,"props":2093,"children":2094},{"class":262,"line":523},[2095],{"type":55,"tag":260,"props":2096,"children":2097},{"style":273},[2098],{"type":60,"value":556},{"type":55,"tag":260,"props":2100,"children":2101},{"class":262,"line":541},[2102],{"type":55,"tag":260,"props":2103,"children":2104},{"emptyLinePlaceholder":314},[2105],{"type":60,"value":317},{"type":55,"tag":260,"props":2107,"children":2108},{"class":262,"line":550},[2109,2113,2118,2122,2126,2130,2135,2139],{"type":55,"tag":260,"props":2110,"children":2111},{"style":324},[2112],{"type":60,"value":573},{"type":55,"tag":260,"props":2114,"children":2115},{"style":330},[2116],{"type":60,"value":2117}," QueryDevtoolsClient",{"type":55,"tag":260,"props":2119,"children":2120},{"style":324},[2121],{"type":60,"value":583},{"type":55,"tag":260,"props":2123,"children":2124},{"style":330},[2125],{"type":60,"value":282},{"type":55,"tag":260,"props":2127,"children":2128},{"style":273},[2129],{"type":60,"value":592},{"type":55,"tag":260,"props":2131,"children":2132},{"style":330},[2133],{"type":60,"value":2134},"QueryEvents",{"type":55,"tag":260,"props":2136,"children":2137},{"style":273},[2138],{"type":60,"value":602},{"type":55,"tag":260,"props":2140,"children":2141},{"style":273},[2142],{"type":60,"value":343},{"type":55,"tag":260,"props":2144,"children":2145},{"class":262,"line":559},[2146,2150,2154],{"type":55,"tag":260,"props":2147,"children":2148},{"style":324},[2149],{"type":60,"value":615},{"type":55,"tag":260,"props":2151,"children":2152},{"style":273},[2153],{"type":60,"value":620},{"type":55,"tag":260,"props":2155,"children":2156},{"style":273},[2157],{"type":60,"value":343},{"type":55,"tag":260,"props":2159,"children":2160},{"class":262,"line":567},[2161,2165,2169],{"type":55,"tag":260,"props":2162,"children":2163},{"style":279},[2164],{"type":60,"value":633},{"type":55,"tag":260,"props":2166,"children":2167},{"style":378},[2168],{"type":60,"value":638},{"type":55,"tag":260,"props":2170,"children":2171},{"style":273},[2172],{"type":60,"value":643},{"type":55,"tag":260,"props":2174,"children":2175},{"class":262,"line":609},[2176,2180,2184,2188,2193,2197],{"type":55,"tag":260,"props":2177,"children":2178},{"style":378},[2179],{"type":60,"value":652},{"type":55,"tag":260,"props":2181,"children":2182},{"style":273},[2183],{"type":60,"value":367},{"type":55,"tag":260,"props":2185,"children":2186},{"style":273},[2187],{"type":60,"value":297},{"type":55,"tag":260,"props":2189,"children":2190},{"style":300},[2191],{"type":60,"value":2192},"my-query-lib",{"type":55,"tag":260,"props":2194,"children":2195},{"style":273},[2196],{"type":60,"value":362},{"type":55,"tag":260,"props":2198,"children":2199},{"style":273},[2200],{"type":60,"value":674},{"type":55,"tag":260,"props":2202,"children":2203},{"class":262,"line":627},[2204,2208,2212,2216,2220,2224,2228,2232,2236,2240,2244,2248],{"type":55,"tag":260,"props":2205,"children":2206},{"style":378},[2207],{"type":60,"value":683},{"type":55,"tag":260,"props":2209,"children":2210},{"style":273},[2211],{"type":60,"value":367},{"type":55,"tag":260,"props":2213,"children":2214},{"style":279},[2215],{"type":60,"value":692},{"type":55,"tag":260,"props":2217,"children":2218},{"style":273},[2219],{"type":60,"value":697},{"type":55,"tag":260,"props":2221,"children":2222},{"style":279},[2223],{"type":60,"value":702},{"type":55,"tag":260,"props":2225,"children":2226},{"style":273},[2227],{"type":60,"value":697},{"type":55,"tag":260,"props":2229,"children":2230},{"style":279},[2231],{"type":60,"value":711},{"type":55,"tag":260,"props":2233,"children":2234},{"style":273},[2235],{"type":60,"value":716},{"type":55,"tag":260,"props":2237,"children":2238},{"style":273},[2239],{"type":60,"value":297},{"type":55,"tag":260,"props":2241,"children":2242},{"style":300},[2243],{"type":60,"value":725},{"type":55,"tag":260,"props":2245,"children":2246},{"style":273},[2247],{"type":60,"value":362},{"type":55,"tag":260,"props":2249,"children":2250},{"style":273},[2251],{"type":60,"value":674},{"type":55,"tag":260,"props":2253,"children":2254},{"class":262,"line":646},[2255,2259],{"type":55,"tag":260,"props":2256,"children":2257},{"style":273},[2258],{"type":60,"value":742},{"type":55,"tag":260,"props":2260,"children":2261},{"style":378},[2262],{"type":60,"value":747},{"type":55,"tag":260,"props":2264,"children":2265},{"class":262,"line":677},[2266],{"type":55,"tag":260,"props":2267,"children":2268},{"style":273},[2269],{"type":60,"value":547},{"type":55,"tag":260,"props":2271,"children":2272},{"class":262,"line":736},[2273],{"type":55,"tag":260,"props":2274,"children":2275},{"style":273},[2276],{"type":60,"value":556},{"type":55,"tag":260,"props":2278,"children":2279},{"class":262,"line":750},[2280],{"type":55,"tag":260,"props":2281,"children":2282},{"emptyLinePlaceholder":314},[2283],{"type":60,"value":317},{"type":55,"tag":260,"props":2285,"children":2286},{"class":262,"line":758},[2287,2291,2295,2300,2304,2308,2312],{"type":55,"tag":260,"props":2288,"children":2289},{"style":267},[2290],{"type":60,"value":780},{"type":55,"tag":260,"props":2292,"children":2293},{"style":324},[2294],{"type":60,"value":785},{"type":55,"tag":260,"props":2296,"children":2297},{"style":279},[2298],{"type":60,"value":2299}," queryDevtools ",{"type":55,"tag":260,"props":2301,"children":2302},{"style":273},[2303],{"type":60,"value":795},{"type":55,"tag":260,"props":2305,"children":2306},{"style":273},[2307],{"type":60,"value":800},{"type":55,"tag":260,"props":2309,"children":2310},{"style":803},[2311],{"type":60,"value":2117},{"type":55,"tag":260,"props":2313,"children":2314},{"style":279},[2315],{"type":60,"value":810},{"type":55,"tag":249,"props":2317,"children":2319},{"className":251,"code":2318,"language":253,"meta":254,"style":254},"class Query {\n  #state: QueryState = 'idle'\n\n  private transition(\n    to: QueryState,\n    extra?: Partial\u003CQueryEvents['query-lifecycle']>,\n  ) {\n    const from = this.#state\n    if (from === to) return \u002F\u002F No transition, no event\n    this.#state = to\n    queryDevtools.emit('query-lifecycle', {\n      queryKey: this.key,\n      from,\n      to,\n      timestamp: Date.now(),\n      ...extra,\n    })\n  }\n\n  async fetch() {\n    this.transition('loading')\n    const start = performance.now()\n    try {\n      const data = await this.fetcher()\n      this.transition('success', {\n        data: structuredClone(data),\n        fetchDuration: performance.now() - start,\n      })\n    } catch (e) {\n      this.transition('error', {\n        error: e instanceof Error ? e.message : String(e),\n        fetchDuration: performance.now() - start,\n      })\n    }\n  }\n}\n",[2320],{"type":55,"tag":78,"props":2321,"children":2322},{"__ignoreMap":254},[2323,2339,2372,2379,2396,2415,2467,2479,2504,2545,2567,2607,2632,2644,2656,2689,2706,2717,2724,2731,2752,2784,2816,2827,2862,2898,2933,2973,2985,3012,3047,3111,3150,3161,3168,3175],{"type":55,"tag":260,"props":2324,"children":2325},{"class":262,"line":263},[2326,2330,2335],{"type":55,"tag":260,"props":2327,"children":2328},{"style":324},[2329],{"type":60,"value":573},{"type":55,"tag":260,"props":2331,"children":2332},{"style":330},[2333],{"type":60,"value":2334}," Query",{"type":55,"tag":260,"props":2336,"children":2337},{"style":273},[2338],{"type":60,"value":343},{"type":55,"tag":260,"props":2340,"children":2341},{"class":262,"line":310},[2342,2347,2351,2356,2360,2364,2368],{"type":55,"tag":260,"props":2343,"children":2344},{"style":378},[2345],{"type":60,"value":2346},"  #state",{"type":55,"tag":260,"props":2348,"children":2349},{"style":273},[2350],{"type":60,"value":367},{"type":55,"tag":260,"props":2352,"children":2353},{"style":330},[2354],{"type":60,"value":2355}," QueryState",{"type":55,"tag":260,"props":2357,"children":2358},{"style":273},[2359],{"type":60,"value":338},{"type":55,"tag":260,"props":2361,"children":2362},{"style":273},[2363],{"type":60,"value":297},{"type":55,"tag":260,"props":2365,"children":2366},{"style":300},[2367],{"type":60,"value":1860},{"type":55,"tag":260,"props":2369,"children":2370},{"style":273},[2371],{"type":60,"value":307},{"type":55,"tag":260,"props":2373,"children":2374},{"class":262,"line":320},[2375],{"type":55,"tag":260,"props":2376,"children":2377},{"emptyLinePlaceholder":314},[2378],{"type":60,"value":317},{"type":55,"tag":260,"props":2380,"children":2381},{"class":262,"line":346},[2382,2387,2392],{"type":55,"tag":260,"props":2383,"children":2384},{"style":324},[2385],{"type":60,"value":2386},"  private",{"type":55,"tag":260,"props":2388,"children":2389},{"style":378},[2390],{"type":60,"value":2391}," transition",{"type":55,"tag":260,"props":2393,"children":2394},{"style":273},[2395],{"type":60,"value":840},{"type":55,"tag":260,"props":2397,"children":2398},{"class":262,"line":374},[2399,2403,2407,2411],{"type":55,"tag":260,"props":2400,"children":2401},{"style":846},[2402],{"type":60,"value":1940},{"type":55,"tag":260,"props":2404,"children":2405},{"style":273},[2406],{"type":60,"value":367},{"type":55,"tag":260,"props":2408,"children":2409},{"style":330},[2410],{"type":60,"value":2355},{"type":55,"tag":260,"props":2412,"children":2413},{"style":273},[2414],{"type":60,"value":674},{"type":55,"tag":260,"props":2416,"children":2417},{"class":262,"line":393},[2418,2423,2427,2432,2436,2440,2445,2449,2453,2457,2462],{"type":55,"tag":260,"props":2419,"children":2420},{"style":846},[2421],{"type":60,"value":2422},"    extra",{"type":55,"tag":260,"props":2424,"children":2425},{"style":273},[2426],{"type":60,"value":534},{"type":55,"tag":260,"props":2428,"children":2429},{"style":330},[2430],{"type":60,"value":2431}," Partial",{"type":55,"tag":260,"props":2433,"children":2434},{"style":273},[2435],{"type":60,"value":592},{"type":55,"tag":260,"props":2437,"children":2438},{"style":330},[2439],{"type":60,"value":2134},{"type":55,"tag":260,"props":2441,"children":2442},{"style":279},[2443],{"type":60,"value":2444},"[",{"type":55,"tag":260,"props":2446,"children":2447},{"style":273},[2448],{"type":60,"value":362},{"type":55,"tag":260,"props":2450,"children":2451},{"style":300},[2452],{"type":60,"value":1811},{"type":55,"tag":260,"props":2454,"children":2455},{"style":273},[2456],{"type":60,"value":362},{"type":55,"tag":260,"props":2458,"children":2459},{"style":279},[2460],{"type":60,"value":2461},"]",{"type":55,"tag":260,"props":2463,"children":2464},{"style":273},[2465],{"type":60,"value":2466},">,\n",{"type":55,"tag":260,"props":2468,"children":2469},{"class":262,"line":410},[2470,2475],{"type":55,"tag":260,"props":2471,"children":2472},{"style":273},[2473],{"type":60,"value":2474},"  )",{"type":55,"tag":260,"props":2476,"children":2477},{"style":273},[2478],{"type":60,"value":343},{"type":55,"tag":260,"props":2480,"children":2481},{"class":262,"line":427},[2482,2486,2490,2494,2499],{"type":55,"tag":260,"props":2483,"children":2484},{"style":324},[2485],{"type":60,"value":1163},{"type":55,"tag":260,"props":2487,"children":2488},{"style":279},[2489],{"type":60,"value":292},{"type":55,"tag":260,"props":2491,"children":2492},{"style":273},[2493],{"type":60,"value":338},{"type":55,"tag":260,"props":2495,"children":2496},{"style":273},[2497],{"type":60,"value":2498}," this.",{"type":55,"tag":260,"props":2500,"children":2501},{"style":279},[2502],{"type":60,"value":2503},"#state\n",{"type":55,"tag":260,"props":2505,"children":2506},{"class":262,"line":445},[2507,2512,2516,2521,2526,2531,2535,2540],{"type":55,"tag":260,"props":2508,"children":2509},{"style":267},[2510],{"type":60,"value":2511},"    if",{"type":55,"tag":260,"props":2513,"children":2514},{"style":378},[2515],{"type":60,"value":1126},{"type":55,"tag":260,"props":2517,"children":2518},{"style":279},[2519],{"type":60,"value":2520},"from",{"type":55,"tag":260,"props":2522,"children":2523},{"style":273},[2524],{"type":60,"value":2525}," ===",{"type":55,"tag":260,"props":2527,"children":2528},{"style":279},[2529],{"type":60,"value":2530}," to",{"type":55,"tag":260,"props":2532,"children":2533},{"style":378},[2534],{"type":60,"value":1151},{"type":55,"tag":260,"props":2536,"children":2537},{"style":267},[2538],{"type":60,"value":2539},"return",{"type":55,"tag":260,"props":2541,"children":2542},{"style":1477},[2543],{"type":60,"value":2544}," \u002F\u002F No transition, no event\n",{"type":55,"tag":260,"props":2546,"children":2547},{"class":262,"line":506},[2548,2553,2558,2562],{"type":55,"tag":260,"props":2549,"children":2550},{"style":273},[2551],{"type":60,"value":2552},"    this.",{"type":55,"tag":260,"props":2554,"children":2555},{"style":279},[2556],{"type":60,"value":2557},"#state",{"type":55,"tag":260,"props":2559,"children":2560},{"style":273},[2561],{"type":60,"value":338},{"type":55,"tag":260,"props":2563,"children":2564},{"style":279},[2565],{"type":60,"value":2566}," to\n",{"type":55,"tag":260,"props":2568,"children":2569},{"class":262,"line":523},[2570,2575,2579,2583,2587,2591,2595,2599,2603],{"type":55,"tag":260,"props":2571,"children":2572},{"style":279},[2573],{"type":60,"value":2574},"    queryDevtools",{"type":55,"tag":260,"props":2576,"children":2577},{"style":273},[2578],{"type":60,"value":697},{"type":55,"tag":260,"props":2580,"children":2581},{"style":803},[2582],{"type":60,"value":1497},{"type":55,"tag":260,"props":2584,"children":2585},{"style":378},[2586],{"type":60,"value":638},{"type":55,"tag":260,"props":2588,"children":2589},{"style":273},[2590],{"type":60,"value":362},{"type":55,"tag":260,"props":2592,"children":2593},{"style":300},[2594],{"type":60,"value":1811},{"type":55,"tag":260,"props":2596,"children":2597},{"style":273},[2598],{"type":60,"value":362},{"type":55,"tag":260,"props":2600,"children":2601},{"style":273},[2602],{"type":60,"value":1415},{"type":55,"tag":260,"props":2604,"children":2605},{"style":273},[2606],{"type":60,"value":343},{"type":55,"tag":260,"props":2608,"children":2609},{"class":262,"line":541},[2610,2615,2619,2623,2628],{"type":55,"tag":260,"props":2611,"children":2612},{"style":378},[2613],{"type":60,"value":2614},"      queryKey",{"type":55,"tag":260,"props":2616,"children":2617},{"style":273},[2618],{"type":60,"value":367},{"type":55,"tag":260,"props":2620,"children":2621},{"style":273},[2622],{"type":60,"value":2498},{"type":55,"tag":260,"props":2624,"children":2625},{"style":279},[2626],{"type":60,"value":2627},"key",{"type":55,"tag":260,"props":2629,"children":2630},{"style":273},[2631],{"type":60,"value":674},{"type":55,"tag":260,"props":2633,"children":2634},{"class":262,"line":550},[2635,2640],{"type":55,"tag":260,"props":2636,"children":2637},{"style":279},[2638],{"type":60,"value":2639},"      from",{"type":55,"tag":260,"props":2641,"children":2642},{"style":273},[2643],{"type":60,"value":674},{"type":55,"tag":260,"props":2645,"children":2646},{"class":262,"line":559},[2647,2652],{"type":55,"tag":260,"props":2648,"children":2649},{"style":279},[2650],{"type":60,"value":2651},"      to",{"type":55,"tag":260,"props":2653,"children":2654},{"style":273},[2655],{"type":60,"value":674},{"type":55,"tag":260,"props":2657,"children":2658},{"class":262,"line":567},[2659,2664,2668,2673,2677,2681,2685],{"type":55,"tag":260,"props":2660,"children":2661},{"style":378},[2662],{"type":60,"value":2663},"      timestamp",{"type":55,"tag":260,"props":2665,"children":2666},{"style":273},[2667],{"type":60,"value":367},{"type":55,"tag":260,"props":2669,"children":2670},{"style":279},[2671],{"type":60,"value":2672}," Date",{"type":55,"tag":260,"props":2674,"children":2675},{"style":273},[2676],{"type":60,"value":697},{"type":55,"tag":260,"props":2678,"children":2679},{"style":803},[2680],{"type":60,"value":983},{"type":55,"tag":260,"props":2682,"children":2683},{"style":378},[2684],{"type":60,"value":620},{"type":55,"tag":260,"props":2686,"children":2687},{"style":273},[2688],{"type":60,"value":674},{"type":55,"tag":260,"props":2690,"children":2691},{"class":262,"line":609},[2692,2697,2702],{"type":55,"tag":260,"props":2693,"children":2694},{"style":273},[2695],{"type":60,"value":2696},"      ...",{"type":55,"tag":260,"props":2698,"children":2699},{"style":279},[2700],{"type":60,"value":2701},"extra",{"type":55,"tag":260,"props":2703,"children":2704},{"style":273},[2705],{"type":60,"value":674},{"type":55,"tag":260,"props":2707,"children":2708},{"class":262,"line":627},[2709,2713],{"type":55,"tag":260,"props":2710,"children":2711},{"style":273},[2712],{"type":60,"value":742},{"type":55,"tag":260,"props":2714,"children":2715},{"style":378},[2716],{"type":60,"value":747},{"type":55,"tag":260,"props":2718,"children":2719},{"class":262,"line":646},[2720],{"type":55,"tag":260,"props":2721,"children":2722},{"style":273},[2723],{"type":60,"value":547},{"type":55,"tag":260,"props":2725,"children":2726},{"class":262,"line":677},[2727],{"type":55,"tag":260,"props":2728,"children":2729},{"emptyLinePlaceholder":314},[2730],{"type":60,"value":317},{"type":55,"tag":260,"props":2732,"children":2733},{"class":262,"line":736},[2734,2739,2744,2748],{"type":55,"tag":260,"props":2735,"children":2736},{"style":324},[2737],{"type":60,"value":2738},"  async",{"type":55,"tag":260,"props":2740,"children":2741},{"style":378},[2742],{"type":60,"value":2743}," fetch",{"type":55,"tag":260,"props":2745,"children":2746},{"style":273},[2747],{"type":60,"value":620},{"type":55,"tag":260,"props":2749,"children":2750},{"style":273},[2751],{"type":60,"value":343},{"type":55,"tag":260,"props":2753,"children":2754},{"class":262,"line":750},[2755,2759,2764,2768,2772,2776,2780],{"type":55,"tag":260,"props":2756,"children":2757},{"style":273},[2758],{"type":60,"value":2552},{"type":55,"tag":260,"props":2760,"children":2761},{"style":803},[2762],{"type":60,"value":2763},"transition",{"type":55,"tag":260,"props":2765,"children":2766},{"style":378},[2767],{"type":60,"value":638},{"type":55,"tag":260,"props":2769,"children":2770},{"style":273},[2771],{"type":60,"value":362},{"type":55,"tag":260,"props":2773,"children":2774},{"style":300},[2775],{"type":60,"value":1877},{"type":55,"tag":260,"props":2777,"children":2778},{"style":273},[2779],{"type":60,"value":362},{"type":55,"tag":260,"props":2781,"children":2782},{"style":378},[2783],{"type":60,"value":747},{"type":55,"tag":260,"props":2785,"children":2786},{"class":262,"line":758},[2787,2791,2796,2800,2804,2808,2812],{"type":55,"tag":260,"props":2788,"children":2789},{"style":324},[2790],{"type":60,"value":1163},{"type":55,"tag":260,"props":2792,"children":2793},{"style":279},[2794],{"type":60,"value":2795}," start",{"type":55,"tag":260,"props":2797,"children":2798},{"style":273},[2799],{"type":60,"value":338},{"type":55,"tag":260,"props":2801,"children":2802},{"style":279},[2803],{"type":60,"value":974},{"type":55,"tag":260,"props":2805,"children":2806},{"style":273},[2807],{"type":60,"value":697},{"type":55,"tag":260,"props":2809,"children":2810},{"style":803},[2811],{"type":60,"value":983},{"type":55,"tag":260,"props":2813,"children":2814},{"style":378},[2815],{"type":60,"value":810},{"type":55,"tag":260,"props":2817,"children":2818},{"class":262,"line":766},[2819,2823],{"type":55,"tag":260,"props":2820,"children":2821},{"style":267},[2822],{"type":60,"value":1196},{"type":55,"tag":260,"props":2824,"children":2825},{"style":273},[2826],{"type":60,"value":343},{"type":55,"tag":260,"props":2828,"children":2829},{"class":262,"line":774},[2830,2835,2840,2844,2849,2853,2858],{"type":55,"tag":260,"props":2831,"children":2832},{"style":324},[2833],{"type":60,"value":2834},"      const",{"type":55,"tag":260,"props":2836,"children":2837},{"style":279},[2838],{"type":60,"value":2839}," data",{"type":55,"tag":260,"props":2841,"children":2842},{"style":273},[2843],{"type":60,"value":338},{"type":55,"tag":260,"props":2845,"children":2846},{"style":267},[2847],{"type":60,"value":2848}," await",{"type":55,"tag":260,"props":2850,"children":2851},{"style":273},[2852],{"type":60,"value":2498},{"type":55,"tag":260,"props":2854,"children":2855},{"style":803},[2856],{"type":60,"value":2857},"fetcher",{"type":55,"tag":260,"props":2859,"children":2860},{"style":378},[2861],{"type":60,"value":810},{"type":55,"tag":260,"props":2863,"children":2864},{"class":262,"line":1524},[2865,2870,2874,2878,2882,2886,2890,2894],{"type":55,"tag":260,"props":2866,"children":2867},{"style":273},[2868],{"type":60,"value":2869},"      this.",{"type":55,"tag":260,"props":2871,"children":2872},{"style":803},[2873],{"type":60,"value":2763},{"type":55,"tag":260,"props":2875,"children":2876},{"style":378},[2877],{"type":60,"value":638},{"type":55,"tag":260,"props":2879,"children":2880},{"style":273},[2881],{"type":60,"value":362},{"type":55,"tag":260,"props":2883,"children":2884},{"style":300},[2885],{"type":60,"value":1894},{"type":55,"tag":260,"props":2887,"children":2888},{"style":273},[2889],{"type":60,"value":362},{"type":55,"tag":260,"props":2891,"children":2892},{"style":273},[2893],{"type":60,"value":1415},{"type":55,"tag":260,"props":2895,"children":2896},{"style":273},[2897],{"type":60,"value":343},{"type":55,"tag":260,"props":2899,"children":2900},{"class":262,"line":1544},[2901,2906,2910,2915,2919,2924,2929],{"type":55,"tag":260,"props":2902,"children":2903},{"style":378},[2904],{"type":60,"value":2905},"        data",{"type":55,"tag":260,"props":2907,"children":2908},{"style":273},[2909],{"type":60,"value":367},{"type":55,"tag":260,"props":2911,"children":2912},{"style":803},[2913],{"type":60,"value":2914}," structuredClone",{"type":55,"tag":260,"props":2916,"children":2917},{"style":378},[2918],{"type":60,"value":638},{"type":55,"tag":260,"props":2920,"children":2921},{"style":279},[2922],{"type":60,"value":2923},"data",{"type":55,"tag":260,"props":2925,"children":2926},{"style":378},[2927],{"type":60,"value":2928},")",{"type":55,"tag":260,"props":2930,"children":2931},{"style":273},[2932],{"type":60,"value":674},{"type":55,"tag":260,"props":2934,"children":2935},{"class":262,"line":1574},[2936,2941,2945,2949,2953,2957,2961,2965,2969],{"type":55,"tag":260,"props":2937,"children":2938},{"style":378},[2939],{"type":60,"value":2940},"        fetchDuration",{"type":55,"tag":260,"props":2942,"children":2943},{"style":273},[2944],{"type":60,"value":367},{"type":55,"tag":260,"props":2946,"children":2947},{"style":279},[2948],{"type":60,"value":974},{"type":55,"tag":260,"props":2950,"children":2951},{"style":273},[2952],{"type":60,"value":697},{"type":55,"tag":260,"props":2954,"children":2955},{"style":803},[2956],{"type":60,"value":983},{"type":55,"tag":260,"props":2958,"children":2959},{"style":378},[2960],{"type":60,"value":1440},{"type":55,"tag":260,"props":2962,"children":2963},{"style":273},[2964],{"type":60,"value":1445},{"type":55,"tag":260,"props":2966,"children":2967},{"style":279},[2968],{"type":60,"value":2795},{"type":55,"tag":260,"props":2970,"children":2971},{"style":273},[2972],{"type":60,"value":674},{"type":55,"tag":260,"props":2974,"children":2975},{"class":262,"line":1603},[2976,2981],{"type":55,"tag":260,"props":2977,"children":2978},{"style":273},[2979],{"type":60,"value":2980},"      }",{"type":55,"tag":260,"props":2982,"children":2983},{"style":378},[2984],{"type":60,"value":747},{"type":55,"tag":260,"props":2986,"children":2987},{"class":262,"line":1643},[2988,2992,2996,3000,3004,3008],{"type":55,"tag":260,"props":2989,"children":2990},{"style":273},[2991],{"type":60,"value":742},{"type":55,"tag":260,"props":2993,"children":2994},{"style":267},[2995],{"type":60,"value":1246},{"type":55,"tag":260,"props":2997,"children":2998},{"style":378},[2999],{"type":60,"value":1126},{"type":55,"tag":260,"props":3001,"children":3002},{"style":279},[3003],{"type":60,"value":1255},{"type":55,"tag":260,"props":3005,"children":3006},{"style":378},[3007],{"type":60,"value":1151},{"type":55,"tag":260,"props":3009,"children":3010},{"style":273},[3011],{"type":60,"value":643},{"type":55,"tag":260,"props":3013,"children":3014},{"class":262,"line":1663},[3015,3019,3023,3027,3031,3035,3039,3043],{"type":55,"tag":260,"props":3016,"children":3017},{"style":273},[3018],{"type":60,"value":2869},{"type":55,"tag":260,"props":3020,"children":3021},{"style":803},[3022],{"type":60,"value":2763},{"type":55,"tag":260,"props":3024,"children":3025},{"style":378},[3026],{"type":60,"value":638},{"type":55,"tag":260,"props":3028,"children":3029},{"style":273},[3030],{"type":60,"value":362},{"type":55,"tag":260,"props":3032,"children":3033},{"style":300},[3034],{"type":60,"value":1911},{"type":55,"tag":260,"props":3036,"children":3037},{"style":273},[3038],{"type":60,"value":362},{"type":55,"tag":260,"props":3040,"children":3041},{"style":273},[3042],{"type":60,"value":1415},{"type":55,"tag":260,"props":3044,"children":3045},{"style":273},[3046],{"type":60,"value":343},{"type":55,"tag":260,"props":3048,"children":3049},{"class":262,"line":1675},[3050,3055,3059,3063,3067,3071,3075,3079,3083,3087,3091,3095,3099,3103,3107],{"type":55,"tag":260,"props":3051,"children":3052},{"style":378},[3053],{"type":60,"value":3054},"        error",{"type":55,"tag":260,"props":3056,"children":3057},{"style":273},[3058],{"type":60,"value":367},{"type":55,"tag":260,"props":3060,"children":3061},{"style":279},[3062],{"type":60,"value":1280},{"type":55,"tag":260,"props":3064,"children":3065},{"style":273},[3066],{"type":60,"value":1285},{"type":55,"tag":260,"props":3068,"children":3069},{"style":330},[3070],{"type":60,"value":1290},{"type":55,"tag":260,"props":3072,"children":3073},{"style":273},[3074],{"type":60,"value":1295},{"type":55,"tag":260,"props":3076,"children":3077},{"style":279},[3078],{"type":60,"value":1280},{"type":55,"tag":260,"props":3080,"children":3081},{"style":273},[3082],{"type":60,"value":697},{"type":55,"tag":260,"props":3084,"children":3085},{"style":279},[3086],{"type":60,"value":1308},{"type":55,"tag":260,"props":3088,"children":3089},{"style":273},[3090],{"type":60,"value":1313},{"type":55,"tag":260,"props":3092,"children":3093},{"style":803},[3094],{"type":60,"value":1318},{"type":55,"tag":260,"props":3096,"children":3097},{"style":378},[3098],{"type":60,"value":638},{"type":55,"tag":260,"props":3100,"children":3101},{"style":279},[3102],{"type":60,"value":1255},{"type":55,"tag":260,"props":3104,"children":3105},{"style":378},[3106],{"type":60,"value":2928},{"type":55,"tag":260,"props":3108,"children":3109},{"style":273},[3110],{"type":60,"value":674},{"type":55,"tag":260,"props":3112,"children":3113},{"class":262,"line":1687},[3114,3118,3122,3126,3130,3134,3138,3142,3146],{"type":55,"tag":260,"props":3115,"children":3116},{"style":378},[3117],{"type":60,"value":2940},{"type":55,"tag":260,"props":3119,"children":3120},{"style":273},[3121],{"type":60,"value":367},{"type":55,"tag":260,"props":3123,"children":3124},{"style":279},[3125],{"type":60,"value":974},{"type":55,"tag":260,"props":3127,"children":3128},{"style":273},[3129],{"type":60,"value":697},{"type":55,"tag":260,"props":3131,"children":3132},{"style":803},[3133],{"type":60,"value":983},{"type":55,"tag":260,"props":3135,"children":3136},{"style":378},[3137],{"type":60,"value":1440},{"type":55,"tag":260,"props":3139,"children":3140},{"style":273},[3141],{"type":60,"value":1445},{"type":55,"tag":260,"props":3143,"children":3144},{"style":279},[3145],{"type":60,"value":2795},{"type":55,"tag":260,"props":3147,"children":3148},{"style":273},[3149],{"type":60,"value":674},{"type":55,"tag":260,"props":3151,"children":3152},{"class":262,"line":1700},[3153,3157],{"type":55,"tag":260,"props":3154,"children":3155},{"style":273},[3156],{"type":60,"value":2980},{"type":55,"tag":260,"props":3158,"children":3159},{"style":378},[3160],{"type":60,"value":747},{"type":55,"tag":260,"props":3162,"children":3163},{"class":262,"line":1708},[3164],{"type":55,"tag":260,"props":3165,"children":3166},{"style":273},[3167],{"type":60,"value":1363},{"type":55,"tag":260,"props":3169,"children":3170},{"class":262,"line":1751},[3171],{"type":55,"tag":260,"props":3172,"children":3173},{"style":273},[3174],{"type":60,"value":547},{"type":55,"tag":260,"props":3176,"children":3178},{"class":262,"line":3177},36,[3179],{"type":55,"tag":260,"props":3180,"children":3181},{"style":273},[3182],{"type":60,"value":556},{"type":55,"tag":237,"props":3184,"children":3186},{"id":3185},"_3-consolidated-events-with-dry-payloads",[3187],{"type":60,"value":3188},"3. Consolidated Events with DRY Payloads",{"type":55,"tag":66,"props":3190,"children":3191},{},[3192],{"type":60,"value":3193},"When multiple events share fields, build a shared base and spread it.",{"type":55,"tag":249,"props":3195,"children":3197},{"className":251,"code":3196,"language":253,"meta":254,"style":254},"class Store {\n  private basePayload() {\n    return {\n      storeName: this.#name,\n      version: this.#version,\n      sessionId: this.#sessionId,\n      timestamp: Date.now(),\n    }\n  }\n\n  dispatch(\n    action: string,\n    updater: (s: Record\u003Cstring, unknown>) => Record\u003Cstring, unknown>,\n  ) {\n    const prevState = structuredClone(this.#state)\n    this.#state = updater(this.#state)\n    this.#version++\n    storeDevtools.emit('store-updated', {\n      ...this.basePayload(),\n      action,\n      prevState,\n      nextState: structuredClone(this.#state),\n    })\n  }\n\n  reset(initial: Record\u003Cstring, unknown>) {\n    this.#state = initial\n    this.#version++\n    storeDevtools.emit('store-reset', this.basePayload())\n  }\n}\n",[3198],{"type":55,"tag":78,"props":3199,"children":3200},{"__ignoreMap":254},[3201,3217,3237,3249,3274,3299,3324,3355,3362,3369,3376,3388,3408,3490,3501,3538,3574,3590,3631,3652,3664,3676,3712,3723,3730,3737,3786,3806,3821,3870,3877],{"type":55,"tag":260,"props":3202,"children":3203},{"class":262,"line":263},[3204,3208,3213],{"type":55,"tag":260,"props":3205,"children":3206},{"style":324},[3207],{"type":60,"value":573},{"type":55,"tag":260,"props":3209,"children":3210},{"style":330},[3211],{"type":60,"value":3212}," Store",{"type":55,"tag":260,"props":3214,"children":3215},{"style":273},[3216],{"type":60,"value":343},{"type":55,"tag":260,"props":3218,"children":3219},{"class":262,"line":310},[3220,3224,3229,3233],{"type":55,"tag":260,"props":3221,"children":3222},{"style":324},[3223],{"type":60,"value":2386},{"type":55,"tag":260,"props":3225,"children":3226},{"style":378},[3227],{"type":60,"value":3228}," basePayload",{"type":55,"tag":260,"props":3230,"children":3231},{"style":273},[3232],{"type":60,"value":620},{"type":55,"tag":260,"props":3234,"children":3235},{"style":273},[3236],{"type":60,"value":343},{"type":55,"tag":260,"props":3238,"children":3239},{"class":262,"line":320},[3240,3245],{"type":55,"tag":260,"props":3241,"children":3242},{"style":267},[3243],{"type":60,"value":3244},"    return",{"type":55,"tag":260,"props":3246,"children":3247},{"style":273},[3248],{"type":60,"value":343},{"type":55,"tag":260,"props":3250,"children":3251},{"class":262,"line":346},[3252,3257,3261,3265,3270],{"type":55,"tag":260,"props":3253,"children":3254},{"style":378},[3255],{"type":60,"value":3256},"      storeName",{"type":55,"tag":260,"props":3258,"children":3259},{"style":273},[3260],{"type":60,"value":367},{"type":55,"tag":260,"props":3262,"children":3263},{"style":273},[3264],{"type":60,"value":2498},{"type":55,"tag":260,"props":3266,"children":3267},{"style":279},[3268],{"type":60,"value":3269},"#name",{"type":55,"tag":260,"props":3271,"children":3272},{"style":273},[3273],{"type":60,"value":674},{"type":55,"tag":260,"props":3275,"children":3276},{"class":262,"line":374},[3277,3282,3286,3290,3295],{"type":55,"tag":260,"props":3278,"children":3279},{"style":378},[3280],{"type":60,"value":3281},"      version",{"type":55,"tag":260,"props":3283,"children":3284},{"style":273},[3285],{"type":60,"value":367},{"type":55,"tag":260,"props":3287,"children":3288},{"style":273},[3289],{"type":60,"value":2498},{"type":55,"tag":260,"props":3291,"children":3292},{"style":279},[3293],{"type":60,"value":3294},"#version",{"type":55,"tag":260,"props":3296,"children":3297},{"style":273},[3298],{"type":60,"value":674},{"type":55,"tag":260,"props":3300,"children":3301},{"class":262,"line":393},[3302,3307,3311,3315,3320],{"type":55,"tag":260,"props":3303,"children":3304},{"style":378},[3305],{"type":60,"value":3306},"      sessionId",{"type":55,"tag":260,"props":3308,"children":3309},{"style":273},[3310],{"type":60,"value":367},{"type":55,"tag":260,"props":3312,"children":3313},{"style":273},[3314],{"type":60,"value":2498},{"type":55,"tag":260,"props":3316,"children":3317},{"style":279},[3318],{"type":60,"value":3319},"#sessionId",{"type":55,"tag":260,"props":3321,"children":3322},{"style":273},[3323],{"type":60,"value":674},{"type":55,"tag":260,"props":3325,"children":3326},{"class":262,"line":410},[3327,3331,3335,3339,3343,3347,3351],{"type":55,"tag":260,"props":3328,"children":3329},{"style":378},[3330],{"type":60,"value":2663},{"type":55,"tag":260,"props":3332,"children":3333},{"style":273},[3334],{"type":60,"value":367},{"type":55,"tag":260,"props":3336,"children":3337},{"style":279},[3338],{"type":60,"value":2672},{"type":55,"tag":260,"props":3340,"children":3341},{"style":273},[3342],{"type":60,"value":697},{"type":55,"tag":260,"props":3344,"children":3345},{"style":803},[3346],{"type":60,"value":983},{"type":55,"tag":260,"props":3348,"children":3349},{"style":378},[3350],{"type":60,"value":620},{"type":55,"tag":260,"props":3352,"children":3353},{"style":273},[3354],{"type":60,"value":674},{"type":55,"tag":260,"props":3356,"children":3357},{"class":262,"line":427},[3358],{"type":55,"tag":260,"props":3359,"children":3360},{"style":273},[3361],{"type":60,"value":1363},{"type":55,"tag":260,"props":3363,"children":3364},{"class":262,"line":445},[3365],{"type":55,"tag":260,"props":3366,"children":3367},{"style":273},[3368],{"type":60,"value":547},{"type":55,"tag":260,"props":3370,"children":3371},{"class":262,"line":506},[3372],{"type":55,"tag":260,"props":3373,"children":3374},{"emptyLinePlaceholder":314},[3375],{"type":60,"value":317},{"type":55,"tag":260,"props":3377,"children":3378},{"class":262,"line":523},[3379,3384],{"type":55,"tag":260,"props":3380,"children":3381},{"style":378},[3382],{"type":60,"value":3383},"  dispatch",{"type":55,"tag":260,"props":3385,"children":3386},{"style":273},[3387],{"type":60,"value":840},{"type":55,"tag":260,"props":3389,"children":3390},{"class":262,"line":541},[3391,3396,3400,3404],{"type":55,"tag":260,"props":3392,"children":3393},{"style":846},[3394],{"type":60,"value":3395},"    action",{"type":55,"tag":260,"props":3397,"children":3398},{"style":273},[3399],{"type":60,"value":367},{"type":55,"tag":260,"props":3401,"children":3402},{"style":330},[3403],{"type":60,"value":479},{"type":55,"tag":260,"props":3405,"children":3406},{"style":273},[3407],{"type":60,"value":674},{"type":55,"tag":260,"props":3409,"children":3410},{"class":262,"line":550},[3411,3416,3420,3424,3429,3433,3438,3442,3447,3451,3456,3461,3466,3470,3474,3478,3482,3486],{"type":55,"tag":260,"props":3412,"children":3413},{"style":803},[3414],{"type":60,"value":3415},"    updater",{"type":55,"tag":260,"props":3417,"children":3418},{"style":273},[3419],{"type":60,"value":367},{"type":55,"tag":260,"props":3421,"children":3422},{"style":273},[3423],{"type":60,"value":1126},{"type":55,"tag":260,"props":3425,"children":3426},{"style":846},[3427],{"type":60,"value":3428},"s",{"type":55,"tag":260,"props":3430,"children":3431},{"style":273},[3432],{"type":60,"value":367},{"type":55,"tag":260,"props":3434,"children":3435},{"style":330},[3436],{"type":60,"value":3437}," Record",{"type":55,"tag":260,"props":3439,"children":3440},{"style":273},[3441],{"type":60,"value":592},{"type":55,"tag":260,"props":3443,"children":3444},{"style":330},[3445],{"type":60,"value":3446},"string",{"type":55,"tag":260,"props":3448,"children":3449},{"style":273},[3450],{"type":60,"value":1415},{"type":55,"tag":260,"props":3452,"children":3453},{"style":330},[3454],{"type":60,"value":3455}," unknown",{"type":55,"tag":260,"props":3457,"children":3458},{"style":273},[3459],{"type":60,"value":3460},">)",{"type":55,"tag":260,"props":3462,"children":3463},{"style":324},[3464],{"type":60,"value":3465}," =>",{"type":55,"tag":260,"props":3467,"children":3468},{"style":330},[3469],{"type":60,"value":3437},{"type":55,"tag":260,"props":3471,"children":3472},{"style":273},[3473],{"type":60,"value":592},{"type":55,"tag":260,"props":3475,"children":3476},{"style":330},[3477],{"type":60,"value":3446},{"type":55,"tag":260,"props":3479,"children":3480},{"style":273},[3481],{"type":60,"value":1415},{"type":55,"tag":260,"props":3483,"children":3484},{"style":330},[3485],{"type":60,"value":3455},{"type":55,"tag":260,"props":3487,"children":3488},{"style":273},[3489],{"type":60,"value":2466},{"type":55,"tag":260,"props":3491,"children":3492},{"class":262,"line":559},[3493,3497],{"type":55,"tag":260,"props":3494,"children":3495},{"style":273},[3496],{"type":60,"value":2474},{"type":55,"tag":260,"props":3498,"children":3499},{"style":273},[3500],{"type":60,"value":343},{"type":55,"tag":260,"props":3502,"children":3503},{"class":262,"line":567},[3504,3508,3513,3517,3521,3525,3530,3534],{"type":55,"tag":260,"props":3505,"children":3506},{"style":324},[3507],{"type":60,"value":1163},{"type":55,"tag":260,"props":3509,"children":3510},{"style":279},[3511],{"type":60,"value":3512}," prevState",{"type":55,"tag":260,"props":3514,"children":3515},{"style":273},[3516],{"type":60,"value":338},{"type":55,"tag":260,"props":3518,"children":3519},{"style":803},[3520],{"type":60,"value":2914},{"type":55,"tag":260,"props":3522,"children":3523},{"style":378},[3524],{"type":60,"value":638},{"type":55,"tag":260,"props":3526,"children":3527},{"style":273},[3528],{"type":60,"value":3529},"this.",{"type":55,"tag":260,"props":3531,"children":3532},{"style":279},[3533],{"type":60,"value":2557},{"type":55,"tag":260,"props":3535,"children":3536},{"style":378},[3537],{"type":60,"value":747},{"type":55,"tag":260,"props":3539,"children":3540},{"class":262,"line":609},[3541,3545,3549,3553,3558,3562,3566,3570],{"type":55,"tag":260,"props":3542,"children":3543},{"style":273},[3544],{"type":60,"value":2552},{"type":55,"tag":260,"props":3546,"children":3547},{"style":279},[3548],{"type":60,"value":2557},{"type":55,"tag":260,"props":3550,"children":3551},{"style":273},[3552],{"type":60,"value":338},{"type":55,"tag":260,"props":3554,"children":3555},{"style":803},[3556],{"type":60,"value":3557}," updater",{"type":55,"tag":260,"props":3559,"children":3560},{"style":378},[3561],{"type":60,"value":638},{"type":55,"tag":260,"props":3563,"children":3564},{"style":273},[3565],{"type":60,"value":3529},{"type":55,"tag":260,"props":3567,"children":3568},{"style":279},[3569],{"type":60,"value":2557},{"type":55,"tag":260,"props":3571,"children":3572},{"style":378},[3573],{"type":60,"value":747},{"type":55,"tag":260,"props":3575,"children":3576},{"class":262,"line":627},[3577,3581,3585],{"type":55,"tag":260,"props":3578,"children":3579},{"style":273},[3580],{"type":60,"value":2552},{"type":55,"tag":260,"props":3582,"children":3583},{"style":279},[3584],{"type":60,"value":3294},{"type":55,"tag":260,"props":3586,"children":3587},{"style":273},[3588],{"type":60,"value":3589},"++\n",{"type":55,"tag":260,"props":3591,"children":3592},{"class":262,"line":646},[3593,3598,3602,3606,3610,3614,3619,3623,3627],{"type":55,"tag":260,"props":3594,"children":3595},{"style":279},[3596],{"type":60,"value":3597},"    storeDevtools",{"type":55,"tag":260,"props":3599,"children":3600},{"style":273},[3601],{"type":60,"value":697},{"type":55,"tag":260,"props":3603,"children":3604},{"style":803},[3605],{"type":60,"value":1497},{"type":55,"tag":260,"props":3607,"children":3608},{"style":378},[3609],{"type":60,"value":638},{"type":55,"tag":260,"props":3611,"children":3612},{"style":273},[3613],{"type":60,"value":362},{"type":55,"tag":260,"props":3615,"children":3616},{"style":300},[3617],{"type":60,"value":3618},"store-updated",{"type":55,"tag":260,"props":3620,"children":3621},{"style":273},[3622],{"type":60,"value":362},{"type":55,"tag":260,"props":3624,"children":3625},{"style":273},[3626],{"type":60,"value":1415},{"type":55,"tag":260,"props":3628,"children":3629},{"style":273},[3630],{"type":60,"value":343},{"type":55,"tag":260,"props":3632,"children":3633},{"class":262,"line":677},[3634,3639,3644,3648],{"type":55,"tag":260,"props":3635,"children":3636},{"style":273},[3637],{"type":60,"value":3638},"      ...this.",{"type":55,"tag":260,"props":3640,"children":3641},{"style":803},[3642],{"type":60,"value":3643},"basePayload",{"type":55,"tag":260,"props":3645,"children":3646},{"style":378},[3647],{"type":60,"value":620},{"type":55,"tag":260,"props":3649,"children":3650},{"style":273},[3651],{"type":60,"value":674},{"type":55,"tag":260,"props":3653,"children":3654},{"class":262,"line":736},[3655,3660],{"type":55,"tag":260,"props":3656,"children":3657},{"style":279},[3658],{"type":60,"value":3659},"      action",{"type":55,"tag":260,"props":3661,"children":3662},{"style":273},[3663],{"type":60,"value":674},{"type":55,"tag":260,"props":3665,"children":3666},{"class":262,"line":750},[3667,3672],{"type":55,"tag":260,"props":3668,"children":3669},{"style":279},[3670],{"type":60,"value":3671},"      prevState",{"type":55,"tag":260,"props":3673,"children":3674},{"style":273},[3675],{"type":60,"value":674},{"type":55,"tag":260,"props":3677,"children":3678},{"class":262,"line":758},[3679,3684,3688,3692,3696,3700,3704,3708],{"type":55,"tag":260,"props":3680,"children":3681},{"style":378},[3682],{"type":60,"value":3683},"      nextState",{"type":55,"tag":260,"props":3685,"children":3686},{"style":273},[3687],{"type":60,"value":367},{"type":55,"tag":260,"props":3689,"children":3690},{"style":803},[3691],{"type":60,"value":2914},{"type":55,"tag":260,"props":3693,"children":3694},{"style":378},[3695],{"type":60,"value":638},{"type":55,"tag":260,"props":3697,"children":3698},{"style":273},[3699],{"type":60,"value":3529},{"type":55,"tag":260,"props":3701,"children":3702},{"style":279},[3703],{"type":60,"value":2557},{"type":55,"tag":260,"props":3705,"children":3706},{"style":378},[3707],{"type":60,"value":2928},{"type":55,"tag":260,"props":3709,"children":3710},{"style":273},[3711],{"type":60,"value":674},{"type":55,"tag":260,"props":3713,"children":3714},{"class":262,"line":766},[3715,3719],{"type":55,"tag":260,"props":3716,"children":3717},{"style":273},[3718],{"type":60,"value":742},{"type":55,"tag":260,"props":3720,"children":3721},{"style":378},[3722],{"type":60,"value":747},{"type":55,"tag":260,"props":3724,"children":3725},{"class":262,"line":774},[3726],{"type":55,"tag":260,"props":3727,"children":3728},{"style":273},[3729],{"type":60,"value":547},{"type":55,"tag":260,"props":3731,"children":3732},{"class":262,"line":1524},[3733],{"type":55,"tag":260,"props":3734,"children":3735},{"emptyLinePlaceholder":314},[3736],{"type":60,"value":317},{"type":55,"tag":260,"props":3738,"children":3739},{"class":262,"line":1544},[3740,3745,3749,3754,3758,3762,3766,3770,3774,3778,3782],{"type":55,"tag":260,"props":3741,"children":3742},{"style":378},[3743],{"type":60,"value":3744},"  reset",{"type":55,"tag":260,"props":3746,"children":3747},{"style":273},[3748],{"type":60,"value":638},{"type":55,"tag":260,"props":3750,"children":3751},{"style":846},[3752],{"type":60,"value":3753},"initial",{"type":55,"tag":260,"props":3755,"children":3756},{"style":273},[3757],{"type":60,"value":367},{"type":55,"tag":260,"props":3759,"children":3760},{"style":330},[3761],{"type":60,"value":3437},{"type":55,"tag":260,"props":3763,"children":3764},{"style":273},[3765],{"type":60,"value":592},{"type":55,"tag":260,"props":3767,"children":3768},{"style":330},[3769],{"type":60,"value":3446},{"type":55,"tag":260,"props":3771,"children":3772},{"style":273},[3773],{"type":60,"value":1415},{"type":55,"tag":260,"props":3775,"children":3776},{"style":330},[3777],{"type":60,"value":3455},{"type":55,"tag":260,"props":3779,"children":3780},{"style":273},[3781],{"type":60,"value":3460},{"type":55,"tag":260,"props":3783,"children":3784},{"style":273},[3785],{"type":60,"value":343},{"type":55,"tag":260,"props":3787,"children":3788},{"class":262,"line":1574},[3789,3793,3797,3801],{"type":55,"tag":260,"props":3790,"children":3791},{"style":273},[3792],{"type":60,"value":2552},{"type":55,"tag":260,"props":3794,"children":3795},{"style":279},[3796],{"type":60,"value":2557},{"type":55,"tag":260,"props":3798,"children":3799},{"style":273},[3800],{"type":60,"value":338},{"type":55,"tag":260,"props":3802,"children":3803},{"style":279},[3804],{"type":60,"value":3805}," initial\n",{"type":55,"tag":260,"props":3807,"children":3808},{"class":262,"line":1603},[3809,3813,3817],{"type":55,"tag":260,"props":3810,"children":3811},{"style":273},[3812],{"type":60,"value":2552},{"type":55,"tag":260,"props":3814,"children":3815},{"style":279},[3816],{"type":60,"value":3294},{"type":55,"tag":260,"props":3818,"children":3819},{"style":273},[3820],{"type":60,"value":3589},{"type":55,"tag":260,"props":3822,"children":3823},{"class":262,"line":1643},[3824,3828,3832,3836,3840,3844,3849,3853,3857,3861,3865],{"type":55,"tag":260,"props":3825,"children":3826},{"style":279},[3827],{"type":60,"value":3597},{"type":55,"tag":260,"props":3829,"children":3830},{"style":273},[3831],{"type":60,"value":697},{"type":55,"tag":260,"props":3833,"children":3834},{"style":803},[3835],{"type":60,"value":1497},{"type":55,"tag":260,"props":3837,"children":3838},{"style":378},[3839],{"type":60,"value":638},{"type":55,"tag":260,"props":3841,"children":3842},{"style":273},[3843],{"type":60,"value":362},{"type":55,"tag":260,"props":3845,"children":3846},{"style":300},[3847],{"type":60,"value":3848},"store-reset",{"type":55,"tag":260,"props":3850,"children":3851},{"style":273},[3852],{"type":60,"value":362},{"type":55,"tag":260,"props":3854,"children":3855},{"style":273},[3856],{"type":60,"value":1415},{"type":55,"tag":260,"props":3858,"children":3859},{"style":273},[3860],{"type":60,"value":2498},{"type":55,"tag":260,"props":3862,"children":3863},{"style":803},[3864],{"type":60,"value":3643},{"type":55,"tag":260,"props":3866,"children":3867},{"style":378},[3868],{"type":60,"value":3869},"())\n",{"type":55,"tag":260,"props":3871,"children":3872},{"class":262,"line":1663},[3873],{"type":55,"tag":260,"props":3874,"children":3875},{"style":273},[3876],{"type":60,"value":547},{"type":55,"tag":260,"props":3878,"children":3879},{"class":262,"line":1675},[3880],{"type":55,"tag":260,"props":3881,"children":3882},{"style":273},[3883],{"type":60,"value":556},{"type":55,"tag":237,"props":3885,"children":3887},{"id":3886},"_4-debouncing-high-frequency-emissions",[3888],{"type":60,"value":3889},"4. Debouncing High-Frequency Emissions",{"type":55,"tag":66,"props":3891,"children":3892},{},[3893],{"type":60,"value":3894},"Reactive systems, scroll handlers, and streaming data can trigger hundreds of emissions per second. Debounce or throttle these.",{"type":55,"tag":249,"props":3896,"children":3898},{"className":251,"code":3897,"language":253,"meta":254,"style":254},"function createDebouncedEmitter\u003CTEvents extends Record\u003Cstring, any>>(\n  client: EventClient\u003CTEvents>,\n  delayMs: number,\n) {\n  const timers = new Map\u003Cstring, ReturnType\u003Ctypeof setTimeout>>()\n  return function debouncedEmit\u003CK extends keyof TEvents & string>(\n    event: K,\n    payload: TEvents[K],\n  ) {\n    const existing = timers.get(event)\n    if (existing) clearTimeout(existing)\n    timers.set(\n      event,\n      setTimeout(() => {\n        client.emit(event, payload)\n        timers.delete(event)\n      }, delayMs),\n    )\n  }\n}\n\nconst debouncedEmit = createDebouncedEmitter(storeDevtools, 100)\nsignal.subscribe((value) => {\n  debouncedEmit('signal-updated', { value, timestamp: Date.now() })\n})\n",[3899],{"type":55,"tag":78,"props":3900,"children":3901},{"__ignoreMap":254},[3902,3954,3982,4002,4013,4074,4127,4148,4180,4191,4233,4270,4291,4303,4327,4364,4393,4414,4422,4429,4436,4443,4481,4523,4599],{"type":55,"tag":260,"props":3903,"children":3904},{"class":262,"line":263},[3905,3910,3915,3919,3924,3928,3932,3936,3940,3944,3949],{"type":55,"tag":260,"props":3906,"children":3907},{"style":324},[3908],{"type":60,"value":3909},"function",{"type":55,"tag":260,"props":3911,"children":3912},{"style":803},[3913],{"type":60,"value":3914}," createDebouncedEmitter",{"type":55,"tag":260,"props":3916,"children":3917},{"style":273},[3918],{"type":60,"value":592},{"type":55,"tag":260,"props":3920,"children":3921},{"style":330},[3922],{"type":60,"value":3923},"TEvents",{"type":55,"tag":260,"props":3925,"children":3926},{"style":324},[3927],{"type":60,"value":583},{"type":55,"tag":260,"props":3929,"children":3930},{"style":330},[3931],{"type":60,"value":3437},{"type":55,"tag":260,"props":3933,"children":3934},{"style":273},[3935],{"type":60,"value":592},{"type":55,"tag":260,"props":3937,"children":3938},{"style":330},[3939],{"type":60,"value":3446},{"type":55,"tag":260,"props":3941,"children":3942},{"style":273},[3943],{"type":60,"value":1415},{"type":55,"tag":260,"props":3945,"children":3946},{"style":330},[3947],{"type":60,"value":3948}," any",{"type":55,"tag":260,"props":3950,"children":3951},{"style":273},[3952],{"type":60,"value":3953},">>(\n",{"type":55,"tag":260,"props":3955,"children":3956},{"class":262,"line":310},[3957,3962,3966,3970,3974,3978],{"type":55,"tag":260,"props":3958,"children":3959},{"style":846},[3960],{"type":60,"value":3961},"  client",{"type":55,"tag":260,"props":3963,"children":3964},{"style":273},[3965],{"type":60,"value":367},{"type":55,"tag":260,"props":3967,"children":3968},{"style":330},[3969],{"type":60,"value":282},{"type":55,"tag":260,"props":3971,"children":3972},{"style":273},[3973],{"type":60,"value":592},{"type":55,"tag":260,"props":3975,"children":3976},{"style":330},[3977],{"type":60,"value":3923},{"type":55,"tag":260,"props":3979,"children":3980},{"style":273},[3981],{"type":60,"value":2466},{"type":55,"tag":260,"props":3983,"children":3984},{"class":262,"line":320},[3985,3990,3994,3998],{"type":55,"tag":260,"props":3986,"children":3987},{"style":846},[3988],{"type":60,"value":3989},"  delayMs",{"type":55,"tag":260,"props":3991,"children":3992},{"style":273},[3993],{"type":60,"value":367},{"type":55,"tag":260,"props":3995,"children":3996},{"style":330},[3997],{"type":60,"value":498},{"type":55,"tag":260,"props":3999,"children":4000},{"style":273},[4001],{"type":60,"value":674},{"type":55,"tag":260,"props":4003,"children":4004},{"class":262,"line":346},[4005,4009],{"type":55,"tag":260,"props":4006,"children":4007},{"style":273},[4008],{"type":60,"value":2928},{"type":55,"tag":260,"props":4010,"children":4011},{"style":273},[4012],{"type":60,"value":343},{"type":55,"tag":260,"props":4014,"children":4015},{"class":262,"line":374},[4016,4020,4025,4029,4033,4038,4042,4046,4050,4055,4060,4065,4070],{"type":55,"tag":260,"props":4017,"children":4018},{"style":324},[4019],{"type":60,"value":926},{"type":55,"tag":260,"props":4021,"children":4022},{"style":279},[4023],{"type":60,"value":4024}," timers",{"type":55,"tag":260,"props":4026,"children":4027},{"style":273},[4028],{"type":60,"value":338},{"type":55,"tag":260,"props":4030,"children":4031},{"style":273},[4032],{"type":60,"value":800},{"type":55,"tag":260,"props":4034,"children":4035},{"style":803},[4036],{"type":60,"value":4037}," Map",{"type":55,"tag":260,"props":4039,"children":4040},{"style":273},[4041],{"type":60,"value":592},{"type":55,"tag":260,"props":4043,"children":4044},{"style":330},[4045],{"type":60,"value":3446},{"type":55,"tag":260,"props":4047,"children":4048},{"style":273},[4049],{"type":60,"value":1415},{"type":55,"tag":260,"props":4051,"children":4052},{"style":330},[4053],{"type":60,"value":4054}," ReturnType",{"type":55,"tag":260,"props":4056,"children":4057},{"style":273},[4058],{"type":60,"value":4059},"\u003Ctypeof",{"type":55,"tag":260,"props":4061,"children":4062},{"style":279},[4063],{"type":60,"value":4064}," setTimeout",{"type":55,"tag":260,"props":4066,"children":4067},{"style":273},[4068],{"type":60,"value":4069},">>",{"type":55,"tag":260,"props":4071,"children":4072},{"style":378},[4073],{"type":60,"value":810},{"type":55,"tag":260,"props":4075,"children":4076},{"class":262,"line":393},[4077,4081,4085,4090,4094,4099,4103,4108,4113,4118,4122],{"type":55,"tag":260,"props":4078,"children":4079},{"style":267},[4080],{"type":60,"value":1714},{"type":55,"tag":260,"props":4082,"children":4083},{"style":324},[4084],{"type":60,"value":830},{"type":55,"tag":260,"props":4086,"children":4087},{"style":803},[4088],{"type":60,"value":4089}," debouncedEmit",{"type":55,"tag":260,"props":4091,"children":4092},{"style":273},[4093],{"type":60,"value":592},{"type":55,"tag":260,"props":4095,"children":4096},{"style":330},[4097],{"type":60,"value":4098},"K",{"type":55,"tag":260,"props":4100,"children":4101},{"style":324},[4102],{"type":60,"value":583},{"type":55,"tag":260,"props":4104,"children":4105},{"style":273},[4106],{"type":60,"value":4107}," keyof",{"type":55,"tag":260,"props":4109,"children":4110},{"style":330},[4111],{"type":60,"value":4112}," TEvents",{"type":55,"tag":260,"props":4114,"children":4115},{"style":273},[4116],{"type":60,"value":4117}," &",{"type":55,"tag":260,"props":4119,"children":4120},{"style":330},[4121],{"type":60,"value":479},{"type":55,"tag":260,"props":4123,"children":4124},{"style":273},[4125],{"type":60,"value":4126},">(\n",{"type":55,"tag":260,"props":4128,"children":4129},{"class":262,"line":410},[4130,4135,4139,4144],{"type":55,"tag":260,"props":4131,"children":4132},{"style":846},[4133],{"type":60,"value":4134},"    event",{"type":55,"tag":260,"props":4136,"children":4137},{"style":273},[4138],{"type":60,"value":367},{"type":55,"tag":260,"props":4140,"children":4141},{"style":330},[4142],{"type":60,"value":4143}," K",{"type":55,"tag":260,"props":4145,"children":4146},{"style":273},[4147],{"type":60,"value":674},{"type":55,"tag":260,"props":4149,"children":4150},{"class":262,"line":427},[4151,4156,4160,4164,4168,4172,4176],{"type":55,"tag":260,"props":4152,"children":4153},{"style":846},[4154],{"type":60,"value":4155},"    payload",{"type":55,"tag":260,"props":4157,"children":4158},{"style":273},[4159],{"type":60,"value":367},{"type":55,"tag":260,"props":4161,"children":4162},{"style":330},[4163],{"type":60,"value":4112},{"type":55,"tag":260,"props":4165,"children":4166},{"style":378},[4167],{"type":60,"value":2444},{"type":55,"tag":260,"props":4169,"children":4170},{"style":330},[4171],{"type":60,"value":4098},{"type":55,"tag":260,"props":4173,"children":4174},{"style":378},[4175],{"type":60,"value":2461},{"type":55,"tag":260,"props":4177,"children":4178},{"style":273},[4179],{"type":60,"value":674},{"type":55,"tag":260,"props":4181,"children":4182},{"class":262,"line":445},[4183,4187],{"type":55,"tag":260,"props":4184,"children":4185},{"style":273},[4186],{"type":60,"value":2474},{"type":55,"tag":260,"props":4188,"children":4189},{"style":273},[4190],{"type":60,"value":343},{"type":55,"tag":260,"props":4192,"children":4193},{"class":262,"line":506},[4194,4198,4203,4207,4211,4215,4220,4224,4229],{"type":55,"tag":260,"props":4195,"children":4196},{"style":324},[4197],{"type":60,"value":1163},{"type":55,"tag":260,"props":4199,"children":4200},{"style":279},[4201],{"type":60,"value":4202}," existing",{"type":55,"tag":260,"props":4204,"children":4205},{"style":273},[4206],{"type":60,"value":338},{"type":55,"tag":260,"props":4208,"children":4209},{"style":279},[4210],{"type":60,"value":4024},{"type":55,"tag":260,"props":4212,"children":4213},{"style":273},[4214],{"type":60,"value":697},{"type":55,"tag":260,"props":4216,"children":4217},{"style":803},[4218],{"type":60,"value":4219},"get",{"type":55,"tag":260,"props":4221,"children":4222},{"style":378},[4223],{"type":60,"value":638},{"type":55,"tag":260,"props":4225,"children":4226},{"style":279},[4227],{"type":60,"value":4228},"event",{"type":55,"tag":260,"props":4230,"children":4231},{"style":378},[4232],{"type":60,"value":747},{"type":55,"tag":260,"props":4234,"children":4235},{"class":262,"line":523},[4236,4240,4244,4249,4253,4258,4262,4266],{"type":55,"tag":260,"props":4237,"children":4238},{"style":267},[4239],{"type":60,"value":2511},{"type":55,"tag":260,"props":4241,"children":4242},{"style":378},[4243],{"type":60,"value":1126},{"type":55,"tag":260,"props":4245,"children":4246},{"style":279},[4247],{"type":60,"value":4248},"existing",{"type":55,"tag":260,"props":4250,"children":4251},{"style":378},[4252],{"type":60,"value":1151},{"type":55,"tag":260,"props":4254,"children":4255},{"style":803},[4256],{"type":60,"value":4257},"clearTimeout",{"type":55,"tag":260,"props":4259,"children":4260},{"style":378},[4261],{"type":60,"value":638},{"type":55,"tag":260,"props":4263,"children":4264},{"style":279},[4265],{"type":60,"value":4248},{"type":55,"tag":260,"props":4267,"children":4268},{"style":378},[4269],{"type":60,"value":747},{"type":55,"tag":260,"props":4271,"children":4272},{"class":262,"line":541},[4273,4278,4282,4287],{"type":55,"tag":260,"props":4274,"children":4275},{"style":279},[4276],{"type":60,"value":4277},"    timers",{"type":55,"tag":260,"props":4279,"children":4280},{"style":273},[4281],{"type":60,"value":697},{"type":55,"tag":260,"props":4283,"children":4284},{"style":803},[4285],{"type":60,"value":4286},"set",{"type":55,"tag":260,"props":4288,"children":4289},{"style":378},[4290],{"type":60,"value":840},{"type":55,"tag":260,"props":4292,"children":4293},{"class":262,"line":550},[4294,4299],{"type":55,"tag":260,"props":4295,"children":4296},{"style":279},[4297],{"type":60,"value":4298},"      event",{"type":55,"tag":260,"props":4300,"children":4301},{"style":273},[4302],{"type":60,"value":674},{"type":55,"tag":260,"props":4304,"children":4305},{"class":262,"line":559},[4306,4311,4315,4319,4323],{"type":55,"tag":260,"props":4307,"children":4308},{"style":803},[4309],{"type":60,"value":4310},"      setTimeout",{"type":55,"tag":260,"props":4312,"children":4313},{"style":378},[4314],{"type":60,"value":638},{"type":55,"tag":260,"props":4316,"children":4317},{"style":273},[4318],{"type":60,"value":620},{"type":55,"tag":260,"props":4320,"children":4321},{"style":324},[4322],{"type":60,"value":3465},{"type":55,"tag":260,"props":4324,"children":4325},{"style":273},[4326],{"type":60,"value":343},{"type":55,"tag":260,"props":4328,"children":4329},{"class":262,"line":567},[4330,4335,4339,4343,4347,4351,4355,4360],{"type":55,"tag":260,"props":4331,"children":4332},{"style":279},[4333],{"type":60,"value":4334},"        client",{"type":55,"tag":260,"props":4336,"children":4337},{"style":273},[4338],{"type":60,"value":697},{"type":55,"tag":260,"props":4340,"children":4341},{"style":803},[4342],{"type":60,"value":1497},{"type":55,"tag":260,"props":4344,"children":4345},{"style":378},[4346],{"type":60,"value":638},{"type":55,"tag":260,"props":4348,"children":4349},{"style":279},[4350],{"type":60,"value":4228},{"type":55,"tag":260,"props":4352,"children":4353},{"style":273},[4354],{"type":60,"value":1415},{"type":55,"tag":260,"props":4356,"children":4357},{"style":279},[4358],{"type":60,"value":4359}," payload",{"type":55,"tag":260,"props":4361,"children":4362},{"style":378},[4363],{"type":60,"value":747},{"type":55,"tag":260,"props":4365,"children":4366},{"class":262,"line":609},[4367,4372,4376,4381,4385,4389],{"type":55,"tag":260,"props":4368,"children":4369},{"style":279},[4370],{"type":60,"value":4371},"        timers",{"type":55,"tag":260,"props":4373,"children":4374},{"style":273},[4375],{"type":60,"value":697},{"type":55,"tag":260,"props":4377,"children":4378},{"style":803},[4379],{"type":60,"value":4380},"delete",{"type":55,"tag":260,"props":4382,"children":4383},{"style":378},[4384],{"type":60,"value":638},{"type":55,"tag":260,"props":4386,"children":4387},{"style":279},[4388],{"type":60,"value":4228},{"type":55,"tag":260,"props":4390,"children":4391},{"style":378},[4392],{"type":60,"value":747},{"type":55,"tag":260,"props":4394,"children":4395},{"class":262,"line":627},[4396,4401,4406,4410],{"type":55,"tag":260,"props":4397,"children":4398},{"style":273},[4399],{"type":60,"value":4400},"      },",{"type":55,"tag":260,"props":4402,"children":4403},{"style":279},[4404],{"type":60,"value":4405}," delayMs",{"type":55,"tag":260,"props":4407,"children":4408},{"style":378},[4409],{"type":60,"value":2928},{"type":55,"tag":260,"props":4411,"children":4412},{"style":273},[4413],{"type":60,"value":674},{"type":55,"tag":260,"props":4415,"children":4416},{"class":262,"line":646},[4417],{"type":55,"tag":260,"props":4418,"children":4419},{"style":378},[4420],{"type":60,"value":4421},"    )\n",{"type":55,"tag":260,"props":4423,"children":4424},{"class":262,"line":677},[4425],{"type":55,"tag":260,"props":4426,"children":4427},{"style":273},[4428],{"type":60,"value":547},{"type":55,"tag":260,"props":4430,"children":4431},{"class":262,"line":736},[4432],{"type":55,"tag":260,"props":4433,"children":4434},{"style":273},[4435],{"type":60,"value":556},{"type":55,"tag":260,"props":4437,"children":4438},{"class":262,"line":750},[4439],{"type":55,"tag":260,"props":4440,"children":4441},{"emptyLinePlaceholder":314},[4442],{"type":60,"value":317},{"type":55,"tag":260,"props":4444,"children":4445},{"class":262,"line":758},[4446,4450,4455,4459,4463,4468,4472,4477],{"type":55,"tag":260,"props":4447,"children":4448},{"style":324},[4449],{"type":60,"value":1131},{"type":55,"tag":260,"props":4451,"children":4452},{"style":279},[4453],{"type":60,"value":4454}," debouncedEmit ",{"type":55,"tag":260,"props":4456,"children":4457},{"style":273},[4458],{"type":60,"value":795},{"type":55,"tag":260,"props":4460,"children":4461},{"style":803},[4462],{"type":60,"value":3914},{"type":55,"tag":260,"props":4464,"children":4465},{"style":279},[4466],{"type":60,"value":4467},"(storeDevtools",{"type":55,"tag":260,"props":4469,"children":4470},{"style":273},[4471],{"type":60,"value":1415},{"type":55,"tag":260,"props":4473,"children":4474},{"style":1073},[4475],{"type":60,"value":4476}," 100",{"type":55,"tag":260,"props":4478,"children":4479},{"style":279},[4480],{"type":60,"value":747},{"type":55,"tag":260,"props":4482,"children":4483},{"class":262,"line":766},[4484,4489,4493,4498,4502,4506,4511,4515,4519],{"type":55,"tag":260,"props":4485,"children":4486},{"style":279},[4487],{"type":60,"value":4488},"signal",{"type":55,"tag":260,"props":4490,"children":4491},{"style":273},[4492],{"type":60,"value":697},{"type":55,"tag":260,"props":4494,"children":4495},{"style":803},[4496],{"type":60,"value":4497},"subscribe",{"type":55,"tag":260,"props":4499,"children":4500},{"style":279},[4501],{"type":60,"value":638},{"type":55,"tag":260,"props":4503,"children":4504},{"style":273},[4505],{"type":60,"value":638},{"type":55,"tag":260,"props":4507,"children":4508},{"style":846},[4509],{"type":60,"value":4510},"value",{"type":55,"tag":260,"props":4512,"children":4513},{"style":273},[4514],{"type":60,"value":2928},{"type":55,"tag":260,"props":4516,"children":4517},{"style":324},[4518],{"type":60,"value":3465},{"type":55,"tag":260,"props":4520,"children":4521},{"style":273},[4522],{"type":60,"value":343},{"type":55,"tag":260,"props":4524,"children":4525},{"class":262,"line":774},[4526,4531,4535,4539,4544,4548,4552,4556,4561,4565,4570,4574,4578,4582,4586,4590,4595],{"type":55,"tag":260,"props":4527,"children":4528},{"style":803},[4529],{"type":60,"value":4530},"  debouncedEmit",{"type":55,"tag":260,"props":4532,"children":4533},{"style":378},[4534],{"type":60,"value":638},{"type":55,"tag":260,"props":4536,"children":4537},{"style":273},[4538],{"type":60,"value":362},{"type":55,"tag":260,"props":4540,"children":4541},{"style":300},[4542],{"type":60,"value":4543},"signal-updated",{"type":55,"tag":260,"props":4545,"children":4546},{"style":273},[4547],{"type":60,"value":362},{"type":55,"tag":260,"props":4549,"children":4550},{"style":273},[4551],{"type":60,"value":1415},{"type":55,"tag":260,"props":4553,"children":4554},{"style":273},[4555],{"type":60,"value":276},{"type":55,"tag":260,"props":4557,"children":4558},{"style":279},[4559],{"type":60,"value":4560}," value",{"type":55,"tag":260,"props":4562,"children":4563},{"style":273},[4564],{"type":60,"value":1415},{"type":55,"tag":260,"props":4566,"children":4567},{"style":378},[4568],{"type":60,"value":4569}," timestamp",{"type":55,"tag":260,"props":4571,"children":4572},{"style":273},[4573],{"type":60,"value":367},{"type":55,"tag":260,"props":4575,"children":4576},{"style":279},[4577],{"type":60,"value":2672},{"type":55,"tag":260,"props":4579,"children":4580},{"style":273},[4581],{"type":60,"value":697},{"type":55,"tag":260,"props":4583,"children":4584},{"style":803},[4585],{"type":60,"value":983},{"type":55,"tag":260,"props":4587,"children":4588},{"style":378},[4589],{"type":60,"value":1440},{"type":55,"tag":260,"props":4591,"children":4592},{"style":273},[4593],{"type":60,"value":4594},"}",{"type":55,"tag":260,"props":4596,"children":4597},{"style":378},[4598],{"type":60,"value":747},{"type":55,"tag":260,"props":4600,"children":4601},{"class":262,"line":1524},[4602,4606],{"type":55,"tag":260,"props":4603,"children":4604},{"style":273},[4605],{"type":60,"value":4594},{"type":55,"tag":260,"props":4607,"children":4608},{"style":279},[4609],{"type":60,"value":747},{"type":55,"tag":66,"props":4611,"children":4612},{},[4613,4615,4621],{"type":60,"value":4614},"For leading+trailing (throttle), use the same pattern with a ",{"type":55,"tag":78,"props":4616,"children":4618},{"className":4617},[],[4619],{"type":60,"value":4620},"lastEmit",{"type":60,"value":4622}," timestamp check to emit immediately on the leading edge.",{"type":55,"tag":237,"props":4624,"children":4626},{"id":4625},"_5-production-guarding",[4627],{"type":60,"value":4628},"5. Production Guarding",{"type":55,"tag":66,"props":4630,"children":4631},{},[4632,4638,4640,4645],{"type":55,"tag":78,"props":4633,"children":4635},{"className":4634},[],[4636],{"type":60,"value":4637},"enabled: false",{"type":60,"value":4639}," is the primary guard -- ",{"type":55,"tag":78,"props":4641,"children":4643},{"className":4642},[],[4644],{"type":60,"value":90},{"type":60,"value":4646}," returns immediately with no allocation, no queuing, no connection.",{"type":55,"tag":249,"props":4648,"children":4650},{"className":251,"code":4649,"language":253,"meta":254,"style":254},"class MyLibDevtools extends EventClient\u003CMyEvents> {\n  constructor() {\n    super({\n      pluginId: 'my-lib',\n      enabled: process.env.NODE_ENV !== 'production',\n    })\n  }\n}\n",[4651],{"type":55,"tag":78,"props":4652,"children":4653},{"__ignoreMap":254},[4654,4691,4706,4721,4749,4800,4811,4818],{"type":55,"tag":260,"props":4655,"children":4656},{"class":262,"line":263},[4657,4661,4666,4670,4674,4678,4683,4687],{"type":55,"tag":260,"props":4658,"children":4659},{"style":324},[4660],{"type":60,"value":573},{"type":55,"tag":260,"props":4662,"children":4663},{"style":330},[4664],{"type":60,"value":4665}," MyLibDevtools",{"type":55,"tag":260,"props":4667,"children":4668},{"style":324},[4669],{"type":60,"value":583},{"type":55,"tag":260,"props":4671,"children":4672},{"style":330},[4673],{"type":60,"value":282},{"type":55,"tag":260,"props":4675,"children":4676},{"style":273},[4677],{"type":60,"value":592},{"type":55,"tag":260,"props":4679,"children":4680},{"style":330},[4681],{"type":60,"value":4682},"MyEvents",{"type":55,"tag":260,"props":4684,"children":4685},{"style":273},[4686],{"type":60,"value":602},{"type":55,"tag":260,"props":4688,"children":4689},{"style":273},[4690],{"type":60,"value":343},{"type":55,"tag":260,"props":4692,"children":4693},{"class":262,"line":310},[4694,4698,4702],{"type":55,"tag":260,"props":4695,"children":4696},{"style":324},[4697],{"type":60,"value":615},{"type":55,"tag":260,"props":4699,"children":4700},{"style":273},[4701],{"type":60,"value":620},{"type":55,"tag":260,"props":4703,"children":4704},{"style":273},[4705],{"type":60,"value":343},{"type":55,"tag":260,"props":4707,"children":4708},{"class":262,"line":320},[4709,4713,4717],{"type":55,"tag":260,"props":4710,"children":4711},{"style":279},[4712],{"type":60,"value":633},{"type":55,"tag":260,"props":4714,"children":4715},{"style":378},[4716],{"type":60,"value":638},{"type":55,"tag":260,"props":4718,"children":4719},{"style":273},[4720],{"type":60,"value":643},{"type":55,"tag":260,"props":4722,"children":4723},{"class":262,"line":346},[4724,4728,4732,4736,4741,4745],{"type":55,"tag":260,"props":4725,"children":4726},{"style":378},[4727],{"type":60,"value":652},{"type":55,"tag":260,"props":4729,"children":4730},{"style":273},[4731],{"type":60,"value":367},{"type":55,"tag":260,"props":4733,"children":4734},{"style":273},[4735],{"type":60,"value":297},{"type":55,"tag":260,"props":4737,"children":4738},{"style":300},[4739],{"type":60,"value":4740},"my-lib",{"type":55,"tag":260,"props":4742,"children":4743},{"style":273},[4744],{"type":60,"value":362},{"type":55,"tag":260,"props":4746,"children":4747},{"style":273},[4748],{"type":60,"value":674},{"type":55,"tag":260,"props":4750,"children":4751},{"class":262,"line":374},[4752,4756,4760,4764,4768,4772,4776,4780,4784,4788,4792,4796],{"type":55,"tag":260,"props":4753,"children":4754},{"style":378},[4755],{"type":60,"value":683},{"type":55,"tag":260,"props":4757,"children":4758},{"style":273},[4759],{"type":60,"value":367},{"type":55,"tag":260,"props":4761,"children":4762},{"style":279},[4763],{"type":60,"value":692},{"type":55,"tag":260,"props":4765,"children":4766},{"style":273},[4767],{"type":60,"value":697},{"type":55,"tag":260,"props":4769,"children":4770},{"style":279},[4771],{"type":60,"value":702},{"type":55,"tag":260,"props":4773,"children":4774},{"style":273},[4775],{"type":60,"value":697},{"type":55,"tag":260,"props":4777,"children":4778},{"style":279},[4779],{"type":60,"value":711},{"type":55,"tag":260,"props":4781,"children":4782},{"style":273},[4783],{"type":60,"value":716},{"type":55,"tag":260,"props":4785,"children":4786},{"style":273},[4787],{"type":60,"value":297},{"type":55,"tag":260,"props":4789,"children":4790},{"style":300},[4791],{"type":60,"value":725},{"type":55,"tag":260,"props":4793,"children":4794},{"style":273},[4795],{"type":60,"value":362},{"type":55,"tag":260,"props":4797,"children":4798},{"style":273},[4799],{"type":60,"value":674},{"type":55,"tag":260,"props":4801,"children":4802},{"class":262,"line":393},[4803,4807],{"type":55,"tag":260,"props":4804,"children":4805},{"style":273},[4806],{"type":60,"value":742},{"type":55,"tag":260,"props":4808,"children":4809},{"style":378},[4810],{"type":60,"value":747},{"type":55,"tag":260,"props":4812,"children":4813},{"class":262,"line":410},[4814],{"type":55,"tag":260,"props":4815,"children":4816},{"style":273},[4817],{"type":60,"value":547},{"type":55,"tag":260,"props":4819,"children":4820},{"class":262,"line":427},[4821],{"type":55,"tag":260,"props":4822,"children":4823},{"style":273},[4824],{"type":60,"value":556},{"type":55,"tag":66,"props":4826,"children":4827},{},[4828,4830,4836],{"type":60,"value":4829},"For expensive payload construction (e.g., ",{"type":55,"tag":78,"props":4831,"children":4833},{"className":4832},[],[4834],{"type":60,"value":4835},"structuredClone",{"type":60,"value":4837}," of large state), guard at the call site:",{"type":55,"tag":249,"props":4839,"children":4841},{"className":251,"code":4840,"language":253,"meta":254,"style":254},"if (process.env.NODE_ENV !== 'production') {\n  myDevtools.emit('state-snapshot', {\n    state: structuredClone(largeState),\n    timestamp: Date.now(),\n  })\n}\n",[4842],{"type":55,"tag":78,"props":4843,"children":4844},{"__ignoreMap":254},[4845,4900,4941,4974,5005,5016],{"type":55,"tag":260,"props":4846,"children":4847},{"class":262,"line":263},[4848,4853,4858,4862,4866,4870,4875,4880,4884,4888,4892,4896],{"type":55,"tag":260,"props":4849,"children":4850},{"style":267},[4851],{"type":60,"value":4852},"if",{"type":55,"tag":260,"props":4854,"children":4855},{"style":279},[4856],{"type":60,"value":4857}," (process",{"type":55,"tag":260,"props":4859,"children":4860},{"style":273},[4861],{"type":60,"value":697},{"type":55,"tag":260,"props":4863,"children":4864},{"style":279},[4865],{"type":60,"value":702},{"type":55,"tag":260,"props":4867,"children":4868},{"style":273},[4869],{"type":60,"value":697},{"type":55,"tag":260,"props":4871,"children":4872},{"style":279},[4873],{"type":60,"value":4874},"NODE_ENV ",{"type":55,"tag":260,"props":4876,"children":4877},{"style":273},[4878],{"type":60,"value":4879},"!==",{"type":55,"tag":260,"props":4881,"children":4882},{"style":273},[4883],{"type":60,"value":297},{"type":55,"tag":260,"props":4885,"children":4886},{"style":300},[4887],{"type":60,"value":725},{"type":55,"tag":260,"props":4889,"children":4890},{"style":273},[4891],{"type":60,"value":362},{"type":55,"tag":260,"props":4893,"children":4894},{"style":279},[4895],{"type":60,"value":1151},{"type":55,"tag":260,"props":4897,"children":4898},{"style":273},[4899],{"type":60,"value":643},{"type":55,"tag":260,"props":4901,"children":4902},{"class":262,"line":310},[4903,4908,4912,4916,4920,4924,4929,4933,4937],{"type":55,"tag":260,"props":4904,"children":4905},{"style":279},[4906],{"type":60,"value":4907},"  myDevtools",{"type":55,"tag":260,"props":4909,"children":4910},{"style":273},[4911],{"type":60,"value":697},{"type":55,"tag":260,"props":4913,"children":4914},{"style":803},[4915],{"type":60,"value":1497},{"type":55,"tag":260,"props":4917,"children":4918},{"style":378},[4919],{"type":60,"value":638},{"type":55,"tag":260,"props":4921,"children":4922},{"style":273},[4923],{"type":60,"value":362},{"type":55,"tag":260,"props":4925,"children":4926},{"style":300},[4927],{"type":60,"value":4928},"state-snapshot",{"type":55,"tag":260,"props":4930,"children":4931},{"style":273},[4932],{"type":60,"value":362},{"type":55,"tag":260,"props":4934,"children":4935},{"style":273},[4936],{"type":60,"value":1415},{"type":55,"tag":260,"props":4938,"children":4939},{"style":273},[4940],{"type":60,"value":343},{"type":55,"tag":260,"props":4942,"children":4943},{"class":262,"line":320},[4944,4949,4953,4957,4961,4966,4970],{"type":55,"tag":260,"props":4945,"children":4946},{"style":378},[4947],{"type":60,"value":4948},"    state",{"type":55,"tag":260,"props":4950,"children":4951},{"style":273},[4952],{"type":60,"value":367},{"type":55,"tag":260,"props":4954,"children":4955},{"style":803},[4956],{"type":60,"value":2914},{"type":55,"tag":260,"props":4958,"children":4959},{"style":378},[4960],{"type":60,"value":638},{"type":55,"tag":260,"props":4962,"children":4963},{"style":279},[4964],{"type":60,"value":4965},"largeState",{"type":55,"tag":260,"props":4967,"children":4968},{"style":378},[4969],{"type":60,"value":2928},{"type":55,"tag":260,"props":4971,"children":4972},{"style":273},[4973],{"type":60,"value":674},{"type":55,"tag":260,"props":4975,"children":4976},{"class":262,"line":346},[4977,4981,4985,4989,4993,4997,5001],{"type":55,"tag":260,"props":4978,"children":4979},{"style":378},[4980],{"type":60,"value":2076},{"type":55,"tag":260,"props":4982,"children":4983},{"style":273},[4984],{"type":60,"value":367},{"type":55,"tag":260,"props":4986,"children":4987},{"style":279},[4988],{"type":60,"value":2672},{"type":55,"tag":260,"props":4990,"children":4991},{"style":273},[4992],{"type":60,"value":697},{"type":55,"tag":260,"props":4994,"children":4995},{"style":803},[4996],{"type":60,"value":983},{"type":55,"tag":260,"props":4998,"children":4999},{"style":378},[5000],{"type":60,"value":620},{"type":55,"tag":260,"props":5002,"children":5003},{"style":273},[5004],{"type":60,"value":674},{"type":55,"tag":260,"props":5006,"children":5007},{"class":262,"line":374},[5008,5012],{"type":55,"tag":260,"props":5009,"children":5010},{"style":273},[5011],{"type":60,"value":1693},{"type":55,"tag":260,"props":5013,"children":5014},{"style":378},[5015],{"type":60,"value":747},{"type":55,"tag":260,"props":5017,"children":5018},{"class":262,"line":393},[5019],{"type":55,"tag":260,"props":5020,"children":5021},{"style":273},[5022],{"type":60,"value":556},{"type":55,"tag":66,"props":5024,"children":5025},{},[5026,5031,5033,5039,5041,5046,5048,5054,5056,5061,5063,5069,5071,5077],{"type":55,"tag":70,"props":5027,"children":5028},{},[5029],{"type":60,"value":5030},"Important:",{"type":60,"value":5032}," The Vite plugin strips ",{"type":55,"tag":78,"props":5034,"children":5036},{"className":5035},[],[5037],{"type":60,"value":5038},"@tanstack\u002Freact-devtools",{"type":60,"value":5040}," from production. The root import of ",{"type":55,"tag":78,"props":5042,"children":5044},{"className":5043},[],[5045],{"type":60,"value":41},{"type":60,"value":5047}," also no-ops and is tree-shaken out when ",{"type":55,"tag":78,"props":5049,"children":5051},{"className":5050},[],[5052],{"type":60,"value":5053},"process.env.NODE_ENV !== 'development'",{"type":60,"value":5055},", so ",{"type":55,"tag":78,"props":5057,"children":5059},{"className":5058},[],[5060],{"type":60,"value":90},{"type":60,"value":5062}," calls cost nothing in production by default. Import from ",{"type":55,"tag":78,"props":5064,"children":5066},{"className":5065},[],[5067],{"type":60,"value":5068},"@tanstack\u002Fdevtools-event-client\u002Fproduction",{"type":60,"value":5070}," if you deliberately want events in production. The ",{"type":55,"tag":78,"props":5072,"children":5074},{"className":5073},[],[5075],{"type":60,"value":5076},"enabled",{"type":60,"value":5078}," option remains available for runtime control.",{"type":55,"tag":237,"props":5080,"children":5082},{"id":5081},"_6-serverclient-transparent-bridging",[5083],{"type":60,"value":5084},"6. Server\u002FClient Transparent Bridging",{"type":55,"tag":66,"props":5086,"children":5087},{},[5088,5090,5095],{"type":60,"value":5089},"The same ",{"type":55,"tag":78,"props":5091,"children":5093},{"className":5092},[],[5094],{"type":60,"value":90},{"type":60,"value":5096}," works on server and client:",{"type":55,"tag":5098,"props":5099,"children":5100},"ul",{},[5101,5142],{"type":55,"tag":175,"props":5102,"children":5103},{},[5104,5109,5111,5117,5119,5125,5127,5133,5135,5140],{"type":55,"tag":70,"props":5105,"children":5106},{},[5107],{"type":60,"value":5108},"Client",{"type":60,"value":5110},": dispatches ",{"type":55,"tag":78,"props":5112,"children":5114},{"className":5113},[],[5115],{"type":60,"value":5116},"CustomEvent",{"type":60,"value":5118}," on ",{"type":55,"tag":78,"props":5120,"children":5122},{"className":5121},[],[5123],{"type":60,"value":5124},"window",{"type":60,"value":5126}," -> ",{"type":55,"tag":78,"props":5128,"children":5130},{"className":5129},[],[5131],{"type":60,"value":5132},"ClientEventBus",{"type":60,"value":5134}," -> other tabs via ",{"type":55,"tag":78,"props":5136,"children":5138},{"className":5137},[],[5139],{"type":60,"value":144},{"type":60,"value":5141}," + server via WebSocket",{"type":55,"tag":175,"props":5143,"children":5144},{},[5145,5150,5152,5158,5159,5165],{"type":55,"tag":70,"props":5146,"children":5147},{},[5148],{"type":60,"value":5149},"Server",{"type":60,"value":5151},": dispatches on ",{"type":55,"tag":78,"props":5153,"children":5155},{"className":5154},[],[5156],{"type":60,"value":5157},"globalThis.__TANSTACK_EVENT_TARGET__",{"type":60,"value":5126},{"type":55,"tag":78,"props":5160,"children":5162},{"className":5161},[],[5163],{"type":60,"value":5164},"ServerEventBus",{"type":60,"value":5166}," -> all WebSocket\u002FSSE clients",{"type":55,"tag":249,"props":5168,"children":5170},{"className":251,"code":5169,"language":253,"meta":254,"style":254},"\u002F\u002F Server-side (e.g., SSR handler) -- arrives in browser devtools panel automatically\nrouterDevtools.emit('request-processed', {\n  id: crypto.randomUUID(),\n  method: req.method,\n  path: new URL(req.url).pathname,\n  duration: performance.now() - start,\n  middlewareChain: chain,\n  status: 200,\n})\n",[5171],{"type":55,"tag":78,"props":5172,"children":5173},{"__ignoreMap":254},[5174,5182,5222,5254,5282,5330,5370,5390,5411],{"type":55,"tag":260,"props":5175,"children":5176},{"class":262,"line":263},[5177],{"type":55,"tag":260,"props":5178,"children":5179},{"style":1477},[5180],{"type":60,"value":5181},"\u002F\u002F Server-side (e.g., SSR handler) -- arrives in browser devtools panel automatically\n",{"type":55,"tag":260,"props":5183,"children":5184},{"class":262,"line":310},[5185,5190,5194,5198,5202,5206,5210,5214,5218],{"type":55,"tag":260,"props":5186,"children":5187},{"style":279},[5188],{"type":60,"value":5189},"routerDevtools",{"type":55,"tag":260,"props":5191,"children":5192},{"style":273},[5193],{"type":60,"value":697},{"type":55,"tag":260,"props":5195,"children":5196},{"style":803},[5197],{"type":60,"value":1497},{"type":55,"tag":260,"props":5199,"children":5200},{"style":279},[5201],{"type":60,"value":638},{"type":55,"tag":260,"props":5203,"children":5204},{"style":273},[5205],{"type":60,"value":362},{"type":55,"tag":260,"props":5207,"children":5208},{"style":300},[5209],{"type":60,"value":357},{"type":55,"tag":260,"props":5211,"children":5212},{"style":273},[5213],{"type":60,"value":362},{"type":55,"tag":260,"props":5215,"children":5216},{"style":273},[5217],{"type":60,"value":1415},{"type":55,"tag":260,"props":5219,"children":5220},{"style":273},[5221],{"type":60,"value":343},{"type":55,"tag":260,"props":5223,"children":5224},{"class":262,"line":320},[5225,5230,5234,5238,5242,5246,5250],{"type":55,"tag":260,"props":5226,"children":5227},{"style":378},[5228],{"type":60,"value":5229},"  id",{"type":55,"tag":260,"props":5231,"children":5232},{"style":273},[5233],{"type":60,"value":367},{"type":55,"tag":260,"props":5235,"children":5236},{"style":279},[5237],{"type":60,"value":940},{"type":55,"tag":260,"props":5239,"children":5240},{"style":273},[5241],{"type":60,"value":697},{"type":55,"tag":260,"props":5243,"children":5244},{"style":803},[5245],{"type":60,"value":949},{"type":55,"tag":260,"props":5247,"children":5248},{"style":279},[5249],{"type":60,"value":620},{"type":55,"tag":260,"props":5251,"children":5252},{"style":273},[5253],{"type":60,"value":674},{"type":55,"tag":260,"props":5255,"children":5256},{"class":262,"line":346},[5257,5262,5266,5270,5274,5278],{"type":55,"tag":260,"props":5258,"children":5259},{"style":378},[5260],{"type":60,"value":5261},"  method",{"type":55,"tag":260,"props":5263,"children":5264},{"style":273},[5265],{"type":60,"value":367},{"type":55,"tag":260,"props":5267,"children":5268},{"style":279},[5269],{"type":60,"value":1558},{"type":55,"tag":260,"props":5271,"children":5272},{"style":273},[5273],{"type":60,"value":697},{"type":55,"tag":260,"props":5275,"children":5276},{"style":279},[5277],{"type":60,"value":1567},{"type":55,"tag":260,"props":5279,"children":5280},{"style":273},[5281],{"type":60,"value":674},{"type":55,"tag":260,"props":5283,"children":5284},{"class":262,"line":374},[5285,5290,5294,5298,5303,5308,5312,5317,5321,5326],{"type":55,"tag":260,"props":5286,"children":5287},{"style":378},[5288],{"type":60,"value":5289},"  path",{"type":55,"tag":260,"props":5291,"children":5292},{"style":273},[5293],{"type":60,"value":367},{"type":55,"tag":260,"props":5295,"children":5296},{"style":273},[5297],{"type":60,"value":800},{"type":55,"tag":260,"props":5299,"children":5300},{"style":803},[5301],{"type":60,"value":5302}," URL",{"type":55,"tag":260,"props":5304,"children":5305},{"style":279},[5306],{"type":60,"value":5307},"(req",{"type":55,"tag":260,"props":5309,"children":5310},{"style":273},[5311],{"type":60,"value":697},{"type":55,"tag":260,"props":5313,"children":5314},{"style":279},[5315],{"type":60,"value":5316},"url)",{"type":55,"tag":260,"props":5318,"children":5319},{"style":273},[5320],{"type":60,"value":697},{"type":55,"tag":260,"props":5322,"children":5323},{"style":279},[5324],{"type":60,"value":5325},"pathname",{"type":55,"tag":260,"props":5327,"children":5328},{"style":273},[5329],{"type":60,"value":674},{"type":55,"tag":260,"props":5331,"children":5332},{"class":262,"line":393},[5333,5338,5342,5346,5350,5354,5358,5362,5366],{"type":55,"tag":260,"props":5334,"children":5335},{"style":378},[5336],{"type":60,"value":5337},"  duration",{"type":55,"tag":260,"props":5339,"children":5340},{"style":273},[5341],{"type":60,"value":367},{"type":55,"tag":260,"props":5343,"children":5344},{"style":279},[5345],{"type":60,"value":974},{"type":55,"tag":260,"props":5347,"children":5348},{"style":273},[5349],{"type":60,"value":697},{"type":55,"tag":260,"props":5351,"children":5352},{"style":803},[5353],{"type":60,"value":983},{"type":55,"tag":260,"props":5355,"children":5356},{"style":279},[5357],{"type":60,"value":1440},{"type":55,"tag":260,"props":5359,"children":5360},{"style":273},[5361],{"type":60,"value":1445},{"type":55,"tag":260,"props":5363,"children":5364},{"style":279},[5365],{"type":60,"value":2795},{"type":55,"tag":260,"props":5367,"children":5368},{"style":273},[5369],{"type":60,"value":674},{"type":55,"tag":260,"props":5371,"children":5372},{"class":262,"line":410},[5373,5378,5382,5386],{"type":55,"tag":260,"props":5374,"children":5375},{"style":378},[5376],{"type":60,"value":5377},"  middlewareChain",{"type":55,"tag":260,"props":5379,"children":5380},{"style":273},[5381],{"type":60,"value":367},{"type":55,"tag":260,"props":5383,"children":5384},{"style":279},[5385],{"type":60,"value":999},{"type":55,"tag":260,"props":5387,"children":5388},{"style":273},[5389],{"type":60,"value":674},{"type":55,"tag":260,"props":5391,"children":5392},{"class":262,"line":427},[5393,5398,5402,5407],{"type":55,"tag":260,"props":5394,"children":5395},{"style":378},[5396],{"type":60,"value":5397},"  status",{"type":55,"tag":260,"props":5399,"children":5400},{"style":273},[5401],{"type":60,"value":367},{"type":55,"tag":260,"props":5403,"children":5404},{"style":1073},[5405],{"type":60,"value":5406}," 200",{"type":55,"tag":260,"props":5408,"children":5409},{"style":273},[5410],{"type":60,"value":674},{"type":55,"tag":260,"props":5412,"children":5413},{"class":262,"line":445},[5414,5418],{"type":55,"tag":260,"props":5415,"children":5416},{"style":273},[5417],{"type":60,"value":4594},{"type":55,"tag":260,"props":5419,"children":5420},{"style":279},[5421],{"type":60,"value":747},{"type":55,"tag":114,"props":5423,"children":5425},{"id":5424},"instrumentation-checklist",[5426],{"type":60,"value":5427},"Instrumentation Checklist",{"type":55,"tag":171,"props":5429,"children":5430},{},[5431,5436,5441,5446,5457,5462,5467,5480],{"type":55,"tag":175,"props":5432,"children":5433},{},[5434],{"type":60,"value":5435},"Map architecture boundaries (middleware chain, state machine, lifecycle hooks, error paths)",{"type":55,"tag":175,"props":5437,"children":5438},{},[5439],{"type":60,"value":5440},"Design ONE consolidated event per boundary with full context payload",{"type":55,"tag":175,"props":5442,"children":5443},{},[5444],{"type":60,"value":5445},"Keep event map small (3-7 types typical, not 15-30)",{"type":55,"tag":175,"props":5447,"children":5448},{},[5449,5451],{"type":60,"value":5450},"Create EventClient with ",{"type":55,"tag":78,"props":5452,"children":5454},{"className":5453},[],[5455],{"type":60,"value":5456},"enabled: process.env.NODE_ENV !== 'production'",{"type":55,"tag":175,"props":5458,"children":5459},{},[5460],{"type":60,"value":5461},"Use shared base payloads (DRY) for fields common across events",{"type":55,"tag":175,"props":5463,"children":5464},{},[5465],{"type":60,"value":5466},"Debounce any emission point that fires >10 times\u002Fsecond",{"type":55,"tag":175,"props":5468,"children":5469},{},[5470,5472,5478],{"type":60,"value":5471},"Guard expensive payload construction with ",{"type":55,"tag":78,"props":5473,"children":5475},{"className":5474},[],[5476],{"type":60,"value":5477},"process.env.NODE_ENV",{"type":60,"value":5479}," check",{"type":55,"tag":175,"props":5481,"children":5482},{},[5483,5485,5491,5493,5499],{"type":60,"value":5484},"Test with ",{"type":55,"tag":78,"props":5486,"children":5488},{"className":5487},[],[5489],{"type":60,"value":5490},"debug: true",{"type":60,"value":5492}," to see ",{"type":55,"tag":78,"props":5494,"children":5496},{"className":5495},[],[5497],{"type":60,"value":5498},"[tanstack-devtools:{pluginId}-plugin]",{"type":60,"value":5500}," prefixed logs",{"type":55,"tag":114,"props":5502,"children":5504},{"id":5503},"common-mistakes",[5505],{"type":60,"value":5506},"Common Mistakes",{"type":55,"tag":237,"props":5508,"children":5510},{"id":5509},"high-emitting-too-many-granular-events",[5511],{"type":60,"value":5512},"HIGH: Emitting too many granular events",{"type":55,"tag":66,"props":5514,"children":5515},{},[5516],{"type":60,"value":5517},"Wrong -- 15 events per request:",{"type":55,"tag":249,"props":5519,"children":5521},{"className":251,"code":5520,"language":253,"meta":254,"style":254},"routerDevtools.emit('request-start', { id, method, path })\nrouterDevtools.emit('middleware-1-start', { id, name: 'auth' })\nrouterDevtools.emit('middleware-1-end', { id, name: 'auth', duration: 5 })\n\u002F\u002F ... 10 more ...\nrouterDevtools.emit('response-end', { id, duration: 50 })\n",[5522],{"type":55,"tag":78,"props":5523,"children":5524},{"__ignoreMap":254},[5525,5596,5673,5767,5775],{"type":55,"tag":260,"props":5526,"children":5527},{"class":262,"line":263},[5528,5532,5536,5540,5544,5548,5553,5557,5561,5565,5570,5574,5579,5583,5588,5592],{"type":55,"tag":260,"props":5529,"children":5530},{"style":279},[5531],{"type":60,"value":5189},{"type":55,"tag":260,"props":5533,"children":5534},{"style":273},[5535],{"type":60,"value":697},{"type":55,"tag":260,"props":5537,"children":5538},{"style":803},[5539],{"type":60,"value":1497},{"type":55,"tag":260,"props":5541,"children":5542},{"style":279},[5543],{"type":60,"value":638},{"type":55,"tag":260,"props":5545,"children":5546},{"style":273},[5547],{"type":60,"value":362},{"type":55,"tag":260,"props":5549,"children":5550},{"style":300},[5551],{"type":60,"value":5552},"request-start",{"type":55,"tag":260,"props":5554,"children":5555},{"style":273},[5556],{"type":60,"value":362},{"type":55,"tag":260,"props":5558,"children":5559},{"style":273},[5560],{"type":60,"value":1415},{"type":55,"tag":260,"props":5562,"children":5563},{"style":273},[5564],{"type":60,"value":276},{"type":55,"tag":260,"props":5566,"children":5567},{"style":279},[5568],{"type":60,"value":5569}," id",{"type":55,"tag":260,"props":5571,"children":5572},{"style":273},[5573],{"type":60,"value":1415},{"type":55,"tag":260,"props":5575,"children":5576},{"style":279},[5577],{"type":60,"value":5578}," method",{"type":55,"tag":260,"props":5580,"children":5581},{"style":273},[5582],{"type":60,"value":1415},{"type":55,"tag":260,"props":5584,"children":5585},{"style":279},[5586],{"type":60,"value":5587}," path ",{"type":55,"tag":260,"props":5589,"children":5590},{"style":273},[5591],{"type":60,"value":4594},{"type":55,"tag":260,"props":5593,"children":5594},{"style":279},[5595],{"type":60,"value":747},{"type":55,"tag":260,"props":5597,"children":5598},{"class":262,"line":310},[5599,5603,5607,5611,5615,5619,5624,5628,5632,5636,5640,5644,5648,5652,5656,5661,5665,5669],{"type":55,"tag":260,"props":5600,"children":5601},{"style":279},[5602],{"type":60,"value":5189},{"type":55,"tag":260,"props":5604,"children":5605},{"style":273},[5606],{"type":60,"value":697},{"type":55,"tag":260,"props":5608,"children":5609},{"style":803},[5610],{"type":60,"value":1497},{"type":55,"tag":260,"props":5612,"children":5613},{"style":279},[5614],{"type":60,"value":638},{"type":55,"tag":260,"props":5616,"children":5617},{"style":273},[5618],{"type":60,"value":362},{"type":55,"tag":260,"props":5620,"children":5621},{"style":300},[5622],{"type":60,"value":5623},"middleware-1-start",{"type":55,"tag":260,"props":5625,"children":5626},{"style":273},[5627],{"type":60,"value":362},{"type":55,"tag":260,"props":5629,"children":5630},{"style":273},[5631],{"type":60,"value":1415},{"type":55,"tag":260,"props":5633,"children":5634},{"style":273},[5635],{"type":60,"value":276},{"type":55,"tag":260,"props":5637,"children":5638},{"style":279},[5639],{"type":60,"value":5569},{"type":55,"tag":260,"props":5641,"children":5642},{"style":273},[5643],{"type":60,"value":1415},{"type":55,"tag":260,"props":5645,"children":5646},{"style":378},[5647],{"type":60,"value":470},{"type":55,"tag":260,"props":5649,"children":5650},{"style":273},[5651],{"type":60,"value":367},{"type":55,"tag":260,"props":5653,"children":5654},{"style":273},[5655],{"type":60,"value":297},{"type":55,"tag":260,"props":5657,"children":5658},{"style":300},[5659],{"type":60,"value":5660},"auth",{"type":55,"tag":260,"props":5662,"children":5663},{"style":273},[5664],{"type":60,"value":362},{"type":55,"tag":260,"props":5666,"children":5667},{"style":273},[5668],{"type":60,"value":287},{"type":55,"tag":260,"props":5670,"children":5671},{"style":279},[5672],{"type":60,"value":747},{"type":55,"tag":260,"props":5674,"children":5675},{"class":262,"line":320},[5676,5680,5684,5688,5692,5696,5701,5705,5709,5713,5717,5721,5725,5729,5733,5737,5741,5745,5750,5754,5759,5763],{"type":55,"tag":260,"props":5677,"children":5678},{"style":279},[5679],{"type":60,"value":5189},{"type":55,"tag":260,"props":5681,"children":5682},{"style":273},[5683],{"type":60,"value":697},{"type":55,"tag":260,"props":5685,"children":5686},{"style":803},[5687],{"type":60,"value":1497},{"type":55,"tag":260,"props":5689,"children":5690},{"style":279},[5691],{"type":60,"value":638},{"type":55,"tag":260,"props":5693,"children":5694},{"style":273},[5695],{"type":60,"value":362},{"type":55,"tag":260,"props":5697,"children":5698},{"style":300},[5699],{"type":60,"value":5700},"middleware-1-end",{"type":55,"tag":260,"props":5702,"children":5703},{"style":273},[5704],{"type":60,"value":362},{"type":55,"tag":260,"props":5706,"children":5707},{"style":273},[5708],{"type":60,"value":1415},{"type":55,"tag":260,"props":5710,"children":5711},{"style":273},[5712],{"type":60,"value":276},{"type":55,"tag":260,"props":5714,"children":5715},{"style":279},[5716],{"type":60,"value":5569},{"type":55,"tag":260,"props":5718,"children":5719},{"style":273},[5720],{"type":60,"value":1415},{"type":55,"tag":260,"props":5722,"children":5723},{"style":378},[5724],{"type":60,"value":470},{"type":55,"tag":260,"props":5726,"children":5727},{"style":273},[5728],{"type":60,"value":367},{"type":55,"tag":260,"props":5730,"children":5731},{"style":273},[5732],{"type":60,"value":297},{"type":55,"tag":260,"props":5734,"children":5735},{"style":300},[5736],{"type":60,"value":5660},{"type":55,"tag":260,"props":5738,"children":5739},{"style":273},[5740],{"type":60,"value":362},{"type":55,"tag":260,"props":5742,"children":5743},{"style":273},[5744],{"type":60,"value":1415},{"type":55,"tag":260,"props":5746,"children":5747},{"style":378},[5748],{"type":60,"value":5749}," duration",{"type":55,"tag":260,"props":5751,"children":5752},{"style":273},[5753],{"type":60,"value":367},{"type":55,"tag":260,"props":5755,"children":5756},{"style":1073},[5757],{"type":60,"value":5758}," 5",{"type":55,"tag":260,"props":5760,"children":5761},{"style":273},[5762],{"type":60,"value":287},{"type":55,"tag":260,"props":5764,"children":5765},{"style":279},[5766],{"type":60,"value":747},{"type":55,"tag":260,"props":5768,"children":5769},{"class":262,"line":346},[5770],{"type":55,"tag":260,"props":5771,"children":5772},{"style":1477},[5773],{"type":60,"value":5774},"\u002F\u002F ... 10 more ...\n",{"type":55,"tag":260,"props":5776,"children":5777},{"class":262,"line":374},[5778,5782,5786,5790,5794,5798,5803,5807,5811,5815,5819,5823,5827,5831,5836,5840],{"type":55,"tag":260,"props":5779,"children":5780},{"style":279},[5781],{"type":60,"value":5189},{"type":55,"tag":260,"props":5783,"children":5784},{"style":273},[5785],{"type":60,"value":697},{"type":55,"tag":260,"props":5787,"children":5788},{"style":803},[5789],{"type":60,"value":1497},{"type":55,"tag":260,"props":5791,"children":5792},{"style":279},[5793],{"type":60,"value":638},{"type":55,"tag":260,"props":5795,"children":5796},{"style":273},[5797],{"type":60,"value":362},{"type":55,"tag":260,"props":5799,"children":5800},{"style":300},[5801],{"type":60,"value":5802},"response-end",{"type":55,"tag":260,"props":5804,"children":5805},{"style":273},[5806],{"type":60,"value":362},{"type":55,"tag":260,"props":5808,"children":5809},{"style":273},[5810],{"type":60,"value":1415},{"type":55,"tag":260,"props":5812,"children":5813},{"style":273},[5814],{"type":60,"value":276},{"type":55,"tag":260,"props":5816,"children":5817},{"style":279},[5818],{"type":60,"value":5569},{"type":55,"tag":260,"props":5820,"children":5821},{"style":273},[5822],{"type":60,"value":1415},{"type":55,"tag":260,"props":5824,"children":5825},{"style":378},[5826],{"type":60,"value":5749},{"type":55,"tag":260,"props":5828,"children":5829},{"style":273},[5830],{"type":60,"value":367},{"type":55,"tag":260,"props":5832,"children":5833},{"style":1073},[5834],{"type":60,"value":5835}," 50",{"type":55,"tag":260,"props":5837,"children":5838},{"style":273},[5839],{"type":60,"value":287},{"type":55,"tag":260,"props":5841,"children":5842},{"style":279},[5843],{"type":60,"value":747},{"type":55,"tag":66,"props":5845,"children":5846},{},[5847],{"type":60,"value":5848},"Correct -- 1 event with all data:",{"type":55,"tag":249,"props":5850,"children":5852},{"className":251,"code":5851,"language":253,"meta":254,"style":254},"routerDevtools.emit('request-processed', {\n  id,\n  method,\n  path,\n  duration: 50,\n  middlewareChain: [\n    { name: 'auth', durationMs: 5 },\n    { name: 'cors', durationMs: 1 },\n  ],\n  status: 200,\n})\n",[5853],{"type":55,"tag":78,"props":5854,"children":5855},{"__ignoreMap":254},[5856,5895,5906,5917,5928,5947,5963,6012,6061,6073,6092],{"type":55,"tag":260,"props":5857,"children":5858},{"class":262,"line":263},[5859,5863,5867,5871,5875,5879,5883,5887,5891],{"type":55,"tag":260,"props":5860,"children":5861},{"style":279},[5862],{"type":60,"value":5189},{"type":55,"tag":260,"props":5864,"children":5865},{"style":273},[5866],{"type":60,"value":697},{"type":55,"tag":260,"props":5868,"children":5869},{"style":803},[5870],{"type":60,"value":1497},{"type":55,"tag":260,"props":5872,"children":5873},{"style":279},[5874],{"type":60,"value":638},{"type":55,"tag":260,"props":5876,"children":5877},{"style":273},[5878],{"type":60,"value":362},{"type":55,"tag":260,"props":5880,"children":5881},{"style":300},[5882],{"type":60,"value":357},{"type":55,"tag":260,"props":5884,"children":5885},{"style":273},[5886],{"type":60,"value":362},{"type":55,"tag":260,"props":5888,"children":5889},{"style":273},[5890],{"type":60,"value":1415},{"type":55,"tag":260,"props":5892,"children":5893},{"style":273},[5894],{"type":60,"value":343},{"type":55,"tag":260,"props":5896,"children":5897},{"class":262,"line":310},[5898,5902],{"type":55,"tag":260,"props":5899,"children":5900},{"style":279},[5901],{"type":60,"value":5229},{"type":55,"tag":260,"props":5903,"children":5904},{"style":273},[5905],{"type":60,"value":674},{"type":55,"tag":260,"props":5907,"children":5908},{"class":262,"line":320},[5909,5913],{"type":55,"tag":260,"props":5910,"children":5911},{"style":279},[5912],{"type":60,"value":5261},{"type":55,"tag":260,"props":5914,"children":5915},{"style":273},[5916],{"type":60,"value":674},{"type":55,"tag":260,"props":5918,"children":5919},{"class":262,"line":346},[5920,5924],{"type":55,"tag":260,"props":5921,"children":5922},{"style":279},[5923],{"type":60,"value":5289},{"type":55,"tag":260,"props":5925,"children":5926},{"style":273},[5927],{"type":60,"value":674},{"type":55,"tag":260,"props":5929,"children":5930},{"class":262,"line":374},[5931,5935,5939,5943],{"type":55,"tag":260,"props":5932,"children":5933},{"style":378},[5934],{"type":60,"value":5337},{"type":55,"tag":260,"props":5936,"children":5937},{"style":273},[5938],{"type":60,"value":367},{"type":55,"tag":260,"props":5940,"children":5941},{"style":1073},[5942],{"type":60,"value":5835},{"type":55,"tag":260,"props":5944,"children":5945},{"style":273},[5946],{"type":60,"value":674},{"type":55,"tag":260,"props":5948,"children":5949},{"class":262,"line":393},[5950,5954,5958],{"type":55,"tag":260,"props":5951,"children":5952},{"style":378},[5953],{"type":60,"value":5377},{"type":55,"tag":260,"props":5955,"children":5956},{"style":273},[5957],{"type":60,"value":367},{"type":55,"tag":260,"props":5959,"children":5960},{"style":279},[5961],{"type":60,"value":5962}," [\n",{"type":55,"tag":260,"props":5964,"children":5965},{"class":262,"line":410},[5966,5971,5975,5979,5983,5987,5991,5995,5999,6003,6007],{"type":55,"tag":260,"props":5967,"children":5968},{"style":273},[5969],{"type":60,"value":5970},"    {",{"type":55,"tag":260,"props":5972,"children":5973},{"style":378},[5974],{"type":60,"value":470},{"type":55,"tag":260,"props":5976,"children":5977},{"style":273},[5978],{"type":60,"value":367},{"type":55,"tag":260,"props":5980,"children":5981},{"style":273},[5982],{"type":60,"value":297},{"type":55,"tag":260,"props":5984,"children":5985},{"style":300},[5986],{"type":60,"value":5660},{"type":55,"tag":260,"props":5988,"children":5989},{"style":273},[5990],{"type":60,"value":362},{"type":55,"tag":260,"props":5992,"children":5993},{"style":273},[5994],{"type":60,"value":1415},{"type":55,"tag":260,"props":5996,"children":5997},{"style":378},[5998],{"type":60,"value":489},{"type":55,"tag":260,"props":6000,"children":6001},{"style":273},[6002],{"type":60,"value":367},{"type":55,"tag":260,"props":6004,"children":6005},{"style":1073},[6006],{"type":60,"value":5758},{"type":55,"tag":260,"props":6008,"children":6009},{"style":273},[6010],{"type":60,"value":6011}," },\n",{"type":55,"tag":260,"props":6013,"children":6014},{"class":262,"line":427},[6015,6019,6023,6027,6031,6036,6040,6044,6048,6052,6057],{"type":55,"tag":260,"props":6016,"children":6017},{"style":273},[6018],{"type":60,"value":5970},{"type":55,"tag":260,"props":6020,"children":6021},{"style":378},[6022],{"type":60,"value":470},{"type":55,"tag":260,"props":6024,"children":6025},{"style":273},[6026],{"type":60,"value":367},{"type":55,"tag":260,"props":6028,"children":6029},{"style":273},[6030],{"type":60,"value":297},{"type":55,"tag":260,"props":6032,"children":6033},{"style":300},[6034],{"type":60,"value":6035},"cors",{"type":55,"tag":260,"props":6037,"children":6038},{"style":273},[6039],{"type":60,"value":362},{"type":55,"tag":260,"props":6041,"children":6042},{"style":273},[6043],{"type":60,"value":1415},{"type":55,"tag":260,"props":6045,"children":6046},{"style":378},[6047],{"type":60,"value":489},{"type":55,"tag":260,"props":6049,"children":6050},{"style":273},[6051],{"type":60,"value":367},{"type":55,"tag":260,"props":6053,"children":6054},{"style":1073},[6055],{"type":60,"value":6056}," 1",{"type":55,"tag":260,"props":6058,"children":6059},{"style":273},[6060],{"type":60,"value":6011},{"type":55,"tag":260,"props":6062,"children":6063},{"class":262,"line":445},[6064,6069],{"type":55,"tag":260,"props":6065,"children":6066},{"style":279},[6067],{"type":60,"value":6068},"  ]",{"type":55,"tag":260,"props":6070,"children":6071},{"style":273},[6072],{"type":60,"value":674},{"type":55,"tag":260,"props":6074,"children":6075},{"class":262,"line":506},[6076,6080,6084,6088],{"type":55,"tag":260,"props":6077,"children":6078},{"style":378},[6079],{"type":60,"value":5397},{"type":55,"tag":260,"props":6081,"children":6082},{"style":273},[6083],{"type":60,"value":367},{"type":55,"tag":260,"props":6085,"children":6086},{"style":1073},[6087],{"type":60,"value":5406},{"type":55,"tag":260,"props":6089,"children":6090},{"style":273},[6091],{"type":60,"value":674},{"type":55,"tag":260,"props":6093,"children":6094},{"class":262,"line":523},[6095,6099],{"type":55,"tag":260,"props":6096,"children":6097},{"style":273},[6098],{"type":60,"value":4594},{"type":55,"tag":260,"props":6100,"children":6101},{"style":279},[6102],{"type":60,"value":747},{"type":55,"tag":66,"props":6104,"children":6105},{},[6106],{"type":60,"value":6107},"Source: maintainer interview",{"type":55,"tag":237,"props":6109,"children":6111},{"id":6110},"high-emitting-in-hot-loops-without-debouncing",[6112],{"type":60,"value":6113},"HIGH: Emitting in hot loops without debouncing",{"type":55,"tag":66,"props":6115,"children":6116},{},[6117],{"type":60,"value":6118},"Wrong:",{"type":55,"tag":249,"props":6120,"children":6122},{"className":251,"code":6121,"language":253,"meta":254,"style":254},"signal.subscribe((value) => {\n  devtools.emit('signal-updated', { value, timestamp: Date.now() }) \u002F\u002F 60+ times\u002Fsec\n})\n",[6123],{"type":55,"tag":78,"props":6124,"children":6125},{"__ignoreMap":254},[6126,6165,6250],{"type":55,"tag":260,"props":6127,"children":6128},{"class":262,"line":263},[6129,6133,6137,6141,6145,6149,6153,6157,6161],{"type":55,"tag":260,"props":6130,"children":6131},{"style":279},[6132],{"type":60,"value":4488},{"type":55,"tag":260,"props":6134,"children":6135},{"style":273},[6136],{"type":60,"value":697},{"type":55,"tag":260,"props":6138,"children":6139},{"style":803},[6140],{"type":60,"value":4497},{"type":55,"tag":260,"props":6142,"children":6143},{"style":279},[6144],{"type":60,"value":638},{"type":55,"tag":260,"props":6146,"children":6147},{"style":273},[6148],{"type":60,"value":638},{"type":55,"tag":260,"props":6150,"children":6151},{"style":846},[6152],{"type":60,"value":4510},{"type":55,"tag":260,"props":6154,"children":6155},{"style":273},[6156],{"type":60,"value":2928},{"type":55,"tag":260,"props":6158,"children":6159},{"style":324},[6160],{"type":60,"value":3465},{"type":55,"tag":260,"props":6162,"children":6163},{"style":273},[6164],{"type":60,"value":343},{"type":55,"tag":260,"props":6166,"children":6167},{"class":262,"line":310},[6168,6173,6177,6181,6185,6189,6193,6197,6201,6205,6209,6213,6217,6221,6225,6229,6233,6237,6241,6245],{"type":55,"tag":260,"props":6169,"children":6170},{"style":279},[6171],{"type":60,"value":6172},"  devtools",{"type":55,"tag":260,"props":6174,"children":6175},{"style":273},[6176],{"type":60,"value":697},{"type":55,"tag":260,"props":6178,"children":6179},{"style":803},[6180],{"type":60,"value":1497},{"type":55,"tag":260,"props":6182,"children":6183},{"style":378},[6184],{"type":60,"value":638},{"type":55,"tag":260,"props":6186,"children":6187},{"style":273},[6188],{"type":60,"value":362},{"type":55,"tag":260,"props":6190,"children":6191},{"style":300},[6192],{"type":60,"value":4543},{"type":55,"tag":260,"props":6194,"children":6195},{"style":273},[6196],{"type":60,"value":362},{"type":55,"tag":260,"props":6198,"children":6199},{"style":273},[6200],{"type":60,"value":1415},{"type":55,"tag":260,"props":6202,"children":6203},{"style":273},[6204],{"type":60,"value":276},{"type":55,"tag":260,"props":6206,"children":6207},{"style":279},[6208],{"type":60,"value":4560},{"type":55,"tag":260,"props":6210,"children":6211},{"style":273},[6212],{"type":60,"value":1415},{"type":55,"tag":260,"props":6214,"children":6215},{"style":378},[6216],{"type":60,"value":4569},{"type":55,"tag":260,"props":6218,"children":6219},{"style":273},[6220],{"type":60,"value":367},{"type":55,"tag":260,"props":6222,"children":6223},{"style":279},[6224],{"type":60,"value":2672},{"type":55,"tag":260,"props":6226,"children":6227},{"style":273},[6228],{"type":60,"value":697},{"type":55,"tag":260,"props":6230,"children":6231},{"style":803},[6232],{"type":60,"value":983},{"type":55,"tag":260,"props":6234,"children":6235},{"style":378},[6236],{"type":60,"value":1440},{"type":55,"tag":260,"props":6238,"children":6239},{"style":273},[6240],{"type":60,"value":4594},{"type":55,"tag":260,"props":6242,"children":6243},{"style":378},[6244],{"type":60,"value":1151},{"type":55,"tag":260,"props":6246,"children":6247},{"style":1477},[6248],{"type":60,"value":6249},"\u002F\u002F 60+ times\u002Fsec\n",{"type":55,"tag":260,"props":6251,"children":6252},{"class":262,"line":320},[6253,6257],{"type":55,"tag":260,"props":6254,"children":6255},{"style":273},[6256],{"type":60,"value":4594},{"type":55,"tag":260,"props":6258,"children":6259},{"style":279},[6260],{"type":60,"value":747},{"type":55,"tag":66,"props":6262,"children":6263},{},[6264],{"type":60,"value":6265},"Correct:",{"type":55,"tag":249,"props":6267,"children":6269},{"className":251,"code":6268,"language":253,"meta":254,"style":254},"const debouncedEmit = createDebouncedEmitter(devtools, 100)\nsignal.subscribe((value) => {\n  debouncedEmit('signal-updated', { value, timestamp: Date.now() })\n})\n",[6270],{"type":55,"tag":78,"props":6271,"children":6272},{"__ignoreMap":254},[6273,6309,6348,6419],{"type":55,"tag":260,"props":6274,"children":6275},{"class":262,"line":263},[6276,6280,6284,6288,6292,6297,6301,6305],{"type":55,"tag":260,"props":6277,"children":6278},{"style":324},[6279],{"type":60,"value":1131},{"type":55,"tag":260,"props":6281,"children":6282},{"style":279},[6283],{"type":60,"value":4454},{"type":55,"tag":260,"props":6285,"children":6286},{"style":273},[6287],{"type":60,"value":795},{"type":55,"tag":260,"props":6289,"children":6290},{"style":803},[6291],{"type":60,"value":3914},{"type":55,"tag":260,"props":6293,"children":6294},{"style":279},[6295],{"type":60,"value":6296},"(devtools",{"type":55,"tag":260,"props":6298,"children":6299},{"style":273},[6300],{"type":60,"value":1415},{"type":55,"tag":260,"props":6302,"children":6303},{"style":1073},[6304],{"type":60,"value":4476},{"type":55,"tag":260,"props":6306,"children":6307},{"style":279},[6308],{"type":60,"value":747},{"type":55,"tag":260,"props":6310,"children":6311},{"class":262,"line":310},[6312,6316,6320,6324,6328,6332,6336,6340,6344],{"type":55,"tag":260,"props":6313,"children":6314},{"style":279},[6315],{"type":60,"value":4488},{"type":55,"tag":260,"props":6317,"children":6318},{"style":273},[6319],{"type":60,"value":697},{"type":55,"tag":260,"props":6321,"children":6322},{"style":803},[6323],{"type":60,"value":4497},{"type":55,"tag":260,"props":6325,"children":6326},{"style":279},[6327],{"type":60,"value":638},{"type":55,"tag":260,"props":6329,"children":6330},{"style":273},[6331],{"type":60,"value":638},{"type":55,"tag":260,"props":6333,"children":6334},{"style":846},[6335],{"type":60,"value":4510},{"type":55,"tag":260,"props":6337,"children":6338},{"style":273},[6339],{"type":60,"value":2928},{"type":55,"tag":260,"props":6341,"children":6342},{"style":324},[6343],{"type":60,"value":3465},{"type":55,"tag":260,"props":6345,"children":6346},{"style":273},[6347],{"type":60,"value":343},{"type":55,"tag":260,"props":6349,"children":6350},{"class":262,"line":320},[6351,6355,6359,6363,6367,6371,6375,6379,6383,6387,6391,6395,6399,6403,6407,6411,6415],{"type":55,"tag":260,"props":6352,"children":6353},{"style":803},[6354],{"type":60,"value":4530},{"type":55,"tag":260,"props":6356,"children":6357},{"style":378},[6358],{"type":60,"value":638},{"type":55,"tag":260,"props":6360,"children":6361},{"style":273},[6362],{"type":60,"value":362},{"type":55,"tag":260,"props":6364,"children":6365},{"style":300},[6366],{"type":60,"value":4543},{"type":55,"tag":260,"props":6368,"children":6369},{"style":273},[6370],{"type":60,"value":362},{"type":55,"tag":260,"props":6372,"children":6373},{"style":273},[6374],{"type":60,"value":1415},{"type":55,"tag":260,"props":6376,"children":6377},{"style":273},[6378],{"type":60,"value":276},{"type":55,"tag":260,"props":6380,"children":6381},{"style":279},[6382],{"type":60,"value":4560},{"type":55,"tag":260,"props":6384,"children":6385},{"style":273},[6386],{"type":60,"value":1415},{"type":55,"tag":260,"props":6388,"children":6389},{"style":378},[6390],{"type":60,"value":4569},{"type":55,"tag":260,"props":6392,"children":6393},{"style":273},[6394],{"type":60,"value":367},{"type":55,"tag":260,"props":6396,"children":6397},{"style":279},[6398],{"type":60,"value":2672},{"type":55,"tag":260,"props":6400,"children":6401},{"style":273},[6402],{"type":60,"value":697},{"type":55,"tag":260,"props":6404,"children":6405},{"style":803},[6406],{"type":60,"value":983},{"type":55,"tag":260,"props":6408,"children":6409},{"style":378},[6410],{"type":60,"value":1440},{"type":55,"tag":260,"props":6412,"children":6413},{"style":273},[6414],{"type":60,"value":4594},{"type":55,"tag":260,"props":6416,"children":6417},{"style":378},[6418],{"type":60,"value":747},{"type":55,"tag":260,"props":6420,"children":6421},{"class":262,"line":346},[6422,6426],{"type":55,"tag":260,"props":6423,"children":6424},{"style":273},[6425],{"type":60,"value":4594},{"type":55,"tag":260,"props":6427,"children":6428},{"style":279},[6429],{"type":60,"value":747},{"type":55,"tag":66,"props":6431,"children":6432},{},[6433],{"type":60,"value":6434},"Source: docs\u002Fbidirectional-communication.md",{"type":55,"tag":237,"props":6436,"children":6438},{"id":6437},"medium-not-emitting-at-architecture-boundaries",[6439],{"type":60,"value":6440},"MEDIUM: Not emitting at architecture boundaries",{"type":55,"tag":66,"props":6442,"children":6443},{},[6444],{"type":60,"value":6445},"Wrong -- instrumented inside a helper:",{"type":55,"tag":249,"props":6447,"children":6449},{"className":251,"code":6448,"language":253,"meta":254,"style":254},"function parseQueryString(url: string) {\n  const params = new URLSearchParams(url)\n  devtools.emit('query-parsed', { params: Object.fromEntries(params) })\n  return params\n}\n",[6450],{"type":55,"tag":78,"props":6451,"children":6452},{"__ignoreMap":254},[6453,6489,6526,6609,6621],{"type":55,"tag":260,"props":6454,"children":6455},{"class":262,"line":263},[6456,6460,6465,6469,6473,6477,6481,6485],{"type":55,"tag":260,"props":6457,"children":6458},{"style":324},[6459],{"type":60,"value":3909},{"type":55,"tag":260,"props":6461,"children":6462},{"style":803},[6463],{"type":60,"value":6464}," parseQueryString",{"type":55,"tag":260,"props":6466,"children":6467},{"style":273},[6468],{"type":60,"value":638},{"type":55,"tag":260,"props":6470,"children":6471},{"style":846},[6472],{"type":60,"value":1596},{"type":55,"tag":260,"props":6474,"children":6475},{"style":273},[6476],{"type":60,"value":367},{"type":55,"tag":260,"props":6478,"children":6479},{"style":330},[6480],{"type":60,"value":479},{"type":55,"tag":260,"props":6482,"children":6483},{"style":273},[6484],{"type":60,"value":2928},{"type":55,"tag":260,"props":6486,"children":6487},{"style":273},[6488],{"type":60,"value":343},{"type":55,"tag":260,"props":6490,"children":6491},{"class":262,"line":310},[6492,6496,6501,6505,6509,6514,6518,6522],{"type":55,"tag":260,"props":6493,"children":6494},{"style":324},[6495],{"type":60,"value":926},{"type":55,"tag":260,"props":6497,"children":6498},{"style":279},[6499],{"type":60,"value":6500}," params",{"type":55,"tag":260,"props":6502,"children":6503},{"style":273},[6504],{"type":60,"value":338},{"type":55,"tag":260,"props":6506,"children":6507},{"style":273},[6508],{"type":60,"value":800},{"type":55,"tag":260,"props":6510,"children":6511},{"style":803},[6512],{"type":60,"value":6513}," URLSearchParams",{"type":55,"tag":260,"props":6515,"children":6516},{"style":378},[6517],{"type":60,"value":638},{"type":55,"tag":260,"props":6519,"children":6520},{"style":279},[6521],{"type":60,"value":1596},{"type":55,"tag":260,"props":6523,"children":6524},{"style":378},[6525],{"type":60,"value":747},{"type":55,"tag":260,"props":6527,"children":6528},{"class":262,"line":320},[6529,6533,6537,6541,6545,6549,6554,6558,6562,6566,6570,6574,6579,6583,6588,6592,6597,6601,6605],{"type":55,"tag":260,"props":6530,"children":6531},{"style":279},[6532],{"type":60,"value":6172},{"type":55,"tag":260,"props":6534,"children":6535},{"style":273},[6536],{"type":60,"value":697},{"type":55,"tag":260,"props":6538,"children":6539},{"style":803},[6540],{"type":60,"value":1497},{"type":55,"tag":260,"props":6542,"children":6543},{"style":378},[6544],{"type":60,"value":638},{"type":55,"tag":260,"props":6546,"children":6547},{"style":273},[6548],{"type":60,"value":362},{"type":55,"tag":260,"props":6550,"children":6551},{"style":300},[6552],{"type":60,"value":6553},"query-parsed",{"type":55,"tag":260,"props":6555,"children":6556},{"style":273},[6557],{"type":60,"value":362},{"type":55,"tag":260,"props":6559,"children":6560},{"style":273},[6561],{"type":60,"value":1415},{"type":55,"tag":260,"props":6563,"children":6564},{"style":273},[6565],{"type":60,"value":276},{"type":55,"tag":260,"props":6567,"children":6568},{"style":378},[6569],{"type":60,"value":6500},{"type":55,"tag":260,"props":6571,"children":6572},{"style":273},[6573],{"type":60,"value":367},{"type":55,"tag":260,"props":6575,"children":6576},{"style":279},[6577],{"type":60,"value":6578}," Object",{"type":55,"tag":260,"props":6580,"children":6581},{"style":273},[6582],{"type":60,"value":697},{"type":55,"tag":260,"props":6584,"children":6585},{"style":803},[6586],{"type":60,"value":6587},"fromEntries",{"type":55,"tag":260,"props":6589,"children":6590},{"style":378},[6591],{"type":60,"value":638},{"type":55,"tag":260,"props":6593,"children":6594},{"style":279},[6595],{"type":60,"value":6596},"params",{"type":55,"tag":260,"props":6598,"children":6599},{"style":378},[6600],{"type":60,"value":1151},{"type":55,"tag":260,"props":6602,"children":6603},{"style":273},[6604],{"type":60,"value":4594},{"type":55,"tag":260,"props":6606,"children":6607},{"style":378},[6608],{"type":60,"value":747},{"type":55,"tag":260,"props":6610,"children":6611},{"class":262,"line":346},[6612,6616],{"type":55,"tag":260,"props":6613,"children":6614},{"style":267},[6615],{"type":60,"value":1714},{"type":55,"tag":260,"props":6617,"children":6618},{"style":279},[6619],{"type":60,"value":6620}," params\n",{"type":55,"tag":260,"props":6622,"children":6623},{"class":262,"line":374},[6624],{"type":55,"tag":260,"props":6625,"children":6626},{"style":273},[6627],{"type":60,"value":556},{"type":55,"tag":66,"props":6629,"children":6630},{},[6631],{"type":60,"value":6632},"Correct -- instrumented at the handler boundary:",{"type":55,"tag":249,"props":6634,"children":6636},{"className":251,"code":6635,"language":253,"meta":254,"style":254},"function handleRequest(req: Request) {\n  const params = parseQueryString(req.url)\n  const result = processRequest(params)\n  devtools.emit('request-processed', {\n    path: req.url,\n    params: Object.fromEntries(params),\n    result: result.summary,\n    duration: performance.now() - start,\n  })\n}\n",[6637],{"type":55,"tag":78,"props":6638,"children":6639},{"__ignoreMap":254},[6640,6676,6715,6748,6787,6814,6854,6883,6922,6933],{"type":55,"tag":260,"props":6641,"children":6642},{"class":262,"line":263},[6643,6647,6652,6656,6660,6664,6668,6672],{"type":55,"tag":260,"props":6644,"children":6645},{"style":324},[6646],{"type":60,"value":3909},{"type":55,"tag":260,"props":6648,"children":6649},{"style":803},[6650],{"type":60,"value":6651}," handleRequest",{"type":55,"tag":260,"props":6653,"children":6654},{"style":273},[6655],{"type":60,"value":638},{"type":55,"tag":260,"props":6657,"children":6658},{"style":846},[6659],{"type":60,"value":1230},{"type":55,"tag":260,"props":6661,"children":6662},{"style":273},[6663],{"type":60,"value":367},{"type":55,"tag":260,"props":6665,"children":6666},{"style":330},[6667],{"type":60,"value":858},{"type":55,"tag":260,"props":6669,"children":6670},{"style":273},[6671],{"type":60,"value":2928},{"type":55,"tag":260,"props":6673,"children":6674},{"style":273},[6675],{"type":60,"value":343},{"type":55,"tag":260,"props":6677,"children":6678},{"class":262,"line":310},[6679,6683,6687,6691,6695,6699,6703,6707,6711],{"type":55,"tag":260,"props":6680,"children":6681},{"style":324},[6682],{"type":60,"value":926},{"type":55,"tag":260,"props":6684,"children":6685},{"style":279},[6686],{"type":60,"value":6500},{"type":55,"tag":260,"props":6688,"children":6689},{"style":273},[6690],{"type":60,"value":338},{"type":55,"tag":260,"props":6692,"children":6693},{"style":803},[6694],{"type":60,"value":6464},{"type":55,"tag":260,"props":6696,"children":6697},{"style":378},[6698],{"type":60,"value":638},{"type":55,"tag":260,"props":6700,"children":6701},{"style":279},[6702],{"type":60,"value":1230},{"type":55,"tag":260,"props":6704,"children":6705},{"style":273},[6706],{"type":60,"value":697},{"type":55,"tag":260,"props":6708,"children":6709},{"style":279},[6710],{"type":60,"value":1596},{"type":55,"tag":260,"props":6712,"children":6713},{"style":378},[6714],{"type":60,"value":747},{"type":55,"tag":260,"props":6716,"children":6717},{"class":262,"line":320},[6718,6722,6727,6731,6736,6740,6744],{"type":55,"tag":260,"props":6719,"children":6720},{"style":324},[6721],{"type":60,"value":926},{"type":55,"tag":260,"props":6723,"children":6724},{"style":279},[6725],{"type":60,"value":6726}," result",{"type":55,"tag":260,"props":6728,"children":6729},{"style":273},[6730],{"type":60,"value":338},{"type":55,"tag":260,"props":6732,"children":6733},{"style":803},[6734],{"type":60,"value":6735}," processRequest",{"type":55,"tag":260,"props":6737,"children":6738},{"style":378},[6739],{"type":60,"value":638},{"type":55,"tag":260,"props":6741,"children":6742},{"style":279},[6743],{"type":60,"value":6596},{"type":55,"tag":260,"props":6745,"children":6746},{"style":378},[6747],{"type":60,"value":747},{"type":55,"tag":260,"props":6749,"children":6750},{"class":262,"line":346},[6751,6755,6759,6763,6767,6771,6775,6779,6783],{"type":55,"tag":260,"props":6752,"children":6753},{"style":279},[6754],{"type":60,"value":6172},{"type":55,"tag":260,"props":6756,"children":6757},{"style":273},[6758],{"type":60,"value":697},{"type":55,"tag":260,"props":6760,"children":6761},{"style":803},[6762],{"type":60,"value":1497},{"type":55,"tag":260,"props":6764,"children":6765},{"style":378},[6766],{"type":60,"value":638},{"type":55,"tag":260,"props":6768,"children":6769},{"style":273},[6770],{"type":60,"value":362},{"type":55,"tag":260,"props":6772,"children":6773},{"style":300},[6774],{"type":60,"value":357},{"type":55,"tag":260,"props":6776,"children":6777},{"style":273},[6778],{"type":60,"value":362},{"type":55,"tag":260,"props":6780,"children":6781},{"style":273},[6782],{"type":60,"value":1415},{"type":55,"tag":260,"props":6784,"children":6785},{"style":273},[6786],{"type":60,"value":343},{"type":55,"tag":260,"props":6788,"children":6789},{"class":262,"line":374},[6790,6794,6798,6802,6806,6810],{"type":55,"tag":260,"props":6791,"children":6792},{"style":378},[6793],{"type":60,"value":416},{"type":55,"tag":260,"props":6795,"children":6796},{"style":273},[6797],{"type":60,"value":367},{"type":55,"tag":260,"props":6799,"children":6800},{"style":279},[6801],{"type":60,"value":1558},{"type":55,"tag":260,"props":6803,"children":6804},{"style":273},[6805],{"type":60,"value":697},{"type":55,"tag":260,"props":6807,"children":6808},{"style":279},[6809],{"type":60,"value":1596},{"type":55,"tag":260,"props":6811,"children":6812},{"style":273},[6813],{"type":60,"value":674},{"type":55,"tag":260,"props":6815,"children":6816},{"class":262,"line":393},[6817,6822,6826,6830,6834,6838,6842,6846,6850],{"type":55,"tag":260,"props":6818,"children":6819},{"style":378},[6820],{"type":60,"value":6821},"    params",{"type":55,"tag":260,"props":6823,"children":6824},{"style":273},[6825],{"type":60,"value":367},{"type":55,"tag":260,"props":6827,"children":6828},{"style":279},[6829],{"type":60,"value":6578},{"type":55,"tag":260,"props":6831,"children":6832},{"style":273},[6833],{"type":60,"value":697},{"type":55,"tag":260,"props":6835,"children":6836},{"style":803},[6837],{"type":60,"value":6587},{"type":55,"tag":260,"props":6839,"children":6840},{"style":378},[6841],{"type":60,"value":638},{"type":55,"tag":260,"props":6843,"children":6844},{"style":279},[6845],{"type":60,"value":6596},{"type":55,"tag":260,"props":6847,"children":6848},{"style":378},[6849],{"type":60,"value":2928},{"type":55,"tag":260,"props":6851,"children":6852},{"style":273},[6853],{"type":60,"value":674},{"type":55,"tag":260,"props":6855,"children":6856},{"class":262,"line":410},[6857,6862,6866,6870,6874,6879],{"type":55,"tag":260,"props":6858,"children":6859},{"style":378},[6860],{"type":60,"value":6861},"    result",{"type":55,"tag":260,"props":6863,"children":6864},{"style":273},[6865],{"type":60,"value":367},{"type":55,"tag":260,"props":6867,"children":6868},{"style":279},[6869],{"type":60,"value":6726},{"type":55,"tag":260,"props":6871,"children":6872},{"style":273},[6873],{"type":60,"value":697},{"type":55,"tag":260,"props":6875,"children":6876},{"style":279},[6877],{"type":60,"value":6878},"summary",{"type":55,"tag":260,"props":6880,"children":6881},{"style":273},[6882],{"type":60,"value":674},{"type":55,"tag":260,"props":6884,"children":6885},{"class":262,"line":427},[6886,6890,6894,6898,6902,6906,6910,6914,6918],{"type":55,"tag":260,"props":6887,"children":6888},{"style":378},[6889],{"type":60,"value":433},{"type":55,"tag":260,"props":6891,"children":6892},{"style":273},[6893],{"type":60,"value":367},{"type":55,"tag":260,"props":6895,"children":6896},{"style":279},[6897],{"type":60,"value":974},{"type":55,"tag":260,"props":6899,"children":6900},{"style":273},[6901],{"type":60,"value":697},{"type":55,"tag":260,"props":6903,"children":6904},{"style":803},[6905],{"type":60,"value":983},{"type":55,"tag":260,"props":6907,"children":6908},{"style":378},[6909],{"type":60,"value":1440},{"type":55,"tag":260,"props":6911,"children":6912},{"style":273},[6913],{"type":60,"value":1445},{"type":55,"tag":260,"props":6915,"children":6916},{"style":279},[6917],{"type":60,"value":2795},{"type":55,"tag":260,"props":6919,"children":6920},{"style":273},[6921],{"type":60,"value":674},{"type":55,"tag":260,"props":6923,"children":6924},{"class":262,"line":445},[6925,6929],{"type":55,"tag":260,"props":6926,"children":6927},{"style":273},[6928],{"type":60,"value":1693},{"type":55,"tag":260,"props":6930,"children":6931},{"style":378},[6932],{"type":60,"value":747},{"type":55,"tag":260,"props":6934,"children":6935},{"class":262,"line":506},[6936],{"type":55,"tag":260,"props":6937,"children":6938},{"style":273},[6939],{"type":60,"value":556},{"type":55,"tag":66,"props":6941,"children":6942},{},[6943],{"type":60,"value":6107},{"type":55,"tag":237,"props":6945,"children":6947},{"id":6946},"medium-hardcoding-repeated-payload-fields",[6948],{"type":60,"value":6949},"MEDIUM: Hardcoding repeated payload fields",{"type":55,"tag":66,"props":6951,"children":6952},{},[6953],{"type":60,"value":6118},{"type":55,"tag":249,"props":6955,"children":6957},{"className":251,"code":6956,"language":253,"meta":254,"style":254},"devtools.emit('action-a', {\n  storeName: this.name,\n  version: this.version,\n  sessionId: this.sessionId,\n  timestamp: Date.now(),\n  data,\n})\ndevtools.emit('action-b', {\n  storeName: this.name,\n  version: this.version,\n  sessionId: this.sessionId,\n  timestamp: Date.now(),\n  other,\n})\n",[6958],{"type":55,"tag":78,"props":6959,"children":6960},{"__ignoreMap":254},[6961,7001,7025,7050,7075,7107,7119,7130,7170,7193,7216,7239,7270,7282],{"type":55,"tag":260,"props":6962,"children":6963},{"class":262,"line":263},[6964,6968,6972,6976,6980,6984,6989,6993,6997],{"type":55,"tag":260,"props":6965,"children":6966},{"style":279},[6967],{"type":60,"value":30},{"type":55,"tag":260,"props":6969,"children":6970},{"style":273},[6971],{"type":60,"value":697},{"type":55,"tag":260,"props":6973,"children":6974},{"style":803},[6975],{"type":60,"value":1497},{"type":55,"tag":260,"props":6977,"children":6978},{"style":279},[6979],{"type":60,"value":638},{"type":55,"tag":260,"props":6981,"children":6982},{"style":273},[6983],{"type":60,"value":362},{"type":55,"tag":260,"props":6985,"children":6986},{"style":300},[6987],{"type":60,"value":6988},"action-a",{"type":55,"tag":260,"props":6990,"children":6991},{"style":273},[6992],{"type":60,"value":362},{"type":55,"tag":260,"props":6994,"children":6995},{"style":273},[6996],{"type":60,"value":1415},{"type":55,"tag":260,"props":6998,"children":6999},{"style":273},[7000],{"type":60,"value":343},{"type":55,"tag":260,"props":7002,"children":7003},{"class":262,"line":310},[7004,7009,7013,7017,7021],{"type":55,"tag":260,"props":7005,"children":7006},{"style":378},[7007],{"type":60,"value":7008},"  storeName",{"type":55,"tag":260,"props":7010,"children":7011},{"style":273},[7012],{"type":60,"value":367},{"type":55,"tag":260,"props":7014,"children":7015},{"style":273},[7016],{"type":60,"value":2498},{"type":55,"tag":260,"props":7018,"children":7019},{"style":279},[7020],{"type":60,"value":1410},{"type":55,"tag":260,"props":7022,"children":7023},{"style":273},[7024],{"type":60,"value":674},{"type":55,"tag":260,"props":7026,"children":7027},{"class":262,"line":320},[7028,7033,7037,7041,7046],{"type":55,"tag":260,"props":7029,"children":7030},{"style":378},[7031],{"type":60,"value":7032},"  version",{"type":55,"tag":260,"props":7034,"children":7035},{"style":273},[7036],{"type":60,"value":367},{"type":55,"tag":260,"props":7038,"children":7039},{"style":273},[7040],{"type":60,"value":2498},{"type":55,"tag":260,"props":7042,"children":7043},{"style":279},[7044],{"type":60,"value":7045},"version",{"type":55,"tag":260,"props":7047,"children":7048},{"style":273},[7049],{"type":60,"value":674},{"type":55,"tag":260,"props":7051,"children":7052},{"class":262,"line":346},[7053,7058,7062,7066,7071],{"type":55,"tag":260,"props":7054,"children":7055},{"style":378},[7056],{"type":60,"value":7057},"  sessionId",{"type":55,"tag":260,"props":7059,"children":7060},{"style":273},[7061],{"type":60,"value":367},{"type":55,"tag":260,"props":7063,"children":7064},{"style":273},[7065],{"type":60,"value":2498},{"type":55,"tag":260,"props":7067,"children":7068},{"style":279},[7069],{"type":60,"value":7070},"sessionId",{"type":55,"tag":260,"props":7072,"children":7073},{"style":273},[7074],{"type":60,"value":674},{"type":55,"tag":260,"props":7076,"children":7077},{"class":262,"line":374},[7078,7083,7087,7091,7095,7099,7103],{"type":55,"tag":260,"props":7079,"children":7080},{"style":378},[7081],{"type":60,"value":7082},"  timestamp",{"type":55,"tag":260,"props":7084,"children":7085},{"style":273},[7086],{"type":60,"value":367},{"type":55,"tag":260,"props":7088,"children":7089},{"style":279},[7090],{"type":60,"value":2672},{"type":55,"tag":260,"props":7092,"children":7093},{"style":273},[7094],{"type":60,"value":697},{"type":55,"tag":260,"props":7096,"children":7097},{"style":803},[7098],{"type":60,"value":983},{"type":55,"tag":260,"props":7100,"children":7101},{"style":279},[7102],{"type":60,"value":620},{"type":55,"tag":260,"props":7104,"children":7105},{"style":273},[7106],{"type":60,"value":674},{"type":55,"tag":260,"props":7108,"children":7109},{"class":262,"line":393},[7110,7115],{"type":55,"tag":260,"props":7111,"children":7112},{"style":279},[7113],{"type":60,"value":7114},"  data",{"type":55,"tag":260,"props":7116,"children":7117},{"style":273},[7118],{"type":60,"value":674},{"type":55,"tag":260,"props":7120,"children":7121},{"class":262,"line":410},[7122,7126],{"type":55,"tag":260,"props":7123,"children":7124},{"style":273},[7125],{"type":60,"value":4594},{"type":55,"tag":260,"props":7127,"children":7128},{"style":279},[7129],{"type":60,"value":747},{"type":55,"tag":260,"props":7131,"children":7132},{"class":262,"line":427},[7133,7137,7141,7145,7149,7153,7158,7162,7166],{"type":55,"tag":260,"props":7134,"children":7135},{"style":279},[7136],{"type":60,"value":30},{"type":55,"tag":260,"props":7138,"children":7139},{"style":273},[7140],{"type":60,"value":697},{"type":55,"tag":260,"props":7142,"children":7143},{"style":803},[7144],{"type":60,"value":1497},{"type":55,"tag":260,"props":7146,"children":7147},{"style":279},[7148],{"type":60,"value":638},{"type":55,"tag":260,"props":7150,"children":7151},{"style":273},[7152],{"type":60,"value":362},{"type":55,"tag":260,"props":7154,"children":7155},{"style":300},[7156],{"type":60,"value":7157},"action-b",{"type":55,"tag":260,"props":7159,"children":7160},{"style":273},[7161],{"type":60,"value":362},{"type":55,"tag":260,"props":7163,"children":7164},{"style":273},[7165],{"type":60,"value":1415},{"type":55,"tag":260,"props":7167,"children":7168},{"style":273},[7169],{"type":60,"value":343},{"type":55,"tag":260,"props":7171,"children":7172},{"class":262,"line":445},[7173,7177,7181,7185,7189],{"type":55,"tag":260,"props":7174,"children":7175},{"style":378},[7176],{"type":60,"value":7008},{"type":55,"tag":260,"props":7178,"children":7179},{"style":273},[7180],{"type":60,"value":367},{"type":55,"tag":260,"props":7182,"children":7183},{"style":273},[7184],{"type":60,"value":2498},{"type":55,"tag":260,"props":7186,"children":7187},{"style":279},[7188],{"type":60,"value":1410},{"type":55,"tag":260,"props":7190,"children":7191},{"style":273},[7192],{"type":60,"value":674},{"type":55,"tag":260,"props":7194,"children":7195},{"class":262,"line":506},[7196,7200,7204,7208,7212],{"type":55,"tag":260,"props":7197,"children":7198},{"style":378},[7199],{"type":60,"value":7032},{"type":55,"tag":260,"props":7201,"children":7202},{"style":273},[7203],{"type":60,"value":367},{"type":55,"tag":260,"props":7205,"children":7206},{"style":273},[7207],{"type":60,"value":2498},{"type":55,"tag":260,"props":7209,"children":7210},{"style":279},[7211],{"type":60,"value":7045},{"type":55,"tag":260,"props":7213,"children":7214},{"style":273},[7215],{"type":60,"value":674},{"type":55,"tag":260,"props":7217,"children":7218},{"class":262,"line":523},[7219,7223,7227,7231,7235],{"type":55,"tag":260,"props":7220,"children":7221},{"style":378},[7222],{"type":60,"value":7057},{"type":55,"tag":260,"props":7224,"children":7225},{"style":273},[7226],{"type":60,"value":367},{"type":55,"tag":260,"props":7228,"children":7229},{"style":273},[7230],{"type":60,"value":2498},{"type":55,"tag":260,"props":7232,"children":7233},{"style":279},[7234],{"type":60,"value":7070},{"type":55,"tag":260,"props":7236,"children":7237},{"style":273},[7238],{"type":60,"value":674},{"type":55,"tag":260,"props":7240,"children":7241},{"class":262,"line":541},[7242,7246,7250,7254,7258,7262,7266],{"type":55,"tag":260,"props":7243,"children":7244},{"style":378},[7245],{"type":60,"value":7082},{"type":55,"tag":260,"props":7247,"children":7248},{"style":273},[7249],{"type":60,"value":367},{"type":55,"tag":260,"props":7251,"children":7252},{"style":279},[7253],{"type":60,"value":2672},{"type":55,"tag":260,"props":7255,"children":7256},{"style":273},[7257],{"type":60,"value":697},{"type":55,"tag":260,"props":7259,"children":7260},{"style":803},[7261],{"type":60,"value":983},{"type":55,"tag":260,"props":7263,"children":7264},{"style":279},[7265],{"type":60,"value":620},{"type":55,"tag":260,"props":7267,"children":7268},{"style":273},[7269],{"type":60,"value":674},{"type":55,"tag":260,"props":7271,"children":7272},{"class":262,"line":550},[7273,7278],{"type":55,"tag":260,"props":7274,"children":7275},{"style":279},[7276],{"type":60,"value":7277},"  other",{"type":55,"tag":260,"props":7279,"children":7280},{"style":273},[7281],{"type":60,"value":674},{"type":55,"tag":260,"props":7283,"children":7284},{"class":262,"line":559},[7285,7289],{"type":55,"tag":260,"props":7286,"children":7287},{"style":273},[7288],{"type":60,"value":4594},{"type":55,"tag":260,"props":7290,"children":7291},{"style":279},[7292],{"type":60,"value":747},{"type":55,"tag":66,"props":7294,"children":7295},{},[7296],{"type":60,"value":6265},{"type":55,"tag":249,"props":7298,"children":7300},{"className":251,"code":7299,"language":253,"meta":254,"style":254},"const base = this.basePayload()\ndevtools.emit('action-a', { ...base, data })\ndevtools.emit('action-b', { ...base, other })\n",[7301],{"type":55,"tag":78,"props":7302,"children":7303},{"__ignoreMap":254},[7304,7332,7398],{"type":55,"tag":260,"props":7305,"children":7306},{"class":262,"line":263},[7307,7311,7316,7320,7324,7328],{"type":55,"tag":260,"props":7308,"children":7309},{"style":324},[7310],{"type":60,"value":1131},{"type":55,"tag":260,"props":7312,"children":7313},{"style":279},[7314],{"type":60,"value":7315}," base ",{"type":55,"tag":260,"props":7317,"children":7318},{"style":273},[7319],{"type":60,"value":795},{"type":55,"tag":260,"props":7321,"children":7322},{"style":273},[7323],{"type":60,"value":2498},{"type":55,"tag":260,"props":7325,"children":7326},{"style":803},[7327],{"type":60,"value":3643},{"type":55,"tag":260,"props":7329,"children":7330},{"style":279},[7331],{"type":60,"value":810},{"type":55,"tag":260,"props":7333,"children":7334},{"class":262,"line":310},[7335,7339,7343,7347,7351,7355,7359,7363,7367,7371,7376,7381,7385,7390,7394],{"type":55,"tag":260,"props":7336,"children":7337},{"style":279},[7338],{"type":60,"value":30},{"type":55,"tag":260,"props":7340,"children":7341},{"style":273},[7342],{"type":60,"value":697},{"type":55,"tag":260,"props":7344,"children":7345},{"style":803},[7346],{"type":60,"value":1497},{"type":55,"tag":260,"props":7348,"children":7349},{"style":279},[7350],{"type":60,"value":638},{"type":55,"tag":260,"props":7352,"children":7353},{"style":273},[7354],{"type":60,"value":362},{"type":55,"tag":260,"props":7356,"children":7357},{"style":300},[7358],{"type":60,"value":6988},{"type":55,"tag":260,"props":7360,"children":7361},{"style":273},[7362],{"type":60,"value":362},{"type":55,"tag":260,"props":7364,"children":7365},{"style":273},[7366],{"type":60,"value":1415},{"type":55,"tag":260,"props":7368,"children":7369},{"style":273},[7370],{"type":60,"value":276},{"type":55,"tag":260,"props":7372,"children":7373},{"style":273},[7374],{"type":60,"value":7375}," ...",{"type":55,"tag":260,"props":7377,"children":7378},{"style":279},[7379],{"type":60,"value":7380},"base",{"type":55,"tag":260,"props":7382,"children":7383},{"style":273},[7384],{"type":60,"value":1415},{"type":55,"tag":260,"props":7386,"children":7387},{"style":279},[7388],{"type":60,"value":7389}," data ",{"type":55,"tag":260,"props":7391,"children":7392},{"style":273},[7393],{"type":60,"value":4594},{"type":55,"tag":260,"props":7395,"children":7396},{"style":279},[7397],{"type":60,"value":747},{"type":55,"tag":260,"props":7399,"children":7400},{"class":262,"line":320},[7401,7405,7409,7413,7417,7421,7425,7429,7433,7437,7441,7445,7449,7454,7458],{"type":55,"tag":260,"props":7402,"children":7403},{"style":279},[7404],{"type":60,"value":30},{"type":55,"tag":260,"props":7406,"children":7407},{"style":273},[7408],{"type":60,"value":697},{"type":55,"tag":260,"props":7410,"children":7411},{"style":803},[7412],{"type":60,"value":1497},{"type":55,"tag":260,"props":7414,"children":7415},{"style":279},[7416],{"type":60,"value":638},{"type":55,"tag":260,"props":7418,"children":7419},{"style":273},[7420],{"type":60,"value":362},{"type":55,"tag":260,"props":7422,"children":7423},{"style":300},[7424],{"type":60,"value":7157},{"type":55,"tag":260,"props":7426,"children":7427},{"style":273},[7428],{"type":60,"value":362},{"type":55,"tag":260,"props":7430,"children":7431},{"style":273},[7432],{"type":60,"value":1415},{"type":55,"tag":260,"props":7434,"children":7435},{"style":273},[7436],{"type":60,"value":276},{"type":55,"tag":260,"props":7438,"children":7439},{"style":273},[7440],{"type":60,"value":7375},{"type":55,"tag":260,"props":7442,"children":7443},{"style":279},[7444],{"type":60,"value":7380},{"type":55,"tag":260,"props":7446,"children":7447},{"style":273},[7448],{"type":60,"value":1415},{"type":55,"tag":260,"props":7450,"children":7451},{"style":279},[7452],{"type":60,"value":7453}," other ",{"type":55,"tag":260,"props":7455,"children":7456},{"style":273},[7457],{"type":60,"value":4594},{"type":55,"tag":260,"props":7459,"children":7460},{"style":279},[7461],{"type":60,"value":747},{"type":55,"tag":66,"props":7463,"children":7464},{},[7465],{"type":60,"value":6107},{"type":55,"tag":7467,"props":7468,"children":7469},"style",{},[7470],{"type":60,"value":7471},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":7473,"total":7612},[7474,7490,7500,7512,7527,7539,7549,7559,7572,7582,7593,7603],{"slug":7475,"name":7475,"fn":7476,"description":7477,"org":7478,"tags":7479,"stars":7487,"repoUrl":7488,"updatedAt":7489},"aggregation","perform data aggregation in TanStack Table","Aggregate TanStack Table columns independently of grouping, including grand totals, caller-selected row totals, multiple keyed aggregations, custom context-based definitions, grouped merges, manual values, and worker constraints.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7480,7483,7486],{"name":7481,"slug":7482,"type":15},"Data Analysis","data-analysis",{"name":7484,"slug":7485,"type":15},"Frontend","frontend",{"name":9,"slug":8,"type":15},28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:59.429787",{"slug":7491,"name":7491,"fn":7492,"description":7493,"org":7494,"tags":7495,"stars":7487,"repoUrl":7488,"updatedAt":7499},"api-not-found","diagnose TanStack Table API errors","Diagnose missing TanStack Table v9 exports, options, state slices, and instance methods. Load before inventing an API when code sees a type error, undefined feature method, absent object key, adapter mismatch, or v8-shaped example.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7496,7497,7498],{"name":21,"slug":22,"type":15},{"name":7484,"slug":7485,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":7501,"name":7501,"fn":7502,"description":7503,"org":7504,"tags":7505,"stars":7487,"repoUrl":7488,"updatedAt":7511},"cell-selection","select rectangular cell ranges in tables","Select rectangular cell ranges with cellSelectionFeature: two-corner range state keyed by row and column id, mousedown\u002Fmouseenter handlers, selection edges, render-order resolution under pinning, and autoResetCellSelection. Load when ranges widen unexpectedly after sorting or column reordering, when a drag re-renders the whole table, or when building copy-to-clipboard from a selection.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7506,7507,7508],{"name":7481,"slug":7482,"type":15},{"name":9,"slug":8,"type":15},{"name":7509,"slug":7510,"type":15},"UI Components","ui-components","2026-07-30T05:25:38.403427",{"slug":7513,"name":7513,"fn":7514,"description":7515,"org":7516,"tags":7517,"stars":7487,"repoUrl":7488,"updatedAt":7526},"client-vs-server","manage TanStack Table data pipelines","Choose client or server ownership for filtering, grouping, sorting, expanding, and pagination in TanStack Table v9. Load for manual* flags, mixed pipelines, server counts, or deciding which dataset each row-model stage receives.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7518,7521,7522,7525],{"name":7519,"slug":7520,"type":15},"Data Pipeline","data-pipeline",{"name":7484,"slug":7485,"type":15},{"name":7523,"slug":7524,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":7528,"name":7528,"fn":7529,"description":7530,"org":7531,"tags":7532,"stars":7487,"repoUrl":7488,"updatedAt":7538},"column-faceting","build faceted filter UIs","Build faceted filter UIs with columnFacetingFeature, facetedRowModel, facetedUniqueValues, and facetedMinMaxValues. Load for facet counts, numeric ranges, own-filter exclusion, or server-page facet completeness.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7533,7536,7537],{"name":7534,"slug":7535,"type":15},"Data Visualization","data-visualization",{"name":7484,"slug":7485,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":7540,"name":7540,"fn":7541,"description":7542,"org":7543,"tags":7544,"stars":7487,"repoUrl":7488,"updatedAt":7548},"column-filtering","implement column filtering in TanStack Table","Filter columns with columnFilteringFeature, filteredRowModel, filterFns, filterMeta, nested-row direction, and manualFiltering. Load for accessor compatibility, controlled filter updaters, fuzzy metadata, or client\u002Fserver ownership.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7545,7546,7547],{"name":7481,"slug":7482,"type":15},{"name":7484,"slug":7485,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":7550,"name":7550,"fn":7551,"description":7552,"org":7553,"tags":7554,"stars":7487,"repoUrl":7488,"updatedAt":7558},"column-ordering","manage TanStack Table column ordering","Control TanStack Table v9 leaf columnOrder with stable IDs while accounting for pinning regions, visibility, and groupedColumnMode precedence. Load for drag-and-drop columns or rendered order that differs from state.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7555,7556,7557],{"name":7484,"slug":7485,"type":15},{"name":9,"slug":8,"type":15},{"name":7509,"slug":7510,"type":15},"2026-07-30T05:26:03.37801",{"slug":7560,"name":7560,"fn":7561,"description":7562,"org":7563,"tags":7564,"stars":7487,"repoUrl":7488,"updatedAt":7571},"column-pinning","configure column pinning in TanStack Table","Pin columns into logical start, center, and end regions with columnPinningFeature and renderer-owned sticky CSS. Load for RTL offsets, z-index, backgrounds, overflow, widths, gaps, or overlaps.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7565,7568,7569,7570],{"name":7566,"slug":7567,"type":15},"CSS","css",{"name":7484,"slug":7485,"type":15},{"name":9,"slug":8,"type":15},{"name":7509,"slug":7510,"type":15},"2026-07-30T05:25:55.377366",{"slug":7573,"name":7573,"fn":7574,"description":7575,"org":7576,"tags":7577,"stars":7487,"repoUrl":7488,"updatedAt":7581},"column-resizing","implement column resizing in TanStack Table","Wire columnResizingFeature, header.getResizeHandler, resize mode and direction, pointer or touch events, and performant CSS-variable updates. Load when resize state changes but widths do not, or large tables resize slowly.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7578,7579,7580],{"name":7484,"slug":7485,"type":15},{"name":9,"slug":8,"type":15},{"name":7509,"slug":7510,"type":15},"2026-07-30T05:25:51.400011",{"slug":7583,"name":7583,"fn":7584,"description":7585,"org":7586,"tags":7587,"stars":7487,"repoUrl":7488,"updatedAt":7592},"column-sizing","configure column sizing in TanStack Table","Use columnSizingFeature numeric size, minSize, maxSize, getSize, getStart, getAfter, and total-size APIs in table, grid, or flex CSS. Load for auto or percentage misconceptions and sizing\u002Fpinning layout mismatch.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7588,7589,7590,7591],{"name":7566,"slug":7567,"type":15},{"name":7484,"slug":7485,"type":15},{"name":9,"slug":8,"type":15},{"name":7509,"slug":7510,"type":15},"2026-07-30T05:25:48.703799",{"slug":7594,"name":7594,"fn":7595,"description":7596,"org":7597,"tags":7598,"stars":7487,"repoUrl":7488,"updatedAt":7602},"column-visibility","manage column visibility in TanStack Table","Hide columns with columnVisibilityFeature while rendering visibility-aware header, column, and cell collections. Load when hidden columns remain in the DOM, false-versus-absent state is confused, or enableHiding is misunderstood.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7599,7600,7601],{"name":7484,"slug":7485,"type":15},{"name":9,"slug":8,"type":15},{"name":7509,"slug":7510,"type":15},"2026-07-30T05:25:47.367943",{"slug":40,"name":40,"fn":7604,"description":7605,"org":7606,"tags":7607,"stars":7487,"repoUrl":7488,"updatedAt":7611},"build data grids with TanStack Table","Use TanStack Table v9 as a headless data-grid state and row-processing engine. Load for first-table architecture, stable data and columns, row numbering with getDisplayIndex, semantic rendering, framework adapter choice, or deciding what Table owns versus the renderer.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7608,7609,7610],{"name":7481,"slug":7482,"type":15},{"name":7484,"slug":7485,"type":15},{"name":7509,"slug":7510,"type":15},"2026-07-30T05:25:52.366295",125,{"items":7614,"total":445},[7615,7625,7635,7646,7665,7672,7682],{"slug":7616,"name":7616,"fn":7617,"description":7618,"org":7619,"tags":7620,"stars":23,"repoUrl":24,"updatedAt":7624},"devtools-app-setup","configure TanStack Devtools for applications","Install TanStack Devtools, pick framework adapter (React\u002FVue\u002FSolid\u002FPreact), register plugins via plugins prop, configure shell (position, hotkeys, theme, hideUntilHover, requireUrlFlag, eventBusConfig). TanStackDevtools component, defaultOpen, localStorage persistence.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7621,7622,7623],{"name":21,"slug":22,"type":15},{"name":7484,"slug":7485,"type":15},{"name":9,"slug":8,"type":15},"2026-07-16T06:04:05.544655",{"slug":7626,"name":7626,"fn":7627,"description":7628,"org":7629,"tags":7630,"stars":23,"repoUrl":24,"updatedAt":7634},"devtools-bidirectional","implement bidirectional devtools communication","Two-way event patterns between devtools panel and application. App-to-devtools observation, devtools-to-app commands, time-travel debugging with snapshots and revert. structuredClone for snapshot safety, distinct event suffixes for observation vs commands, serializable payloads only.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7631,7632,7633],{"name":21,"slug":22,"type":15},{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},"2026-07-16T06:04:40.486044",{"slug":43,"name":43,"fn":7636,"description":7637,"org":7638,"tags":7639,"stars":23,"repoUrl":24,"updatedAt":7645},"implement typed event clients for libraries","Create typed EventClient for a library. Define event maps with typed payloads, pluginId auto-prepend namespacing, emit()\u002Fon()\u002FonAll()\u002FonAllPluginEvents() API. Connection lifecycle (5 retries, 300ms), event queuing, enabled\u002Fdisabled state, SSR fallbacks, singleton pattern. Unique pluginId requirement to avoid event collisions.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7640,7643,7644],{"name":7641,"slug":7642,"type":15},"API Development","api-development",{"name":17,"slug":18,"type":15},{"name":9,"slug":8,"type":15},"2026-07-16T06:04:34.254605",{"slug":7647,"name":7647,"fn":7648,"description":7649,"org":7650,"tags":7651,"stars":23,"repoUrl":24,"updatedAt":7664},"devtools-framework-adapters","create framework adapters for devtools","Use devtools-utils factory functions to create per-framework plugin adapters. createReactPlugin\u002FcreateSolidPlugin\u002FcreateVuePlugin\u002FcreatePreactPlugin, createReactPanel\u002FcreateSolidPanel\u002FcreateVuePanel\u002FcreatePreactPanel. [Plugin, NoOpPlugin] tuple for tree-shaking. DevtoolsPanelProps (theme). Vue uses (name, component) not options object. Solid render must be function.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7652,7653,7656,7658,7660,7661],{"name":17,"slug":18,"type":15},{"name":7654,"slug":7655,"type":15},"Preact","preact",{"name":7657,"slug":31,"type":15},"React",{"name":7659,"slug":32,"type":15},"SolidJS",{"name":9,"slug":8,"type":15},{"name":7662,"slug":7663,"type":15},"Vue","vue","2026-07-16T06:04:33.553047",{"slug":4,"name":4,"fn":5,"description":6,"org":7666,"tags":7667,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7668,7669,7670,7671],{"name":21,"slug":22,"type":15},{"name":17,"slug":18,"type":15},{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},{"slug":7673,"name":7673,"fn":7674,"description":7675,"org":7676,"tags":7677,"stars":23,"repoUrl":24,"updatedAt":7681},"devtools-marketplace","publish plugins to TanStack Devtools Marketplace","Publish plugin to npm and submit to TanStack Devtools Marketplace. PluginMetadata registry format, plugin-registry.ts, pluginImport (importName, type), requires (packageName, minVersion), framework tagging, multi-framework submissions, featured plugins.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7678,7680],{"name":7679,"slug":7679,"type":15},"npm",{"name":9,"slug":8,"type":15},"2026-07-16T06:04:09.110642",{"slug":7683,"name":7683,"fn":7684,"description":7685,"org":7686,"tags":7687,"stars":23,"repoUrl":24,"updatedAt":7692},"devtools-plugin-panel","build TanStack devtools panels","Build devtools panel components that display emitted event data. Listen via EventClient.on(), handle theme (light\u002Fdark), use @tanstack\u002Fdevtools-ui components. Plugin registration (name, render, id, defaultOpen), lifecycle (mount, activate, destroy), max 3 active plugins. Two paths: Solid.js core with devtools-ui for multi-framework support, or framework-specific panels.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7688,7689,7690,7691],{"name":7484,"slug":7485,"type":15},{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},{"name":7509,"slug":7510,"type":15},"2026-07-16T06:03:59.434886"]