From e49e8606da308585804387d3d19f6b8608e356d3 Mon Sep 17 00:00:00 2001
From: imbytecat <imbytecat@gmail.com>
Date: Wed, 21 Jan 2026 16:11:46 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4=E6=97=A7?=
 =?UTF-8?q?=E7=89=88=20devtools=20=E9=9B=86=E6=88=90=EF=BC=8C=E6=94=B9?=
 =?UTF-8?q?=E7=94=A8=E7=BB=84=E4=BB=B6=E5=8C=96=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除 TanStack Query 开发工具的集成配置
- 移除对 tanstack-query devtools 的导出
- 移除 TanStack Router 开发工具插件的集成配置
- 移除 tanstack-router 开发工具集成的导出
- 移除旧的 devtools 集成方式，改用新的组件化方式引入 TanStack Router 和 Query 的开发工具面板。
---
 .../src/integrations/tanstack-query/devtools.tsx  |  7 -------
 .../src/integrations/tanstack-query/index.ts      |  1 -
 .../src/integrations/tanstack-router/devtools.tsx |  7 -------
 .../src/integrations/tanstack-router/index.ts     |  1 -
 apps/server/src/routes/__root.tsx                 | 15 ++++++++++++---
 5 files changed, 12 insertions(+), 19 deletions(-)
 delete mode 100644 apps/server/src/integrations/tanstack-query/devtools.tsx
 delete mode 100644 apps/server/src/integrations/tanstack-query/index.ts
 delete mode 100644 apps/server/src/integrations/tanstack-router/devtools.tsx
 delete mode 100644 apps/server/src/integrations/tanstack-router/index.ts

diff --git a/apps/server/src/integrations/tanstack-query/devtools.tsx b/apps/server/src/integrations/tanstack-query/devtools.tsx
deleted file mode 100644
index a377fe0..0000000
--- a/apps/server/src/integrations/tanstack-query/devtools.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { TanStackDevtoolsReactPlugin } from '@tanstack/react-devtools'
-import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools'
-
-export const devtools = {
-  name: 'TanStack Query',
-  render: <ReactQueryDevtoolsPanel />,
-} satisfies TanStackDevtoolsReactPlugin
diff --git a/apps/server/src/integrations/tanstack-query/index.ts b/apps/server/src/integrations/tanstack-query/index.ts
deleted file mode 100644
index 39356ff..0000000
--- a/apps/server/src/integrations/tanstack-query/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './devtools'
diff --git a/apps/server/src/integrations/tanstack-router/devtools.tsx b/apps/server/src/integrations/tanstack-router/devtools.tsx
deleted file mode 100644
index 47d8af5..0000000
--- a/apps/server/src/integrations/tanstack-router/devtools.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { TanStackDevtoolsReactPlugin } from '@tanstack/react-devtools'
-import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
-
-export const devtools = {
-  name: 'TanStack Router',
-  render: <TanStackRouterDevtoolsPanel />,
-} satisfies TanStackDevtoolsReactPlugin
diff --git a/apps/server/src/integrations/tanstack-router/index.ts b/apps/server/src/integrations/tanstack-router/index.ts
deleted file mode 100644
index 39356ff..0000000
--- a/apps/server/src/integrations/tanstack-router/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './devtools'
diff --git a/apps/server/src/routes/__root.tsx b/apps/server/src/routes/__root.tsx
index 056109b..67b2b30 100644
--- a/apps/server/src/routes/__root.tsx
+++ b/apps/server/src/routes/__root.tsx
@@ -1,15 +1,15 @@
 import { TanStackDevtools } from '@tanstack/react-devtools'
 import type { QueryClient } from '@tanstack/react-query'
+import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools'
 import {
   createRootRouteWithContext,
   HeadContent,
   Scripts,
 } from '@tanstack/react-router'
+import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
 import type { ReactNode } from 'react'
 import { ErrorComponent } from '@/components/Error'
 import { NotFoundComponent } from '@/components/NotFount'
-import { devtools as queryDevtools } from '@/integrations/tanstack-query'
-import { devtools as routerDevtools } from '@/integrations/tanstack-router'
 import appCss from '@/styles.css?url'
 
 export interface RouterContext {
@@ -54,7 +54,16 @@ function RootDocument({ children }: Readonly<{ children: ReactNode }>) {
           config={{
             position: 'bottom-right',
           }}
-          plugins={[routerDevtools, queryDevtools]}
+          plugins={[
+            {
+              name: 'TanStack Router',
+              render: <TanStackRouterDevtoolsPanel />,
+            },
+            {
+              name: 'TanStack Query',
+              render: <ReactQueryDevtoolsPanel />,
+            },
+          ]}
         />
         <Scripts />
       </body>