[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-devtools-plugin-panel":3,"mdc-ejgldq-key":38,"related-org-tanstack-devtools-plugin-panel":7241,"related-repo-tanstack-devtools-plugin-panel":7380},{"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-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},"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},"UI Components","ui-components",{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},"Frontend","frontend",476,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Fdevtools","2026-07-16T06:03:59.434886",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\u002Fdevtools\u002Fskills\u002Fdevtools-plugin-panel","---\nname: devtools-plugin-panel\ndescription: >\n  Build devtools panel components that display emitted event data. Listen via\n  EventClient.on(), handle theme (light\u002Fdark), use @tanstack\u002Fdevtools-ui\n  components. Plugin registration (name, render, id, defaultOpen), lifecycle\n  (mount, activate, destroy), max 3 active plugins. Two paths: Solid.js core\n  with devtools-ui for multi-framework support, or framework-specific panels.\ntype: core\nlibrary: tanstack-devtools\nlibrary_version: '0.10.12'\nrequires:\n  - devtools-event-client\nsources:\n  - 'TanStack\u002Fdevtools:docs\u002Fbuilding-custom-plugins.md'\n  - 'TanStack\u002Fdevtools:docs\u002Fplugin-lifecycle.md'\n  - 'TanStack\u002Fdevtools:docs\u002Fplugin-configuration.md'\n  - 'TanStack\u002Fdevtools:packages\u002Fdevtools\u002Fsrc\u002Fcontext\u002Fdevtools-context.tsx'\n---\n\n## TanStackDevtoolsPlugin Interface\n\nThe low-level contract every plugin implements. Framework adapters wrap this automatically.\n\n```ts\n\u002F\u002F Source: packages\u002Fdevtools\u002Fsrc\u002Fcontext\u002Fdevtools-context.tsx\ninterface TanStackDevtoolsPlugin {\n  id?: string\n  name: string | ((el: HTMLHeadingElement, theme: 'dark' | 'light') => void)\n  render: (el: HTMLDivElement, theme: 'dark' | 'light') => void\n  destroy?: (pluginId: string) => void\n  defaultOpen?: boolean\n}\n```\n\n- **`name`** (required) -- String tab title, or function receiving `(el, theme)` for custom rendering.\n- **`render`** (required) -- Called on activation with a `\u003Cdiv>` container and theme. Called again on theme change.\n- **`id`** (optional) -- Stable identifier. If omitted: `name.toLowerCase().replace(' ', '-')-{index}`. Explicit ids persist selection across reloads.\n- **`defaultOpen`** (optional) -- Opens panel on first load when no saved state. Max 3 open. Does not override saved preferences.\n- **`destroy`** (optional) -- Called on deactivation or unmount. Framework adapters handle cleanup automatically.\n\n---\n\n## Two Development Paths\n\n### Path 1: Solid.js Core + Framework Adapters (Multi-Framework)\n\nBuild the panel in Solid.js using `@tanstack\u002Fdevtools-ui` components. Use `constructCoreClass` for lazy loading, then `createReactPanel`\u002F`createSolidPanel` to wrap for each framework. The devtools core is Solid, so Solid panels run natively.\n\n### Path 2: Framework-Specific Panel (Single Framework)\n\nBuild directly in your framework and use `createReactPlugin`\u002F`createVuePlugin`\u002F`createSolidPlugin`\u002F`createPreactPlugin` from `@tanstack\u002Fdevtools-utils`.\n\n---\n\n## Path 1: Solid.js Core Panel\n\n### Step 1: Define Event Map and Create EventClient\n\n```ts\n\u002F\u002F src\u002Fevent-client.ts\nimport { EventClient } from '@tanstack\u002Fdevtools-event-client'\n\ntype StoreEvents = {\n  'state-changed': { storeName: string; state: unknown; timestamp: number }\n  'action-dispatched': { storeName: string; action: string; payload: unknown }\n  reset: void\n}\n\nclass StoreInspectorClient extends EventClient\u003CStoreEvents> {\n  constructor() {\n    super({ pluginId: 'store-inspector' })\n  }\n}\n\nexport const storeInspector = new StoreInspectorClient()\n```\n\nEvent names are suffixes only. The `pluginId` is prepended automatically: `'store-inspector:state-changed'`.\n\n### Step 2: Build the Solid.js Panel Component\n\n```tsx\n\u002F** @jsxImportSource solid-js *\u002F\nimport { createSignal, onCleanup, For } from 'solid-js'\nimport {\n  MainPanel,\n  Header,\n  HeaderLogo,\n  Section,\n  SectionTitle,\n  JsonTree,\n  Button,\n  Tag,\n  createTheme,\n} from '@tanstack\u002Fdevtools-ui'\nimport { storeInspector } from '.\u002Fevent-client'\n\nexport default function StoreInspectorPanel() {\n  const { theme } = createTheme()\n  const [state, setState] = createSignal\u003CRecord\u003Cstring, unknown>>({})\n  const [actions, setActions] = createSignal\u003C\n    Array\u003C{ action: string; payload: unknown }>\n  >([])\n\n  const cleanupState = storeInspector.on('state-changed', (e) => {\n    setState((prev) => ({ ...prev, [e.payload.storeName]: e.payload.state }))\n  })\n  const cleanupActions = storeInspector.on('action-dispatched', (e) => {\n    setActions((prev) => [\n      ...prev,\n      { action: e.payload.action, payload: e.payload.payload },\n    ])\n  })\n\n  onCleanup(() => {\n    cleanupState()\n    cleanupActions()\n  })\n\n  return (\n    \u003CMainPanel>\n      \u003CHeader>\n        \u003CHeaderLogo flavor={{ light: '#1a1a2e', dark: '#e0e0e0' }}>\n          Store Inspector\n        \u003C\u002FHeaderLogo>\n      \u003C\u002FHeader>\n      \u003CSection>\n        \u003CSectionTitle>Current State\u003C\u002FSectionTitle>\n        \u003CJsonTree value={state()} copyable defaultExpansionDepth={2} \u002F>\n      \u003C\u002FSection>\n      \u003CSection>\n        \u003CSectionTitle>\n          Action Log\n          \u003CTag color=\"purple\" label=\"Actions\" count={actions().length} \u002F>\n        \u003C\u002FSectionTitle>\n        \u003CFor each={actions()}>\n          {(a) => (\n            \u003Cdiv>\n              \u003Cstrong>{a.action}\u003C\u002Fstrong>\n              \u003CJsonTree value={a.payload} copyable defaultExpansionDepth={1} \u002F>\n            \u003C\u002Fdiv>\n          )}\n        \u003C\u002FFor>\n        \u003CButton variant=\"danger\" onClick={() => setActions([])}>\n          Clear Log\n        \u003C\u002FButton>\n      \u003C\u002FSection>\n    \u003C\u002FMainPanel>\n  )\n}\n```\n\n### Step 3: Create Core Class and Framework Adapters\n\n```ts\n\u002F\u002F src\u002Fcore.ts\nimport { constructCoreClass } from '@tanstack\u002Fdevtools-utils\u002Fsolid\u002Fclass'\n\nexport const [StoreInspectorCore, NoOpStoreInspectorCore] = constructCoreClass(\n  () => import('.\u002Fpanel'),\n)\n```\n\n```tsx\n\u002F\u002F src\u002Freact.tsx\nimport { createReactPanel } from '@tanstack\u002Fdevtools-utils\u002Freact'\nimport { StoreInspectorCore } from '.\u002Fcore'\n\nexport const [StoreInspectorPanel, NoOpStoreInspectorPanel] =\n  createReactPanel(StoreInspectorCore)\n```\n\n```tsx\n\u002F\u002F src\u002Freact-plugin.tsx\nimport { createReactPlugin } from '@tanstack\u002Fdevtools-utils\u002Freact'\nimport { StoreInspectorPanel } from '.\u002Freact'\n\nexport const [StoreInspectorPlugin, NoOpStoreInspectorPlugin] =\n  createReactPlugin({\n    name: 'Store Inspector',\n    id: 'store-inspector',\n    defaultOpen: true,\n    Component: StoreInspectorPanel,\n  })\n```\n\n### Step 4: Register\n\n```tsx\nimport { TanStackDevtools } from '@tanstack\u002Freact-devtools'\nimport { StoreInspectorPlugin } from 'your-package\u002Freact-plugin'\n\nfunction App() {\n  return (\n    \u003C>\n      \u003CYourApp \u002F>\n      \u003CTanStackDevtools plugins={[StoreInspectorPlugin()]} \u002F>\n    \u003C\u002F>\n  )\n}\n```\n\n---\n\n## Path 2: Framework-Specific Panel (React Example)\n\n```tsx\nimport { useState, useEffect } from 'react'\nimport { EventClient } from '@tanstack\u002Fdevtools-event-client'\nimport { createReactPlugin } from '@tanstack\u002Fdevtools-utils\u002Freact'\n\ntype MyEvents = {\n  'data-update': { items: Array\u003C{ id: string; value: number }> }\n}\n\nclass MyPluginClient extends EventClient\u003CMyEvents> {\n  constructor() {\n    super({ pluginId: 'my-plugin' })\n  }\n}\n\nexport const myPlugin = new MyPluginClient()\n\nfunction MyPluginPanel({ theme }: { theme?: 'light' | 'dark' }) {\n  const [items, setItems] = useState\u003CArray\u003C{ id: string; value: number }>>([])\n\n  useEffect(() => {\n    const cleanup = myPlugin.on('data-update', (e) => {\n      setItems(e.payload.items)\n    })\n    return cleanup\n  }, [])\n\n  return (\n    \u003Cdiv style={{ color: theme === 'dark' ? '#fff' : '#000' }}>\n      \u003Ch3>My Plugin\u003C\u002Fh3>\n      \u003Cul>\n        {items.map((item) => (\n          \u003Cli key={item.id}>\n            {item.id}: {item.value}\n          \u003C\u002Fli>\n        ))}\n      \u003C\u002Ful>\n    \u003C\u002Fdiv>\n  )\n}\n\nexport const [MyPlugin, NoOpMyPlugin] = createReactPlugin({\n  name: 'My Plugin',\n  id: 'my-plugin',\n  defaultOpen: false,\n  Component: MyPluginPanel,\n})\n```\n\n---\n\n## Plugin Lifecycle Sequence\n\n1. **Initialization** -- `TanStackDevtoolsCore` receives `plugins` array. Each plugin gets an `id` (explicit or generated).\n2. **DOM containers created** -- Core creates `\u003Cdiv id=\"plugin-container-{id}\">` and `\u003Ch3 id=\"plugin-title-container-{id}\">` per plugin.\n3. **Activation** -- On tab click or `defaultOpen`, `plugin.render(container, theme)` called.\n4. **Framework portaling** -- React uses `createPortal`, Solid uses `\u003CPortal>`, Vue uses `\u003CTeleport>`.\n5. **Theme change** -- `render` called again with new theme value.\n6. **Deactivation\u002FUnmount** -- `destroy(pluginId)` called if provided. Framework adapters handle cleanup.\n\nActive plugin selection persisted in `localStorage` under key `tanstack_devtools_state`.\n\n---\n\n## Common Mistakes\n\n### CRITICAL: Not Cleaning Up Event Listeners\n\nEach `on()` returns a cleanup function. Forgetting it causes memory leaks and duplicate handlers.\n\nWrong:\n\n```ts\nuseEffect(() => {\n  client.on('state', cb)\n}, [])\n```\n\nCorrect:\n\n```ts\nuseEffect(() => {\n  const cleanup = client.on('state', cb)\n  return cleanup\n}, [])\n```\n\nIn Solid, use `onCleanup()`:\n\n```ts\nconst cleanup = storeInspector.on('state-changed', handler)\nonCleanup(cleanup)\n```\n\nSource: docs\u002Fbuilding-custom-plugins.md\n\n### HIGH: Oversubscribing to Events in Multiple Components\n\nDo not call `on()` in multiple components for the same event. Subscribe once in a shared store\u002Fhook.\n\nWrong:\n\n```ts\nfunction ComponentA() {\n  useEffect(() => {\n    const c = client.on('state', cb1)\n    return c\n  }, [])\n}\nfunction ComponentB() {\n  useEffect(() => {\n    const c = client.on('state', cb2)\n    return c\n  }, [])\n}\n```\n\nCorrect:\n\n```ts\nfunction useStoreState() {\n  const [state, setState] = useState(null)\n  useEffect(() => {\n    const cleanup = client.on('state', (e) => setState(e.payload))\n    return cleanup\n  }, [])\n  return state\n}\n```\n\nSource: maintainer interview\n\n### MEDIUM: Hardcoding Repeated Event Payload Fields\n\nWhen emitting events that share common fields, create a shared base object.\n\nWrong:\n\n```ts\nclient.emit('state-changed', { storeName: 'main', version: '1.0', state })\nclient.emit('action-dispatched', { storeName: 'main', version: '1.0', action })\n```\n\nCorrect:\n\n```ts\nconst base = { storeName: 'main', version: '1.0' }\nclient.emit('state-changed', { ...base, state })\nclient.emit('action-dispatched', { ...base, action })\n```\n\nSource: maintainer interview\n\n### MEDIUM: Ignoring Theme Prop in Panel Component\n\nPanels must adapt styling to theme. Factory-created plugins receive `props.theme`.\n\nWrong:\n\n```tsx\nfunction MyPanel() {\n  return \u003Cdiv style={{ color: 'white' }}>Always white text\u003C\u002Fdiv>\n}\n```\n\nCorrect:\n\n```tsx\nfunction MyPanel({ theme }: { theme?: 'light' | 'dark' }) {\n  return (\n    \u003Cdiv style={{ color: theme === 'dark' ? '#e0e0e0' : '#1a1a1a' }}>\n      Theme-aware text\n    \u003C\u002Fdiv>\n  )\n}\n```\n\nIn Solid panels using devtools-ui, use `createTheme()` instead of prop drilling.\n\nSource: docs\u002Fplugin-lifecycle.md\n\n### MEDIUM: Not Knowing Max 3 Active Plugins Limit\n\n`MAX_ACTIVE_PLUGINS = 3` (in `packages\u002Fdevtools\u002Fsrc\u002Futils\u002Fconstants.ts`). If more than 3 set `defaultOpen: true`, only the first 3 open. Activating a 4th deactivates the earliest. Single-plugin exception: if only 1 plugin is registered, it opens automatically.\n\nSource: packages\u002Fdevtools\u002Fsrc\u002Futils\u002Fget-default-active-plugins.ts\n\n### MEDIUM: Using Raw DOM Manipulation Instead of Framework Portals\n\nFramework adapters handle portaling. Do not manually manipulate DOM.\n\nWrong:\n\n```ts\nrender: (el) => {\n  const div = document.createElement('div')\n  div.textContent = 'Hello'\n  el.appendChild(div)\n}\n```\n\nCorrect:\n\n```tsx\nimport { createReactPlugin } from '@tanstack\u002Fdevtools-utils\u002Freact'\nconst [Plugin, NoOpPlugin] = createReactPlugin({\n  name: 'My Plugin',\n  Component: ({ theme }) => \u003Cdiv>Hello\u003C\u002Fdiv>,\n})\n```\n\nSource: docs\u002Fplugin-lifecycle.md\n\n### MEDIUM: Not Keeping Devtools Packages at Latest Versions\n\nAll `@tanstack\u002Fdevtools-*` packages should be on compatible versions. For external plugins, pin to compatible ranges.\n\nSource: maintainer interview\n\n## References\n\n- [devtools-ui components and API](references\u002Fpanel-api.md)\n",{"data":39,"body":50},{"name":4,"description":6,"type":40,"library":41,"library_version":42,"requires":43,"sources":45},"core","tanstack-devtools","0.10.12",[44],"devtools-event-client",[46,47,48,49],"TanStack\u002Fdevtools:docs\u002Fbuilding-custom-plugins.md","TanStack\u002Fdevtools:docs\u002Fplugin-lifecycle.md","TanStack\u002Fdevtools:docs\u002Fplugin-configuration.md","TanStack\u002Fdevtools:packages\u002Fdevtools\u002Fsrc\u002Fcontext\u002Fdevtools-context.tsx",{"type":51,"children":52},"root",[53,62,68,403,503,507,513,520,557,563,605,608,614,620,1066,1085,1091,2929,2935,3089,3236,3494,3500,3706,3709,3715,4971,4974,4980,5134,5154,5157,5163,5169,5182,5187,5275,5280,5388,5400,5474,5479,5485,5497,5501,5766,5770,5996,6001,6007,6012,6016,6228,6232,6434,6438,6444,6456,6460,6561,6565,6775,6788,6793,6799,6826,6831,6837,6842,6846,7004,7008,7190,7194,7200,7213,7217,7223,7235],{"type":54,"tag":55,"props":56,"children":58},"element","h2",{"id":57},"tanstackdevtoolsplugin-interface",[59],{"type":60,"value":61},"text","TanStackDevtoolsPlugin Interface",{"type":54,"tag":63,"props":64,"children":65},"p",{},[66],{"type":60,"value":67},"The low-level contract every plugin implements. Framework adapters wrap this automatically.",{"type":54,"tag":69,"props":70,"children":75},"pre",{"className":71,"code":72,"language":73,"meta":74,"style":74},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Source: packages\u002Fdevtools\u002Fsrc\u002Fcontext\u002Fdevtools-context.tsx\ninterface TanStackDevtoolsPlugin {\n  id?: string\n  name: string | ((el: HTMLHeadingElement, theme: 'dark' | 'light') => void)\n  render: (el: HTMLDivElement, theme: 'dark' | 'light') => void\n  destroy?: (pluginId: string) => void\n  defaultOpen?: boolean\n}\n","ts","",[76],{"type":54,"tag":77,"props":78,"children":79},"code",{"__ignoreMap":74},[80,92,114,134,251,334,376,394],{"type":54,"tag":81,"props":82,"children":85},"span",{"class":83,"line":84},"line",1,[86],{"type":54,"tag":81,"props":87,"children":89},{"style":88},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[90],{"type":60,"value":91},"\u002F\u002F Source: packages\u002Fdevtools\u002Fsrc\u002Fcontext\u002Fdevtools-context.tsx\n",{"type":54,"tag":81,"props":93,"children":95},{"class":83,"line":94},2,[96,102,108],{"type":54,"tag":81,"props":97,"children":99},{"style":98},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[100],{"type":60,"value":101},"interface",{"type":54,"tag":81,"props":103,"children":105},{"style":104},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[106],{"type":60,"value":107}," TanStackDevtoolsPlugin",{"type":54,"tag":81,"props":109,"children":111},{"style":110},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[112],{"type":60,"value":113}," {\n",{"type":54,"tag":81,"props":115,"children":117},{"class":83,"line":116},3,[118,124,129],{"type":54,"tag":81,"props":119,"children":121},{"style":120},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[122],{"type":60,"value":123},"  id",{"type":54,"tag":81,"props":125,"children":126},{"style":110},[127],{"type":60,"value":128},"?:",{"type":54,"tag":81,"props":130,"children":131},{"style":104},[132],{"type":60,"value":133}," string\n",{"type":54,"tag":81,"props":135,"children":137},{"class":83,"line":136},4,[138,143,148,153,158,164,169,175,179,184,189,194,198,203,209,214,218,222,227,231,236,241,246],{"type":54,"tag":81,"props":139,"children":140},{"style":120},[141],{"type":60,"value":142},"  name",{"type":54,"tag":81,"props":144,"children":145},{"style":110},[146],{"type":60,"value":147},":",{"type":54,"tag":81,"props":149,"children":150},{"style":104},[151],{"type":60,"value":152}," string",{"type":54,"tag":81,"props":154,"children":155},{"style":110},[156],{"type":60,"value":157}," |",{"type":54,"tag":81,"props":159,"children":161},{"style":160},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[162],{"type":60,"value":163}," (",{"type":54,"tag":81,"props":165,"children":166},{"style":110},[167],{"type":60,"value":168},"(",{"type":54,"tag":81,"props":170,"children":172},{"style":171},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[173],{"type":60,"value":174},"el",{"type":54,"tag":81,"props":176,"children":177},{"style":110},[178],{"type":60,"value":147},{"type":54,"tag":81,"props":180,"children":181},{"style":104},[182],{"type":60,"value":183}," HTMLHeadingElement",{"type":54,"tag":81,"props":185,"children":186},{"style":110},[187],{"type":60,"value":188},",",{"type":54,"tag":81,"props":190,"children":191},{"style":171},[192],{"type":60,"value":193}," theme",{"type":54,"tag":81,"props":195,"children":196},{"style":110},[197],{"type":60,"value":147},{"type":54,"tag":81,"props":199,"children":200},{"style":110},[201],{"type":60,"value":202}," '",{"type":54,"tag":81,"props":204,"children":206},{"style":205},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[207],{"type":60,"value":208},"dark",{"type":54,"tag":81,"props":210,"children":211},{"style":110},[212],{"type":60,"value":213},"'",{"type":54,"tag":81,"props":215,"children":216},{"style":110},[217],{"type":60,"value":157},{"type":54,"tag":81,"props":219,"children":220},{"style":110},[221],{"type":60,"value":202},{"type":54,"tag":81,"props":223,"children":224},{"style":205},[225],{"type":60,"value":226},"light",{"type":54,"tag":81,"props":228,"children":229},{"style":110},[230],{"type":60,"value":213},{"type":54,"tag":81,"props":232,"children":233},{"style":110},[234],{"type":60,"value":235},")",{"type":54,"tag":81,"props":237,"children":238},{"style":98},[239],{"type":60,"value":240}," =>",{"type":54,"tag":81,"props":242,"children":243},{"style":104},[244],{"type":60,"value":245}," void",{"type":54,"tag":81,"props":247,"children":248},{"style":160},[249],{"type":60,"value":250},")\n",{"type":54,"tag":81,"props":252,"children":254},{"class":83,"line":253},5,[255,260,264,268,272,276,281,285,289,293,297,301,305,309,313,317,321,325,329],{"type":54,"tag":81,"props":256,"children":257},{"style":120},[258],{"type":60,"value":259},"  render",{"type":54,"tag":81,"props":261,"children":262},{"style":110},[263],{"type":60,"value":147},{"type":54,"tag":81,"props":265,"children":266},{"style":110},[267],{"type":60,"value":163},{"type":54,"tag":81,"props":269,"children":270},{"style":171},[271],{"type":60,"value":174},{"type":54,"tag":81,"props":273,"children":274},{"style":110},[275],{"type":60,"value":147},{"type":54,"tag":81,"props":277,"children":278},{"style":104},[279],{"type":60,"value":280}," HTMLDivElement",{"type":54,"tag":81,"props":282,"children":283},{"style":110},[284],{"type":60,"value":188},{"type":54,"tag":81,"props":286,"children":287},{"style":171},[288],{"type":60,"value":193},{"type":54,"tag":81,"props":290,"children":291},{"style":110},[292],{"type":60,"value":147},{"type":54,"tag":81,"props":294,"children":295},{"style":110},[296],{"type":60,"value":202},{"type":54,"tag":81,"props":298,"children":299},{"style":205},[300],{"type":60,"value":208},{"type":54,"tag":81,"props":302,"children":303},{"style":110},[304],{"type":60,"value":213},{"type":54,"tag":81,"props":306,"children":307},{"style":110},[308],{"type":60,"value":157},{"type":54,"tag":81,"props":310,"children":311},{"style":110},[312],{"type":60,"value":202},{"type":54,"tag":81,"props":314,"children":315},{"style":205},[316],{"type":60,"value":226},{"type":54,"tag":81,"props":318,"children":319},{"style":110},[320],{"type":60,"value":213},{"type":54,"tag":81,"props":322,"children":323},{"style":110},[324],{"type":60,"value":235},{"type":54,"tag":81,"props":326,"children":327},{"style":98},[328],{"type":60,"value":240},{"type":54,"tag":81,"props":330,"children":331},{"style":104},[332],{"type":60,"value":333}," void\n",{"type":54,"tag":81,"props":335,"children":337},{"class":83,"line":336},6,[338,343,347,351,356,360,364,368,372],{"type":54,"tag":81,"props":339,"children":340},{"style":120},[341],{"type":60,"value":342},"  destroy",{"type":54,"tag":81,"props":344,"children":345},{"style":110},[346],{"type":60,"value":128},{"type":54,"tag":81,"props":348,"children":349},{"style":110},[350],{"type":60,"value":163},{"type":54,"tag":81,"props":352,"children":353},{"style":171},[354],{"type":60,"value":355},"pluginId",{"type":54,"tag":81,"props":357,"children":358},{"style":110},[359],{"type":60,"value":147},{"type":54,"tag":81,"props":361,"children":362},{"style":104},[363],{"type":60,"value":152},{"type":54,"tag":81,"props":365,"children":366},{"style":110},[367],{"type":60,"value":235},{"type":54,"tag":81,"props":369,"children":370},{"style":98},[371],{"type":60,"value":240},{"type":54,"tag":81,"props":373,"children":374},{"style":104},[375],{"type":60,"value":333},{"type":54,"tag":81,"props":377,"children":379},{"class":83,"line":378},7,[380,385,389],{"type":54,"tag":81,"props":381,"children":382},{"style":120},[383],{"type":60,"value":384},"  defaultOpen",{"type":54,"tag":81,"props":386,"children":387},{"style":110},[388],{"type":60,"value":128},{"type":54,"tag":81,"props":390,"children":391},{"style":104},[392],{"type":60,"value":393}," boolean\n",{"type":54,"tag":81,"props":395,"children":397},{"class":83,"line":396},8,[398],{"type":54,"tag":81,"props":399,"children":400},{"style":110},[401],{"type":60,"value":402},"}\n",{"type":54,"tag":404,"props":405,"children":406},"ul",{},[407,431,453,475,489],{"type":54,"tag":408,"props":409,"children":410},"li",{},[411,421,423,429],{"type":54,"tag":412,"props":413,"children":414},"strong",{},[415],{"type":54,"tag":77,"props":416,"children":418},{"className":417},[],[419],{"type":60,"value":420},"name",{"type":60,"value":422}," (required) -- String tab title, or function receiving ",{"type":54,"tag":77,"props":424,"children":426},{"className":425},[],[427],{"type":60,"value":428},"(el, theme)",{"type":60,"value":430}," for custom rendering.",{"type":54,"tag":408,"props":432,"children":433},{},[434,443,445,451],{"type":54,"tag":412,"props":435,"children":436},{},[437],{"type":54,"tag":77,"props":438,"children":440},{"className":439},[],[441],{"type":60,"value":442},"render",{"type":60,"value":444}," (required) -- Called on activation with a ",{"type":54,"tag":77,"props":446,"children":448},{"className":447},[],[449],{"type":60,"value":450},"\u003Cdiv>",{"type":60,"value":452}," container and theme. Called again on theme change.",{"type":54,"tag":408,"props":454,"children":455},{},[456,465,467,473],{"type":54,"tag":412,"props":457,"children":458},{},[459],{"type":54,"tag":77,"props":460,"children":462},{"className":461},[],[463],{"type":60,"value":464},"id",{"type":60,"value":466}," (optional) -- Stable identifier. If omitted: ",{"type":54,"tag":77,"props":468,"children":470},{"className":469},[],[471],{"type":60,"value":472},"name.toLowerCase().replace(' ', '-')-{index}",{"type":60,"value":474},". Explicit ids persist selection across reloads.",{"type":54,"tag":408,"props":476,"children":477},{},[478,487],{"type":54,"tag":412,"props":479,"children":480},{},[481],{"type":54,"tag":77,"props":482,"children":484},{"className":483},[],[485],{"type":60,"value":486},"defaultOpen",{"type":60,"value":488}," (optional) -- Opens panel on first load when no saved state. Max 3 open. Does not override saved preferences.",{"type":54,"tag":408,"props":490,"children":491},{},[492,501],{"type":54,"tag":412,"props":493,"children":494},{},[495],{"type":54,"tag":77,"props":496,"children":498},{"className":497},[],[499],{"type":60,"value":500},"destroy",{"type":60,"value":502}," (optional) -- Called on deactivation or unmount. Framework adapters handle cleanup automatically.",{"type":54,"tag":504,"props":505,"children":506},"hr",{},[],{"type":54,"tag":55,"props":508,"children":510},{"id":509},"two-development-paths",[511],{"type":60,"value":512},"Two Development Paths",{"type":54,"tag":514,"props":515,"children":517},"h3",{"id":516},"path-1-solidjs-core-framework-adapters-multi-framework",[518],{"type":60,"value":519},"Path 1: Solid.js Core + Framework Adapters (Multi-Framework)",{"type":54,"tag":63,"props":521,"children":522},{},[523,525,531,533,539,541,547,549,555],{"type":60,"value":524},"Build the panel in Solid.js using ",{"type":54,"tag":77,"props":526,"children":528},{"className":527},[],[529],{"type":60,"value":530},"@tanstack\u002Fdevtools-ui",{"type":60,"value":532}," components. Use ",{"type":54,"tag":77,"props":534,"children":536},{"className":535},[],[537],{"type":60,"value":538},"constructCoreClass",{"type":60,"value":540}," for lazy loading, then ",{"type":54,"tag":77,"props":542,"children":544},{"className":543},[],[545],{"type":60,"value":546},"createReactPanel",{"type":60,"value":548},"\u002F",{"type":54,"tag":77,"props":550,"children":552},{"className":551},[],[553],{"type":60,"value":554},"createSolidPanel",{"type":60,"value":556}," to wrap for each framework. The devtools core is Solid, so Solid panels run natively.",{"type":54,"tag":514,"props":558,"children":560},{"id":559},"path-2-framework-specific-panel-single-framework",[561],{"type":60,"value":562},"Path 2: Framework-Specific Panel (Single Framework)",{"type":54,"tag":63,"props":564,"children":565},{},[566,568,574,575,581,582,588,589,595,597,603],{"type":60,"value":567},"Build directly in your framework and use ",{"type":54,"tag":77,"props":569,"children":571},{"className":570},[],[572],{"type":60,"value":573},"createReactPlugin",{"type":60,"value":548},{"type":54,"tag":77,"props":576,"children":578},{"className":577},[],[579],{"type":60,"value":580},"createVuePlugin",{"type":60,"value":548},{"type":54,"tag":77,"props":583,"children":585},{"className":584},[],[586],{"type":60,"value":587},"createSolidPlugin",{"type":60,"value":548},{"type":54,"tag":77,"props":590,"children":592},{"className":591},[],[593],{"type":60,"value":594},"createPreactPlugin",{"type":60,"value":596}," from ",{"type":54,"tag":77,"props":598,"children":600},{"className":599},[],[601],{"type":60,"value":602},"@tanstack\u002Fdevtools-utils",{"type":60,"value":604},".",{"type":54,"tag":504,"props":606,"children":607},{},[],{"type":54,"tag":55,"props":609,"children":611},{"id":610},"path-1-solidjs-core-panel",[612],{"type":60,"value":613},"Path 1: Solid.js Core Panel",{"type":54,"tag":514,"props":615,"children":617},{"id":616},"step-1-define-event-map-and-create-eventclient",[618],{"type":60,"value":619},"Step 1: Define Event Map and Create EventClient",{"type":54,"tag":69,"props":621,"children":623},{"className":71,"code":622,"language":73,"meta":74,"style":74},"\u002F\u002F src\u002Fevent-client.ts\nimport { EventClient } from '@tanstack\u002Fdevtools-event-client'\n\ntype StoreEvents = {\n  'state-changed': { storeName: string; state: unknown; timestamp: number }\n  'action-dispatched': { storeName: string; action: string; payload: unknown }\n  reset: void\n}\n\nclass StoreInspectorClient extends EventClient\u003CStoreEvents> {\n  constructor() {\n    super({ pluginId: 'store-inspector' })\n  }\n}\n\nexport const storeInspector = new StoreInspectorClient()\n",[624],{"type":54,"tag":77,"props":625,"children":626},{"__ignoreMap":74},[627,635,678,687,709,789,863,879,886,894,936,954,1002,1011,1019,1027],{"type":54,"tag":81,"props":628,"children":629},{"class":83,"line":84},[630],{"type":54,"tag":81,"props":631,"children":632},{"style":88},[633],{"type":60,"value":634},"\u002F\u002F src\u002Fevent-client.ts\n",{"type":54,"tag":81,"props":636,"children":637},{"class":83,"line":94},[638,644,649,654,659,664,668,673],{"type":54,"tag":81,"props":639,"children":641},{"style":640},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[642],{"type":60,"value":643},"import",{"type":54,"tag":81,"props":645,"children":646},{"style":110},[647],{"type":60,"value":648}," {",{"type":54,"tag":81,"props":650,"children":651},{"style":160},[652],{"type":60,"value":653}," EventClient",{"type":54,"tag":81,"props":655,"children":656},{"style":110},[657],{"type":60,"value":658}," }",{"type":54,"tag":81,"props":660,"children":661},{"style":640},[662],{"type":60,"value":663}," from",{"type":54,"tag":81,"props":665,"children":666},{"style":110},[667],{"type":60,"value":202},{"type":54,"tag":81,"props":669,"children":670},{"style":205},[671],{"type":60,"value":672},"@tanstack\u002Fdevtools-event-client",{"type":54,"tag":81,"props":674,"children":675},{"style":110},[676],{"type":60,"value":677},"'\n",{"type":54,"tag":81,"props":679,"children":680},{"class":83,"line":116},[681],{"type":54,"tag":81,"props":682,"children":684},{"emptyLinePlaceholder":683},true,[685],{"type":60,"value":686},"\n",{"type":54,"tag":81,"props":688,"children":689},{"class":83,"line":136},[690,695,700,705],{"type":54,"tag":81,"props":691,"children":692},{"style":98},[693],{"type":60,"value":694},"type",{"type":54,"tag":81,"props":696,"children":697},{"style":104},[698],{"type":60,"value":699}," StoreEvents",{"type":54,"tag":81,"props":701,"children":702},{"style":110},[703],{"type":60,"value":704}," =",{"type":54,"tag":81,"props":706,"children":707},{"style":110},[708],{"type":60,"value":113},{"type":54,"tag":81,"props":710,"children":711},{"class":83,"line":253},[712,717,722,726,730,734,739,743,747,752,757,761,766,770,775,779,784],{"type":54,"tag":81,"props":713,"children":714},{"style":110},[715],{"type":60,"value":716},"  '",{"type":54,"tag":81,"props":718,"children":719},{"style":205},[720],{"type":60,"value":721},"state-changed",{"type":54,"tag":81,"props":723,"children":724},{"style":110},[725],{"type":60,"value":213},{"type":54,"tag":81,"props":727,"children":728},{"style":110},[729],{"type":60,"value":147},{"type":54,"tag":81,"props":731,"children":732},{"style":110},[733],{"type":60,"value":648},{"type":54,"tag":81,"props":735,"children":736},{"style":120},[737],{"type":60,"value":738}," storeName",{"type":54,"tag":81,"props":740,"children":741},{"style":110},[742],{"type":60,"value":147},{"type":54,"tag":81,"props":744,"children":745},{"style":104},[746],{"type":60,"value":152},{"type":54,"tag":81,"props":748,"children":749},{"style":110},[750],{"type":60,"value":751},";",{"type":54,"tag":81,"props":753,"children":754},{"style":120},[755],{"type":60,"value":756}," state",{"type":54,"tag":81,"props":758,"children":759},{"style":110},[760],{"type":60,"value":147},{"type":54,"tag":81,"props":762,"children":763},{"style":104},[764],{"type":60,"value":765}," unknown",{"type":54,"tag":81,"props":767,"children":768},{"style":110},[769],{"type":60,"value":751},{"type":54,"tag":81,"props":771,"children":772},{"style":120},[773],{"type":60,"value":774}," timestamp",{"type":54,"tag":81,"props":776,"children":777},{"style":110},[778],{"type":60,"value":147},{"type":54,"tag":81,"props":780,"children":781},{"style":104},[782],{"type":60,"value":783}," number",{"type":54,"tag":81,"props":785,"children":786},{"style":110},[787],{"type":60,"value":788}," }\n",{"type":54,"tag":81,"props":790,"children":791},{"class":83,"line":336},[792,796,801,805,809,813,817,821,825,829,834,838,842,846,851,855,859],{"type":54,"tag":81,"props":793,"children":794},{"style":110},[795],{"type":60,"value":716},{"type":54,"tag":81,"props":797,"children":798},{"style":205},[799],{"type":60,"value":800},"action-dispatched",{"type":54,"tag":81,"props":802,"children":803},{"style":110},[804],{"type":60,"value":213},{"type":54,"tag":81,"props":806,"children":807},{"style":110},[808],{"type":60,"value":147},{"type":54,"tag":81,"props":810,"children":811},{"style":110},[812],{"type":60,"value":648},{"type":54,"tag":81,"props":814,"children":815},{"style":120},[816],{"type":60,"value":738},{"type":54,"tag":81,"props":818,"children":819},{"style":110},[820],{"type":60,"value":147},{"type":54,"tag":81,"props":822,"children":823},{"style":104},[824],{"type":60,"value":152},{"type":54,"tag":81,"props":826,"children":827},{"style":110},[828],{"type":60,"value":751},{"type":54,"tag":81,"props":830,"children":831},{"style":120},[832],{"type":60,"value":833}," action",{"type":54,"tag":81,"props":835,"children":836},{"style":110},[837],{"type":60,"value":147},{"type":54,"tag":81,"props":839,"children":840},{"style":104},[841],{"type":60,"value":152},{"type":54,"tag":81,"props":843,"children":844},{"style":110},[845],{"type":60,"value":751},{"type":54,"tag":81,"props":847,"children":848},{"style":120},[849],{"type":60,"value":850}," payload",{"type":54,"tag":81,"props":852,"children":853},{"style":110},[854],{"type":60,"value":147},{"type":54,"tag":81,"props":856,"children":857},{"style":104},[858],{"type":60,"value":765},{"type":54,"tag":81,"props":860,"children":861},{"style":110},[862],{"type":60,"value":788},{"type":54,"tag":81,"props":864,"children":865},{"class":83,"line":378},[866,871,875],{"type":54,"tag":81,"props":867,"children":868},{"style":120},[869],{"type":60,"value":870},"  reset",{"type":54,"tag":81,"props":872,"children":873},{"style":110},[874],{"type":60,"value":147},{"type":54,"tag":81,"props":876,"children":877},{"style":104},[878],{"type":60,"value":333},{"type":54,"tag":81,"props":880,"children":881},{"class":83,"line":396},[882],{"type":54,"tag":81,"props":883,"children":884},{"style":110},[885],{"type":60,"value":402},{"type":54,"tag":81,"props":887,"children":889},{"class":83,"line":888},9,[890],{"type":54,"tag":81,"props":891,"children":892},{"emptyLinePlaceholder":683},[893],{"type":60,"value":686},{"type":54,"tag":81,"props":895,"children":897},{"class":83,"line":896},10,[898,903,908,913,917,922,927,932],{"type":54,"tag":81,"props":899,"children":900},{"style":98},[901],{"type":60,"value":902},"class",{"type":54,"tag":81,"props":904,"children":905},{"style":104},[906],{"type":60,"value":907}," StoreInspectorClient",{"type":54,"tag":81,"props":909,"children":910},{"style":98},[911],{"type":60,"value":912}," extends",{"type":54,"tag":81,"props":914,"children":915},{"style":104},[916],{"type":60,"value":653},{"type":54,"tag":81,"props":918,"children":919},{"style":110},[920],{"type":60,"value":921},"\u003C",{"type":54,"tag":81,"props":923,"children":924},{"style":104},[925],{"type":60,"value":926},"StoreEvents",{"type":54,"tag":81,"props":928,"children":929},{"style":110},[930],{"type":60,"value":931},">",{"type":54,"tag":81,"props":933,"children":934},{"style":110},[935],{"type":60,"value":113},{"type":54,"tag":81,"props":937,"children":939},{"class":83,"line":938},11,[940,945,950],{"type":54,"tag":81,"props":941,"children":942},{"style":98},[943],{"type":60,"value":944},"  constructor",{"type":54,"tag":81,"props":946,"children":947},{"style":110},[948],{"type":60,"value":949},"()",{"type":54,"tag":81,"props":951,"children":952},{"style":110},[953],{"type":60,"value":113},{"type":54,"tag":81,"props":955,"children":957},{"class":83,"line":956},12,[958,963,967,972,977,981,985,990,994,998],{"type":54,"tag":81,"props":959,"children":960},{"style":160},[961],{"type":60,"value":962},"    super",{"type":54,"tag":81,"props":964,"children":965},{"style":120},[966],{"type":60,"value":168},{"type":54,"tag":81,"props":968,"children":969},{"style":110},[970],{"type":60,"value":971},"{",{"type":54,"tag":81,"props":973,"children":974},{"style":120},[975],{"type":60,"value":976}," pluginId",{"type":54,"tag":81,"props":978,"children":979},{"style":110},[980],{"type":60,"value":147},{"type":54,"tag":81,"props":982,"children":983},{"style":110},[984],{"type":60,"value":202},{"type":54,"tag":81,"props":986,"children":987},{"style":205},[988],{"type":60,"value":989},"store-inspector",{"type":54,"tag":81,"props":991,"children":992},{"style":110},[993],{"type":60,"value":213},{"type":54,"tag":81,"props":995,"children":996},{"style":110},[997],{"type":60,"value":658},{"type":54,"tag":81,"props":999,"children":1000},{"style":120},[1001],{"type":60,"value":250},{"type":54,"tag":81,"props":1003,"children":1005},{"class":83,"line":1004},13,[1006],{"type":54,"tag":81,"props":1007,"children":1008},{"style":110},[1009],{"type":60,"value":1010},"  }\n",{"type":54,"tag":81,"props":1012,"children":1014},{"class":83,"line":1013},14,[1015],{"type":54,"tag":81,"props":1016,"children":1017},{"style":110},[1018],{"type":60,"value":402},{"type":54,"tag":81,"props":1020,"children":1022},{"class":83,"line":1021},15,[1023],{"type":54,"tag":81,"props":1024,"children":1025},{"emptyLinePlaceholder":683},[1026],{"type":60,"value":686},{"type":54,"tag":81,"props":1028,"children":1030},{"class":83,"line":1029},16,[1031,1036,1041,1046,1051,1056,1061],{"type":54,"tag":81,"props":1032,"children":1033},{"style":640},[1034],{"type":60,"value":1035},"export",{"type":54,"tag":81,"props":1037,"children":1038},{"style":98},[1039],{"type":60,"value":1040}," const",{"type":54,"tag":81,"props":1042,"children":1043},{"style":160},[1044],{"type":60,"value":1045}," storeInspector ",{"type":54,"tag":81,"props":1047,"children":1048},{"style":110},[1049],{"type":60,"value":1050},"=",{"type":54,"tag":81,"props":1052,"children":1053},{"style":110},[1054],{"type":60,"value":1055}," new",{"type":54,"tag":81,"props":1057,"children":1059},{"style":1058},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1060],{"type":60,"value":907},{"type":54,"tag":81,"props":1062,"children":1063},{"style":160},[1064],{"type":60,"value":1065},"()\n",{"type":54,"tag":63,"props":1067,"children":1068},{},[1069,1071,1076,1078,1084],{"type":60,"value":1070},"Event names are suffixes only. The ",{"type":54,"tag":77,"props":1072,"children":1074},{"className":1073},[],[1075],{"type":60,"value":355},{"type":60,"value":1077}," is prepended automatically: ",{"type":54,"tag":77,"props":1079,"children":1081},{"className":1080},[],[1082],{"type":60,"value":1083},"'store-inspector:state-changed'",{"type":60,"value":604},{"type":54,"tag":514,"props":1086,"children":1088},{"id":1087},"step-2-build-the-solidjs-panel-component",[1089],{"type":60,"value":1090},"Step 2: Build the Solid.js Panel Component",{"type":54,"tag":69,"props":1092,"children":1096},{"className":1093,"code":1094,"language":1095,"meta":74,"style":74},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F** @jsxImportSource solid-js *\u002F\nimport { createSignal, onCleanup, For } from 'solid-js'\nimport {\n  MainPanel,\n  Header,\n  HeaderLogo,\n  Section,\n  SectionTitle,\n  JsonTree,\n  Button,\n  Tag,\n  createTheme,\n} from '@tanstack\u002Fdevtools-ui'\nimport { storeInspector } from '.\u002Fevent-client'\n\nexport default function StoreInspectorPanel() {\n  const { theme } = createTheme()\n  const [state, setState] = createSignal\u003CRecord\u003Cstring, unknown>>({})\n  const [actions, setActions] = createSignal\u003C\n    Array\u003C{ action: string; payload: unknown }>\n  >([])\n\n  const cleanupState = storeInspector.on('state-changed', (e) => {\n    setState((prev) => ({ ...prev, [e.payload.storeName]: e.payload.state }))\n  })\n  const cleanupActions = storeInspector.on('action-dispatched', (e) => {\n    setActions((prev) => [\n      ...prev,\n      { action: e.payload.action, payload: e.payload.payload },\n    ])\n  })\n\n  onCleanup(() => {\n    cleanupState()\n    cleanupActions()\n  })\n\n  return (\n    \u003CMainPanel>\n      \u003CHeader>\n        \u003CHeaderLogo flavor={{ light: '#1a1a2e', dark: '#e0e0e0' }}>\n          Store Inspector\n        \u003C\u002FHeaderLogo>\n      \u003C\u002FHeader>\n      \u003CSection>\n        \u003CSectionTitle>Current State\u003C\u002FSectionTitle>\n        \u003CJsonTree value={state()} copyable defaultExpansionDepth={2} \u002F>\n      \u003C\u002FSection>\n      \u003CSection>\n        \u003CSectionTitle>\n          Action Log\n          \u003CTag color=\"purple\" label=\"Actions\" count={actions().length} \u002F>\n        \u003C\u002FSectionTitle>\n        \u003CFor each={actions()}>\n          {(a) => (\n            \u003Cdiv>\n              \u003Cstrong>{a.action}\u003C\u002Fstrong>\n              \u003CJsonTree value={a.payload} copyable defaultExpansionDepth={1} \u002F>\n            \u003C\u002Fdiv>\n          )}\n        \u003C\u002FFor>\n        \u003CButton variant=\"danger\" onClick={() => setActions([])}>\n          Clear Log\n        \u003C\u002FButton>\n      \u003C\u002FSection>\n    \u003C\u002FMainPanel>\n  )\n}\n","tsx",[1097],{"type":54,"tag":77,"props":1098,"children":1099},{"__ignoreMap":74},[1100,1124,1179,1190,1203,1215,1227,1239,1251,1263,1275,1287,1299,1323,1360,1367,1397,1431,1515,1558,1605,1619,1627,1698,1813,1826,1895,1929,1946,2021,2030,2042,2050,2075,2088,2101,2113,2121,2135,2154,2172,2249,2258,2275,2292,2309,2344,2405,2421,2437,2453,2462,2551,2567,2602,2628,2646,2689,2746,2763,2776,2792,2854,2863,2879,2895,2912,2921],{"type":54,"tag":81,"props":1101,"children":1102},{"class":83,"line":84},[1103,1108,1113,1119],{"type":54,"tag":81,"props":1104,"children":1105},{"style":88},[1106],{"type":60,"value":1107},"\u002F** ",{"type":54,"tag":81,"props":1109,"children":1110},{"style":640},[1111],{"type":60,"value":1112},"@",{"type":54,"tag":81,"props":1114,"children":1116},{"style":1115},"--shiki-light:#9C3EDA;--shiki-light-font-style:italic;--shiki-default:#C792EA;--shiki-default-font-style:italic;--shiki-dark:#C792EA;--shiki-dark-font-style:italic",[1117],{"type":60,"value":1118},"jsxImportSource",{"type":54,"tag":81,"props":1120,"children":1121},{"style":88},[1122],{"type":60,"value":1123}," solid-js *\u002F\n",{"type":54,"tag":81,"props":1125,"children":1126},{"class":83,"line":94},[1127,1131,1135,1140,1144,1149,1153,1158,1162,1166,1170,1175],{"type":54,"tag":81,"props":1128,"children":1129},{"style":640},[1130],{"type":60,"value":643},{"type":54,"tag":81,"props":1132,"children":1133},{"style":110},[1134],{"type":60,"value":648},{"type":54,"tag":81,"props":1136,"children":1137},{"style":160},[1138],{"type":60,"value":1139}," createSignal",{"type":54,"tag":81,"props":1141,"children":1142},{"style":110},[1143],{"type":60,"value":188},{"type":54,"tag":81,"props":1145,"children":1146},{"style":160},[1147],{"type":60,"value":1148}," onCleanup",{"type":54,"tag":81,"props":1150,"children":1151},{"style":110},[1152],{"type":60,"value":188},{"type":54,"tag":81,"props":1154,"children":1155},{"style":160},[1156],{"type":60,"value":1157}," For",{"type":54,"tag":81,"props":1159,"children":1160},{"style":110},[1161],{"type":60,"value":658},{"type":54,"tag":81,"props":1163,"children":1164},{"style":640},[1165],{"type":60,"value":663},{"type":54,"tag":81,"props":1167,"children":1168},{"style":110},[1169],{"type":60,"value":202},{"type":54,"tag":81,"props":1171,"children":1172},{"style":205},[1173],{"type":60,"value":1174},"solid-js",{"type":54,"tag":81,"props":1176,"children":1177},{"style":110},[1178],{"type":60,"value":677},{"type":54,"tag":81,"props":1180,"children":1181},{"class":83,"line":116},[1182,1186],{"type":54,"tag":81,"props":1183,"children":1184},{"style":640},[1185],{"type":60,"value":643},{"type":54,"tag":81,"props":1187,"children":1188},{"style":110},[1189],{"type":60,"value":113},{"type":54,"tag":81,"props":1191,"children":1192},{"class":83,"line":136},[1193,1198],{"type":54,"tag":81,"props":1194,"children":1195},{"style":160},[1196],{"type":60,"value":1197},"  MainPanel",{"type":54,"tag":81,"props":1199,"children":1200},{"style":110},[1201],{"type":60,"value":1202},",\n",{"type":54,"tag":81,"props":1204,"children":1205},{"class":83,"line":253},[1206,1211],{"type":54,"tag":81,"props":1207,"children":1208},{"style":160},[1209],{"type":60,"value":1210},"  Header",{"type":54,"tag":81,"props":1212,"children":1213},{"style":110},[1214],{"type":60,"value":1202},{"type":54,"tag":81,"props":1216,"children":1217},{"class":83,"line":336},[1218,1223],{"type":54,"tag":81,"props":1219,"children":1220},{"style":160},[1221],{"type":60,"value":1222},"  HeaderLogo",{"type":54,"tag":81,"props":1224,"children":1225},{"style":110},[1226],{"type":60,"value":1202},{"type":54,"tag":81,"props":1228,"children":1229},{"class":83,"line":378},[1230,1235],{"type":54,"tag":81,"props":1231,"children":1232},{"style":160},[1233],{"type":60,"value":1234},"  Section",{"type":54,"tag":81,"props":1236,"children":1237},{"style":110},[1238],{"type":60,"value":1202},{"type":54,"tag":81,"props":1240,"children":1241},{"class":83,"line":396},[1242,1247],{"type":54,"tag":81,"props":1243,"children":1244},{"style":160},[1245],{"type":60,"value":1246},"  SectionTitle",{"type":54,"tag":81,"props":1248,"children":1249},{"style":110},[1250],{"type":60,"value":1202},{"type":54,"tag":81,"props":1252,"children":1253},{"class":83,"line":888},[1254,1259],{"type":54,"tag":81,"props":1255,"children":1256},{"style":160},[1257],{"type":60,"value":1258},"  JsonTree",{"type":54,"tag":81,"props":1260,"children":1261},{"style":110},[1262],{"type":60,"value":1202},{"type":54,"tag":81,"props":1264,"children":1265},{"class":83,"line":896},[1266,1271],{"type":54,"tag":81,"props":1267,"children":1268},{"style":160},[1269],{"type":60,"value":1270},"  Button",{"type":54,"tag":81,"props":1272,"children":1273},{"style":110},[1274],{"type":60,"value":1202},{"type":54,"tag":81,"props":1276,"children":1277},{"class":83,"line":938},[1278,1283],{"type":54,"tag":81,"props":1279,"children":1280},{"style":160},[1281],{"type":60,"value":1282},"  Tag",{"type":54,"tag":81,"props":1284,"children":1285},{"style":110},[1286],{"type":60,"value":1202},{"type":54,"tag":81,"props":1288,"children":1289},{"class":83,"line":956},[1290,1295],{"type":54,"tag":81,"props":1291,"children":1292},{"style":160},[1293],{"type":60,"value":1294},"  createTheme",{"type":54,"tag":81,"props":1296,"children":1297},{"style":110},[1298],{"type":60,"value":1202},{"type":54,"tag":81,"props":1300,"children":1301},{"class":83,"line":1004},[1302,1307,1311,1315,1319],{"type":54,"tag":81,"props":1303,"children":1304},{"style":110},[1305],{"type":60,"value":1306},"}",{"type":54,"tag":81,"props":1308,"children":1309},{"style":640},[1310],{"type":60,"value":663},{"type":54,"tag":81,"props":1312,"children":1313},{"style":110},[1314],{"type":60,"value":202},{"type":54,"tag":81,"props":1316,"children":1317},{"style":205},[1318],{"type":60,"value":530},{"type":54,"tag":81,"props":1320,"children":1321},{"style":110},[1322],{"type":60,"value":677},{"type":54,"tag":81,"props":1324,"children":1325},{"class":83,"line":1013},[1326,1330,1334,1339,1343,1347,1351,1356],{"type":54,"tag":81,"props":1327,"children":1328},{"style":640},[1329],{"type":60,"value":643},{"type":54,"tag":81,"props":1331,"children":1332},{"style":110},[1333],{"type":60,"value":648},{"type":54,"tag":81,"props":1335,"children":1336},{"style":160},[1337],{"type":60,"value":1338}," storeInspector",{"type":54,"tag":81,"props":1340,"children":1341},{"style":110},[1342],{"type":60,"value":658},{"type":54,"tag":81,"props":1344,"children":1345},{"style":640},[1346],{"type":60,"value":663},{"type":54,"tag":81,"props":1348,"children":1349},{"style":110},[1350],{"type":60,"value":202},{"type":54,"tag":81,"props":1352,"children":1353},{"style":205},[1354],{"type":60,"value":1355},".\u002Fevent-client",{"type":54,"tag":81,"props":1357,"children":1358},{"style":110},[1359],{"type":60,"value":677},{"type":54,"tag":81,"props":1361,"children":1362},{"class":83,"line":1021},[1363],{"type":54,"tag":81,"props":1364,"children":1365},{"emptyLinePlaceholder":683},[1366],{"type":60,"value":686},{"type":54,"tag":81,"props":1368,"children":1369},{"class":83,"line":1029},[1370,1374,1379,1384,1389,1393],{"type":54,"tag":81,"props":1371,"children":1372},{"style":640},[1373],{"type":60,"value":1035},{"type":54,"tag":81,"props":1375,"children":1376},{"style":640},[1377],{"type":60,"value":1378}," default",{"type":54,"tag":81,"props":1380,"children":1381},{"style":98},[1382],{"type":60,"value":1383}," function",{"type":54,"tag":81,"props":1385,"children":1386},{"style":1058},[1387],{"type":60,"value":1388}," StoreInspectorPanel",{"type":54,"tag":81,"props":1390,"children":1391},{"style":110},[1392],{"type":60,"value":949},{"type":54,"tag":81,"props":1394,"children":1395},{"style":110},[1396],{"type":60,"value":113},{"type":54,"tag":81,"props":1398,"children":1400},{"class":83,"line":1399},17,[1401,1406,1410,1414,1418,1422,1427],{"type":54,"tag":81,"props":1402,"children":1403},{"style":98},[1404],{"type":60,"value":1405},"  const",{"type":54,"tag":81,"props":1407,"children":1408},{"style":110},[1409],{"type":60,"value":648},{"type":54,"tag":81,"props":1411,"children":1412},{"style":160},[1413],{"type":60,"value":193},{"type":54,"tag":81,"props":1415,"children":1416},{"style":110},[1417],{"type":60,"value":658},{"type":54,"tag":81,"props":1419,"children":1420},{"style":110},[1421],{"type":60,"value":704},{"type":54,"tag":81,"props":1423,"children":1424},{"style":1058},[1425],{"type":60,"value":1426}," createTheme",{"type":54,"tag":81,"props":1428,"children":1429},{"style":120},[1430],{"type":60,"value":1065},{"type":54,"tag":81,"props":1432,"children":1434},{"class":83,"line":1433},18,[1435,1439,1444,1449,1453,1458,1463,1467,1471,1475,1480,1484,1489,1493,1497,1502,1506,1511],{"type":54,"tag":81,"props":1436,"children":1437},{"style":98},[1438],{"type":60,"value":1405},{"type":54,"tag":81,"props":1440,"children":1441},{"style":110},[1442],{"type":60,"value":1443}," [",{"type":54,"tag":81,"props":1445,"children":1446},{"style":160},[1447],{"type":60,"value":1448},"state",{"type":54,"tag":81,"props":1450,"children":1451},{"style":110},[1452],{"type":60,"value":188},{"type":54,"tag":81,"props":1454,"children":1455},{"style":160},[1456],{"type":60,"value":1457}," setState",{"type":54,"tag":81,"props":1459,"children":1460},{"style":110},[1461],{"type":60,"value":1462},"]",{"type":54,"tag":81,"props":1464,"children":1465},{"style":110},[1466],{"type":60,"value":704},{"type":54,"tag":81,"props":1468,"children":1469},{"style":1058},[1470],{"type":60,"value":1139},{"type":54,"tag":81,"props":1472,"children":1473},{"style":110},[1474],{"type":60,"value":921},{"type":54,"tag":81,"props":1476,"children":1477},{"style":104},[1478],{"type":60,"value":1479},"Record",{"type":54,"tag":81,"props":1481,"children":1482},{"style":110},[1483],{"type":60,"value":921},{"type":54,"tag":81,"props":1485,"children":1486},{"style":104},[1487],{"type":60,"value":1488},"string",{"type":54,"tag":81,"props":1490,"children":1491},{"style":110},[1492],{"type":60,"value":188},{"type":54,"tag":81,"props":1494,"children":1495},{"style":104},[1496],{"type":60,"value":765},{"type":54,"tag":81,"props":1498,"children":1499},{"style":110},[1500],{"type":60,"value":1501},">>",{"type":54,"tag":81,"props":1503,"children":1504},{"style":120},[1505],{"type":60,"value":168},{"type":54,"tag":81,"props":1507,"children":1508},{"style":110},[1509],{"type":60,"value":1510},"{}",{"type":54,"tag":81,"props":1512,"children":1513},{"style":120},[1514],{"type":60,"value":250},{"type":54,"tag":81,"props":1516,"children":1518},{"class":83,"line":1517},19,[1519,1523,1527,1532,1536,1541,1545,1549,1553],{"type":54,"tag":81,"props":1520,"children":1521},{"style":98},[1522],{"type":60,"value":1405},{"type":54,"tag":81,"props":1524,"children":1525},{"style":110},[1526],{"type":60,"value":1443},{"type":54,"tag":81,"props":1528,"children":1529},{"style":160},[1530],{"type":60,"value":1531},"actions",{"type":54,"tag":81,"props":1533,"children":1534},{"style":110},[1535],{"type":60,"value":188},{"type":54,"tag":81,"props":1537,"children":1538},{"style":160},[1539],{"type":60,"value":1540}," setActions",{"type":54,"tag":81,"props":1542,"children":1543},{"style":110},[1544],{"type":60,"value":1462},{"type":54,"tag":81,"props":1546,"children":1547},{"style":110},[1548],{"type":60,"value":704},{"type":54,"tag":81,"props":1550,"children":1551},{"style":160},[1552],{"type":60,"value":1139},{"type":54,"tag":81,"props":1554,"children":1555},{"style":110},[1556],{"type":60,"value":1557},"\u003C\n",{"type":54,"tag":81,"props":1559,"children":1561},{"class":83,"line":1560},20,[1562,1567,1572,1576,1580,1584,1588,1592,1596,1600],{"type":54,"tag":81,"props":1563,"children":1564},{"style":160},[1565],{"type":60,"value":1566},"    Array",{"type":54,"tag":81,"props":1568,"children":1569},{"style":110},[1570],{"type":60,"value":1571},"\u003C{",{"type":54,"tag":81,"props":1573,"children":1574},{"style":104},[1575],{"type":60,"value":833},{"type":54,"tag":81,"props":1577,"children":1578},{"style":110},[1579],{"type":60,"value":147},{"type":54,"tag":81,"props":1581,"children":1582},{"style":160},[1583],{"type":60,"value":152},{"type":54,"tag":81,"props":1585,"children":1586},{"style":110},[1587],{"type":60,"value":751},{"type":54,"tag":81,"props":1589,"children":1590},{"style":104},[1591],{"type":60,"value":850},{"type":54,"tag":81,"props":1593,"children":1594},{"style":110},[1595],{"type":60,"value":147},{"type":54,"tag":81,"props":1597,"children":1598},{"style":160},[1599],{"type":60,"value":765},{"type":54,"tag":81,"props":1601,"children":1602},{"style":110},[1603],{"type":60,"value":1604}," }>\n",{"type":54,"tag":81,"props":1606,"children":1608},{"class":83,"line":1607},21,[1609,1614],{"type":54,"tag":81,"props":1610,"children":1611},{"style":110},[1612],{"type":60,"value":1613},"  >",{"type":54,"tag":81,"props":1615,"children":1616},{"style":120},[1617],{"type":60,"value":1618},"([])\n",{"type":54,"tag":81,"props":1620,"children":1622},{"class":83,"line":1621},22,[1623],{"type":54,"tag":81,"props":1624,"children":1625},{"emptyLinePlaceholder":683},[1626],{"type":60,"value":686},{"type":54,"tag":81,"props":1628,"children":1630},{"class":83,"line":1629},23,[1631,1635,1640,1644,1648,1652,1657,1661,1665,1669,1673,1677,1681,1686,1690,1694],{"type":54,"tag":81,"props":1632,"children":1633},{"style":98},[1634],{"type":60,"value":1405},{"type":54,"tag":81,"props":1636,"children":1637},{"style":160},[1638],{"type":60,"value":1639}," cleanupState",{"type":54,"tag":81,"props":1641,"children":1642},{"style":110},[1643],{"type":60,"value":704},{"type":54,"tag":81,"props":1645,"children":1646},{"style":160},[1647],{"type":60,"value":1338},{"type":54,"tag":81,"props":1649,"children":1650},{"style":110},[1651],{"type":60,"value":604},{"type":54,"tag":81,"props":1653,"children":1654},{"style":1058},[1655],{"type":60,"value":1656},"on",{"type":54,"tag":81,"props":1658,"children":1659},{"style":120},[1660],{"type":60,"value":168},{"type":54,"tag":81,"props":1662,"children":1663},{"style":110},[1664],{"type":60,"value":213},{"type":54,"tag":81,"props":1666,"children":1667},{"style":205},[1668],{"type":60,"value":721},{"type":54,"tag":81,"props":1670,"children":1671},{"style":110},[1672],{"type":60,"value":213},{"type":54,"tag":81,"props":1674,"children":1675},{"style":110},[1676],{"type":60,"value":188},{"type":54,"tag":81,"props":1678,"children":1679},{"style":110},[1680],{"type":60,"value":163},{"type":54,"tag":81,"props":1682,"children":1683},{"style":171},[1684],{"type":60,"value":1685},"e",{"type":54,"tag":81,"props":1687,"children":1688},{"style":110},[1689],{"type":60,"value":235},{"type":54,"tag":81,"props":1691,"children":1692},{"style":98},[1693],{"type":60,"value":240},{"type":54,"tag":81,"props":1695,"children":1696},{"style":110},[1697],{"type":60,"value":113},{"type":54,"tag":81,"props":1699,"children":1701},{"class":83,"line":1700},24,[1702,1707,1711,1715,1720,1724,1728,1732,1736,1741,1745,1749,1753,1757,1761,1766,1770,1775,1779,1783,1788,1792,1796,1800,1804,1808],{"type":54,"tag":81,"props":1703,"children":1704},{"style":1058},[1705],{"type":60,"value":1706},"    setState",{"type":54,"tag":81,"props":1708,"children":1709},{"style":120},[1710],{"type":60,"value":168},{"type":54,"tag":81,"props":1712,"children":1713},{"style":110},[1714],{"type":60,"value":168},{"type":54,"tag":81,"props":1716,"children":1717},{"style":171},[1718],{"type":60,"value":1719},"prev",{"type":54,"tag":81,"props":1721,"children":1722},{"style":110},[1723],{"type":60,"value":235},{"type":54,"tag":81,"props":1725,"children":1726},{"style":98},[1727],{"type":60,"value":240},{"type":54,"tag":81,"props":1729,"children":1730},{"style":120},[1731],{"type":60,"value":163},{"type":54,"tag":81,"props":1733,"children":1734},{"style":110},[1735],{"type":60,"value":971},{"type":54,"tag":81,"props":1737,"children":1738},{"style":110},[1739],{"type":60,"value":1740}," ...",{"type":54,"tag":81,"props":1742,"children":1743},{"style":160},[1744],{"type":60,"value":1719},{"type":54,"tag":81,"props":1746,"children":1747},{"style":110},[1748],{"type":60,"value":188},{"type":54,"tag":81,"props":1750,"children":1751},{"style":120},[1752],{"type":60,"value":1443},{"type":54,"tag":81,"props":1754,"children":1755},{"style":160},[1756],{"type":60,"value":1685},{"type":54,"tag":81,"props":1758,"children":1759},{"style":110},[1760],{"type":60,"value":604},{"type":54,"tag":81,"props":1762,"children":1763},{"style":160},[1764],{"type":60,"value":1765},"payload",{"type":54,"tag":81,"props":1767,"children":1768},{"style":110},[1769],{"type":60,"value":604},{"type":54,"tag":81,"props":1771,"children":1772},{"style":160},[1773],{"type":60,"value":1774},"storeName",{"type":54,"tag":81,"props":1776,"children":1777},{"style":120},[1778],{"type":60,"value":1462},{"type":54,"tag":81,"props":1780,"children":1781},{"style":110},[1782],{"type":60,"value":147},{"type":54,"tag":81,"props":1784,"children":1785},{"style":160},[1786],{"type":60,"value":1787}," e",{"type":54,"tag":81,"props":1789,"children":1790},{"style":110},[1791],{"type":60,"value":604},{"type":54,"tag":81,"props":1793,"children":1794},{"style":160},[1795],{"type":60,"value":1765},{"type":54,"tag":81,"props":1797,"children":1798},{"style":110},[1799],{"type":60,"value":604},{"type":54,"tag":81,"props":1801,"children":1802},{"style":160},[1803],{"type":60,"value":1448},{"type":54,"tag":81,"props":1805,"children":1806},{"style":110},[1807],{"type":60,"value":658},{"type":54,"tag":81,"props":1809,"children":1810},{"style":120},[1811],{"type":60,"value":1812},"))\n",{"type":54,"tag":81,"props":1814,"children":1816},{"class":83,"line":1815},25,[1817,1822],{"type":54,"tag":81,"props":1818,"children":1819},{"style":110},[1820],{"type":60,"value":1821},"  }",{"type":54,"tag":81,"props":1823,"children":1824},{"style":120},[1825],{"type":60,"value":250},{"type":54,"tag":81,"props":1827,"children":1829},{"class":83,"line":1828},26,[1830,1834,1839,1843,1847,1851,1855,1859,1863,1867,1871,1875,1879,1883,1887,1891],{"type":54,"tag":81,"props":1831,"children":1832},{"style":98},[1833],{"type":60,"value":1405},{"type":54,"tag":81,"props":1835,"children":1836},{"style":160},[1837],{"type":60,"value":1838}," cleanupActions",{"type":54,"tag":81,"props":1840,"children":1841},{"style":110},[1842],{"type":60,"value":704},{"type":54,"tag":81,"props":1844,"children":1845},{"style":160},[1846],{"type":60,"value":1338},{"type":54,"tag":81,"props":1848,"children":1849},{"style":110},[1850],{"type":60,"value":604},{"type":54,"tag":81,"props":1852,"children":1853},{"style":1058},[1854],{"type":60,"value":1656},{"type":54,"tag":81,"props":1856,"children":1857},{"style":120},[1858],{"type":60,"value":168},{"type":54,"tag":81,"props":1860,"children":1861},{"style":110},[1862],{"type":60,"value":213},{"type":54,"tag":81,"props":1864,"children":1865},{"style":205},[1866],{"type":60,"value":800},{"type":54,"tag":81,"props":1868,"children":1869},{"style":110},[1870],{"type":60,"value":213},{"type":54,"tag":81,"props":1872,"children":1873},{"style":110},[1874],{"type":60,"value":188},{"type":54,"tag":81,"props":1876,"children":1877},{"style":110},[1878],{"type":60,"value":163},{"type":54,"tag":81,"props":1880,"children":1881},{"style":171},[1882],{"type":60,"value":1685},{"type":54,"tag":81,"props":1884,"children":1885},{"style":110},[1886],{"type":60,"value":235},{"type":54,"tag":81,"props":1888,"children":1889},{"style":98},[1890],{"type":60,"value":240},{"type":54,"tag":81,"props":1892,"children":1893},{"style":110},[1894],{"type":60,"value":113},{"type":54,"tag":81,"props":1896,"children":1898},{"class":83,"line":1897},27,[1899,1904,1908,1912,1916,1920,1924],{"type":54,"tag":81,"props":1900,"children":1901},{"style":1058},[1902],{"type":60,"value":1903},"    setActions",{"type":54,"tag":81,"props":1905,"children":1906},{"style":120},[1907],{"type":60,"value":168},{"type":54,"tag":81,"props":1909,"children":1910},{"style":110},[1911],{"type":60,"value":168},{"type":54,"tag":81,"props":1913,"children":1914},{"style":171},[1915],{"type":60,"value":1719},{"type":54,"tag":81,"props":1917,"children":1918},{"style":110},[1919],{"type":60,"value":235},{"type":54,"tag":81,"props":1921,"children":1922},{"style":98},[1923],{"type":60,"value":240},{"type":54,"tag":81,"props":1925,"children":1926},{"style":120},[1927],{"type":60,"value":1928}," [\n",{"type":54,"tag":81,"props":1930,"children":1932},{"class":83,"line":1931},28,[1933,1938,1942],{"type":54,"tag":81,"props":1934,"children":1935},{"style":110},[1936],{"type":60,"value":1937},"      ...",{"type":54,"tag":81,"props":1939,"children":1940},{"style":160},[1941],{"type":60,"value":1719},{"type":54,"tag":81,"props":1943,"children":1944},{"style":110},[1945],{"type":60,"value":1202},{"type":54,"tag":81,"props":1947,"children":1949},{"class":83,"line":1948},29,[1950,1955,1959,1963,1967,1971,1975,1979,1984,1988,1992,1996,2000,2004,2008,2012,2016],{"type":54,"tag":81,"props":1951,"children":1952},{"style":110},[1953],{"type":60,"value":1954},"      {",{"type":54,"tag":81,"props":1956,"children":1957},{"style":120},[1958],{"type":60,"value":833},{"type":54,"tag":81,"props":1960,"children":1961},{"style":110},[1962],{"type":60,"value":147},{"type":54,"tag":81,"props":1964,"children":1965},{"style":160},[1966],{"type":60,"value":1787},{"type":54,"tag":81,"props":1968,"children":1969},{"style":110},[1970],{"type":60,"value":604},{"type":54,"tag":81,"props":1972,"children":1973},{"style":160},[1974],{"type":60,"value":1765},{"type":54,"tag":81,"props":1976,"children":1977},{"style":110},[1978],{"type":60,"value":604},{"type":54,"tag":81,"props":1980,"children":1981},{"style":160},[1982],{"type":60,"value":1983},"action",{"type":54,"tag":81,"props":1985,"children":1986},{"style":110},[1987],{"type":60,"value":188},{"type":54,"tag":81,"props":1989,"children":1990},{"style":120},[1991],{"type":60,"value":850},{"type":54,"tag":81,"props":1993,"children":1994},{"style":110},[1995],{"type":60,"value":147},{"type":54,"tag":81,"props":1997,"children":1998},{"style":160},[1999],{"type":60,"value":1787},{"type":54,"tag":81,"props":2001,"children":2002},{"style":110},[2003],{"type":60,"value":604},{"type":54,"tag":81,"props":2005,"children":2006},{"style":160},[2007],{"type":60,"value":1765},{"type":54,"tag":81,"props":2009,"children":2010},{"style":110},[2011],{"type":60,"value":604},{"type":54,"tag":81,"props":2013,"children":2014},{"style":160},[2015],{"type":60,"value":1765},{"type":54,"tag":81,"props":2017,"children":2018},{"style":110},[2019],{"type":60,"value":2020}," },\n",{"type":54,"tag":81,"props":2022,"children":2024},{"class":83,"line":2023},30,[2025],{"type":54,"tag":81,"props":2026,"children":2027},{"style":120},[2028],{"type":60,"value":2029},"    ])\n",{"type":54,"tag":81,"props":2031,"children":2033},{"class":83,"line":2032},31,[2034,2038],{"type":54,"tag":81,"props":2035,"children":2036},{"style":110},[2037],{"type":60,"value":1821},{"type":54,"tag":81,"props":2039,"children":2040},{"style":120},[2041],{"type":60,"value":250},{"type":54,"tag":81,"props":2043,"children":2045},{"class":83,"line":2044},32,[2046],{"type":54,"tag":81,"props":2047,"children":2048},{"emptyLinePlaceholder":683},[2049],{"type":60,"value":686},{"type":54,"tag":81,"props":2051,"children":2053},{"class":83,"line":2052},33,[2054,2059,2063,2067,2071],{"type":54,"tag":81,"props":2055,"children":2056},{"style":1058},[2057],{"type":60,"value":2058},"  onCleanup",{"type":54,"tag":81,"props":2060,"children":2061},{"style":120},[2062],{"type":60,"value":168},{"type":54,"tag":81,"props":2064,"children":2065},{"style":110},[2066],{"type":60,"value":949},{"type":54,"tag":81,"props":2068,"children":2069},{"style":98},[2070],{"type":60,"value":240},{"type":54,"tag":81,"props":2072,"children":2073},{"style":110},[2074],{"type":60,"value":113},{"type":54,"tag":81,"props":2076,"children":2078},{"class":83,"line":2077},34,[2079,2084],{"type":54,"tag":81,"props":2080,"children":2081},{"style":1058},[2082],{"type":60,"value":2083},"    cleanupState",{"type":54,"tag":81,"props":2085,"children":2086},{"style":120},[2087],{"type":60,"value":1065},{"type":54,"tag":81,"props":2089,"children":2091},{"class":83,"line":2090},35,[2092,2097],{"type":54,"tag":81,"props":2093,"children":2094},{"style":1058},[2095],{"type":60,"value":2096},"    cleanupActions",{"type":54,"tag":81,"props":2098,"children":2099},{"style":120},[2100],{"type":60,"value":1065},{"type":54,"tag":81,"props":2102,"children":2104},{"class":83,"line":2103},36,[2105,2109],{"type":54,"tag":81,"props":2106,"children":2107},{"style":110},[2108],{"type":60,"value":1821},{"type":54,"tag":81,"props":2110,"children":2111},{"style":120},[2112],{"type":60,"value":250},{"type":54,"tag":81,"props":2114,"children":2116},{"class":83,"line":2115},37,[2117],{"type":54,"tag":81,"props":2118,"children":2119},{"emptyLinePlaceholder":683},[2120],{"type":60,"value":686},{"type":54,"tag":81,"props":2122,"children":2124},{"class":83,"line":2123},38,[2125,2130],{"type":54,"tag":81,"props":2126,"children":2127},{"style":640},[2128],{"type":60,"value":2129},"  return",{"type":54,"tag":81,"props":2131,"children":2132},{"style":120},[2133],{"type":60,"value":2134}," (\n",{"type":54,"tag":81,"props":2136,"children":2138},{"class":83,"line":2137},39,[2139,2144,2149],{"type":54,"tag":81,"props":2140,"children":2141},{"style":110},[2142],{"type":60,"value":2143},"    \u003C",{"type":54,"tag":81,"props":2145,"children":2146},{"style":104},[2147],{"type":60,"value":2148},"MainPanel",{"type":54,"tag":81,"props":2150,"children":2151},{"style":110},[2152],{"type":60,"value":2153},">\n",{"type":54,"tag":81,"props":2155,"children":2157},{"class":83,"line":2156},40,[2158,2163,2168],{"type":54,"tag":81,"props":2159,"children":2160},{"style":110},[2161],{"type":60,"value":2162},"      \u003C",{"type":54,"tag":81,"props":2164,"children":2165},{"style":104},[2166],{"type":60,"value":2167},"Header",{"type":54,"tag":81,"props":2169,"children":2170},{"style":110},[2171],{"type":60,"value":2153},{"type":54,"tag":81,"props":2173,"children":2175},{"class":83,"line":2174},41,[2176,2181,2186,2191,2196,2201,2205,2209,2214,2218,2222,2227,2231,2235,2240,2244],{"type":54,"tag":81,"props":2177,"children":2178},{"style":110},[2179],{"type":60,"value":2180},"        \u003C",{"type":54,"tag":81,"props":2182,"children":2183},{"style":104},[2184],{"type":60,"value":2185},"HeaderLogo",{"type":54,"tag":81,"props":2187,"children":2188},{"style":98},[2189],{"type":60,"value":2190}," flavor",{"type":54,"tag":81,"props":2192,"children":2193},{"style":110},[2194],{"type":60,"value":2195},"={{",{"type":54,"tag":81,"props":2197,"children":2198},{"style":120},[2199],{"type":60,"value":2200}," light",{"type":54,"tag":81,"props":2202,"children":2203},{"style":110},[2204],{"type":60,"value":147},{"type":54,"tag":81,"props":2206,"children":2207},{"style":110},[2208],{"type":60,"value":202},{"type":54,"tag":81,"props":2210,"children":2211},{"style":205},[2212],{"type":60,"value":2213},"#1a1a2e",{"type":54,"tag":81,"props":2215,"children":2216},{"style":110},[2217],{"type":60,"value":213},{"type":54,"tag":81,"props":2219,"children":2220},{"style":110},[2221],{"type":60,"value":188},{"type":54,"tag":81,"props":2223,"children":2224},{"style":120},[2225],{"type":60,"value":2226}," dark",{"type":54,"tag":81,"props":2228,"children":2229},{"style":110},[2230],{"type":60,"value":147},{"type":54,"tag":81,"props":2232,"children":2233},{"style":110},[2234],{"type":60,"value":202},{"type":54,"tag":81,"props":2236,"children":2237},{"style":205},[2238],{"type":60,"value":2239},"#e0e0e0",{"type":54,"tag":81,"props":2241,"children":2242},{"style":110},[2243],{"type":60,"value":213},{"type":54,"tag":81,"props":2245,"children":2246},{"style":110},[2247],{"type":60,"value":2248}," }}>\n",{"type":54,"tag":81,"props":2250,"children":2252},{"class":83,"line":2251},42,[2253],{"type":54,"tag":81,"props":2254,"children":2255},{"style":160},[2256],{"type":60,"value":2257},"          Store Inspector\n",{"type":54,"tag":81,"props":2259,"children":2261},{"class":83,"line":2260},43,[2262,2267,2271],{"type":54,"tag":81,"props":2263,"children":2264},{"style":110},[2265],{"type":60,"value":2266},"        \u003C\u002F",{"type":54,"tag":81,"props":2268,"children":2269},{"style":104},[2270],{"type":60,"value":2185},{"type":54,"tag":81,"props":2272,"children":2273},{"style":110},[2274],{"type":60,"value":2153},{"type":54,"tag":81,"props":2276,"children":2278},{"class":83,"line":2277},44,[2279,2284,2288],{"type":54,"tag":81,"props":2280,"children":2281},{"style":110},[2282],{"type":60,"value":2283},"      \u003C\u002F",{"type":54,"tag":81,"props":2285,"children":2286},{"style":104},[2287],{"type":60,"value":2167},{"type":54,"tag":81,"props":2289,"children":2290},{"style":110},[2291],{"type":60,"value":2153},{"type":54,"tag":81,"props":2293,"children":2295},{"class":83,"line":2294},45,[2296,2300,2305],{"type":54,"tag":81,"props":2297,"children":2298},{"style":110},[2299],{"type":60,"value":2162},{"type":54,"tag":81,"props":2301,"children":2302},{"style":104},[2303],{"type":60,"value":2304},"Section",{"type":54,"tag":81,"props":2306,"children":2307},{"style":110},[2308],{"type":60,"value":2153},{"type":54,"tag":81,"props":2310,"children":2312},{"class":83,"line":2311},46,[2313,2317,2322,2326,2331,2336,2340],{"type":54,"tag":81,"props":2314,"children":2315},{"style":110},[2316],{"type":60,"value":2180},{"type":54,"tag":81,"props":2318,"children":2319},{"style":104},[2320],{"type":60,"value":2321},"SectionTitle",{"type":54,"tag":81,"props":2323,"children":2324},{"style":110},[2325],{"type":60,"value":931},{"type":54,"tag":81,"props":2327,"children":2328},{"style":160},[2329],{"type":60,"value":2330},"Current State",{"type":54,"tag":81,"props":2332,"children":2333},{"style":110},[2334],{"type":60,"value":2335},"\u003C\u002F",{"type":54,"tag":81,"props":2337,"children":2338},{"style":104},[2339],{"type":60,"value":2321},{"type":54,"tag":81,"props":2341,"children":2342},{"style":110},[2343],{"type":60,"value":2153},{"type":54,"tag":81,"props":2345,"children":2347},{"class":83,"line":2346},47,[2348,2352,2357,2362,2367,2371,2375,2380,2385,2390,2394,2400],{"type":54,"tag":81,"props":2349,"children":2350},{"style":110},[2351],{"type":60,"value":2180},{"type":54,"tag":81,"props":2353,"children":2354},{"style":104},[2355],{"type":60,"value":2356},"JsonTree",{"type":54,"tag":81,"props":2358,"children":2359},{"style":98},[2360],{"type":60,"value":2361}," value",{"type":54,"tag":81,"props":2363,"children":2364},{"style":110},[2365],{"type":60,"value":2366},"={",{"type":54,"tag":81,"props":2368,"children":2369},{"style":1058},[2370],{"type":60,"value":1448},{"type":54,"tag":81,"props":2372,"children":2373},{"style":160},[2374],{"type":60,"value":949},{"type":54,"tag":81,"props":2376,"children":2377},{"style":110},[2378],{"type":60,"value":2379},"} ",{"type":54,"tag":81,"props":2381,"children":2382},{"style":98},[2383],{"type":60,"value":2384},"copyable",{"type":54,"tag":81,"props":2386,"children":2387},{"style":98},[2388],{"type":60,"value":2389}," defaultExpansionDepth",{"type":54,"tag":81,"props":2391,"children":2392},{"style":110},[2393],{"type":60,"value":2366},{"type":54,"tag":81,"props":2395,"children":2397},{"style":2396},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2398],{"type":60,"value":2399},"2",{"type":54,"tag":81,"props":2401,"children":2402},{"style":110},[2403],{"type":60,"value":2404},"} \u002F>\n",{"type":54,"tag":81,"props":2406,"children":2408},{"class":83,"line":2407},48,[2409,2413,2417],{"type":54,"tag":81,"props":2410,"children":2411},{"style":110},[2412],{"type":60,"value":2283},{"type":54,"tag":81,"props":2414,"children":2415},{"style":104},[2416],{"type":60,"value":2304},{"type":54,"tag":81,"props":2418,"children":2419},{"style":110},[2420],{"type":60,"value":2153},{"type":54,"tag":81,"props":2422,"children":2424},{"class":83,"line":2423},49,[2425,2429,2433],{"type":54,"tag":81,"props":2426,"children":2427},{"style":110},[2428],{"type":60,"value":2162},{"type":54,"tag":81,"props":2430,"children":2431},{"style":104},[2432],{"type":60,"value":2304},{"type":54,"tag":81,"props":2434,"children":2435},{"style":110},[2436],{"type":60,"value":2153},{"type":54,"tag":81,"props":2438,"children":2440},{"class":83,"line":2439},50,[2441,2445,2449],{"type":54,"tag":81,"props":2442,"children":2443},{"style":110},[2444],{"type":60,"value":2180},{"type":54,"tag":81,"props":2446,"children":2447},{"style":104},[2448],{"type":60,"value":2321},{"type":54,"tag":81,"props":2450,"children":2451},{"style":110},[2452],{"type":60,"value":2153},{"type":54,"tag":81,"props":2454,"children":2456},{"class":83,"line":2455},51,[2457],{"type":54,"tag":81,"props":2458,"children":2459},{"style":160},[2460],{"type":60,"value":2461},"          Action Log\n",{"type":54,"tag":81,"props":2463,"children":2465},{"class":83,"line":2464},52,[2466,2471,2476,2481,2485,2490,2495,2499,2504,2508,2512,2517,2521,2526,2530,2534,2538,2542,2547],{"type":54,"tag":81,"props":2467,"children":2468},{"style":110},[2469],{"type":60,"value":2470},"          \u003C",{"type":54,"tag":81,"props":2472,"children":2473},{"style":104},[2474],{"type":60,"value":2475},"Tag",{"type":54,"tag":81,"props":2477,"children":2478},{"style":98},[2479],{"type":60,"value":2480}," color",{"type":54,"tag":81,"props":2482,"children":2483},{"style":110},[2484],{"type":60,"value":1050},{"type":54,"tag":81,"props":2486,"children":2487},{"style":110},[2488],{"type":60,"value":2489},"\"",{"type":54,"tag":81,"props":2491,"children":2492},{"style":205},[2493],{"type":60,"value":2494},"purple",{"type":54,"tag":81,"props":2496,"children":2497},{"style":110},[2498],{"type":60,"value":2489},{"type":54,"tag":81,"props":2500,"children":2501},{"style":98},[2502],{"type":60,"value":2503}," label",{"type":54,"tag":81,"props":2505,"children":2506},{"style":110},[2507],{"type":60,"value":1050},{"type":54,"tag":81,"props":2509,"children":2510},{"style":110},[2511],{"type":60,"value":2489},{"type":54,"tag":81,"props":2513,"children":2514},{"style":205},[2515],{"type":60,"value":2516},"Actions",{"type":54,"tag":81,"props":2518,"children":2519},{"style":110},[2520],{"type":60,"value":2489},{"type":54,"tag":81,"props":2522,"children":2523},{"style":98},[2524],{"type":60,"value":2525}," count",{"type":54,"tag":81,"props":2527,"children":2528},{"style":110},[2529],{"type":60,"value":2366},{"type":54,"tag":81,"props":2531,"children":2532},{"style":1058},[2533],{"type":60,"value":1531},{"type":54,"tag":81,"props":2535,"children":2536},{"style":160},[2537],{"type":60,"value":949},{"type":54,"tag":81,"props":2539,"children":2540},{"style":110},[2541],{"type":60,"value":604},{"type":54,"tag":81,"props":2543,"children":2544},{"style":160},[2545],{"type":60,"value":2546},"length",{"type":54,"tag":81,"props":2548,"children":2549},{"style":110},[2550],{"type":60,"value":2404},{"type":54,"tag":81,"props":2552,"children":2554},{"class":83,"line":2553},53,[2555,2559,2563],{"type":54,"tag":81,"props":2556,"children":2557},{"style":110},[2558],{"type":60,"value":2266},{"type":54,"tag":81,"props":2560,"children":2561},{"style":104},[2562],{"type":60,"value":2321},{"type":54,"tag":81,"props":2564,"children":2565},{"style":110},[2566],{"type":60,"value":2153},{"type":54,"tag":81,"props":2568,"children":2570},{"class":83,"line":2569},54,[2571,2575,2580,2585,2589,2593,2597],{"type":54,"tag":81,"props":2572,"children":2573},{"style":110},[2574],{"type":60,"value":2180},{"type":54,"tag":81,"props":2576,"children":2577},{"style":104},[2578],{"type":60,"value":2579},"For",{"type":54,"tag":81,"props":2581,"children":2582},{"style":98},[2583],{"type":60,"value":2584}," each",{"type":54,"tag":81,"props":2586,"children":2587},{"style":110},[2588],{"type":60,"value":2366},{"type":54,"tag":81,"props":2590,"children":2591},{"style":1058},[2592],{"type":60,"value":1531},{"type":54,"tag":81,"props":2594,"children":2595},{"style":160},[2596],{"type":60,"value":949},{"type":54,"tag":81,"props":2598,"children":2599},{"style":110},[2600],{"type":60,"value":2601},"}>\n",{"type":54,"tag":81,"props":2603,"children":2605},{"class":83,"line":2604},55,[2606,2611,2616,2620,2624],{"type":54,"tag":81,"props":2607,"children":2608},{"style":110},[2609],{"type":60,"value":2610},"          {(",{"type":54,"tag":81,"props":2612,"children":2613},{"style":171},[2614],{"type":60,"value":2615},"a",{"type":54,"tag":81,"props":2617,"children":2618},{"style":110},[2619],{"type":60,"value":235},{"type":54,"tag":81,"props":2621,"children":2622},{"style":98},[2623],{"type":60,"value":240},{"type":54,"tag":81,"props":2625,"children":2626},{"style":160},[2627],{"type":60,"value":2134},{"type":54,"tag":81,"props":2629,"children":2631},{"class":83,"line":2630},56,[2632,2637,2642],{"type":54,"tag":81,"props":2633,"children":2634},{"style":110},[2635],{"type":60,"value":2636},"            \u003C",{"type":54,"tag":81,"props":2638,"children":2639},{"style":120},[2640],{"type":60,"value":2641},"div",{"type":54,"tag":81,"props":2643,"children":2644},{"style":110},[2645],{"type":60,"value":2153},{"type":54,"tag":81,"props":2647,"children":2649},{"class":83,"line":2648},57,[2650,2655,2659,2664,2668,2672,2676,2681,2685],{"type":54,"tag":81,"props":2651,"children":2652},{"style":110},[2653],{"type":60,"value":2654},"              \u003C",{"type":54,"tag":81,"props":2656,"children":2657},{"style":120},[2658],{"type":60,"value":412},{"type":54,"tag":81,"props":2660,"children":2661},{"style":110},[2662],{"type":60,"value":2663},">{",{"type":54,"tag":81,"props":2665,"children":2666},{"style":160},[2667],{"type":60,"value":2615},{"type":54,"tag":81,"props":2669,"children":2670},{"style":110},[2671],{"type":60,"value":604},{"type":54,"tag":81,"props":2673,"children":2674},{"style":160},[2675],{"type":60,"value":1983},{"type":54,"tag":81,"props":2677,"children":2678},{"style":110},[2679],{"type":60,"value":2680},"}\u003C\u002F",{"type":54,"tag":81,"props":2682,"children":2683},{"style":120},[2684],{"type":60,"value":412},{"type":54,"tag":81,"props":2686,"children":2687},{"style":110},[2688],{"type":60,"value":2153},{"type":54,"tag":81,"props":2690,"children":2692},{"class":83,"line":2691},58,[2693,2697,2701,2705,2709,2713,2717,2721,2725,2729,2733,2737,2742],{"type":54,"tag":81,"props":2694,"children":2695},{"style":110},[2696],{"type":60,"value":2654},{"type":54,"tag":81,"props":2698,"children":2699},{"style":104},[2700],{"type":60,"value":2356},{"type":54,"tag":81,"props":2702,"children":2703},{"style":98},[2704],{"type":60,"value":2361},{"type":54,"tag":81,"props":2706,"children":2707},{"style":110},[2708],{"type":60,"value":2366},{"type":54,"tag":81,"props":2710,"children":2711},{"style":160},[2712],{"type":60,"value":2615},{"type":54,"tag":81,"props":2714,"children":2715},{"style":110},[2716],{"type":60,"value":604},{"type":54,"tag":81,"props":2718,"children":2719},{"style":160},[2720],{"type":60,"value":1765},{"type":54,"tag":81,"props":2722,"children":2723},{"style":110},[2724],{"type":60,"value":2379},{"type":54,"tag":81,"props":2726,"children":2727},{"style":98},[2728],{"type":60,"value":2384},{"type":54,"tag":81,"props":2730,"children":2731},{"style":98},[2732],{"type":60,"value":2389},{"type":54,"tag":81,"props":2734,"children":2735},{"style":110},[2736],{"type":60,"value":2366},{"type":54,"tag":81,"props":2738,"children":2739},{"style":2396},[2740],{"type":60,"value":2741},"1",{"type":54,"tag":81,"props":2743,"children":2744},{"style":110},[2745],{"type":60,"value":2404},{"type":54,"tag":81,"props":2747,"children":2749},{"class":83,"line":2748},59,[2750,2755,2759],{"type":54,"tag":81,"props":2751,"children":2752},{"style":110},[2753],{"type":60,"value":2754},"            \u003C\u002F",{"type":54,"tag":81,"props":2756,"children":2757},{"style":120},[2758],{"type":60,"value":2641},{"type":54,"tag":81,"props":2760,"children":2761},{"style":110},[2762],{"type":60,"value":2153},{"type":54,"tag":81,"props":2764,"children":2766},{"class":83,"line":2765},60,[2767,2772],{"type":54,"tag":81,"props":2768,"children":2769},{"style":160},[2770],{"type":60,"value":2771},"          )",{"type":54,"tag":81,"props":2773,"children":2774},{"style":110},[2775],{"type":60,"value":402},{"type":54,"tag":81,"props":2777,"children":2779},{"class":83,"line":2778},61,[2780,2784,2788],{"type":54,"tag":81,"props":2781,"children":2782},{"style":110},[2783],{"type":60,"value":2266},{"type":54,"tag":81,"props":2785,"children":2786},{"style":104},[2787],{"type":60,"value":2579},{"type":54,"tag":81,"props":2789,"children":2790},{"style":110},[2791],{"type":60,"value":2153},{"type":54,"tag":81,"props":2793,"children":2795},{"class":83,"line":2794},62,[2796,2800,2805,2810,2814,2818,2823,2827,2832,2837,2841,2845,2850],{"type":54,"tag":81,"props":2797,"children":2798},{"style":110},[2799],{"type":60,"value":2180},{"type":54,"tag":81,"props":2801,"children":2802},{"style":104},[2803],{"type":60,"value":2804},"Button",{"type":54,"tag":81,"props":2806,"children":2807},{"style":98},[2808],{"type":60,"value":2809}," variant",{"type":54,"tag":81,"props":2811,"children":2812},{"style":110},[2813],{"type":60,"value":1050},{"type":54,"tag":81,"props":2815,"children":2816},{"style":110},[2817],{"type":60,"value":2489},{"type":54,"tag":81,"props":2819,"children":2820},{"style":205},[2821],{"type":60,"value":2822},"danger",{"type":54,"tag":81,"props":2824,"children":2825},{"style":110},[2826],{"type":60,"value":2489},{"type":54,"tag":81,"props":2828,"children":2829},{"style":98},[2830],{"type":60,"value":2831}," onClick",{"type":54,"tag":81,"props":2833,"children":2834},{"style":110},[2835],{"type":60,"value":2836},"={()",{"type":54,"tag":81,"props":2838,"children":2839},{"style":98},[2840],{"type":60,"value":240},{"type":54,"tag":81,"props":2842,"children":2843},{"style":1058},[2844],{"type":60,"value":1540},{"type":54,"tag":81,"props":2846,"children":2847},{"style":160},[2848],{"type":60,"value":2849},"([])",{"type":54,"tag":81,"props":2851,"children":2852},{"style":110},[2853],{"type":60,"value":2601},{"type":54,"tag":81,"props":2855,"children":2857},{"class":83,"line":2856},63,[2858],{"type":54,"tag":81,"props":2859,"children":2860},{"style":160},[2861],{"type":60,"value":2862},"          Clear Log\n",{"type":54,"tag":81,"props":2864,"children":2866},{"class":83,"line":2865},64,[2867,2871,2875],{"type":54,"tag":81,"props":2868,"children":2869},{"style":110},[2870],{"type":60,"value":2266},{"type":54,"tag":81,"props":2872,"children":2873},{"style":104},[2874],{"type":60,"value":2804},{"type":54,"tag":81,"props":2876,"children":2877},{"style":110},[2878],{"type":60,"value":2153},{"type":54,"tag":81,"props":2880,"children":2882},{"class":83,"line":2881},65,[2883,2887,2891],{"type":54,"tag":81,"props":2884,"children":2885},{"style":110},[2886],{"type":60,"value":2283},{"type":54,"tag":81,"props":2888,"children":2889},{"style":104},[2890],{"type":60,"value":2304},{"type":54,"tag":81,"props":2892,"children":2893},{"style":110},[2894],{"type":60,"value":2153},{"type":54,"tag":81,"props":2896,"children":2898},{"class":83,"line":2897},66,[2899,2904,2908],{"type":54,"tag":81,"props":2900,"children":2901},{"style":110},[2902],{"type":60,"value":2903},"    \u003C\u002F",{"type":54,"tag":81,"props":2905,"children":2906},{"style":104},[2907],{"type":60,"value":2148},{"type":54,"tag":81,"props":2909,"children":2910},{"style":110},[2911],{"type":60,"value":2153},{"type":54,"tag":81,"props":2913,"children":2915},{"class":83,"line":2914},67,[2916],{"type":54,"tag":81,"props":2917,"children":2918},{"style":120},[2919],{"type":60,"value":2920},"  )\n",{"type":54,"tag":81,"props":2922,"children":2924},{"class":83,"line":2923},68,[2925],{"type":54,"tag":81,"props":2926,"children":2927},{"style":110},[2928],{"type":60,"value":402},{"type":54,"tag":514,"props":2930,"children":2932},{"id":2931},"step-3-create-core-class-and-framework-adapters",[2933],{"type":60,"value":2934},"Step 3: Create Core Class and Framework Adapters",{"type":54,"tag":69,"props":2936,"children":2938},{"className":71,"code":2937,"language":73,"meta":74,"style":74},"\u002F\u002F src\u002Fcore.ts\nimport { constructCoreClass } from '@tanstack\u002Fdevtools-utils\u002Fsolid\u002Fclass'\n\nexport const [StoreInspectorCore, NoOpStoreInspectorCore] = constructCoreClass(\n  () => import('.\u002Fpanel'),\n)\n",[2939],{"type":54,"tag":77,"props":2940,"children":2941},{"__ignoreMap":74},[2942,2950,2987,2994,3040,3082],{"type":54,"tag":81,"props":2943,"children":2944},{"class":83,"line":84},[2945],{"type":54,"tag":81,"props":2946,"children":2947},{"style":88},[2948],{"type":60,"value":2949},"\u002F\u002F src\u002Fcore.ts\n",{"type":54,"tag":81,"props":2951,"children":2952},{"class":83,"line":94},[2953,2957,2961,2966,2970,2974,2978,2983],{"type":54,"tag":81,"props":2954,"children":2955},{"style":640},[2956],{"type":60,"value":643},{"type":54,"tag":81,"props":2958,"children":2959},{"style":110},[2960],{"type":60,"value":648},{"type":54,"tag":81,"props":2962,"children":2963},{"style":160},[2964],{"type":60,"value":2965}," constructCoreClass",{"type":54,"tag":81,"props":2967,"children":2968},{"style":110},[2969],{"type":60,"value":658},{"type":54,"tag":81,"props":2971,"children":2972},{"style":640},[2973],{"type":60,"value":663},{"type":54,"tag":81,"props":2975,"children":2976},{"style":110},[2977],{"type":60,"value":202},{"type":54,"tag":81,"props":2979,"children":2980},{"style":205},[2981],{"type":60,"value":2982},"@tanstack\u002Fdevtools-utils\u002Fsolid\u002Fclass",{"type":54,"tag":81,"props":2984,"children":2985},{"style":110},[2986],{"type":60,"value":677},{"type":54,"tag":81,"props":2988,"children":2989},{"class":83,"line":116},[2990],{"type":54,"tag":81,"props":2991,"children":2992},{"emptyLinePlaceholder":683},[2993],{"type":60,"value":686},{"type":54,"tag":81,"props":2995,"children":2996},{"class":83,"line":136},[2997,3001,3005,3009,3014,3018,3023,3027,3031,3035],{"type":54,"tag":81,"props":2998,"children":2999},{"style":640},[3000],{"type":60,"value":1035},{"type":54,"tag":81,"props":3002,"children":3003},{"style":98},[3004],{"type":60,"value":1040},{"type":54,"tag":81,"props":3006,"children":3007},{"style":110},[3008],{"type":60,"value":1443},{"type":54,"tag":81,"props":3010,"children":3011},{"style":160},[3012],{"type":60,"value":3013},"StoreInspectorCore",{"type":54,"tag":81,"props":3015,"children":3016},{"style":110},[3017],{"type":60,"value":188},{"type":54,"tag":81,"props":3019,"children":3020},{"style":160},[3021],{"type":60,"value":3022}," NoOpStoreInspectorCore",{"type":54,"tag":81,"props":3024,"children":3025},{"style":110},[3026],{"type":60,"value":1462},{"type":54,"tag":81,"props":3028,"children":3029},{"style":110},[3030],{"type":60,"value":704},{"type":54,"tag":81,"props":3032,"children":3033},{"style":1058},[3034],{"type":60,"value":2965},{"type":54,"tag":81,"props":3036,"children":3037},{"style":160},[3038],{"type":60,"value":3039},"(\n",{"type":54,"tag":81,"props":3041,"children":3042},{"class":83,"line":253},[3043,3048,3052,3057,3061,3065,3070,3074,3078],{"type":54,"tag":81,"props":3044,"children":3045},{"style":110},[3046],{"type":60,"value":3047},"  ()",{"type":54,"tag":81,"props":3049,"children":3050},{"style":98},[3051],{"type":60,"value":240},{"type":54,"tag":81,"props":3053,"children":3054},{"style":110},[3055],{"type":60,"value":3056}," import",{"type":54,"tag":81,"props":3058,"children":3059},{"style":160},[3060],{"type":60,"value":168},{"type":54,"tag":81,"props":3062,"children":3063},{"style":110},[3064],{"type":60,"value":213},{"type":54,"tag":81,"props":3066,"children":3067},{"style":205},[3068],{"type":60,"value":3069},".\u002Fpanel",{"type":54,"tag":81,"props":3071,"children":3072},{"style":110},[3073],{"type":60,"value":213},{"type":54,"tag":81,"props":3075,"children":3076},{"style":160},[3077],{"type":60,"value":235},{"type":54,"tag":81,"props":3079,"children":3080},{"style":110},[3081],{"type":60,"value":1202},{"type":54,"tag":81,"props":3083,"children":3084},{"class":83,"line":336},[3085],{"type":54,"tag":81,"props":3086,"children":3087},{"style":160},[3088],{"type":60,"value":250},{"type":54,"tag":69,"props":3090,"children":3092},{"className":1093,"code":3091,"language":1095,"meta":74,"style":74},"\u002F\u002F src\u002Freact.tsx\nimport { createReactPanel } from '@tanstack\u002Fdevtools-utils\u002Freact'\nimport { StoreInspectorCore } from '.\u002Fcore'\n\nexport const [StoreInspectorPanel, NoOpStoreInspectorPanel] =\n  createReactPanel(StoreInspectorCore)\n",[3093],{"type":54,"tag":77,"props":3094,"children":3095},{"__ignoreMap":74},[3096,3104,3141,3178,3185,3223],{"type":54,"tag":81,"props":3097,"children":3098},{"class":83,"line":84},[3099],{"type":54,"tag":81,"props":3100,"children":3101},{"style":88},[3102],{"type":60,"value":3103},"\u002F\u002F src\u002Freact.tsx\n",{"type":54,"tag":81,"props":3105,"children":3106},{"class":83,"line":94},[3107,3111,3115,3120,3124,3128,3132,3137],{"type":54,"tag":81,"props":3108,"children":3109},{"style":640},[3110],{"type":60,"value":643},{"type":54,"tag":81,"props":3112,"children":3113},{"style":110},[3114],{"type":60,"value":648},{"type":54,"tag":81,"props":3116,"children":3117},{"style":160},[3118],{"type":60,"value":3119}," createReactPanel",{"type":54,"tag":81,"props":3121,"children":3122},{"style":110},[3123],{"type":60,"value":658},{"type":54,"tag":81,"props":3125,"children":3126},{"style":640},[3127],{"type":60,"value":663},{"type":54,"tag":81,"props":3129,"children":3130},{"style":110},[3131],{"type":60,"value":202},{"type":54,"tag":81,"props":3133,"children":3134},{"style":205},[3135],{"type":60,"value":3136},"@tanstack\u002Fdevtools-utils\u002Freact",{"type":54,"tag":81,"props":3138,"children":3139},{"style":110},[3140],{"type":60,"value":677},{"type":54,"tag":81,"props":3142,"children":3143},{"class":83,"line":116},[3144,3148,3152,3157,3161,3165,3169,3174],{"type":54,"tag":81,"props":3145,"children":3146},{"style":640},[3147],{"type":60,"value":643},{"type":54,"tag":81,"props":3149,"children":3150},{"style":110},[3151],{"type":60,"value":648},{"type":54,"tag":81,"props":3153,"children":3154},{"style":160},[3155],{"type":60,"value":3156}," StoreInspectorCore",{"type":54,"tag":81,"props":3158,"children":3159},{"style":110},[3160],{"type":60,"value":658},{"type":54,"tag":81,"props":3162,"children":3163},{"style":640},[3164],{"type":60,"value":663},{"type":54,"tag":81,"props":3166,"children":3167},{"style":110},[3168],{"type":60,"value":202},{"type":54,"tag":81,"props":3170,"children":3171},{"style":205},[3172],{"type":60,"value":3173},".\u002Fcore",{"type":54,"tag":81,"props":3175,"children":3176},{"style":110},[3177],{"type":60,"value":677},{"type":54,"tag":81,"props":3179,"children":3180},{"class":83,"line":136},[3181],{"type":54,"tag":81,"props":3182,"children":3183},{"emptyLinePlaceholder":683},[3184],{"type":60,"value":686},{"type":54,"tag":81,"props":3186,"children":3187},{"class":83,"line":253},[3188,3192,3196,3200,3205,3209,3214,3218],{"type":54,"tag":81,"props":3189,"children":3190},{"style":640},[3191],{"type":60,"value":1035},{"type":54,"tag":81,"props":3193,"children":3194},{"style":98},[3195],{"type":60,"value":1040},{"type":54,"tag":81,"props":3197,"children":3198},{"style":110},[3199],{"type":60,"value":1443},{"type":54,"tag":81,"props":3201,"children":3202},{"style":160},[3203],{"type":60,"value":3204},"StoreInspectorPanel",{"type":54,"tag":81,"props":3206,"children":3207},{"style":110},[3208],{"type":60,"value":188},{"type":54,"tag":81,"props":3210,"children":3211},{"style":160},[3212],{"type":60,"value":3213}," NoOpStoreInspectorPanel",{"type":54,"tag":81,"props":3215,"children":3216},{"style":110},[3217],{"type":60,"value":1462},{"type":54,"tag":81,"props":3219,"children":3220},{"style":110},[3221],{"type":60,"value":3222}," =\n",{"type":54,"tag":81,"props":3224,"children":3225},{"class":83,"line":336},[3226,3231],{"type":54,"tag":81,"props":3227,"children":3228},{"style":1058},[3229],{"type":60,"value":3230},"  createReactPanel",{"type":54,"tag":81,"props":3232,"children":3233},{"style":160},[3234],{"type":60,"value":3235},"(StoreInspectorCore)\n",{"type":54,"tag":69,"props":3237,"children":3239},{"className":1093,"code":3238,"language":1095,"meta":74,"style":74},"\u002F\u002F src\u002Freact-plugin.tsx\nimport { createReactPlugin } from '@tanstack\u002Fdevtools-utils\u002Freact'\nimport { StoreInspectorPanel } from '.\u002Freact'\n\nexport const [StoreInspectorPlugin, NoOpStoreInspectorPlugin] =\n  createReactPlugin({\n    name: 'Store Inspector',\n    id: 'store-inspector',\n    defaultOpen: true,\n    Component: StoreInspectorPanel,\n  })\n",[3240],{"type":54,"tag":77,"props":3241,"children":3242},{"__ignoreMap":74},[3243,3251,3287,3323,3330,3367,3384,3413,3441,3463,3483],{"type":54,"tag":81,"props":3244,"children":3245},{"class":83,"line":84},[3246],{"type":54,"tag":81,"props":3247,"children":3248},{"style":88},[3249],{"type":60,"value":3250},"\u002F\u002F src\u002Freact-plugin.tsx\n",{"type":54,"tag":81,"props":3252,"children":3253},{"class":83,"line":94},[3254,3258,3262,3267,3271,3275,3279,3283],{"type":54,"tag":81,"props":3255,"children":3256},{"style":640},[3257],{"type":60,"value":643},{"type":54,"tag":81,"props":3259,"children":3260},{"style":110},[3261],{"type":60,"value":648},{"type":54,"tag":81,"props":3263,"children":3264},{"style":160},[3265],{"type":60,"value":3266}," createReactPlugin",{"type":54,"tag":81,"props":3268,"children":3269},{"style":110},[3270],{"type":60,"value":658},{"type":54,"tag":81,"props":3272,"children":3273},{"style":640},[3274],{"type":60,"value":663},{"type":54,"tag":81,"props":3276,"children":3277},{"style":110},[3278],{"type":60,"value":202},{"type":54,"tag":81,"props":3280,"children":3281},{"style":205},[3282],{"type":60,"value":3136},{"type":54,"tag":81,"props":3284,"children":3285},{"style":110},[3286],{"type":60,"value":677},{"type":54,"tag":81,"props":3288,"children":3289},{"class":83,"line":116},[3290,3294,3298,3302,3306,3310,3314,3319],{"type":54,"tag":81,"props":3291,"children":3292},{"style":640},[3293],{"type":60,"value":643},{"type":54,"tag":81,"props":3295,"children":3296},{"style":110},[3297],{"type":60,"value":648},{"type":54,"tag":81,"props":3299,"children":3300},{"style":160},[3301],{"type":60,"value":1388},{"type":54,"tag":81,"props":3303,"children":3304},{"style":110},[3305],{"type":60,"value":658},{"type":54,"tag":81,"props":3307,"children":3308},{"style":640},[3309],{"type":60,"value":663},{"type":54,"tag":81,"props":3311,"children":3312},{"style":110},[3313],{"type":60,"value":202},{"type":54,"tag":81,"props":3315,"children":3316},{"style":205},[3317],{"type":60,"value":3318},".\u002Freact",{"type":54,"tag":81,"props":3320,"children":3321},{"style":110},[3322],{"type":60,"value":677},{"type":54,"tag":81,"props":3324,"children":3325},{"class":83,"line":136},[3326],{"type":54,"tag":81,"props":3327,"children":3328},{"emptyLinePlaceholder":683},[3329],{"type":60,"value":686},{"type":54,"tag":81,"props":3331,"children":3332},{"class":83,"line":253},[3333,3337,3341,3345,3350,3354,3359,3363],{"type":54,"tag":81,"props":3334,"children":3335},{"style":640},[3336],{"type":60,"value":1035},{"type":54,"tag":81,"props":3338,"children":3339},{"style":98},[3340],{"type":60,"value":1040},{"type":54,"tag":81,"props":3342,"children":3343},{"style":110},[3344],{"type":60,"value":1443},{"type":54,"tag":81,"props":3346,"children":3347},{"style":160},[3348],{"type":60,"value":3349},"StoreInspectorPlugin",{"type":54,"tag":81,"props":3351,"children":3352},{"style":110},[3353],{"type":60,"value":188},{"type":54,"tag":81,"props":3355,"children":3356},{"style":160},[3357],{"type":60,"value":3358}," NoOpStoreInspectorPlugin",{"type":54,"tag":81,"props":3360,"children":3361},{"style":110},[3362],{"type":60,"value":1462},{"type":54,"tag":81,"props":3364,"children":3365},{"style":110},[3366],{"type":60,"value":3222},{"type":54,"tag":81,"props":3368,"children":3369},{"class":83,"line":336},[3370,3375,3379],{"type":54,"tag":81,"props":3371,"children":3372},{"style":1058},[3373],{"type":60,"value":3374},"  createReactPlugin",{"type":54,"tag":81,"props":3376,"children":3377},{"style":160},[3378],{"type":60,"value":168},{"type":54,"tag":81,"props":3380,"children":3381},{"style":110},[3382],{"type":60,"value":3383},"{\n",{"type":54,"tag":81,"props":3385,"children":3386},{"class":83,"line":378},[3387,3392,3396,3400,3405,3409],{"type":54,"tag":81,"props":3388,"children":3389},{"style":120},[3390],{"type":60,"value":3391},"    name",{"type":54,"tag":81,"props":3393,"children":3394},{"style":110},[3395],{"type":60,"value":147},{"type":54,"tag":81,"props":3397,"children":3398},{"style":110},[3399],{"type":60,"value":202},{"type":54,"tag":81,"props":3401,"children":3402},{"style":205},[3403],{"type":60,"value":3404},"Store Inspector",{"type":54,"tag":81,"props":3406,"children":3407},{"style":110},[3408],{"type":60,"value":213},{"type":54,"tag":81,"props":3410,"children":3411},{"style":110},[3412],{"type":60,"value":1202},{"type":54,"tag":81,"props":3414,"children":3415},{"class":83,"line":396},[3416,3421,3425,3429,3433,3437],{"type":54,"tag":81,"props":3417,"children":3418},{"style":120},[3419],{"type":60,"value":3420},"    id",{"type":54,"tag":81,"props":3422,"children":3423},{"style":110},[3424],{"type":60,"value":147},{"type":54,"tag":81,"props":3426,"children":3427},{"style":110},[3428],{"type":60,"value":202},{"type":54,"tag":81,"props":3430,"children":3431},{"style":205},[3432],{"type":60,"value":989},{"type":54,"tag":81,"props":3434,"children":3435},{"style":110},[3436],{"type":60,"value":213},{"type":54,"tag":81,"props":3438,"children":3439},{"style":110},[3440],{"type":60,"value":1202},{"type":54,"tag":81,"props":3442,"children":3443},{"class":83,"line":888},[3444,3449,3453,3459],{"type":54,"tag":81,"props":3445,"children":3446},{"style":120},[3447],{"type":60,"value":3448},"    defaultOpen",{"type":54,"tag":81,"props":3450,"children":3451},{"style":110},[3452],{"type":60,"value":147},{"type":54,"tag":81,"props":3454,"children":3456},{"style":3455},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[3457],{"type":60,"value":3458}," true",{"type":54,"tag":81,"props":3460,"children":3461},{"style":110},[3462],{"type":60,"value":1202},{"type":54,"tag":81,"props":3464,"children":3465},{"class":83,"line":896},[3466,3471,3475,3479],{"type":54,"tag":81,"props":3467,"children":3468},{"style":120},[3469],{"type":60,"value":3470},"    Component",{"type":54,"tag":81,"props":3472,"children":3473},{"style":110},[3474],{"type":60,"value":147},{"type":54,"tag":81,"props":3476,"children":3477},{"style":160},[3478],{"type":60,"value":1388},{"type":54,"tag":81,"props":3480,"children":3481},{"style":110},[3482],{"type":60,"value":1202},{"type":54,"tag":81,"props":3484,"children":3485},{"class":83,"line":938},[3486,3490],{"type":54,"tag":81,"props":3487,"children":3488},{"style":110},[3489],{"type":60,"value":1821},{"type":54,"tag":81,"props":3491,"children":3492},{"style":160},[3493],{"type":60,"value":250},{"type":54,"tag":514,"props":3495,"children":3497},{"id":3496},"step-4-register",[3498],{"type":60,"value":3499},"Step 4: Register",{"type":54,"tag":69,"props":3501,"children":3503},{"className":1093,"code":3502,"language":1095,"meta":74,"style":74},"import { TanStackDevtools } from '@tanstack\u002Freact-devtools'\nimport { StoreInspectorPlugin } from 'your-package\u002Freact-plugin'\n\nfunction App() {\n  return (\n    \u003C>\n      \u003CYourApp \u002F>\n      \u003CTanStackDevtools plugins={[StoreInspectorPlugin()]} \u002F>\n    \u003C\u002F>\n  )\n}\n",[3504],{"type":54,"tag":77,"props":3505,"children":3506},{"__ignoreMap":74},[3507,3544,3581,3588,3609,3620,3628,3645,3684,3692,3699],{"type":54,"tag":81,"props":3508,"children":3509},{"class":83,"line":84},[3510,3514,3518,3523,3527,3531,3535,3540],{"type":54,"tag":81,"props":3511,"children":3512},{"style":640},[3513],{"type":60,"value":643},{"type":54,"tag":81,"props":3515,"children":3516},{"style":110},[3517],{"type":60,"value":648},{"type":54,"tag":81,"props":3519,"children":3520},{"style":160},[3521],{"type":60,"value":3522}," TanStackDevtools",{"type":54,"tag":81,"props":3524,"children":3525},{"style":110},[3526],{"type":60,"value":658},{"type":54,"tag":81,"props":3528,"children":3529},{"style":640},[3530],{"type":60,"value":663},{"type":54,"tag":81,"props":3532,"children":3533},{"style":110},[3534],{"type":60,"value":202},{"type":54,"tag":81,"props":3536,"children":3537},{"style":205},[3538],{"type":60,"value":3539},"@tanstack\u002Freact-devtools",{"type":54,"tag":81,"props":3541,"children":3542},{"style":110},[3543],{"type":60,"value":677},{"type":54,"tag":81,"props":3545,"children":3546},{"class":83,"line":94},[3547,3551,3555,3560,3564,3568,3572,3577],{"type":54,"tag":81,"props":3548,"children":3549},{"style":640},[3550],{"type":60,"value":643},{"type":54,"tag":81,"props":3552,"children":3553},{"style":110},[3554],{"type":60,"value":648},{"type":54,"tag":81,"props":3556,"children":3557},{"style":160},[3558],{"type":60,"value":3559}," StoreInspectorPlugin",{"type":54,"tag":81,"props":3561,"children":3562},{"style":110},[3563],{"type":60,"value":658},{"type":54,"tag":81,"props":3565,"children":3566},{"style":640},[3567],{"type":60,"value":663},{"type":54,"tag":81,"props":3569,"children":3570},{"style":110},[3571],{"type":60,"value":202},{"type":54,"tag":81,"props":3573,"children":3574},{"style":205},[3575],{"type":60,"value":3576},"your-package\u002Freact-plugin",{"type":54,"tag":81,"props":3578,"children":3579},{"style":110},[3580],{"type":60,"value":677},{"type":54,"tag":81,"props":3582,"children":3583},{"class":83,"line":116},[3584],{"type":54,"tag":81,"props":3585,"children":3586},{"emptyLinePlaceholder":683},[3587],{"type":60,"value":686},{"type":54,"tag":81,"props":3589,"children":3590},{"class":83,"line":136},[3591,3596,3601,3605],{"type":54,"tag":81,"props":3592,"children":3593},{"style":98},[3594],{"type":60,"value":3595},"function",{"type":54,"tag":81,"props":3597,"children":3598},{"style":1058},[3599],{"type":60,"value":3600}," App",{"type":54,"tag":81,"props":3602,"children":3603},{"style":110},[3604],{"type":60,"value":949},{"type":54,"tag":81,"props":3606,"children":3607},{"style":110},[3608],{"type":60,"value":113},{"type":54,"tag":81,"props":3610,"children":3611},{"class":83,"line":253},[3612,3616],{"type":54,"tag":81,"props":3613,"children":3614},{"style":640},[3615],{"type":60,"value":2129},{"type":54,"tag":81,"props":3617,"children":3618},{"style":120},[3619],{"type":60,"value":2134},{"type":54,"tag":81,"props":3621,"children":3622},{"class":83,"line":336},[3623],{"type":54,"tag":81,"props":3624,"children":3625},{"style":110},[3626],{"type":60,"value":3627},"    \u003C>\n",{"type":54,"tag":81,"props":3629,"children":3630},{"class":83,"line":378},[3631,3635,3640],{"type":54,"tag":81,"props":3632,"children":3633},{"style":110},[3634],{"type":60,"value":2162},{"type":54,"tag":81,"props":3636,"children":3637},{"style":104},[3638],{"type":60,"value":3639},"YourApp",{"type":54,"tag":81,"props":3641,"children":3642},{"style":110},[3643],{"type":60,"value":3644}," \u002F>\n",{"type":54,"tag":81,"props":3646,"children":3647},{"class":83,"line":396},[3648,3652,3657,3662,3666,3671,3675,3680],{"type":54,"tag":81,"props":3649,"children":3650},{"style":110},[3651],{"type":60,"value":2162},{"type":54,"tag":81,"props":3653,"children":3654},{"style":104},[3655],{"type":60,"value":3656},"TanStackDevtools",{"type":54,"tag":81,"props":3658,"children":3659},{"style":98},[3660],{"type":60,"value":3661}," plugins",{"type":54,"tag":81,"props":3663,"children":3664},{"style":110},[3665],{"type":60,"value":2366},{"type":54,"tag":81,"props":3667,"children":3668},{"style":160},[3669],{"type":60,"value":3670},"[",{"type":54,"tag":81,"props":3672,"children":3673},{"style":1058},[3674],{"type":60,"value":3349},{"type":54,"tag":81,"props":3676,"children":3677},{"style":160},[3678],{"type":60,"value":3679},"()]",{"type":54,"tag":81,"props":3681,"children":3682},{"style":110},[3683],{"type":60,"value":2404},{"type":54,"tag":81,"props":3685,"children":3686},{"class":83,"line":888},[3687],{"type":54,"tag":81,"props":3688,"children":3689},{"style":110},[3690],{"type":60,"value":3691},"    \u003C\u002F>\n",{"type":54,"tag":81,"props":3693,"children":3694},{"class":83,"line":896},[3695],{"type":54,"tag":81,"props":3696,"children":3697},{"style":120},[3698],{"type":60,"value":2920},{"type":54,"tag":81,"props":3700,"children":3701},{"class":83,"line":938},[3702],{"type":54,"tag":81,"props":3703,"children":3704},{"style":110},[3705],{"type":60,"value":402},{"type":54,"tag":504,"props":3707,"children":3708},{},[],{"type":54,"tag":55,"props":3710,"children":3712},{"id":3711},"path-2-framework-specific-panel-react-example",[3713],{"type":60,"value":3714},"Path 2: Framework-Specific Panel (React Example)",{"type":54,"tag":69,"props":3716,"children":3718},{"className":1093,"code":3717,"language":1095,"meta":74,"style":74},"import { useState, useEffect } from 'react'\nimport { EventClient } from '@tanstack\u002Fdevtools-event-client'\nimport { createReactPlugin } from '@tanstack\u002Fdevtools-utils\u002Freact'\n\ntype MyEvents = {\n  'data-update': { items: Array\u003C{ id: string; value: number }> }\n}\n\nclass MyPluginClient extends EventClient\u003CMyEvents> {\n  constructor() {\n    super({ pluginId: 'my-plugin' })\n  }\n}\n\nexport const myPlugin = new MyPluginClient()\n\nfunction MyPluginPanel({ theme }: { theme?: 'light' | 'dark' }) {\n  const [items, setItems] = useState\u003CArray\u003C{ id: string; value: number }>>([])\n\n  useEffect(() => {\n    const cleanup = myPlugin.on('data-update', (e) => {\n      setItems(e.payload.items)\n    })\n    return cleanup\n  }, [])\n\n  return (\n    \u003Cdiv style={{ color: theme === 'dark' ? '#fff' : '#000' }}>\n      \u003Ch3>My Plugin\u003C\u002Fh3>\n      \u003Cul>\n        {items.map((item) => (\n          \u003Cli key={item.id}>\n            {item.id}: {item.value}\n          \u003C\u002Fli>\n        ))}\n      \u003C\u002Ful>\n    \u003C\u002Fdiv>\n  )\n}\n\nexport const [MyPlugin, NoOpMyPlugin] = createReactPlugin({\n  name: 'My Plugin',\n  id: 'my-plugin',\n  defaultOpen: false,\n  Component: MyPluginPanel,\n})\n",[3719],{"type":54,"tag":77,"props":3720,"children":3721},{"__ignoreMap":74},[3722,3767,3802,3837,3844,3864,3944,3951,3958,3995,4010,4054,4061,4068,4075,4107,4114,4189,4276,4283,4307,4377,4413,4425,4438,4451,4458,4469,4559,4591,4606,4652,4688,4738,4754,4766,4781,4796,4803,4810,4817,4866,4893,4920,4940,4960],{"type":54,"tag":81,"props":3723,"children":3724},{"class":83,"line":84},[3725,3729,3733,3738,3742,3747,3751,3755,3759,3763],{"type":54,"tag":81,"props":3726,"children":3727},{"style":640},[3728],{"type":60,"value":643},{"type":54,"tag":81,"props":3730,"children":3731},{"style":110},[3732],{"type":60,"value":648},{"type":54,"tag":81,"props":3734,"children":3735},{"style":160},[3736],{"type":60,"value":3737}," useState",{"type":54,"tag":81,"props":3739,"children":3740},{"style":110},[3741],{"type":60,"value":188},{"type":54,"tag":81,"props":3743,"children":3744},{"style":160},[3745],{"type":60,"value":3746}," useEffect",{"type":54,"tag":81,"props":3748,"children":3749},{"style":110},[3750],{"type":60,"value":658},{"type":54,"tag":81,"props":3752,"children":3753},{"style":640},[3754],{"type":60,"value":663},{"type":54,"tag":81,"props":3756,"children":3757},{"style":110},[3758],{"type":60,"value":202},{"type":54,"tag":81,"props":3760,"children":3761},{"style":205},[3762],{"type":60,"value":31},{"type":54,"tag":81,"props":3764,"children":3765},{"style":110},[3766],{"type":60,"value":677},{"type":54,"tag":81,"props":3768,"children":3769},{"class":83,"line":94},[3770,3774,3778,3782,3786,3790,3794,3798],{"type":54,"tag":81,"props":3771,"children":3772},{"style":640},[3773],{"type":60,"value":643},{"type":54,"tag":81,"props":3775,"children":3776},{"style":110},[3777],{"type":60,"value":648},{"type":54,"tag":81,"props":3779,"children":3780},{"style":160},[3781],{"type":60,"value":653},{"type":54,"tag":81,"props":3783,"children":3784},{"style":110},[3785],{"type":60,"value":658},{"type":54,"tag":81,"props":3787,"children":3788},{"style":640},[3789],{"type":60,"value":663},{"type":54,"tag":81,"props":3791,"children":3792},{"style":110},[3793],{"type":60,"value":202},{"type":54,"tag":81,"props":3795,"children":3796},{"style":205},[3797],{"type":60,"value":672},{"type":54,"tag":81,"props":3799,"children":3800},{"style":110},[3801],{"type":60,"value":677},{"type":54,"tag":81,"props":3803,"children":3804},{"class":83,"line":116},[3805,3809,3813,3817,3821,3825,3829,3833],{"type":54,"tag":81,"props":3806,"children":3807},{"style":640},[3808],{"type":60,"value":643},{"type":54,"tag":81,"props":3810,"children":3811},{"style":110},[3812],{"type":60,"value":648},{"type":54,"tag":81,"props":3814,"children":3815},{"style":160},[3816],{"type":60,"value":3266},{"type":54,"tag":81,"props":3818,"children":3819},{"style":110},[3820],{"type":60,"value":658},{"type":54,"tag":81,"props":3822,"children":3823},{"style":640},[3824],{"type":60,"value":663},{"type":54,"tag":81,"props":3826,"children":3827},{"style":110},[3828],{"type":60,"value":202},{"type":54,"tag":81,"props":3830,"children":3831},{"style":205},[3832],{"type":60,"value":3136},{"type":54,"tag":81,"props":3834,"children":3835},{"style":110},[3836],{"type":60,"value":677},{"type":54,"tag":81,"props":3838,"children":3839},{"class":83,"line":136},[3840],{"type":54,"tag":81,"props":3841,"children":3842},{"emptyLinePlaceholder":683},[3843],{"type":60,"value":686},{"type":54,"tag":81,"props":3845,"children":3846},{"class":83,"line":253},[3847,3851,3856,3860],{"type":54,"tag":81,"props":3848,"children":3849},{"style":98},[3850],{"type":60,"value":694},{"type":54,"tag":81,"props":3852,"children":3853},{"style":104},[3854],{"type":60,"value":3855}," MyEvents",{"type":54,"tag":81,"props":3857,"children":3858},{"style":110},[3859],{"type":60,"value":704},{"type":54,"tag":81,"props":3861,"children":3862},{"style":110},[3863],{"type":60,"value":113},{"type":54,"tag":81,"props":3865,"children":3866},{"class":83,"line":336},[3867,3871,3876,3880,3884,3888,3893,3897,3902,3906,3911,3915,3919,3923,3927,3931,3935,3940],{"type":54,"tag":81,"props":3868,"children":3869},{"style":110},[3870],{"type":60,"value":716},{"type":54,"tag":81,"props":3872,"children":3873},{"style":205},[3874],{"type":60,"value":3875},"data-update",{"type":54,"tag":81,"props":3877,"children":3878},{"style":110},[3879],{"type":60,"value":213},{"type":54,"tag":81,"props":3881,"children":3882},{"style":110},[3883],{"type":60,"value":147},{"type":54,"tag":81,"props":3885,"children":3886},{"style":110},[3887],{"type":60,"value":648},{"type":54,"tag":81,"props":3889,"children":3890},{"style":120},[3891],{"type":60,"value":3892}," items",{"type":54,"tag":81,"props":3894,"children":3895},{"style":110},[3896],{"type":60,"value":147},{"type":54,"tag":81,"props":3898,"children":3899},{"style":104},[3900],{"type":60,"value":3901}," Array",{"type":54,"tag":81,"props":3903,"children":3904},{"style":110},[3905],{"type":60,"value":1571},{"type":54,"tag":81,"props":3907,"children":3908},{"style":120},[3909],{"type":60,"value":3910}," id",{"type":54,"tag":81,"props":3912,"children":3913},{"style":110},[3914],{"type":60,"value":147},{"type":54,"tag":81,"props":3916,"children":3917},{"style":104},[3918],{"type":60,"value":152},{"type":54,"tag":81,"props":3920,"children":3921},{"style":110},[3922],{"type":60,"value":751},{"type":54,"tag":81,"props":3924,"children":3925},{"style":120},[3926],{"type":60,"value":2361},{"type":54,"tag":81,"props":3928,"children":3929},{"style":110},[3930],{"type":60,"value":147},{"type":54,"tag":81,"props":3932,"children":3933},{"style":104},[3934],{"type":60,"value":783},{"type":54,"tag":81,"props":3936,"children":3937},{"style":110},[3938],{"type":60,"value":3939}," }>",{"type":54,"tag":81,"props":3941,"children":3942},{"style":110},[3943],{"type":60,"value":788},{"type":54,"tag":81,"props":3945,"children":3946},{"class":83,"line":378},[3947],{"type":54,"tag":81,"props":3948,"children":3949},{"style":110},[3950],{"type":60,"value":402},{"type":54,"tag":81,"props":3952,"children":3953},{"class":83,"line":396},[3954],{"type":54,"tag":81,"props":3955,"children":3956},{"emptyLinePlaceholder":683},[3957],{"type":60,"value":686},{"type":54,"tag":81,"props":3959,"children":3960},{"class":83,"line":888},[3961,3965,3970,3974,3978,3982,3987,3991],{"type":54,"tag":81,"props":3962,"children":3963},{"style":98},[3964],{"type":60,"value":902},{"type":54,"tag":81,"props":3966,"children":3967},{"style":104},[3968],{"type":60,"value":3969}," MyPluginClient",{"type":54,"tag":81,"props":3971,"children":3972},{"style":98},[3973],{"type":60,"value":912},{"type":54,"tag":81,"props":3975,"children":3976},{"style":104},[3977],{"type":60,"value":653},{"type":54,"tag":81,"props":3979,"children":3980},{"style":110},[3981],{"type":60,"value":921},{"type":54,"tag":81,"props":3983,"children":3984},{"style":104},[3985],{"type":60,"value":3986},"MyEvents",{"type":54,"tag":81,"props":3988,"children":3989},{"style":110},[3990],{"type":60,"value":931},{"type":54,"tag":81,"props":3992,"children":3993},{"style":110},[3994],{"type":60,"value":113},{"type":54,"tag":81,"props":3996,"children":3997},{"class":83,"line":896},[3998,4002,4006],{"type":54,"tag":81,"props":3999,"children":4000},{"style":98},[4001],{"type":60,"value":944},{"type":54,"tag":81,"props":4003,"children":4004},{"style":110},[4005],{"type":60,"value":949},{"type":54,"tag":81,"props":4007,"children":4008},{"style":110},[4009],{"type":60,"value":113},{"type":54,"tag":81,"props":4011,"children":4012},{"class":83,"line":938},[4013,4017,4021,4025,4029,4033,4037,4042,4046,4050],{"type":54,"tag":81,"props":4014,"children":4015},{"style":160},[4016],{"type":60,"value":962},{"type":54,"tag":81,"props":4018,"children":4019},{"style":120},[4020],{"type":60,"value":168},{"type":54,"tag":81,"props":4022,"children":4023},{"style":110},[4024],{"type":60,"value":971},{"type":54,"tag":81,"props":4026,"children":4027},{"style":120},[4028],{"type":60,"value":976},{"type":54,"tag":81,"props":4030,"children":4031},{"style":110},[4032],{"type":60,"value":147},{"type":54,"tag":81,"props":4034,"children":4035},{"style":110},[4036],{"type":60,"value":202},{"type":54,"tag":81,"props":4038,"children":4039},{"style":205},[4040],{"type":60,"value":4041},"my-plugin",{"type":54,"tag":81,"props":4043,"children":4044},{"style":110},[4045],{"type":60,"value":213},{"type":54,"tag":81,"props":4047,"children":4048},{"style":110},[4049],{"type":60,"value":658},{"type":54,"tag":81,"props":4051,"children":4052},{"style":120},[4053],{"type":60,"value":250},{"type":54,"tag":81,"props":4055,"children":4056},{"class":83,"line":956},[4057],{"type":54,"tag":81,"props":4058,"children":4059},{"style":110},[4060],{"type":60,"value":1010},{"type":54,"tag":81,"props":4062,"children":4063},{"class":83,"line":1004},[4064],{"type":54,"tag":81,"props":4065,"children":4066},{"style":110},[4067],{"type":60,"value":402},{"type":54,"tag":81,"props":4069,"children":4070},{"class":83,"line":1013},[4071],{"type":54,"tag":81,"props":4072,"children":4073},{"emptyLinePlaceholder":683},[4074],{"type":60,"value":686},{"type":54,"tag":81,"props":4076,"children":4077},{"class":83,"line":1021},[4078,4082,4086,4091,4095,4099,4103],{"type":54,"tag":81,"props":4079,"children":4080},{"style":640},[4081],{"type":60,"value":1035},{"type":54,"tag":81,"props":4083,"children":4084},{"style":98},[4085],{"type":60,"value":1040},{"type":54,"tag":81,"props":4087,"children":4088},{"style":160},[4089],{"type":60,"value":4090}," myPlugin ",{"type":54,"tag":81,"props":4092,"children":4093},{"style":110},[4094],{"type":60,"value":1050},{"type":54,"tag":81,"props":4096,"children":4097},{"style":110},[4098],{"type":60,"value":1055},{"type":54,"tag":81,"props":4100,"children":4101},{"style":1058},[4102],{"type":60,"value":3969},{"type":54,"tag":81,"props":4104,"children":4105},{"style":160},[4106],{"type":60,"value":1065},{"type":54,"tag":81,"props":4108,"children":4109},{"class":83,"line":1029},[4110],{"type":54,"tag":81,"props":4111,"children":4112},{"emptyLinePlaceholder":683},[4113],{"type":60,"value":686},{"type":54,"tag":81,"props":4115,"children":4116},{"class":83,"line":1399},[4117,4121,4126,4131,4135,4140,4144,4148,4152,4156,4160,4164,4168,4172,4176,4180,4185],{"type":54,"tag":81,"props":4118,"children":4119},{"style":98},[4120],{"type":60,"value":3595},{"type":54,"tag":81,"props":4122,"children":4123},{"style":1058},[4124],{"type":60,"value":4125}," MyPluginPanel",{"type":54,"tag":81,"props":4127,"children":4128},{"style":110},[4129],{"type":60,"value":4130},"({",{"type":54,"tag":81,"props":4132,"children":4133},{"style":171},[4134],{"type":60,"value":193},{"type":54,"tag":81,"props":4136,"children":4137},{"style":110},[4138],{"type":60,"value":4139}," }:",{"type":54,"tag":81,"props":4141,"children":4142},{"style":110},[4143],{"type":60,"value":648},{"type":54,"tag":81,"props":4145,"children":4146},{"style":120},[4147],{"type":60,"value":193},{"type":54,"tag":81,"props":4149,"children":4150},{"style":110},[4151],{"type":60,"value":128},{"type":54,"tag":81,"props":4153,"children":4154},{"style":110},[4155],{"type":60,"value":202},{"type":54,"tag":81,"props":4157,"children":4158},{"style":205},[4159],{"type":60,"value":226},{"type":54,"tag":81,"props":4161,"children":4162},{"style":110},[4163],{"type":60,"value":213},{"type":54,"tag":81,"props":4165,"children":4166},{"style":110},[4167],{"type":60,"value":157},{"type":54,"tag":81,"props":4169,"children":4170},{"style":110},[4171],{"type":60,"value":202},{"type":54,"tag":81,"props":4173,"children":4174},{"style":205},[4175],{"type":60,"value":208},{"type":54,"tag":81,"props":4177,"children":4178},{"style":110},[4179],{"type":60,"value":213},{"type":54,"tag":81,"props":4181,"children":4182},{"style":110},[4183],{"type":60,"value":4184}," })",{"type":54,"tag":81,"props":4186,"children":4187},{"style":110},[4188],{"type":60,"value":113},{"type":54,"tag":81,"props":4190,"children":4191},{"class":83,"line":1433},[4192,4196,4200,4205,4209,4214,4218,4222,4226,4230,4235,4239,4243,4247,4251,4255,4259,4263,4267,4272],{"type":54,"tag":81,"props":4193,"children":4194},{"style":98},[4195],{"type":60,"value":1405},{"type":54,"tag":81,"props":4197,"children":4198},{"style":110},[4199],{"type":60,"value":1443},{"type":54,"tag":81,"props":4201,"children":4202},{"style":160},[4203],{"type":60,"value":4204},"items",{"type":54,"tag":81,"props":4206,"children":4207},{"style":110},[4208],{"type":60,"value":188},{"type":54,"tag":81,"props":4210,"children":4211},{"style":160},[4212],{"type":60,"value":4213}," setItems",{"type":54,"tag":81,"props":4215,"children":4216},{"style":110},[4217],{"type":60,"value":1462},{"type":54,"tag":81,"props":4219,"children":4220},{"style":110},[4221],{"type":60,"value":704},{"type":54,"tag":81,"props":4223,"children":4224},{"style":1058},[4225],{"type":60,"value":3737},{"type":54,"tag":81,"props":4227,"children":4228},{"style":110},[4229],{"type":60,"value":921},{"type":54,"tag":81,"props":4231,"children":4232},{"style":104},[4233],{"type":60,"value":4234},"Array",{"type":54,"tag":81,"props":4236,"children":4237},{"style":110},[4238],{"type":60,"value":1571},{"type":54,"tag":81,"props":4240,"children":4241},{"style":120},[4242],{"type":60,"value":3910},{"type":54,"tag":81,"props":4244,"children":4245},{"style":110},[4246],{"type":60,"value":147},{"type":54,"tag":81,"props":4248,"children":4249},{"style":104},[4250],{"type":60,"value":152},{"type":54,"tag":81,"props":4252,"children":4253},{"style":110},[4254],{"type":60,"value":751},{"type":54,"tag":81,"props":4256,"children":4257},{"style":120},[4258],{"type":60,"value":2361},{"type":54,"tag":81,"props":4260,"children":4261},{"style":110},[4262],{"type":60,"value":147},{"type":54,"tag":81,"props":4264,"children":4265},{"style":104},[4266],{"type":60,"value":783},{"type":54,"tag":81,"props":4268,"children":4269},{"style":110},[4270],{"type":60,"value":4271}," }>>",{"type":54,"tag":81,"props":4273,"children":4274},{"style":120},[4275],{"type":60,"value":1618},{"type":54,"tag":81,"props":4277,"children":4278},{"class":83,"line":1517},[4279],{"type":54,"tag":81,"props":4280,"children":4281},{"emptyLinePlaceholder":683},[4282],{"type":60,"value":686},{"type":54,"tag":81,"props":4284,"children":4285},{"class":83,"line":1560},[4286,4291,4295,4299,4303],{"type":54,"tag":81,"props":4287,"children":4288},{"style":1058},[4289],{"type":60,"value":4290},"  useEffect",{"type":54,"tag":81,"props":4292,"children":4293},{"style":120},[4294],{"type":60,"value":168},{"type":54,"tag":81,"props":4296,"children":4297},{"style":110},[4298],{"type":60,"value":949},{"type":54,"tag":81,"props":4300,"children":4301},{"style":98},[4302],{"type":60,"value":240},{"type":54,"tag":81,"props":4304,"children":4305},{"style":110},[4306],{"type":60,"value":113},{"type":54,"tag":81,"props":4308,"children":4309},{"class":83,"line":1607},[4310,4315,4320,4324,4329,4333,4337,4341,4345,4349,4353,4357,4361,4365,4369,4373],{"type":54,"tag":81,"props":4311,"children":4312},{"style":98},[4313],{"type":60,"value":4314},"    const",{"type":54,"tag":81,"props":4316,"children":4317},{"style":160},[4318],{"type":60,"value":4319}," cleanup",{"type":54,"tag":81,"props":4321,"children":4322},{"style":110},[4323],{"type":60,"value":704},{"type":54,"tag":81,"props":4325,"children":4326},{"style":160},[4327],{"type":60,"value":4328}," myPlugin",{"type":54,"tag":81,"props":4330,"children":4331},{"style":110},[4332],{"type":60,"value":604},{"type":54,"tag":81,"props":4334,"children":4335},{"style":1058},[4336],{"type":60,"value":1656},{"type":54,"tag":81,"props":4338,"children":4339},{"style":120},[4340],{"type":60,"value":168},{"type":54,"tag":81,"props":4342,"children":4343},{"style":110},[4344],{"type":60,"value":213},{"type":54,"tag":81,"props":4346,"children":4347},{"style":205},[4348],{"type":60,"value":3875},{"type":54,"tag":81,"props":4350,"children":4351},{"style":110},[4352],{"type":60,"value":213},{"type":54,"tag":81,"props":4354,"children":4355},{"style":110},[4356],{"type":60,"value":188},{"type":54,"tag":81,"props":4358,"children":4359},{"style":110},[4360],{"type":60,"value":163},{"type":54,"tag":81,"props":4362,"children":4363},{"style":171},[4364],{"type":60,"value":1685},{"type":54,"tag":81,"props":4366,"children":4367},{"style":110},[4368],{"type":60,"value":235},{"type":54,"tag":81,"props":4370,"children":4371},{"style":98},[4372],{"type":60,"value":240},{"type":54,"tag":81,"props":4374,"children":4375},{"style":110},[4376],{"type":60,"value":113},{"type":54,"tag":81,"props":4378,"children":4379},{"class":83,"line":1621},[4380,4385,4389,4393,4397,4401,4405,4409],{"type":54,"tag":81,"props":4381,"children":4382},{"style":1058},[4383],{"type":60,"value":4384},"      setItems",{"type":54,"tag":81,"props":4386,"children":4387},{"style":120},[4388],{"type":60,"value":168},{"type":54,"tag":81,"props":4390,"children":4391},{"style":160},[4392],{"type":60,"value":1685},{"type":54,"tag":81,"props":4394,"children":4395},{"style":110},[4396],{"type":60,"value":604},{"type":54,"tag":81,"props":4398,"children":4399},{"style":160},[4400],{"type":60,"value":1765},{"type":54,"tag":81,"props":4402,"children":4403},{"style":110},[4404],{"type":60,"value":604},{"type":54,"tag":81,"props":4406,"children":4407},{"style":160},[4408],{"type":60,"value":4204},{"type":54,"tag":81,"props":4410,"children":4411},{"style":120},[4412],{"type":60,"value":250},{"type":54,"tag":81,"props":4414,"children":4415},{"class":83,"line":1629},[4416,4421],{"type":54,"tag":81,"props":4417,"children":4418},{"style":110},[4419],{"type":60,"value":4420},"    }",{"type":54,"tag":81,"props":4422,"children":4423},{"style":120},[4424],{"type":60,"value":250},{"type":54,"tag":81,"props":4426,"children":4427},{"class":83,"line":1700},[4428,4433],{"type":54,"tag":81,"props":4429,"children":4430},{"style":640},[4431],{"type":60,"value":4432},"    return",{"type":54,"tag":81,"props":4434,"children":4435},{"style":160},[4436],{"type":60,"value":4437}," cleanup\n",{"type":54,"tag":81,"props":4439,"children":4440},{"class":83,"line":1815},[4441,4446],{"type":54,"tag":81,"props":4442,"children":4443},{"style":110},[4444],{"type":60,"value":4445},"  },",{"type":54,"tag":81,"props":4447,"children":4448},{"style":120},[4449],{"type":60,"value":4450}," [])\n",{"type":54,"tag":81,"props":4452,"children":4453},{"class":83,"line":1828},[4454],{"type":54,"tag":81,"props":4455,"children":4456},{"emptyLinePlaceholder":683},[4457],{"type":60,"value":686},{"type":54,"tag":81,"props":4459,"children":4460},{"class":83,"line":1897},[4461,4465],{"type":54,"tag":81,"props":4462,"children":4463},{"style":640},[4464],{"type":60,"value":2129},{"type":54,"tag":81,"props":4466,"children":4467},{"style":120},[4468],{"type":60,"value":2134},{"type":54,"tag":81,"props":4470,"children":4471},{"class":83,"line":1931},[4472,4476,4480,4485,4489,4493,4497,4502,4507,4511,4515,4519,4524,4528,4533,4537,4542,4546,4551,4555],{"type":54,"tag":81,"props":4473,"children":4474},{"style":110},[4475],{"type":60,"value":2143},{"type":54,"tag":81,"props":4477,"children":4478},{"style":120},[4479],{"type":60,"value":2641},{"type":54,"tag":81,"props":4481,"children":4482},{"style":98},[4483],{"type":60,"value":4484}," style",{"type":54,"tag":81,"props":4486,"children":4487},{"style":110},[4488],{"type":60,"value":2195},{"type":54,"tag":81,"props":4490,"children":4491},{"style":120},[4492],{"type":60,"value":2480},{"type":54,"tag":81,"props":4494,"children":4495},{"style":110},[4496],{"type":60,"value":147},{"type":54,"tag":81,"props":4498,"children":4499},{"style":160},[4500],{"type":60,"value":4501}," theme ",{"type":54,"tag":81,"props":4503,"children":4504},{"style":110},[4505],{"type":60,"value":4506},"===",{"type":54,"tag":81,"props":4508,"children":4509},{"style":110},[4510],{"type":60,"value":202},{"type":54,"tag":81,"props":4512,"children":4513},{"style":205},[4514],{"type":60,"value":208},{"type":54,"tag":81,"props":4516,"children":4517},{"style":110},[4518],{"type":60,"value":213},{"type":54,"tag":81,"props":4520,"children":4521},{"style":110},[4522],{"type":60,"value":4523}," ?",{"type":54,"tag":81,"props":4525,"children":4526},{"style":110},[4527],{"type":60,"value":202},{"type":54,"tag":81,"props":4529,"children":4530},{"style":205},[4531],{"type":60,"value":4532},"#fff",{"type":54,"tag":81,"props":4534,"children":4535},{"style":110},[4536],{"type":60,"value":213},{"type":54,"tag":81,"props":4538,"children":4539},{"style":110},[4540],{"type":60,"value":4541}," :",{"type":54,"tag":81,"props":4543,"children":4544},{"style":110},[4545],{"type":60,"value":202},{"type":54,"tag":81,"props":4547,"children":4548},{"style":205},[4549],{"type":60,"value":4550},"#000",{"type":54,"tag":81,"props":4552,"children":4553},{"style":110},[4554],{"type":60,"value":213},{"type":54,"tag":81,"props":4556,"children":4557},{"style":110},[4558],{"type":60,"value":2248},{"type":54,"tag":81,"props":4560,"children":4561},{"class":83,"line":1948},[4562,4566,4570,4574,4579,4583,4587],{"type":54,"tag":81,"props":4563,"children":4564},{"style":110},[4565],{"type":60,"value":2162},{"type":54,"tag":81,"props":4567,"children":4568},{"style":120},[4569],{"type":60,"value":514},{"type":54,"tag":81,"props":4571,"children":4572},{"style":110},[4573],{"type":60,"value":931},{"type":54,"tag":81,"props":4575,"children":4576},{"style":160},[4577],{"type":60,"value":4578},"My Plugin",{"type":54,"tag":81,"props":4580,"children":4581},{"style":110},[4582],{"type":60,"value":2335},{"type":54,"tag":81,"props":4584,"children":4585},{"style":120},[4586],{"type":60,"value":514},{"type":54,"tag":81,"props":4588,"children":4589},{"style":110},[4590],{"type":60,"value":2153},{"type":54,"tag":81,"props":4592,"children":4593},{"class":83,"line":2023},[4594,4598,4602],{"type":54,"tag":81,"props":4595,"children":4596},{"style":110},[4597],{"type":60,"value":2162},{"type":54,"tag":81,"props":4599,"children":4600},{"style":120},[4601],{"type":60,"value":404},{"type":54,"tag":81,"props":4603,"children":4604},{"style":110},[4605],{"type":60,"value":2153},{"type":54,"tag":81,"props":4607,"children":4608},{"class":83,"line":2032},[4609,4614,4618,4622,4627,4631,4635,4640,4644,4648],{"type":54,"tag":81,"props":4610,"children":4611},{"style":110},[4612],{"type":60,"value":4613},"        {",{"type":54,"tag":81,"props":4615,"children":4616},{"style":160},[4617],{"type":60,"value":4204},{"type":54,"tag":81,"props":4619,"children":4620},{"style":110},[4621],{"type":60,"value":604},{"type":54,"tag":81,"props":4623,"children":4624},{"style":1058},[4625],{"type":60,"value":4626},"map",{"type":54,"tag":81,"props":4628,"children":4629},{"style":160},[4630],{"type":60,"value":168},{"type":54,"tag":81,"props":4632,"children":4633},{"style":110},[4634],{"type":60,"value":168},{"type":54,"tag":81,"props":4636,"children":4637},{"style":171},[4638],{"type":60,"value":4639},"item",{"type":54,"tag":81,"props":4641,"children":4642},{"style":110},[4643],{"type":60,"value":235},{"type":54,"tag":81,"props":4645,"children":4646},{"style":98},[4647],{"type":60,"value":240},{"type":54,"tag":81,"props":4649,"children":4650},{"style":160},[4651],{"type":60,"value":2134},{"type":54,"tag":81,"props":4653,"children":4654},{"class":83,"line":2044},[4655,4659,4663,4668,4672,4676,4680,4684],{"type":54,"tag":81,"props":4656,"children":4657},{"style":110},[4658],{"type":60,"value":2470},{"type":54,"tag":81,"props":4660,"children":4661},{"style":120},[4662],{"type":60,"value":408},{"type":54,"tag":81,"props":4664,"children":4665},{"style":98},[4666],{"type":60,"value":4667}," key",{"type":54,"tag":81,"props":4669,"children":4670},{"style":110},[4671],{"type":60,"value":2366},{"type":54,"tag":81,"props":4673,"children":4674},{"style":160},[4675],{"type":60,"value":4639},{"type":54,"tag":81,"props":4677,"children":4678},{"style":110},[4679],{"type":60,"value":604},{"type":54,"tag":81,"props":4681,"children":4682},{"style":160},[4683],{"type":60,"value":464},{"type":54,"tag":81,"props":4685,"children":4686},{"style":110},[4687],{"type":60,"value":2601},{"type":54,"tag":81,"props":4689,"children":4690},{"class":83,"line":2052},[4691,4696,4700,4704,4708,4712,4717,4721,4725,4729,4734],{"type":54,"tag":81,"props":4692,"children":4693},{"style":110},[4694],{"type":60,"value":4695},"            {",{"type":54,"tag":81,"props":4697,"children":4698},{"style":160},[4699],{"type":60,"value":4639},{"type":54,"tag":81,"props":4701,"children":4702},{"style":110},[4703],{"type":60,"value":604},{"type":54,"tag":81,"props":4705,"children":4706},{"style":160},[4707],{"type":60,"value":464},{"type":54,"tag":81,"props":4709,"children":4710},{"style":110},[4711],{"type":60,"value":1306},{"type":54,"tag":81,"props":4713,"children":4714},{"style":160},[4715],{"type":60,"value":4716},": ",{"type":54,"tag":81,"props":4718,"children":4719},{"style":110},[4720],{"type":60,"value":971},{"type":54,"tag":81,"props":4722,"children":4723},{"style":160},[4724],{"type":60,"value":4639},{"type":54,"tag":81,"props":4726,"children":4727},{"style":110},[4728],{"type":60,"value":604},{"type":54,"tag":81,"props":4730,"children":4731},{"style":160},[4732],{"type":60,"value":4733},"value",{"type":54,"tag":81,"props":4735,"children":4736},{"style":110},[4737],{"type":60,"value":402},{"type":54,"tag":81,"props":4739,"children":4740},{"class":83,"line":2077},[4741,4746,4750],{"type":54,"tag":81,"props":4742,"children":4743},{"style":110},[4744],{"type":60,"value":4745},"          \u003C\u002F",{"type":54,"tag":81,"props":4747,"children":4748},{"style":120},[4749],{"type":60,"value":408},{"type":54,"tag":81,"props":4751,"children":4752},{"style":110},[4753],{"type":60,"value":2153},{"type":54,"tag":81,"props":4755,"children":4756},{"class":83,"line":2090},[4757,4762],{"type":54,"tag":81,"props":4758,"children":4759},{"style":160},[4760],{"type":60,"value":4761},"        ))",{"type":54,"tag":81,"props":4763,"children":4764},{"style":110},[4765],{"type":60,"value":402},{"type":54,"tag":81,"props":4767,"children":4768},{"class":83,"line":2103},[4769,4773,4777],{"type":54,"tag":81,"props":4770,"children":4771},{"style":110},[4772],{"type":60,"value":2283},{"type":54,"tag":81,"props":4774,"children":4775},{"style":120},[4776],{"type":60,"value":404},{"type":54,"tag":81,"props":4778,"children":4779},{"style":110},[4780],{"type":60,"value":2153},{"type":54,"tag":81,"props":4782,"children":4783},{"class":83,"line":2115},[4784,4788,4792],{"type":54,"tag":81,"props":4785,"children":4786},{"style":110},[4787],{"type":60,"value":2903},{"type":54,"tag":81,"props":4789,"children":4790},{"style":120},[4791],{"type":60,"value":2641},{"type":54,"tag":81,"props":4793,"children":4794},{"style":110},[4795],{"type":60,"value":2153},{"type":54,"tag":81,"props":4797,"children":4798},{"class":83,"line":2123},[4799],{"type":54,"tag":81,"props":4800,"children":4801},{"style":120},[4802],{"type":60,"value":2920},{"type":54,"tag":81,"props":4804,"children":4805},{"class":83,"line":2137},[4806],{"type":54,"tag":81,"props":4807,"children":4808},{"style":110},[4809],{"type":60,"value":402},{"type":54,"tag":81,"props":4811,"children":4812},{"class":83,"line":2156},[4813],{"type":54,"tag":81,"props":4814,"children":4815},{"emptyLinePlaceholder":683},[4816],{"type":60,"value":686},{"type":54,"tag":81,"props":4818,"children":4819},{"class":83,"line":2174},[4820,4824,4828,4832,4837,4841,4846,4850,4854,4858,4862],{"type":54,"tag":81,"props":4821,"children":4822},{"style":640},[4823],{"type":60,"value":1035},{"type":54,"tag":81,"props":4825,"children":4826},{"style":98},[4827],{"type":60,"value":1040},{"type":54,"tag":81,"props":4829,"children":4830},{"style":110},[4831],{"type":60,"value":1443},{"type":54,"tag":81,"props":4833,"children":4834},{"style":160},[4835],{"type":60,"value":4836},"MyPlugin",{"type":54,"tag":81,"props":4838,"children":4839},{"style":110},[4840],{"type":60,"value":188},{"type":54,"tag":81,"props":4842,"children":4843},{"style":160},[4844],{"type":60,"value":4845}," NoOpMyPlugin",{"type":54,"tag":81,"props":4847,"children":4848},{"style":110},[4849],{"type":60,"value":1462},{"type":54,"tag":81,"props":4851,"children":4852},{"style":110},[4853],{"type":60,"value":704},{"type":54,"tag":81,"props":4855,"children":4856},{"style":1058},[4857],{"type":60,"value":3266},{"type":54,"tag":81,"props":4859,"children":4860},{"style":160},[4861],{"type":60,"value":168},{"type":54,"tag":81,"props":4863,"children":4864},{"style":110},[4865],{"type":60,"value":3383},{"type":54,"tag":81,"props":4867,"children":4868},{"class":83,"line":2251},[4869,4873,4877,4881,4885,4889],{"type":54,"tag":81,"props":4870,"children":4871},{"style":120},[4872],{"type":60,"value":142},{"type":54,"tag":81,"props":4874,"children":4875},{"style":110},[4876],{"type":60,"value":147},{"type":54,"tag":81,"props":4878,"children":4879},{"style":110},[4880],{"type":60,"value":202},{"type":54,"tag":81,"props":4882,"children":4883},{"style":205},[4884],{"type":60,"value":4578},{"type":54,"tag":81,"props":4886,"children":4887},{"style":110},[4888],{"type":60,"value":213},{"type":54,"tag":81,"props":4890,"children":4891},{"style":110},[4892],{"type":60,"value":1202},{"type":54,"tag":81,"props":4894,"children":4895},{"class":83,"line":2260},[4896,4900,4904,4908,4912,4916],{"type":54,"tag":81,"props":4897,"children":4898},{"style":120},[4899],{"type":60,"value":123},{"type":54,"tag":81,"props":4901,"children":4902},{"style":110},[4903],{"type":60,"value":147},{"type":54,"tag":81,"props":4905,"children":4906},{"style":110},[4907],{"type":60,"value":202},{"type":54,"tag":81,"props":4909,"children":4910},{"style":205},[4911],{"type":60,"value":4041},{"type":54,"tag":81,"props":4913,"children":4914},{"style":110},[4915],{"type":60,"value":213},{"type":54,"tag":81,"props":4917,"children":4918},{"style":110},[4919],{"type":60,"value":1202},{"type":54,"tag":81,"props":4921,"children":4922},{"class":83,"line":2277},[4923,4927,4931,4936],{"type":54,"tag":81,"props":4924,"children":4925},{"style":120},[4926],{"type":60,"value":384},{"type":54,"tag":81,"props":4928,"children":4929},{"style":110},[4930],{"type":60,"value":147},{"type":54,"tag":81,"props":4932,"children":4933},{"style":3455},[4934],{"type":60,"value":4935}," false",{"type":54,"tag":81,"props":4937,"children":4938},{"style":110},[4939],{"type":60,"value":1202},{"type":54,"tag":81,"props":4941,"children":4942},{"class":83,"line":2294},[4943,4948,4952,4956],{"type":54,"tag":81,"props":4944,"children":4945},{"style":120},[4946],{"type":60,"value":4947},"  Component",{"type":54,"tag":81,"props":4949,"children":4950},{"style":110},[4951],{"type":60,"value":147},{"type":54,"tag":81,"props":4953,"children":4954},{"style":160},[4955],{"type":60,"value":4125},{"type":54,"tag":81,"props":4957,"children":4958},{"style":110},[4959],{"type":60,"value":1202},{"type":54,"tag":81,"props":4961,"children":4962},{"class":83,"line":2311},[4963,4967],{"type":54,"tag":81,"props":4964,"children":4965},{"style":110},[4966],{"type":60,"value":1306},{"type":54,"tag":81,"props":4968,"children":4969},{"style":160},[4970],{"type":60,"value":250},{"type":54,"tag":504,"props":4972,"children":4973},{},[],{"type":54,"tag":55,"props":4975,"children":4977},{"id":4976},"plugin-lifecycle-sequence",[4978],{"type":60,"value":4979},"Plugin Lifecycle Sequence",{"type":54,"tag":4981,"props":4982,"children":4983},"ol",{},[4984,5017,5043,5068,5101,5117],{"type":54,"tag":408,"props":4985,"children":4986},{},[4987,4992,4994,5000,5002,5008,5010,5015],{"type":54,"tag":412,"props":4988,"children":4989},{},[4990],{"type":60,"value":4991},"Initialization",{"type":60,"value":4993}," -- ",{"type":54,"tag":77,"props":4995,"children":4997},{"className":4996},[],[4998],{"type":60,"value":4999},"TanStackDevtoolsCore",{"type":60,"value":5001}," receives ",{"type":54,"tag":77,"props":5003,"children":5005},{"className":5004},[],[5006],{"type":60,"value":5007},"plugins",{"type":60,"value":5009}," array. Each plugin gets an ",{"type":54,"tag":77,"props":5011,"children":5013},{"className":5012},[],[5014],{"type":60,"value":464},{"type":60,"value":5016}," (explicit or generated).",{"type":54,"tag":408,"props":5018,"children":5019},{},[5020,5025,5027,5033,5035,5041],{"type":54,"tag":412,"props":5021,"children":5022},{},[5023],{"type":60,"value":5024},"DOM containers created",{"type":60,"value":5026}," -- Core creates ",{"type":54,"tag":77,"props":5028,"children":5030},{"className":5029},[],[5031],{"type":60,"value":5032},"\u003Cdiv id=\"plugin-container-{id}\">",{"type":60,"value":5034}," and ",{"type":54,"tag":77,"props":5036,"children":5038},{"className":5037},[],[5039],{"type":60,"value":5040},"\u003Ch3 id=\"plugin-title-container-{id}\">",{"type":60,"value":5042}," per plugin.",{"type":54,"tag":408,"props":5044,"children":5045},{},[5046,5051,5053,5058,5060,5066],{"type":54,"tag":412,"props":5047,"children":5048},{},[5049],{"type":60,"value":5050},"Activation",{"type":60,"value":5052}," -- On tab click or ",{"type":54,"tag":77,"props":5054,"children":5056},{"className":5055},[],[5057],{"type":60,"value":486},{"type":60,"value":5059},", ",{"type":54,"tag":77,"props":5061,"children":5063},{"className":5062},[],[5064],{"type":60,"value":5065},"plugin.render(container, theme)",{"type":60,"value":5067}," called.",{"type":54,"tag":408,"props":5069,"children":5070},{},[5071,5076,5078,5084,5086,5092,5094,5100],{"type":54,"tag":412,"props":5072,"children":5073},{},[5074],{"type":60,"value":5075},"Framework portaling",{"type":60,"value":5077}," -- React uses ",{"type":54,"tag":77,"props":5079,"children":5081},{"className":5080},[],[5082],{"type":60,"value":5083},"createPortal",{"type":60,"value":5085},", Solid uses ",{"type":54,"tag":77,"props":5087,"children":5089},{"className":5088},[],[5090],{"type":60,"value":5091},"\u003CPortal>",{"type":60,"value":5093},", Vue uses ",{"type":54,"tag":77,"props":5095,"children":5097},{"className":5096},[],[5098],{"type":60,"value":5099},"\u003CTeleport>",{"type":60,"value":604},{"type":54,"tag":408,"props":5102,"children":5103},{},[5104,5109,5110,5115],{"type":54,"tag":412,"props":5105,"children":5106},{},[5107],{"type":60,"value":5108},"Theme change",{"type":60,"value":4993},{"type":54,"tag":77,"props":5111,"children":5113},{"className":5112},[],[5114],{"type":60,"value":442},{"type":60,"value":5116}," called again with new theme value.",{"type":54,"tag":408,"props":5118,"children":5119},{},[5120,5125,5126,5132],{"type":54,"tag":412,"props":5121,"children":5122},{},[5123],{"type":60,"value":5124},"Deactivation\u002FUnmount",{"type":60,"value":4993},{"type":54,"tag":77,"props":5127,"children":5129},{"className":5128},[],[5130],{"type":60,"value":5131},"destroy(pluginId)",{"type":60,"value":5133}," called if provided. Framework adapters handle cleanup.",{"type":54,"tag":63,"props":5135,"children":5136},{},[5137,5139,5145,5147,5153],{"type":60,"value":5138},"Active plugin selection persisted in ",{"type":54,"tag":77,"props":5140,"children":5142},{"className":5141},[],[5143],{"type":60,"value":5144},"localStorage",{"type":60,"value":5146}," under key ",{"type":54,"tag":77,"props":5148,"children":5150},{"className":5149},[],[5151],{"type":60,"value":5152},"tanstack_devtools_state",{"type":60,"value":604},{"type":54,"tag":504,"props":5155,"children":5156},{},[],{"type":54,"tag":55,"props":5158,"children":5160},{"id":5159},"common-mistakes",[5161],{"type":60,"value":5162},"Common Mistakes",{"type":54,"tag":514,"props":5164,"children":5166},{"id":5165},"critical-not-cleaning-up-event-listeners",[5167],{"type":60,"value":5168},"CRITICAL: Not Cleaning Up Event Listeners",{"type":54,"tag":63,"props":5170,"children":5171},{},[5172,5174,5180],{"type":60,"value":5173},"Each ",{"type":54,"tag":77,"props":5175,"children":5177},{"className":5176},[],[5178],{"type":60,"value":5179},"on()",{"type":60,"value":5181}," returns a cleanup function. Forgetting it causes memory leaks and duplicate handlers.",{"type":54,"tag":63,"props":5183,"children":5184},{},[5185],{"type":60,"value":5186},"Wrong:",{"type":54,"tag":69,"props":5188,"children":5190},{"className":71,"code":5189,"language":73,"meta":74,"style":74},"useEffect(() => {\n  client.on('state', cb)\n}, [])\n",[5191],{"type":54,"tag":77,"props":5192,"children":5193},{"__ignoreMap":74},[5194,5218,5263],{"type":54,"tag":81,"props":5195,"children":5196},{"class":83,"line":84},[5197,5202,5206,5210,5214],{"type":54,"tag":81,"props":5198,"children":5199},{"style":1058},[5200],{"type":60,"value":5201},"useEffect",{"type":54,"tag":81,"props":5203,"children":5204},{"style":160},[5205],{"type":60,"value":168},{"type":54,"tag":81,"props":5207,"children":5208},{"style":110},[5209],{"type":60,"value":949},{"type":54,"tag":81,"props":5211,"children":5212},{"style":98},[5213],{"type":60,"value":240},{"type":54,"tag":81,"props":5215,"children":5216},{"style":110},[5217],{"type":60,"value":113},{"type":54,"tag":81,"props":5219,"children":5220},{"class":83,"line":94},[5221,5226,5230,5234,5238,5242,5246,5250,5254,5259],{"type":54,"tag":81,"props":5222,"children":5223},{"style":160},[5224],{"type":60,"value":5225},"  client",{"type":54,"tag":81,"props":5227,"children":5228},{"style":110},[5229],{"type":60,"value":604},{"type":54,"tag":81,"props":5231,"children":5232},{"style":1058},[5233],{"type":60,"value":1656},{"type":54,"tag":81,"props":5235,"children":5236},{"style":120},[5237],{"type":60,"value":168},{"type":54,"tag":81,"props":5239,"children":5240},{"style":110},[5241],{"type":60,"value":213},{"type":54,"tag":81,"props":5243,"children":5244},{"style":205},[5245],{"type":60,"value":1448},{"type":54,"tag":81,"props":5247,"children":5248},{"style":110},[5249],{"type":60,"value":213},{"type":54,"tag":81,"props":5251,"children":5252},{"style":110},[5253],{"type":60,"value":188},{"type":54,"tag":81,"props":5255,"children":5256},{"style":160},[5257],{"type":60,"value":5258}," cb",{"type":54,"tag":81,"props":5260,"children":5261},{"style":120},[5262],{"type":60,"value":250},{"type":54,"tag":81,"props":5264,"children":5265},{"class":83,"line":116},[5266,5271],{"type":54,"tag":81,"props":5267,"children":5268},{"style":110},[5269],{"type":60,"value":5270},"},",{"type":54,"tag":81,"props":5272,"children":5273},{"style":160},[5274],{"type":60,"value":4450},{"type":54,"tag":63,"props":5276,"children":5277},{},[5278],{"type":60,"value":5279},"Correct:",{"type":54,"tag":69,"props":5281,"children":5283},{"className":71,"code":5282,"language":73,"meta":74,"style":74},"useEffect(() => {\n  const cleanup = client.on('state', cb)\n  return cleanup\n}, [])\n",[5284],{"type":54,"tag":77,"props":5285,"children":5286},{"__ignoreMap":74},[5287,5310,5366,5377],{"type":54,"tag":81,"props":5288,"children":5289},{"class":83,"line":84},[5290,5294,5298,5302,5306],{"type":54,"tag":81,"props":5291,"children":5292},{"style":1058},[5293],{"type":60,"value":5201},{"type":54,"tag":81,"props":5295,"children":5296},{"style":160},[5297],{"type":60,"value":168},{"type":54,"tag":81,"props":5299,"children":5300},{"style":110},[5301],{"type":60,"value":949},{"type":54,"tag":81,"props":5303,"children":5304},{"style":98},[5305],{"type":60,"value":240},{"type":54,"tag":81,"props":5307,"children":5308},{"style":110},[5309],{"type":60,"value":113},{"type":54,"tag":81,"props":5311,"children":5312},{"class":83,"line":94},[5313,5317,5321,5325,5330,5334,5338,5342,5346,5350,5354,5358,5362],{"type":54,"tag":81,"props":5314,"children":5315},{"style":98},[5316],{"type":60,"value":1405},{"type":54,"tag":81,"props":5318,"children":5319},{"style":160},[5320],{"type":60,"value":4319},{"type":54,"tag":81,"props":5322,"children":5323},{"style":110},[5324],{"type":60,"value":704},{"type":54,"tag":81,"props":5326,"children":5327},{"style":160},[5328],{"type":60,"value":5329}," client",{"type":54,"tag":81,"props":5331,"children":5332},{"style":110},[5333],{"type":60,"value":604},{"type":54,"tag":81,"props":5335,"children":5336},{"style":1058},[5337],{"type":60,"value":1656},{"type":54,"tag":81,"props":5339,"children":5340},{"style":120},[5341],{"type":60,"value":168},{"type":54,"tag":81,"props":5343,"children":5344},{"style":110},[5345],{"type":60,"value":213},{"type":54,"tag":81,"props":5347,"children":5348},{"style":205},[5349],{"type":60,"value":1448},{"type":54,"tag":81,"props":5351,"children":5352},{"style":110},[5353],{"type":60,"value":213},{"type":54,"tag":81,"props":5355,"children":5356},{"style":110},[5357],{"type":60,"value":188},{"type":54,"tag":81,"props":5359,"children":5360},{"style":160},[5361],{"type":60,"value":5258},{"type":54,"tag":81,"props":5363,"children":5364},{"style":120},[5365],{"type":60,"value":250},{"type":54,"tag":81,"props":5367,"children":5368},{"class":83,"line":116},[5369,5373],{"type":54,"tag":81,"props":5370,"children":5371},{"style":640},[5372],{"type":60,"value":2129},{"type":54,"tag":81,"props":5374,"children":5375},{"style":160},[5376],{"type":60,"value":4437},{"type":54,"tag":81,"props":5378,"children":5379},{"class":83,"line":136},[5380,5384],{"type":54,"tag":81,"props":5381,"children":5382},{"style":110},[5383],{"type":60,"value":5270},{"type":54,"tag":81,"props":5385,"children":5386},{"style":160},[5387],{"type":60,"value":4450},{"type":54,"tag":63,"props":5389,"children":5390},{},[5391,5393,5399],{"type":60,"value":5392},"In Solid, use ",{"type":54,"tag":77,"props":5394,"children":5396},{"className":5395},[],[5397],{"type":60,"value":5398},"onCleanup()",{"type":60,"value":147},{"type":54,"tag":69,"props":5401,"children":5403},{"className":71,"code":5402,"language":73,"meta":74,"style":74},"const cleanup = storeInspector.on('state-changed', handler)\nonCleanup(cleanup)\n",[5404],{"type":54,"tag":77,"props":5405,"children":5406},{"__ignoreMap":74},[5407,5461],{"type":54,"tag":81,"props":5408,"children":5409},{"class":83,"line":84},[5410,5415,5420,5424,5428,5432,5436,5440,5444,5448,5452,5456],{"type":54,"tag":81,"props":5411,"children":5412},{"style":98},[5413],{"type":60,"value":5414},"const",{"type":54,"tag":81,"props":5416,"children":5417},{"style":160},[5418],{"type":60,"value":5419}," cleanup ",{"type":54,"tag":81,"props":5421,"children":5422},{"style":110},[5423],{"type":60,"value":1050},{"type":54,"tag":81,"props":5425,"children":5426},{"style":160},[5427],{"type":60,"value":1338},{"type":54,"tag":81,"props":5429,"children":5430},{"style":110},[5431],{"type":60,"value":604},{"type":54,"tag":81,"props":5433,"children":5434},{"style":1058},[5435],{"type":60,"value":1656},{"type":54,"tag":81,"props":5437,"children":5438},{"style":160},[5439],{"type":60,"value":168},{"type":54,"tag":81,"props":5441,"children":5442},{"style":110},[5443],{"type":60,"value":213},{"type":54,"tag":81,"props":5445,"children":5446},{"style":205},[5447],{"type":60,"value":721},{"type":54,"tag":81,"props":5449,"children":5450},{"style":110},[5451],{"type":60,"value":213},{"type":54,"tag":81,"props":5453,"children":5454},{"style":110},[5455],{"type":60,"value":188},{"type":54,"tag":81,"props":5457,"children":5458},{"style":160},[5459],{"type":60,"value":5460}," handler)\n",{"type":54,"tag":81,"props":5462,"children":5463},{"class":83,"line":94},[5464,5469],{"type":54,"tag":81,"props":5465,"children":5466},{"style":1058},[5467],{"type":60,"value":5468},"onCleanup",{"type":54,"tag":81,"props":5470,"children":5471},{"style":160},[5472],{"type":60,"value":5473},"(cleanup)\n",{"type":54,"tag":63,"props":5475,"children":5476},{},[5477],{"type":60,"value":5478},"Source: docs\u002Fbuilding-custom-plugins.md",{"type":54,"tag":514,"props":5480,"children":5482},{"id":5481},"high-oversubscribing-to-events-in-multiple-components",[5483],{"type":60,"value":5484},"HIGH: Oversubscribing to Events in Multiple Components",{"type":54,"tag":63,"props":5486,"children":5487},{},[5488,5490,5495],{"type":60,"value":5489},"Do not call ",{"type":54,"tag":77,"props":5491,"children":5493},{"className":5492},[],[5494],{"type":60,"value":5179},{"type":60,"value":5496}," in multiple components for the same event. Subscribe once in a shared store\u002Fhook.",{"type":54,"tag":63,"props":5498,"children":5499},{},[5500],{"type":60,"value":5186},{"type":54,"tag":69,"props":5502,"children":5504},{"className":71,"code":5503,"language":73,"meta":74,"style":74},"function ComponentA() {\n  useEffect(() => {\n    const c = client.on('state', cb1)\n    return c\n  }, [])\n}\nfunction ComponentB() {\n  useEffect(() => {\n    const c = client.on('state', cb2)\n    return c\n  }, [])\n}\n",[5505],{"type":54,"tag":77,"props":5506,"children":5507},{"__ignoreMap":74},[5508,5528,5551,5608,5620,5631,5638,5658,5681,5737,5748,5759],{"type":54,"tag":81,"props":5509,"children":5510},{"class":83,"line":84},[5511,5515,5520,5524],{"type":54,"tag":81,"props":5512,"children":5513},{"style":98},[5514],{"type":60,"value":3595},{"type":54,"tag":81,"props":5516,"children":5517},{"style":1058},[5518],{"type":60,"value":5519}," ComponentA",{"type":54,"tag":81,"props":5521,"children":5522},{"style":110},[5523],{"type":60,"value":949},{"type":54,"tag":81,"props":5525,"children":5526},{"style":110},[5527],{"type":60,"value":113},{"type":54,"tag":81,"props":5529,"children":5530},{"class":83,"line":94},[5531,5535,5539,5543,5547],{"type":54,"tag":81,"props":5532,"children":5533},{"style":1058},[5534],{"type":60,"value":4290},{"type":54,"tag":81,"props":5536,"children":5537},{"style":120},[5538],{"type":60,"value":168},{"type":54,"tag":81,"props":5540,"children":5541},{"style":110},[5542],{"type":60,"value":949},{"type":54,"tag":81,"props":5544,"children":5545},{"style":98},[5546],{"type":60,"value":240},{"type":54,"tag":81,"props":5548,"children":5549},{"style":110},[5550],{"type":60,"value":113},{"type":54,"tag":81,"props":5552,"children":5553},{"class":83,"line":116},[5554,5558,5563,5567,5571,5575,5579,5583,5587,5591,5595,5599,5604],{"type":54,"tag":81,"props":5555,"children":5556},{"style":98},[5557],{"type":60,"value":4314},{"type":54,"tag":81,"props":5559,"children":5560},{"style":160},[5561],{"type":60,"value":5562}," c",{"type":54,"tag":81,"props":5564,"children":5565},{"style":110},[5566],{"type":60,"value":704},{"type":54,"tag":81,"props":5568,"children":5569},{"style":160},[5570],{"type":60,"value":5329},{"type":54,"tag":81,"props":5572,"children":5573},{"style":110},[5574],{"type":60,"value":604},{"type":54,"tag":81,"props":5576,"children":5577},{"style":1058},[5578],{"type":60,"value":1656},{"type":54,"tag":81,"props":5580,"children":5581},{"style":120},[5582],{"type":60,"value":168},{"type":54,"tag":81,"props":5584,"children":5585},{"style":110},[5586],{"type":60,"value":213},{"type":54,"tag":81,"props":5588,"children":5589},{"style":205},[5590],{"type":60,"value":1448},{"type":54,"tag":81,"props":5592,"children":5593},{"style":110},[5594],{"type":60,"value":213},{"type":54,"tag":81,"props":5596,"children":5597},{"style":110},[5598],{"type":60,"value":188},{"type":54,"tag":81,"props":5600,"children":5601},{"style":160},[5602],{"type":60,"value":5603}," cb1",{"type":54,"tag":81,"props":5605,"children":5606},{"style":120},[5607],{"type":60,"value":250},{"type":54,"tag":81,"props":5609,"children":5610},{"class":83,"line":136},[5611,5615],{"type":54,"tag":81,"props":5612,"children":5613},{"style":640},[5614],{"type":60,"value":4432},{"type":54,"tag":81,"props":5616,"children":5617},{"style":160},[5618],{"type":60,"value":5619}," c\n",{"type":54,"tag":81,"props":5621,"children":5622},{"class":83,"line":253},[5623,5627],{"type":54,"tag":81,"props":5624,"children":5625},{"style":110},[5626],{"type":60,"value":4445},{"type":54,"tag":81,"props":5628,"children":5629},{"style":120},[5630],{"type":60,"value":4450},{"type":54,"tag":81,"props":5632,"children":5633},{"class":83,"line":336},[5634],{"type":54,"tag":81,"props":5635,"children":5636},{"style":110},[5637],{"type":60,"value":402},{"type":54,"tag":81,"props":5639,"children":5640},{"class":83,"line":378},[5641,5645,5650,5654],{"type":54,"tag":81,"props":5642,"children":5643},{"style":98},[5644],{"type":60,"value":3595},{"type":54,"tag":81,"props":5646,"children":5647},{"style":1058},[5648],{"type":60,"value":5649}," ComponentB",{"type":54,"tag":81,"props":5651,"children":5652},{"style":110},[5653],{"type":60,"value":949},{"type":54,"tag":81,"props":5655,"children":5656},{"style":110},[5657],{"type":60,"value":113},{"type":54,"tag":81,"props":5659,"children":5660},{"class":83,"line":396},[5661,5665,5669,5673,5677],{"type":54,"tag":81,"props":5662,"children":5663},{"style":1058},[5664],{"type":60,"value":4290},{"type":54,"tag":81,"props":5666,"children":5667},{"style":120},[5668],{"type":60,"value":168},{"type":54,"tag":81,"props":5670,"children":5671},{"style":110},[5672],{"type":60,"value":949},{"type":54,"tag":81,"props":5674,"children":5675},{"style":98},[5676],{"type":60,"value":240},{"type":54,"tag":81,"props":5678,"children":5679},{"style":110},[5680],{"type":60,"value":113},{"type":54,"tag":81,"props":5682,"children":5683},{"class":83,"line":888},[5684,5688,5692,5696,5700,5704,5708,5712,5716,5720,5724,5728,5733],{"type":54,"tag":81,"props":5685,"children":5686},{"style":98},[5687],{"type":60,"value":4314},{"type":54,"tag":81,"props":5689,"children":5690},{"style":160},[5691],{"type":60,"value":5562},{"type":54,"tag":81,"props":5693,"children":5694},{"style":110},[5695],{"type":60,"value":704},{"type":54,"tag":81,"props":5697,"children":5698},{"style":160},[5699],{"type":60,"value":5329},{"type":54,"tag":81,"props":5701,"children":5702},{"style":110},[5703],{"type":60,"value":604},{"type":54,"tag":81,"props":5705,"children":5706},{"style":1058},[5707],{"type":60,"value":1656},{"type":54,"tag":81,"props":5709,"children":5710},{"style":120},[5711],{"type":60,"value":168},{"type":54,"tag":81,"props":5713,"children":5714},{"style":110},[5715],{"type":60,"value":213},{"type":54,"tag":81,"props":5717,"children":5718},{"style":205},[5719],{"type":60,"value":1448},{"type":54,"tag":81,"props":5721,"children":5722},{"style":110},[5723],{"type":60,"value":213},{"type":54,"tag":81,"props":5725,"children":5726},{"style":110},[5727],{"type":60,"value":188},{"type":54,"tag":81,"props":5729,"children":5730},{"style":160},[5731],{"type":60,"value":5732}," cb2",{"type":54,"tag":81,"props":5734,"children":5735},{"style":120},[5736],{"type":60,"value":250},{"type":54,"tag":81,"props":5738,"children":5739},{"class":83,"line":896},[5740,5744],{"type":54,"tag":81,"props":5741,"children":5742},{"style":640},[5743],{"type":60,"value":4432},{"type":54,"tag":81,"props":5745,"children":5746},{"style":160},[5747],{"type":60,"value":5619},{"type":54,"tag":81,"props":5749,"children":5750},{"class":83,"line":938},[5751,5755],{"type":54,"tag":81,"props":5752,"children":5753},{"style":110},[5754],{"type":60,"value":4445},{"type":54,"tag":81,"props":5756,"children":5757},{"style":120},[5758],{"type":60,"value":4450},{"type":54,"tag":81,"props":5760,"children":5761},{"class":83,"line":956},[5762],{"type":54,"tag":81,"props":5763,"children":5764},{"style":110},[5765],{"type":60,"value":402},{"type":54,"tag":63,"props":5767,"children":5768},{},[5769],{"type":60,"value":5279},{"type":54,"tag":69,"props":5771,"children":5773},{"className":71,"code":5772,"language":73,"meta":74,"style":74},"function useStoreState() {\n  const [state, setState] = useState(null)\n  useEffect(() => {\n    const cleanup = client.on('state', (e) => setState(e.payload))\n    return cleanup\n  }, [])\n  return state\n}\n",[5774],{"type":54,"tag":77,"props":5775,"children":5776},{"__ignoreMap":74},[5777,5797,5845,5868,5955,5966,5977,5989],{"type":54,"tag":81,"props":5778,"children":5779},{"class":83,"line":84},[5780,5784,5789,5793],{"type":54,"tag":81,"props":5781,"children":5782},{"style":98},[5783],{"type":60,"value":3595},{"type":54,"tag":81,"props":5785,"children":5786},{"style":1058},[5787],{"type":60,"value":5788}," useStoreState",{"type":54,"tag":81,"props":5790,"children":5791},{"style":110},[5792],{"type":60,"value":949},{"type":54,"tag":81,"props":5794,"children":5795},{"style":110},[5796],{"type":60,"value":113},{"type":54,"tag":81,"props":5798,"children":5799},{"class":83,"line":94},[5800,5804,5808,5812,5816,5820,5824,5828,5832,5836,5841],{"type":54,"tag":81,"props":5801,"children":5802},{"style":98},[5803],{"type":60,"value":1405},{"type":54,"tag":81,"props":5805,"children":5806},{"style":110},[5807],{"type":60,"value":1443},{"type":54,"tag":81,"props":5809,"children":5810},{"style":160},[5811],{"type":60,"value":1448},{"type":54,"tag":81,"props":5813,"children":5814},{"style":110},[5815],{"type":60,"value":188},{"type":54,"tag":81,"props":5817,"children":5818},{"style":160},[5819],{"type":60,"value":1457},{"type":54,"tag":81,"props":5821,"children":5822},{"style":110},[5823],{"type":60,"value":1462},{"type":54,"tag":81,"props":5825,"children":5826},{"style":110},[5827],{"type":60,"value":704},{"type":54,"tag":81,"props":5829,"children":5830},{"style":1058},[5831],{"type":60,"value":3737},{"type":54,"tag":81,"props":5833,"children":5834},{"style":120},[5835],{"type":60,"value":168},{"type":54,"tag":81,"props":5837,"children":5838},{"style":110},[5839],{"type":60,"value":5840},"null",{"type":54,"tag":81,"props":5842,"children":5843},{"style":120},[5844],{"type":60,"value":250},{"type":54,"tag":81,"props":5846,"children":5847},{"class":83,"line":116},[5848,5852,5856,5860,5864],{"type":54,"tag":81,"props":5849,"children":5850},{"style":1058},[5851],{"type":60,"value":4290},{"type":54,"tag":81,"props":5853,"children":5854},{"style":120},[5855],{"type":60,"value":168},{"type":54,"tag":81,"props":5857,"children":5858},{"style":110},[5859],{"type":60,"value":949},{"type":54,"tag":81,"props":5861,"children":5862},{"style":98},[5863],{"type":60,"value":240},{"type":54,"tag":81,"props":5865,"children":5866},{"style":110},[5867],{"type":60,"value":113},{"type":54,"tag":81,"props":5869,"children":5870},{"class":83,"line":136},[5871,5875,5879,5883,5887,5891,5895,5899,5903,5907,5911,5915,5919,5923,5927,5931,5935,5939,5943,5947,5951],{"type":54,"tag":81,"props":5872,"children":5873},{"style":98},[5874],{"type":60,"value":4314},{"type":54,"tag":81,"props":5876,"children":5877},{"style":160},[5878],{"type":60,"value":4319},{"type":54,"tag":81,"props":5880,"children":5881},{"style":110},[5882],{"type":60,"value":704},{"type":54,"tag":81,"props":5884,"children":5885},{"style":160},[5886],{"type":60,"value":5329},{"type":54,"tag":81,"props":5888,"children":5889},{"style":110},[5890],{"type":60,"value":604},{"type":54,"tag":81,"props":5892,"children":5893},{"style":1058},[5894],{"type":60,"value":1656},{"type":54,"tag":81,"props":5896,"children":5897},{"style":120},[5898],{"type":60,"value":168},{"type":54,"tag":81,"props":5900,"children":5901},{"style":110},[5902],{"type":60,"value":213},{"type":54,"tag":81,"props":5904,"children":5905},{"style":205},[5906],{"type":60,"value":1448},{"type":54,"tag":81,"props":5908,"children":5909},{"style":110},[5910],{"type":60,"value":213},{"type":54,"tag":81,"props":5912,"children":5913},{"style":110},[5914],{"type":60,"value":188},{"type":54,"tag":81,"props":5916,"children":5917},{"style":110},[5918],{"type":60,"value":163},{"type":54,"tag":81,"props":5920,"children":5921},{"style":171},[5922],{"type":60,"value":1685},{"type":54,"tag":81,"props":5924,"children":5925},{"style":110},[5926],{"type":60,"value":235},{"type":54,"tag":81,"props":5928,"children":5929},{"style":98},[5930],{"type":60,"value":240},{"type":54,"tag":81,"props":5932,"children":5933},{"style":1058},[5934],{"type":60,"value":1457},{"type":54,"tag":81,"props":5936,"children":5937},{"style":120},[5938],{"type":60,"value":168},{"type":54,"tag":81,"props":5940,"children":5941},{"style":160},[5942],{"type":60,"value":1685},{"type":54,"tag":81,"props":5944,"children":5945},{"style":110},[5946],{"type":60,"value":604},{"type":54,"tag":81,"props":5948,"children":5949},{"style":160},[5950],{"type":60,"value":1765},{"type":54,"tag":81,"props":5952,"children":5953},{"style":120},[5954],{"type":60,"value":1812},{"type":54,"tag":81,"props":5956,"children":5957},{"class":83,"line":253},[5958,5962],{"type":54,"tag":81,"props":5959,"children":5960},{"style":640},[5961],{"type":60,"value":4432},{"type":54,"tag":81,"props":5963,"children":5964},{"style":160},[5965],{"type":60,"value":4437},{"type":54,"tag":81,"props":5967,"children":5968},{"class":83,"line":336},[5969,5973],{"type":54,"tag":81,"props":5970,"children":5971},{"style":110},[5972],{"type":60,"value":4445},{"type":54,"tag":81,"props":5974,"children":5975},{"style":120},[5976],{"type":60,"value":4450},{"type":54,"tag":81,"props":5978,"children":5979},{"class":83,"line":378},[5980,5984],{"type":54,"tag":81,"props":5981,"children":5982},{"style":640},[5983],{"type":60,"value":2129},{"type":54,"tag":81,"props":5985,"children":5986},{"style":160},[5987],{"type":60,"value":5988}," state\n",{"type":54,"tag":81,"props":5990,"children":5991},{"class":83,"line":396},[5992],{"type":54,"tag":81,"props":5993,"children":5994},{"style":110},[5995],{"type":60,"value":402},{"type":54,"tag":63,"props":5997,"children":5998},{},[5999],{"type":60,"value":6000},"Source: maintainer interview",{"type":54,"tag":514,"props":6002,"children":6004},{"id":6003},"medium-hardcoding-repeated-event-payload-fields",[6005],{"type":60,"value":6006},"MEDIUM: Hardcoding Repeated Event Payload Fields",{"type":54,"tag":63,"props":6008,"children":6009},{},[6010],{"type":60,"value":6011},"When emitting events that share common fields, create a shared base object.",{"type":54,"tag":63,"props":6013,"children":6014},{},[6015],{"type":60,"value":5186},{"type":54,"tag":69,"props":6017,"children":6019},{"className":71,"code":6018,"language":73,"meta":74,"style":74},"client.emit('state-changed', { storeName: 'main', version: '1.0', state })\nclient.emit('action-dispatched', { storeName: 'main', version: '1.0', action })\n",[6020],{"type":54,"tag":77,"props":6021,"children":6022},{"__ignoreMap":74},[6023,6128],{"type":54,"tag":81,"props":6024,"children":6025},{"class":83,"line":84},[6026,6031,6035,6040,6044,6048,6052,6056,6060,6064,6068,6072,6076,6081,6085,6089,6094,6098,6102,6107,6111,6115,6120,6124],{"type":54,"tag":81,"props":6027,"children":6028},{"style":160},[6029],{"type":60,"value":6030},"client",{"type":54,"tag":81,"props":6032,"children":6033},{"style":110},[6034],{"type":60,"value":604},{"type":54,"tag":81,"props":6036,"children":6037},{"style":1058},[6038],{"type":60,"value":6039},"emit",{"type":54,"tag":81,"props":6041,"children":6042},{"style":160},[6043],{"type":60,"value":168},{"type":54,"tag":81,"props":6045,"children":6046},{"style":110},[6047],{"type":60,"value":213},{"type":54,"tag":81,"props":6049,"children":6050},{"style":205},[6051],{"type":60,"value":721},{"type":54,"tag":81,"props":6053,"children":6054},{"style":110},[6055],{"type":60,"value":213},{"type":54,"tag":81,"props":6057,"children":6058},{"style":110},[6059],{"type":60,"value":188},{"type":54,"tag":81,"props":6061,"children":6062},{"style":110},[6063],{"type":60,"value":648},{"type":54,"tag":81,"props":6065,"children":6066},{"style":120},[6067],{"type":60,"value":738},{"type":54,"tag":81,"props":6069,"children":6070},{"style":110},[6071],{"type":60,"value":147},{"type":54,"tag":81,"props":6073,"children":6074},{"style":110},[6075],{"type":60,"value":202},{"type":54,"tag":81,"props":6077,"children":6078},{"style":205},[6079],{"type":60,"value":6080},"main",{"type":54,"tag":81,"props":6082,"children":6083},{"style":110},[6084],{"type":60,"value":213},{"type":54,"tag":81,"props":6086,"children":6087},{"style":110},[6088],{"type":60,"value":188},{"type":54,"tag":81,"props":6090,"children":6091},{"style":120},[6092],{"type":60,"value":6093}," version",{"type":54,"tag":81,"props":6095,"children":6096},{"style":110},[6097],{"type":60,"value":147},{"type":54,"tag":81,"props":6099,"children":6100},{"style":110},[6101],{"type":60,"value":202},{"type":54,"tag":81,"props":6103,"children":6104},{"style":205},[6105],{"type":60,"value":6106},"1.0",{"type":54,"tag":81,"props":6108,"children":6109},{"style":110},[6110],{"type":60,"value":213},{"type":54,"tag":81,"props":6112,"children":6113},{"style":110},[6114],{"type":60,"value":188},{"type":54,"tag":81,"props":6116,"children":6117},{"style":160},[6118],{"type":60,"value":6119}," state ",{"type":54,"tag":81,"props":6121,"children":6122},{"style":110},[6123],{"type":60,"value":1306},{"type":54,"tag":81,"props":6125,"children":6126},{"style":160},[6127],{"type":60,"value":250},{"type":54,"tag":81,"props":6129,"children":6130},{"class":83,"line":94},[6131,6135,6139,6143,6147,6151,6155,6159,6163,6167,6171,6175,6179,6183,6187,6191,6195,6199,6203,6207,6211,6215,6220,6224],{"type":54,"tag":81,"props":6132,"children":6133},{"style":160},[6134],{"type":60,"value":6030},{"type":54,"tag":81,"props":6136,"children":6137},{"style":110},[6138],{"type":60,"value":604},{"type":54,"tag":81,"props":6140,"children":6141},{"style":1058},[6142],{"type":60,"value":6039},{"type":54,"tag":81,"props":6144,"children":6145},{"style":160},[6146],{"type":60,"value":168},{"type":54,"tag":81,"props":6148,"children":6149},{"style":110},[6150],{"type":60,"value":213},{"type":54,"tag":81,"props":6152,"children":6153},{"style":205},[6154],{"type":60,"value":800},{"type":54,"tag":81,"props":6156,"children":6157},{"style":110},[6158],{"type":60,"value":213},{"type":54,"tag":81,"props":6160,"children":6161},{"style":110},[6162],{"type":60,"value":188},{"type":54,"tag":81,"props":6164,"children":6165},{"style":110},[6166],{"type":60,"value":648},{"type":54,"tag":81,"props":6168,"children":6169},{"style":120},[6170],{"type":60,"value":738},{"type":54,"tag":81,"props":6172,"children":6173},{"style":110},[6174],{"type":60,"value":147},{"type":54,"tag":81,"props":6176,"children":6177},{"style":110},[6178],{"type":60,"value":202},{"type":54,"tag":81,"props":6180,"children":6181},{"style":205},[6182],{"type":60,"value":6080},{"type":54,"tag":81,"props":6184,"children":6185},{"style":110},[6186],{"type":60,"value":213},{"type":54,"tag":81,"props":6188,"children":6189},{"style":110},[6190],{"type":60,"value":188},{"type":54,"tag":81,"props":6192,"children":6193},{"style":120},[6194],{"type":60,"value":6093},{"type":54,"tag":81,"props":6196,"children":6197},{"style":110},[6198],{"type":60,"value":147},{"type":54,"tag":81,"props":6200,"children":6201},{"style":110},[6202],{"type":60,"value":202},{"type":54,"tag":81,"props":6204,"children":6205},{"style":205},[6206],{"type":60,"value":6106},{"type":54,"tag":81,"props":6208,"children":6209},{"style":110},[6210],{"type":60,"value":213},{"type":54,"tag":81,"props":6212,"children":6213},{"style":110},[6214],{"type":60,"value":188},{"type":54,"tag":81,"props":6216,"children":6217},{"style":160},[6218],{"type":60,"value":6219}," action ",{"type":54,"tag":81,"props":6221,"children":6222},{"style":110},[6223],{"type":60,"value":1306},{"type":54,"tag":81,"props":6225,"children":6226},{"style":160},[6227],{"type":60,"value":250},{"type":54,"tag":63,"props":6229,"children":6230},{},[6231],{"type":60,"value":5279},{"type":54,"tag":69,"props":6233,"children":6235},{"className":71,"code":6234,"language":73,"meta":74,"style":74},"const base = { storeName: 'main', version: '1.0' }\nclient.emit('state-changed', { ...base, state })\nclient.emit('action-dispatched', { ...base, action })\n",[6236],{"type":54,"tag":77,"props":6237,"children":6238},{"__ignoreMap":74},[6239,6307,6371],{"type":54,"tag":81,"props":6240,"children":6241},{"class":83,"line":84},[6242,6246,6251,6255,6259,6263,6267,6271,6275,6279,6283,6287,6291,6295,6299,6303],{"type":54,"tag":81,"props":6243,"children":6244},{"style":98},[6245],{"type":60,"value":5414},{"type":54,"tag":81,"props":6247,"children":6248},{"style":160},[6249],{"type":60,"value":6250}," base ",{"type":54,"tag":81,"props":6252,"children":6253},{"style":110},[6254],{"type":60,"value":1050},{"type":54,"tag":81,"props":6256,"children":6257},{"style":110},[6258],{"type":60,"value":648},{"type":54,"tag":81,"props":6260,"children":6261},{"style":120},[6262],{"type":60,"value":738},{"type":54,"tag":81,"props":6264,"children":6265},{"style":110},[6266],{"type":60,"value":147},{"type":54,"tag":81,"props":6268,"children":6269},{"style":110},[6270],{"type":60,"value":202},{"type":54,"tag":81,"props":6272,"children":6273},{"style":205},[6274],{"type":60,"value":6080},{"type":54,"tag":81,"props":6276,"children":6277},{"style":110},[6278],{"type":60,"value":213},{"type":54,"tag":81,"props":6280,"children":6281},{"style":110},[6282],{"type":60,"value":188},{"type":54,"tag":81,"props":6284,"children":6285},{"style":120},[6286],{"type":60,"value":6093},{"type":54,"tag":81,"props":6288,"children":6289},{"style":110},[6290],{"type":60,"value":147},{"type":54,"tag":81,"props":6292,"children":6293},{"style":110},[6294],{"type":60,"value":202},{"type":54,"tag":81,"props":6296,"children":6297},{"style":205},[6298],{"type":60,"value":6106},{"type":54,"tag":81,"props":6300,"children":6301},{"style":110},[6302],{"type":60,"value":213},{"type":54,"tag":81,"props":6304,"children":6305},{"style":110},[6306],{"type":60,"value":788},{"type":54,"tag":81,"props":6308,"children":6309},{"class":83,"line":94},[6310,6314,6318,6322,6326,6330,6334,6338,6342,6346,6350,6355,6359,6363,6367],{"type":54,"tag":81,"props":6311,"children":6312},{"style":160},[6313],{"type":60,"value":6030},{"type":54,"tag":81,"props":6315,"children":6316},{"style":110},[6317],{"type":60,"value":604},{"type":54,"tag":81,"props":6319,"children":6320},{"style":1058},[6321],{"type":60,"value":6039},{"type":54,"tag":81,"props":6323,"children":6324},{"style":160},[6325],{"type":60,"value":168},{"type":54,"tag":81,"props":6327,"children":6328},{"style":110},[6329],{"type":60,"value":213},{"type":54,"tag":81,"props":6331,"children":6332},{"style":205},[6333],{"type":60,"value":721},{"type":54,"tag":81,"props":6335,"children":6336},{"style":110},[6337],{"type":60,"value":213},{"type":54,"tag":81,"props":6339,"children":6340},{"style":110},[6341],{"type":60,"value":188},{"type":54,"tag":81,"props":6343,"children":6344},{"style":110},[6345],{"type":60,"value":648},{"type":54,"tag":81,"props":6347,"children":6348},{"style":110},[6349],{"type":60,"value":1740},{"type":54,"tag":81,"props":6351,"children":6352},{"style":160},[6353],{"type":60,"value":6354},"base",{"type":54,"tag":81,"props":6356,"children":6357},{"style":110},[6358],{"type":60,"value":188},{"type":54,"tag":81,"props":6360,"children":6361},{"style":160},[6362],{"type":60,"value":6119},{"type":54,"tag":81,"props":6364,"children":6365},{"style":110},[6366],{"type":60,"value":1306},{"type":54,"tag":81,"props":6368,"children":6369},{"style":160},[6370],{"type":60,"value":250},{"type":54,"tag":81,"props":6372,"children":6373},{"class":83,"line":116},[6374,6378,6382,6386,6390,6394,6398,6402,6406,6410,6414,6418,6422,6426,6430],{"type":54,"tag":81,"props":6375,"children":6376},{"style":160},[6377],{"type":60,"value":6030},{"type":54,"tag":81,"props":6379,"children":6380},{"style":110},[6381],{"type":60,"value":604},{"type":54,"tag":81,"props":6383,"children":6384},{"style":1058},[6385],{"type":60,"value":6039},{"type":54,"tag":81,"props":6387,"children":6388},{"style":160},[6389],{"type":60,"value":168},{"type":54,"tag":81,"props":6391,"children":6392},{"style":110},[6393],{"type":60,"value":213},{"type":54,"tag":81,"props":6395,"children":6396},{"style":205},[6397],{"type":60,"value":800},{"type":54,"tag":81,"props":6399,"children":6400},{"style":110},[6401],{"type":60,"value":213},{"type":54,"tag":81,"props":6403,"children":6404},{"style":110},[6405],{"type":60,"value":188},{"type":54,"tag":81,"props":6407,"children":6408},{"style":110},[6409],{"type":60,"value":648},{"type":54,"tag":81,"props":6411,"children":6412},{"style":110},[6413],{"type":60,"value":1740},{"type":54,"tag":81,"props":6415,"children":6416},{"style":160},[6417],{"type":60,"value":6354},{"type":54,"tag":81,"props":6419,"children":6420},{"style":110},[6421],{"type":60,"value":188},{"type":54,"tag":81,"props":6423,"children":6424},{"style":160},[6425],{"type":60,"value":6219},{"type":54,"tag":81,"props":6427,"children":6428},{"style":110},[6429],{"type":60,"value":1306},{"type":54,"tag":81,"props":6431,"children":6432},{"style":160},[6433],{"type":60,"value":250},{"type":54,"tag":63,"props":6435,"children":6436},{},[6437],{"type":60,"value":6000},{"type":54,"tag":514,"props":6439,"children":6441},{"id":6440},"medium-ignoring-theme-prop-in-panel-component",[6442],{"type":60,"value":6443},"MEDIUM: Ignoring Theme Prop in Panel Component",{"type":54,"tag":63,"props":6445,"children":6446},{},[6447,6449,6455],{"type":60,"value":6448},"Panels must adapt styling to theme. Factory-created plugins receive ",{"type":54,"tag":77,"props":6450,"children":6452},{"className":6451},[],[6453],{"type":60,"value":6454},"props.theme",{"type":60,"value":604},{"type":54,"tag":63,"props":6457,"children":6458},{},[6459],{"type":60,"value":5186},{"type":54,"tag":69,"props":6461,"children":6463},{"className":1093,"code":6462,"language":1095,"meta":74,"style":74},"function MyPanel() {\n  return \u003Cdiv style={{ color: 'white' }}>Always white text\u003C\u002Fdiv>\n}\n",[6464],{"type":54,"tag":77,"props":6465,"children":6466},{"__ignoreMap":74},[6467,6487,6554],{"type":54,"tag":81,"props":6468,"children":6469},{"class":83,"line":84},[6470,6474,6479,6483],{"type":54,"tag":81,"props":6471,"children":6472},{"style":98},[6473],{"type":60,"value":3595},{"type":54,"tag":81,"props":6475,"children":6476},{"style":1058},[6477],{"type":60,"value":6478}," MyPanel",{"type":54,"tag":81,"props":6480,"children":6481},{"style":110},[6482],{"type":60,"value":949},{"type":54,"tag":81,"props":6484,"children":6485},{"style":110},[6486],{"type":60,"value":113},{"type":54,"tag":81,"props":6488,"children":6489},{"class":83,"line":94},[6490,6494,6499,6503,6507,6511,6515,6519,6523,6528,6532,6537,6542,6546,6550],{"type":54,"tag":81,"props":6491,"children":6492},{"style":640},[6493],{"type":60,"value":2129},{"type":54,"tag":81,"props":6495,"children":6496},{"style":110},[6497],{"type":60,"value":6498}," \u003C",{"type":54,"tag":81,"props":6500,"children":6501},{"style":120},[6502],{"type":60,"value":2641},{"type":54,"tag":81,"props":6504,"children":6505},{"style":98},[6506],{"type":60,"value":4484},{"type":54,"tag":81,"props":6508,"children":6509},{"style":110},[6510],{"type":60,"value":2195},{"type":54,"tag":81,"props":6512,"children":6513},{"style":120},[6514],{"type":60,"value":2480},{"type":54,"tag":81,"props":6516,"children":6517},{"style":110},[6518],{"type":60,"value":147},{"type":54,"tag":81,"props":6520,"children":6521},{"style":110},[6522],{"type":60,"value":202},{"type":54,"tag":81,"props":6524,"children":6525},{"style":205},[6526],{"type":60,"value":6527},"white",{"type":54,"tag":81,"props":6529,"children":6530},{"style":110},[6531],{"type":60,"value":213},{"type":54,"tag":81,"props":6533,"children":6534},{"style":110},[6535],{"type":60,"value":6536}," }}>",{"type":54,"tag":81,"props":6538,"children":6539},{"style":160},[6540],{"type":60,"value":6541},"Always white text",{"type":54,"tag":81,"props":6543,"children":6544},{"style":110},[6545],{"type":60,"value":2335},{"type":54,"tag":81,"props":6547,"children":6548},{"style":120},[6549],{"type":60,"value":2641},{"type":54,"tag":81,"props":6551,"children":6552},{"style":110},[6553],{"type":60,"value":2153},{"type":54,"tag":81,"props":6555,"children":6556},{"class":83,"line":116},[6557],{"type":54,"tag":81,"props":6558,"children":6559},{"style":110},[6560],{"type":60,"value":402},{"type":54,"tag":63,"props":6562,"children":6563},{},[6564],{"type":60,"value":5279},{"type":54,"tag":69,"props":6566,"children":6568},{"className":1093,"code":6567,"language":1095,"meta":74,"style":74},"function MyPanel({ theme }: { theme?: 'light' | 'dark' }) {\n  return (\n    \u003Cdiv style={{ color: theme === 'dark' ? '#e0e0e0' : '#1a1a1a' }}>\n      Theme-aware text\n    \u003C\u002Fdiv>\n  )\n}\n",[6569],{"type":54,"tag":77,"props":6570,"children":6571},{"__ignoreMap":74},[6572,6643,6654,6738,6746,6761,6768],{"type":54,"tag":81,"props":6573,"children":6574},{"class":83,"line":84},[6575,6579,6583,6587,6591,6595,6599,6603,6607,6611,6615,6619,6623,6627,6631,6635,6639],{"type":54,"tag":81,"props":6576,"children":6577},{"style":98},[6578],{"type":60,"value":3595},{"type":54,"tag":81,"props":6580,"children":6581},{"style":1058},[6582],{"type":60,"value":6478},{"type":54,"tag":81,"props":6584,"children":6585},{"style":110},[6586],{"type":60,"value":4130},{"type":54,"tag":81,"props":6588,"children":6589},{"style":171},[6590],{"type":60,"value":193},{"type":54,"tag":81,"props":6592,"children":6593},{"style":110},[6594],{"type":60,"value":4139},{"type":54,"tag":81,"props":6596,"children":6597},{"style":110},[6598],{"type":60,"value":648},{"type":54,"tag":81,"props":6600,"children":6601},{"style":120},[6602],{"type":60,"value":193},{"type":54,"tag":81,"props":6604,"children":6605},{"style":110},[6606],{"type":60,"value":128},{"type":54,"tag":81,"props":6608,"children":6609},{"style":110},[6610],{"type":60,"value":202},{"type":54,"tag":81,"props":6612,"children":6613},{"style":205},[6614],{"type":60,"value":226},{"type":54,"tag":81,"props":6616,"children":6617},{"style":110},[6618],{"type":60,"value":213},{"type":54,"tag":81,"props":6620,"children":6621},{"style":110},[6622],{"type":60,"value":157},{"type":54,"tag":81,"props":6624,"children":6625},{"style":110},[6626],{"type":60,"value":202},{"type":54,"tag":81,"props":6628,"children":6629},{"style":205},[6630],{"type":60,"value":208},{"type":54,"tag":81,"props":6632,"children":6633},{"style":110},[6634],{"type":60,"value":213},{"type":54,"tag":81,"props":6636,"children":6637},{"style":110},[6638],{"type":60,"value":4184},{"type":54,"tag":81,"props":6640,"children":6641},{"style":110},[6642],{"type":60,"value":113},{"type":54,"tag":81,"props":6644,"children":6645},{"class":83,"line":94},[6646,6650],{"type":54,"tag":81,"props":6647,"children":6648},{"style":640},[6649],{"type":60,"value":2129},{"type":54,"tag":81,"props":6651,"children":6652},{"style":120},[6653],{"type":60,"value":2134},{"type":54,"tag":81,"props":6655,"children":6656},{"class":83,"line":116},[6657,6661,6665,6669,6673,6677,6681,6685,6689,6693,6697,6701,6705,6709,6713,6717,6721,6725,6730,6734],{"type":54,"tag":81,"props":6658,"children":6659},{"style":110},[6660],{"type":60,"value":2143},{"type":54,"tag":81,"props":6662,"children":6663},{"style":120},[6664],{"type":60,"value":2641},{"type":54,"tag":81,"props":6666,"children":6667},{"style":98},[6668],{"type":60,"value":4484},{"type":54,"tag":81,"props":6670,"children":6671},{"style":110},[6672],{"type":60,"value":2195},{"type":54,"tag":81,"props":6674,"children":6675},{"style":120},[6676],{"type":60,"value":2480},{"type":54,"tag":81,"props":6678,"children":6679},{"style":110},[6680],{"type":60,"value":147},{"type":54,"tag":81,"props":6682,"children":6683},{"style":160},[6684],{"type":60,"value":4501},{"type":54,"tag":81,"props":6686,"children":6687},{"style":110},[6688],{"type":60,"value":4506},{"type":54,"tag":81,"props":6690,"children":6691},{"style":110},[6692],{"type":60,"value":202},{"type":54,"tag":81,"props":6694,"children":6695},{"style":205},[6696],{"type":60,"value":208},{"type":54,"tag":81,"props":6698,"children":6699},{"style":110},[6700],{"type":60,"value":213},{"type":54,"tag":81,"props":6702,"children":6703},{"style":110},[6704],{"type":60,"value":4523},{"type":54,"tag":81,"props":6706,"children":6707},{"style":110},[6708],{"type":60,"value":202},{"type":54,"tag":81,"props":6710,"children":6711},{"style":205},[6712],{"type":60,"value":2239},{"type":54,"tag":81,"props":6714,"children":6715},{"style":110},[6716],{"type":60,"value":213},{"type":54,"tag":81,"props":6718,"children":6719},{"style":110},[6720],{"type":60,"value":4541},{"type":54,"tag":81,"props":6722,"children":6723},{"style":110},[6724],{"type":60,"value":202},{"type":54,"tag":81,"props":6726,"children":6727},{"style":205},[6728],{"type":60,"value":6729},"#1a1a1a",{"type":54,"tag":81,"props":6731,"children":6732},{"style":110},[6733],{"type":60,"value":213},{"type":54,"tag":81,"props":6735,"children":6736},{"style":110},[6737],{"type":60,"value":2248},{"type":54,"tag":81,"props":6739,"children":6740},{"class":83,"line":136},[6741],{"type":54,"tag":81,"props":6742,"children":6743},{"style":160},[6744],{"type":60,"value":6745},"      Theme-aware text\n",{"type":54,"tag":81,"props":6747,"children":6748},{"class":83,"line":253},[6749,6753,6757],{"type":54,"tag":81,"props":6750,"children":6751},{"style":110},[6752],{"type":60,"value":2903},{"type":54,"tag":81,"props":6754,"children":6755},{"style":120},[6756],{"type":60,"value":2641},{"type":54,"tag":81,"props":6758,"children":6759},{"style":110},[6760],{"type":60,"value":2153},{"type":54,"tag":81,"props":6762,"children":6763},{"class":83,"line":336},[6764],{"type":54,"tag":81,"props":6765,"children":6766},{"style":120},[6767],{"type":60,"value":2920},{"type":54,"tag":81,"props":6769,"children":6770},{"class":83,"line":378},[6771],{"type":54,"tag":81,"props":6772,"children":6773},{"style":110},[6774],{"type":60,"value":402},{"type":54,"tag":63,"props":6776,"children":6777},{},[6778,6780,6786],{"type":60,"value":6779},"In Solid panels using devtools-ui, use ",{"type":54,"tag":77,"props":6781,"children":6783},{"className":6782},[],[6784],{"type":60,"value":6785},"createTheme()",{"type":60,"value":6787}," instead of prop drilling.",{"type":54,"tag":63,"props":6789,"children":6790},{},[6791],{"type":60,"value":6792},"Source: docs\u002Fplugin-lifecycle.md",{"type":54,"tag":514,"props":6794,"children":6796},{"id":6795},"medium-not-knowing-max-3-active-plugins-limit",[6797],{"type":60,"value":6798},"MEDIUM: Not Knowing Max 3 Active Plugins Limit",{"type":54,"tag":63,"props":6800,"children":6801},{},[6802,6808,6810,6816,6818,6824],{"type":54,"tag":77,"props":6803,"children":6805},{"className":6804},[],[6806],{"type":60,"value":6807},"MAX_ACTIVE_PLUGINS = 3",{"type":60,"value":6809}," (in ",{"type":54,"tag":77,"props":6811,"children":6813},{"className":6812},[],[6814],{"type":60,"value":6815},"packages\u002Fdevtools\u002Fsrc\u002Futils\u002Fconstants.ts",{"type":60,"value":6817},"). If more than 3 set ",{"type":54,"tag":77,"props":6819,"children":6821},{"className":6820},[],[6822],{"type":60,"value":6823},"defaultOpen: true",{"type":60,"value":6825},", only the first 3 open. Activating a 4th deactivates the earliest. Single-plugin exception: if only 1 plugin is registered, it opens automatically.",{"type":54,"tag":63,"props":6827,"children":6828},{},[6829],{"type":60,"value":6830},"Source: packages\u002Fdevtools\u002Fsrc\u002Futils\u002Fget-default-active-plugins.ts",{"type":54,"tag":514,"props":6832,"children":6834},{"id":6833},"medium-using-raw-dom-manipulation-instead-of-framework-portals",[6835],{"type":60,"value":6836},"MEDIUM: Using Raw DOM Manipulation Instead of Framework Portals",{"type":54,"tag":63,"props":6838,"children":6839},{},[6840],{"type":60,"value":6841},"Framework adapters handle portaling. Do not manually manipulate DOM.",{"type":54,"tag":63,"props":6843,"children":6844},{},[6845],{"type":60,"value":5186},{"type":54,"tag":69,"props":6847,"children":6849},{"className":71,"code":6848,"language":73,"meta":74,"style":74},"render: (el) => {\n  const div = document.createElement('div')\n  div.textContent = 'Hello'\n  el.appendChild(div)\n}\n",[6850],{"type":54,"tag":77,"props":6851,"children":6852},{"__ignoreMap":74},[6853,6884,6934,6968,6997],{"type":54,"tag":81,"props":6854,"children":6855},{"class":83,"line":84},[6856,6860,6864,6868,6872,6876,6880],{"type":54,"tag":81,"props":6857,"children":6858},{"style":104},[6859],{"type":60,"value":442},{"type":54,"tag":81,"props":6861,"children":6862},{"style":110},[6863],{"type":60,"value":147},{"type":54,"tag":81,"props":6865,"children":6866},{"style":110},[6867],{"type":60,"value":163},{"type":54,"tag":81,"props":6869,"children":6870},{"style":171},[6871],{"type":60,"value":174},{"type":54,"tag":81,"props":6873,"children":6874},{"style":110},[6875],{"type":60,"value":235},{"type":54,"tag":81,"props":6877,"children":6878},{"style":98},[6879],{"type":60,"value":240},{"type":54,"tag":81,"props":6881,"children":6882},{"style":110},[6883],{"type":60,"value":113},{"type":54,"tag":81,"props":6885,"children":6886},{"class":83,"line":94},[6887,6891,6896,6900,6905,6909,6914,6918,6922,6926,6930],{"type":54,"tag":81,"props":6888,"children":6889},{"style":98},[6890],{"type":60,"value":1405},{"type":54,"tag":81,"props":6892,"children":6893},{"style":160},[6894],{"type":60,"value":6895}," div",{"type":54,"tag":81,"props":6897,"children":6898},{"style":110},[6899],{"type":60,"value":704},{"type":54,"tag":81,"props":6901,"children":6902},{"style":160},[6903],{"type":60,"value":6904}," document",{"type":54,"tag":81,"props":6906,"children":6907},{"style":110},[6908],{"type":60,"value":604},{"type":54,"tag":81,"props":6910,"children":6911},{"style":1058},[6912],{"type":60,"value":6913},"createElement",{"type":54,"tag":81,"props":6915,"children":6916},{"style":120},[6917],{"type":60,"value":168},{"type":54,"tag":81,"props":6919,"children":6920},{"style":110},[6921],{"type":60,"value":213},{"type":54,"tag":81,"props":6923,"children":6924},{"style":205},[6925],{"type":60,"value":2641},{"type":54,"tag":81,"props":6927,"children":6928},{"style":110},[6929],{"type":60,"value":213},{"type":54,"tag":81,"props":6931,"children":6932},{"style":120},[6933],{"type":60,"value":250},{"type":54,"tag":81,"props":6935,"children":6936},{"class":83,"line":116},[6937,6942,6946,6951,6955,6959,6964],{"type":54,"tag":81,"props":6938,"children":6939},{"style":160},[6940],{"type":60,"value":6941},"  div",{"type":54,"tag":81,"props":6943,"children":6944},{"style":110},[6945],{"type":60,"value":604},{"type":54,"tag":81,"props":6947,"children":6948},{"style":160},[6949],{"type":60,"value":6950},"textContent",{"type":54,"tag":81,"props":6952,"children":6953},{"style":110},[6954],{"type":60,"value":704},{"type":54,"tag":81,"props":6956,"children":6957},{"style":110},[6958],{"type":60,"value":202},{"type":54,"tag":81,"props":6960,"children":6961},{"style":205},[6962],{"type":60,"value":6963},"Hello",{"type":54,"tag":81,"props":6965,"children":6966},{"style":110},[6967],{"type":60,"value":677},{"type":54,"tag":81,"props":6969,"children":6970},{"class":83,"line":136},[6971,6976,6980,6985,6989,6993],{"type":54,"tag":81,"props":6972,"children":6973},{"style":160},[6974],{"type":60,"value":6975},"  el",{"type":54,"tag":81,"props":6977,"children":6978},{"style":110},[6979],{"type":60,"value":604},{"type":54,"tag":81,"props":6981,"children":6982},{"style":1058},[6983],{"type":60,"value":6984},"appendChild",{"type":54,"tag":81,"props":6986,"children":6987},{"style":120},[6988],{"type":60,"value":168},{"type":54,"tag":81,"props":6990,"children":6991},{"style":160},[6992],{"type":60,"value":2641},{"type":54,"tag":81,"props":6994,"children":6995},{"style":120},[6996],{"type":60,"value":250},{"type":54,"tag":81,"props":6998,"children":6999},{"class":83,"line":253},[7000],{"type":54,"tag":81,"props":7001,"children":7002},{"style":110},[7003],{"type":60,"value":402},{"type":54,"tag":63,"props":7005,"children":7006},{},[7007],{"type":60,"value":5279},{"type":54,"tag":69,"props":7009,"children":7011},{"className":1093,"code":7010,"language":1095,"meta":74,"style":74},"import { createReactPlugin } from '@tanstack\u002Fdevtools-utils\u002Freact'\nconst [Plugin, NoOpPlugin] = createReactPlugin({\n  name: 'My Plugin',\n  Component: ({ theme }) => \u003Cdiv>Hello\u003C\u002Fdiv>,\n})\n",[7012],{"type":54,"tag":77,"props":7013,"children":7014},{"__ignoreMap":74},[7015,7050,7095,7122,7179],{"type":54,"tag":81,"props":7016,"children":7017},{"class":83,"line":84},[7018,7022,7026,7030,7034,7038,7042,7046],{"type":54,"tag":81,"props":7019,"children":7020},{"style":640},[7021],{"type":60,"value":643},{"type":54,"tag":81,"props":7023,"children":7024},{"style":110},[7025],{"type":60,"value":648},{"type":54,"tag":81,"props":7027,"children":7028},{"style":160},[7029],{"type":60,"value":3266},{"type":54,"tag":81,"props":7031,"children":7032},{"style":110},[7033],{"type":60,"value":658},{"type":54,"tag":81,"props":7035,"children":7036},{"style":640},[7037],{"type":60,"value":663},{"type":54,"tag":81,"props":7039,"children":7040},{"style":110},[7041],{"type":60,"value":202},{"type":54,"tag":81,"props":7043,"children":7044},{"style":205},[7045],{"type":60,"value":3136},{"type":54,"tag":81,"props":7047,"children":7048},{"style":110},[7049],{"type":60,"value":677},{"type":54,"tag":81,"props":7051,"children":7052},{"class":83,"line":94},[7053,7057,7061,7066,7070,7075,7079,7083,7087,7091],{"type":54,"tag":81,"props":7054,"children":7055},{"style":98},[7056],{"type":60,"value":5414},{"type":54,"tag":81,"props":7058,"children":7059},{"style":110},[7060],{"type":60,"value":1443},{"type":54,"tag":81,"props":7062,"children":7063},{"style":160},[7064],{"type":60,"value":7065},"Plugin",{"type":54,"tag":81,"props":7067,"children":7068},{"style":110},[7069],{"type":60,"value":188},{"type":54,"tag":81,"props":7071,"children":7072},{"style":160},[7073],{"type":60,"value":7074}," NoOpPlugin",{"type":54,"tag":81,"props":7076,"children":7077},{"style":110},[7078],{"type":60,"value":1462},{"type":54,"tag":81,"props":7080,"children":7081},{"style":110},[7082],{"type":60,"value":704},{"type":54,"tag":81,"props":7084,"children":7085},{"style":1058},[7086],{"type":60,"value":3266},{"type":54,"tag":81,"props":7088,"children":7089},{"style":160},[7090],{"type":60,"value":168},{"type":54,"tag":81,"props":7092,"children":7093},{"style":110},[7094],{"type":60,"value":3383},{"type":54,"tag":81,"props":7096,"children":7097},{"class":83,"line":116},[7098,7102,7106,7110,7114,7118],{"type":54,"tag":81,"props":7099,"children":7100},{"style":120},[7101],{"type":60,"value":142},{"type":54,"tag":81,"props":7103,"children":7104},{"style":110},[7105],{"type":60,"value":147},{"type":54,"tag":81,"props":7107,"children":7108},{"style":110},[7109],{"type":60,"value":202},{"type":54,"tag":81,"props":7111,"children":7112},{"style":205},[7113],{"type":60,"value":4578},{"type":54,"tag":81,"props":7115,"children":7116},{"style":110},[7117],{"type":60,"value":213},{"type":54,"tag":81,"props":7119,"children":7120},{"style":110},[7121],{"type":60,"value":1202},{"type":54,"tag":81,"props":7123,"children":7124},{"class":83,"line":136},[7125,7129,7133,7138,7142,7146,7150,7154,7158,7162,7166,7170,7174],{"type":54,"tag":81,"props":7126,"children":7127},{"style":1058},[7128],{"type":60,"value":4947},{"type":54,"tag":81,"props":7130,"children":7131},{"style":110},[7132],{"type":60,"value":147},{"type":54,"tag":81,"props":7134,"children":7135},{"style":110},[7136],{"type":60,"value":7137}," ({",{"type":54,"tag":81,"props":7139,"children":7140},{"style":171},[7141],{"type":60,"value":193},{"type":54,"tag":81,"props":7143,"children":7144},{"style":110},[7145],{"type":60,"value":4184},{"type":54,"tag":81,"props":7147,"children":7148},{"style":98},[7149],{"type":60,"value":240},{"type":54,"tag":81,"props":7151,"children":7152},{"style":110},[7153],{"type":60,"value":6498},{"type":54,"tag":81,"props":7155,"children":7156},{"style":120},[7157],{"type":60,"value":2641},{"type":54,"tag":81,"props":7159,"children":7160},{"style":110},[7161],{"type":60,"value":931},{"type":54,"tag":81,"props":7163,"children":7164},{"style":160},[7165],{"type":60,"value":6963},{"type":54,"tag":81,"props":7167,"children":7168},{"style":110},[7169],{"type":60,"value":2335},{"type":54,"tag":81,"props":7171,"children":7172},{"style":120},[7173],{"type":60,"value":2641},{"type":54,"tag":81,"props":7175,"children":7176},{"style":110},[7177],{"type":60,"value":7178},">,\n",{"type":54,"tag":81,"props":7180,"children":7181},{"class":83,"line":253},[7182,7186],{"type":54,"tag":81,"props":7183,"children":7184},{"style":110},[7185],{"type":60,"value":1306},{"type":54,"tag":81,"props":7187,"children":7188},{"style":160},[7189],{"type":60,"value":250},{"type":54,"tag":63,"props":7191,"children":7192},{},[7193],{"type":60,"value":6792},{"type":54,"tag":514,"props":7195,"children":7197},{"id":7196},"medium-not-keeping-devtools-packages-at-latest-versions",[7198],{"type":60,"value":7199},"MEDIUM: Not Keeping Devtools Packages at Latest Versions",{"type":54,"tag":63,"props":7201,"children":7202},{},[7203,7205,7211],{"type":60,"value":7204},"All ",{"type":54,"tag":77,"props":7206,"children":7208},{"className":7207},[],[7209],{"type":60,"value":7210},"@tanstack\u002Fdevtools-*",{"type":60,"value":7212}," packages should be on compatible versions. For external plugins, pin to compatible ranges.",{"type":54,"tag":63,"props":7214,"children":7215},{},[7216],{"type":60,"value":6000},{"type":54,"tag":55,"props":7218,"children":7220},{"id":7219},"references",[7221],{"type":60,"value":7222},"References",{"type":54,"tag":404,"props":7224,"children":7225},{},[7226],{"type":54,"tag":408,"props":7227,"children":7228},{},[7229],{"type":54,"tag":2615,"props":7230,"children":7232},{"href":7231},"references\u002Fpanel-api.md",[7233],{"type":60,"value":7234},"devtools-ui components and API",{"type":54,"tag":7236,"props":7237,"children":7238},"style",{},[7239],{"type":60,"value":7240},"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":7242,"total":7379},[7243,7257,7269,7279,7294,7306,7316,7326,7339,7349,7360,7370],{"slug":7244,"name":7244,"fn":7245,"description":7246,"org":7247,"tags":7248,"stars":7254,"repoUrl":7255,"updatedAt":7256},"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},[7249,7252,7253],{"name":7250,"slug":7251,"type":15},"Data Analysis","data-analysis",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:59.429787",{"slug":7258,"name":7258,"fn":7259,"description":7260,"org":7261,"tags":7262,"stars":7254,"repoUrl":7255,"updatedAt":7268},"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},[7263,7266,7267],{"name":7264,"slug":7265,"type":15},"Debugging","debugging",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":7270,"name":7270,"fn":7271,"description":7272,"org":7273,"tags":7274,"stars":7254,"repoUrl":7255,"updatedAt":7278},"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},[7275,7276,7277],{"name":7250,"slug":7251,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:38.403427",{"slug":7280,"name":7280,"fn":7281,"description":7282,"org":7283,"tags":7284,"stars":7254,"repoUrl":7255,"updatedAt":7293},"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},[7285,7288,7289,7292],{"name":7286,"slug":7287,"type":15},"Data Pipeline","data-pipeline",{"name":21,"slug":22,"type":15},{"name":7290,"slug":7291,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":7295,"name":7295,"fn":7296,"description":7297,"org":7298,"tags":7299,"stars":7254,"repoUrl":7255,"updatedAt":7305},"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},[7300,7303,7304],{"name":7301,"slug":7302,"type":15},"Data Visualization","data-visualization",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":7307,"name":7307,"fn":7308,"description":7309,"org":7310,"tags":7311,"stars":7254,"repoUrl":7255,"updatedAt":7315},"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},[7312,7313,7314],{"name":7250,"slug":7251,"type":15},{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":7317,"name":7317,"fn":7318,"description":7319,"org":7320,"tags":7321,"stars":7254,"repoUrl":7255,"updatedAt":7325},"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},[7322,7323,7324],{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:26:03.37801",{"slug":7327,"name":7327,"fn":7328,"description":7329,"org":7330,"tags":7331,"stars":7254,"repoUrl":7255,"updatedAt":7338},"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},[7332,7335,7336,7337],{"name":7333,"slug":7334,"type":15},"CSS","css",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:55.377366",{"slug":7340,"name":7340,"fn":7341,"description":7342,"org":7343,"tags":7344,"stars":7254,"repoUrl":7255,"updatedAt":7348},"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},[7345,7346,7347],{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:51.400011",{"slug":7350,"name":7350,"fn":7351,"description":7352,"org":7353,"tags":7354,"stars":7254,"repoUrl":7255,"updatedAt":7359},"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},[7355,7356,7357,7358],{"name":7333,"slug":7334,"type":15},{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:48.703799",{"slug":7361,"name":7361,"fn":7362,"description":7363,"org":7364,"tags":7365,"stars":7254,"repoUrl":7255,"updatedAt":7369},"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},[7366,7367,7368],{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:47.367943",{"slug":40,"name":40,"fn":7371,"description":7372,"org":7373,"tags":7374,"stars":7254,"repoUrl":7255,"updatedAt":7378},"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},[7375,7376,7377],{"name":7250,"slug":7251,"type":15},{"name":21,"slug":22,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:52.366295",125,{"items":7381,"total":888},[7382,7392,7402,7415,7434,7445,7455],{"slug":7383,"name":7383,"fn":7384,"description":7385,"org":7386,"tags":7387,"stars":23,"repoUrl":24,"updatedAt":7391},"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},[7388,7389,7390],{"name":7264,"slug":7265,"type":15},{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-16T06:04:05.544655",{"slug":7393,"name":7393,"fn":7394,"description":7395,"org":7396,"tags":7397,"stars":23,"repoUrl":24,"updatedAt":7401},"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},[7398,7399,7400],{"name":7264,"slug":7265,"type":15},{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},"2026-07-16T06:04:40.486044",{"slug":44,"name":44,"fn":7403,"description":7404,"org":7405,"tags":7406,"stars":23,"repoUrl":24,"updatedAt":7414},"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},[7407,7410,7413],{"name":7408,"slug":7409,"type":15},"API Development","api-development",{"name":7411,"slug":7412,"type":15},"Engineering","engineering",{"name":9,"slug":8,"type":15},"2026-07-16T06:04:34.254605",{"slug":7416,"name":7416,"fn":7417,"description":7418,"org":7419,"tags":7420,"stars":23,"repoUrl":24,"updatedAt":7433},"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},[7421,7422,7425,7427,7429,7430],{"name":7411,"slug":7412,"type":15},{"name":7423,"slug":7424,"type":15},"Preact","preact",{"name":7426,"slug":31,"type":15},"React",{"name":7428,"slug":32,"type":15},"SolidJS",{"name":9,"slug":8,"type":15},{"name":7431,"slug":7432,"type":15},"Vue","vue","2026-07-16T06:04:33.553047",{"slug":7435,"name":7435,"fn":7436,"description":7437,"org":7438,"tags":7439,"stars":23,"repoUrl":24,"updatedAt":7444},"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},[7440,7441,7442,7443],{"name":7264,"slug":7265,"type":15},{"name":7411,"slug":7412,"type":15},{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},"2026-07-16T06:04:33.21467",{"slug":7446,"name":7446,"fn":7447,"description":7448,"org":7449,"tags":7450,"stars":23,"repoUrl":24,"updatedAt":7454},"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},[7451,7453],{"name":7452,"slug":7452,"type":15},"npm",{"name":9,"slug":8,"type":15},"2026-07-16T06:04:09.110642",{"slug":4,"name":4,"fn":5,"description":6,"org":7456,"tags":7457,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7458,7459,7460,7461],{"name":21,"slug":22,"type":15},{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15}]