kevisual/router-studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add RouterGroupDialog for route management and grouping

Browse Source 
- Introduced RouterGroupDialog component to display and manage routes in groups.
- Updated studio store to include allRoutes and methods for fetching routes.
- Added functionality to toggle route groups and search by path or key.
- Enhanced App component to include RouterGroupDialog and related state management.
- Integrated new icons and improved UI for better user experience.
This commit is contained in:
熊潇
2026-03-05 16:47:49 +08:00
parent 3edd6b2a69
commit cf2baecb3c
5 changed files with 394 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
package.json
View File

@@ -14,10 +14,10 @@
],
"dependencies": {
"@base-ui/react": "^1.2.0",
"@kevisual/router": "0.0.84",
"@tanstack/react-router": "^1.163.2",
"@kevisual/router": "0.0.85",
"@tanstack/react-router": "^1.166.2",
"@tanstack/react-table": "^8.21.3",
"@uiw/react-codemirror": "^4.25.5",
"@uiw/react-codemirror": "^4.25.7",
"@uiw/react-md-editor": "^4.0.11",
"antd": "^6.3.1",
"class-variance-authority": "^0.7.1",
@@ -25,18 +25,18 @@
"cmdk": "^1.1.1",
"dayjs": "^1.11.19",
"eruda": "^3.4.3",
"es-toolkit": "^1.44.0",
"es-toolkit": "^1.45.1",
"fuse.js": "^7.1.0",
"idb-keyval": "^6.2.2",
"lucide-react": "^0.575.0",
"lucide-react": "^0.577.0",
"nanoid": "^5.1.6",
"next-themes": "^0.4.6",
"react": "19.2.4",
"react-dom": "19.2.4",
"react-hook-form": "^7.71.2",
"react-resizable-panels": "^4.6.5",
"react-resizable-panels": "^4.7.1",
"sonner": "^2.0.7",
"valtio": "^2.3.0",
"valtio": "^2.3.1",
"zod": "^4.3.6",
"zustand": "^5.0.11"
},
@@ -48,9 +48,9 @@
"@kevisual/query": "^0.0.52",
"@kevisual/types": "^0.0.12",
"@tailwindcss/vite": "^4.2.1",
"@tanstack/react-router-devtools": "^1.163.2",
"@tanstack/router-plugin": "^1.163.2",
"@types/node": "^25.3.0",
"@tanstack/react-router-devtools": "^1.166.2",
"@tanstack/router-plugin": "^1.166.2",
"@types/node": "^25.3.3",
"@types/react": "^19.2.14",
"@types/react-dom": "^19.2.3",
"@vitejs/plugin-react": "^5.1.4",
@@ -59,6 +59,6 @@
"tailwindcss": "^4.2.1",
"tw-animate-css": "^1.4.0",
"typescript": "^5.9.3",
"vite": "v8.0.0-beta.15"
"vite": "v8.0.0-beta.16"
}
}

318
pnpm-lock.yaml generated
View File

@@ -12,17 +12,17 @@ importers:
specifier: ^1.2.0
version: 1.2.0(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@kevisual/router':
specifier: 0.0.84
version: 0.0.84
specifier: 0.0.85
version: 0.0.85
'@tanstack/react-router':
specifier: ^1.163.2
version: 1.163.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
specifier: ^1.166.2
version: 1.166.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@tanstack/react-table':
specifier: ^8.21.3
version: 8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@uiw/react-codemirror':
specifier: ^4.25.5
version: 4.25.5(@babel/runtime@7.28.6)(@codemirror/autocomplete@6.20.0)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.39.15)(codemirror@6.0.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
specifier: ^4.25.7
version: 4.25.7(@babel/runtime@7.28.6)(@codemirror/autocomplete@6.20.0)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.39.15)(codemirror@6.0.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@uiw/react-md-editor':
specifier: ^4.0.11
version: 4.0.11(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -45,8 +45,8 @@ importers:
specifier: ^3.4.3
version: 3.4.3
es-toolkit:
specifier: ^1.44.0
version: 1.44.0
specifier: ^1.45.1
version: 1.45.1
fuse.js:
specifier: ^7.1.0
version: 7.1.0
@@ -54,8 +54,8 @@ importers:
specifier: ^6.2.2
version: 6.2.2
lucide-react:
specifier: ^0.575.0
version: 0.575.0(react@19.2.4)
specifier: ^0.577.0
version: 0.577.0(react@19.2.4)
nanoid:
specifier: ^5.1.6
version: 5.1.6
@@ -72,14 +72,14 @@ importers:
specifier: ^7.71.2
version: 7.71.2(react@19.2.4)
react-resizable-panels:
specifier: ^4.6.5
version: 4.6.5(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
specifier: ^4.7.1
version: 4.7.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
sonner:
specifier: ^2.0.7
version: 2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
valtio:
specifier: ^2.3.0
version: 2.3.0(@types/react@19.2.14)(react@19.2.4)
specifier: ^2.3.1
version: 2.3.1(@types/react@19.2.14)(react@19.2.4)
zod:
specifier: ^4.3.6
version: 4.3.6
@@ -107,16 +107,16 @@ importers:
version: 0.0.12
'@tailwindcss/vite':
specifier: ^4.2.1
version: 4.2.1(vite@8.0.0-beta.15(@types/node@25.3.0)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0))
version: 4.2.1(vite@8.0.0-beta.16(@types/node@25.3.3)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0))
'@tanstack/react-router-devtools':
specifier: ^1.163.2
version: 1.163.2(@tanstack/react-router@1.163.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@tanstack/router-core@1.163.2)(csstype@3.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
specifier: ^1.166.2
version: 1.166.2(@tanstack/react-router@1.166.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@tanstack/router-core@1.166.2)(csstype@3.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@tanstack/router-plugin':
specifier: ^1.163.2
version: 1.163.2(@tanstack/react-router@1.163.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0-beta.15(@types/node@25.3.0)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0))
specifier: ^1.166.2
version: 1.166.2(@tanstack/react-router@1.166.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0-beta.16(@types/node@25.3.3)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0))
'@types/node':
specifier: ^25.3.0
version: 25.3.0
specifier: ^25.3.3
version: 25.3.3
'@types/react':
specifier: ^19.2.14
version: 19.2.14
@@ -125,7 +125,7 @@ importers:
version: 19.2.3(@types/react@19.2.14)
'@vitejs/plugin-react':
specifier: ^5.1.4
version: 5.1.4(vite@8.0.0-beta.15(@types/node@25.3.0)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0))
version: 5.1.4(vite@8.0.0-beta.16(@types/node@25.3.3)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0))
dotenv:
specifier: ^17.3.1
version: 17.3.1
@@ -142,8 +142,8 @@ importers:
specifier: ^5.9.3
version: 5.9.3
vite:
specifier: v8.0.0-beta.15
version: 8.0.0-beta.15(@types/node@25.3.0)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0)
specifier: v8.0.0-beta.16
version: 8.0.0-beta.16(@types/node@25.3.3)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0)
packages:
@@ -546,8 +546,8 @@ packages:
'@kevisual/query@0.0.52':
resolution: {integrity: sha512-m1UbyDTIxtfAQXM+EqhXA4ytE2V8rV8mXTZVBwzfW9O6+gtvAcRY7K1YYxfewTSXLVh9nwvfHe0KQ8MDL5ukyw==}
'@kevisual/router@0.0.84':
resolution: {integrity: sha512-l/TUFuqTJegB/S3FZQRBMUoz0Spvg8EzV3C/kBi/VO9KKCzjqZDVvhZJJbTQh9879CBY6vUy1ajo9WcLYnwbNA==}
'@kevisual/router@0.0.85':
resolution: {integrity: sha512-ihSzPXHOMSOnZD/+Eso4yZMt4MoUXyLdfRHhXJGg90+sJBr/BjsmgAokit4pI9gWU+Rs/3JqQ2/aqA43FHtGoA==}
'@kevisual/types@0.0.12':
resolution: {integrity: sha512-zJXH2dosir3jVrQ6QG4i0+iLQeT9gJ3H+cKXs8ReWboxBSYzUZO78XssVeVrFPsJ33iaAqo4q3DWbSS1dWGn7Q==}
@@ -571,12 +571,12 @@ packages:
resolution: {integrity: sha512-XlOlEbQcE9fmuXxrVTXCTlG2nlRXa9Rj3rr5Ue/+tX+nmkgbX720YHh0VR3hBF9xDvwnb8D2shVGOwNx+ulArw==}
engines: {node: '>= 20.19.0'}
'@oxc-project/runtime@0.114.0':
resolution: {integrity: sha512-mVGQvr/uFJGQ3hsvgQ1sJfh79t5owyZZZtw+VaH+WhtvsmtgjT6imznB9sz2Q67Q0/4obM9mOOtQscU4aJteSg==}
'@oxc-project/runtime@0.115.0':
resolution: {integrity: sha512-Rg8Wlt5dCbXhQnsXPrkOjL1DTSvXLgb2R/KYfnf1/K+R0k6UMLEmbQXPM+kwrWqSmWA2t0B1EtHy2/3zikQpvQ==}
engines: {node: ^20.19.0 || >=22.12.0}
'@oxc-project/types@0.114.0':
resolution: {integrity: sha512-//nBfbzHQHvJs8oFIjv6coZ6uxQ4alLfiPe6D5vit6c4pmxATHHlVwgB1k+Hv4yoAMyncdxgRBF5K4BYWUCzvA==}
'@oxc-project/types@0.115.0':
resolution: {integrity: sha512-4n91DKnebUS4yjUHl2g3/b2T+IUdCfmoZGhmwsovZCDaJSs+QkVAM+0AqqTxHSsHfeiMuueT75cZaZcT/m0pSw==}
'@paralleldrive/cuid2@3.3.0':
resolution: {integrity: sha512-OqiFvSOF0dBSesELYY2CAMa4YINvlLpvKOz/rv6NeZEqiyttlHgv98Juwv4Ch+GrEV7IZ8jfI2VcEoYUjXXCjw==}
@@ -1058,83 +1058,83 @@ packages:
react: '>=16.9.0'
react-dom: '>=16.9.0'
'@rolldown/binding-android-arm64@1.0.0-rc.5':
resolution: {integrity: sha512-zCEmUrt1bggwgBgeKLxNj217J1OrChrp3jJt24VK9jAharSTeVaHODNL+LpcQVhRz+FktYWfT9cjo5oZ99ZLpg==}
'@rolldown/binding-android-arm64@1.0.0-rc.6':
resolution: {integrity: sha512-kvjTSWGcrv+BaR2vge57rsKiYdVR8V8CoS0vgKrc570qRBfty4bT+1X0z3j2TaVV+kAYzA0PjeB9+mdZyqUZlg==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm64]
os: [android]
'@rolldown/binding-darwin-arm64@1.0.0-rc.5':
resolution: {integrity: sha512-ZP9xb9lPAex36pvkNWCjSEJW/Gfdm9I3ssiqOFLmpZ/vosPXgpoGxCmh+dX1Qs+/bWQE6toNFXWWL8vYoKoK9Q==}
'@rolldown/binding-darwin-arm64@1.0.0-rc.6':
resolution: {integrity: sha512-+tJhD21KvGNtUrpLXrZQlT+j5HZKiEwR2qtcZb3vNOUpvoT9QjEykr75ZW/Kr0W89gose/HVXU6351uVZD8Qvw==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm64]
os: [darwin]
'@rolldown/binding-darwin-x64@1.0.0-rc.5':
resolution: {integrity: sha512-7IdrPunf6dp9mywMgTOKMMGDnMHQ6+h5gRl6LW8rhD8WK2kXX0IwzcM5Zc0B5J7xQs8QWOlKjv8BJsU/1CD3pg==}
'@rolldown/binding-darwin-x64@1.0.0-rc.6':
resolution: {integrity: sha512-DKNhjMk38FAWaHwUt1dFR3rA/qRAvn2NUvSG2UGvxvlMxSmN/qqww/j4ABAbXhNRXtGQNmrAINMXRuwHl16ZHg==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [x64]
os: [darwin]
'@rolldown/binding-freebsd-x64@1.0.0-rc.5':
resolution: {integrity: sha512-o/JCk+dL0IN68EBhZ4DqfsfvxPfMeoM6cJtxORC1YYoxGHZyth2Kb2maXDb4oddw2wu8iIbnYXYPEzBtAF5CAg==}
'@rolldown/binding-freebsd-x64@1.0.0-rc.6':
resolution: {integrity: sha512-8TThsRkCPAnfyMBShxrGdtoOE6h36QepqRQI97iFaQSCRbHFWHcDHppcojZnzXoruuhPnjMEygzaykvPVJsMRg==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [x64]
os: [freebsd]
'@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.5':
resolution: {integrity: sha512-IIBwTtA6VwxQLcEgq2mfrUgam7VvPZjhd/jxmeS1npM+edWsrrpRLHUdze+sk4rhb8/xpP3flemgcZXXUW6ukw==}
'@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.6':
resolution: {integrity: sha512-ZfmFoOwPUZCWtGOVC9/qbQzfc0249FrRUOzV2XabSMUV60Crp211OWLQN1zmQAsRIVWRcEwhJ46Z1mXGo/L/nQ==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm]
os: [linux]
'@rolldown/binding-linux-arm64-gnu@1.0.0-rc.5':
resolution: {integrity: sha512-KSol1De1spMZL+Xg7K5IBWXIvRWv7+pveaxFWXpezezAG7CS6ojzRjtCGCiLxQricutTAi/LkNWKMsd2wNhMKQ==}
'@rolldown/binding-linux-arm64-gnu@1.0.0-rc.6':
resolution: {integrity: sha512-ZsGzbNETxPodGlLTYHaCSGVhNN/rvkMDCJYHdT7PZr5jFJRmBfmDi2awhF64Dt2vxrJqY6VeeYSgOzEbHRsb7Q==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm64]
os: [linux]
libc: [glibc]
'@rolldown/binding-linux-arm64-musl@1.0.0-rc.5':
resolution: {integrity: sha512-WFljyDkxtXRlWxMjxeegf7xMYXxUr8u7JdXlOEWKYgDqEgxUnSEsVDxBiNWQ1D5kQKwf8Wo4sVKEYPRhCdsjwA==}
'@rolldown/binding-linux-arm64-musl@1.0.0-rc.6':
resolution: {integrity: sha512-elPpdevtCdUOqziemR86C4CSCr/5sUxalzDrf/CJdMT+kZt2C556as++qHikNOz0vuFf52h+GJNXZM08eWgGPQ==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm64]
os: [linux]
libc: [musl]
'@rolldown/binding-linux-x64-gnu@1.0.0-rc.5':
resolution: {integrity: sha512-CUlplTujmbDWp2gamvrqVKi2Or8lmngXT1WxsizJfts7JrvfGhZObciaY/+CbdbS9qNnskvwMZNEhTPrn7b+WA==}
'@rolldown/binding-linux-x64-gnu@1.0.0-rc.6':
resolution: {integrity: sha512-IBwXsf56o3xhzAyaZxdM1CX8UFiBEUFCjiVUgny67Q8vPIqkjzJj0YKhd3TbBHanuxThgBa59f6Pgutg2OGk5A==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [x64]
os: [linux]
libc: [glibc]
'@rolldown/binding-linux-x64-musl@1.0.0-rc.5':
resolution: {integrity: sha512-wdf7g9NbVZCeAo2iGhsjJb7I8ZFfs6X8bumfrWg82VK+8P6AlLXwk48a1ASiJQDTS7Svq2xVzZg3sGO2aXpHRA==}
'@rolldown/binding-linux-x64-musl@1.0.0-rc.6':
resolution: {integrity: sha512-vOk7G8V9Zm+8a6PL6JTpCea61q491oYlGtO6CvnsbhNLlKdf0bbCPytFzGQhYmCKZDKkEbmnkcIprTEGCURnwg==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [x64]
os: [linux]
libc: [musl]
'@rolldown/binding-openharmony-arm64@1.0.0-rc.5':
resolution: {integrity: sha512-0CWY7ubu12nhzz+tkpHjoG3IRSTlWYe0wrfJRf4qqjqQSGtAYgoL9kwzdvlhaFdZ5ffVeyYw9qLsChcjUMEloQ==}
'@rolldown/binding-openharmony-arm64@1.0.0-rc.6':
resolution: {integrity: sha512-ASjEDI4MRv7XCQb2JVaBzfEYO98JKCGrAgoW6M03fJzH/ilCnC43Mb3ptB9q/lzsaahoJyIBoAGKAYEjUvpyvQ==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm64]
os: [openharmony]
'@rolldown/binding-wasm32-wasi@1.0.0-rc.5':
resolution: {integrity: sha512-LztXnGzv6t2u830mnZrFLRVqT/DPJ9DL4ZTz/y93rqUVkeHjMMYIYaFj+BUthiYxbVH9dH0SZYufETspKY/NhA==}
'@rolldown/binding-wasm32-wasi@1.0.0-rc.6':
resolution: {integrity: sha512-mYa1+h2l6Zc0LvmwUh0oXKKYihnw/1WC73vTqw+IgtfEtv47A+rWzzcWwVDkW73+UDr0d/Ie/HRXoaOY22pQDw==}
engines: {node: '>=14.0.0'}
cpu: [wasm32]
'@rolldown/binding-win32-arm64-msvc@1.0.0-rc.5':
resolution: {integrity: sha512-jUct1XVeGtyjqJXEAfvdFa8xoigYZ2rge7nYEm70ppQxpfH9ze2fbIrpHmP2tNM2vL/F6Dd0CpXhpjPbC6bSxQ==}
'@rolldown/binding-win32-arm64-msvc@1.0.0-rc.6':
resolution: {integrity: sha512-e2ABskbNH3MRUBMjgxaMjYIw11DSwjLJxBII3UgpF6WClGLIh8A20kamc+FKH5vIaFVnYQInmcLYSUVpqMPLow==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm64]
os: [win32]
'@rolldown/binding-win32-x64-msvc@1.0.0-rc.5':
resolution: {integrity: sha512-VQ8F9ld5gw29epjnVGdrx8ugiLTe8BMqmhDYy7nGbdeDo4HAt4bgdZvLbViEhg7DZyHLpiEUlO5/jPSUrIuxRQ==}
'@rolldown/binding-win32-x64-msvc@1.0.0-rc.6':
resolution: {integrity: sha512-dJVc3ifhaRXxIEh1xowLohzFrlQXkJ66LepHm+CmSprTWgVrPa8Fx3OL57xwIqDEH9hufcKkDX2v65rS3NZyRA==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [x64]
os: [win32]
@@ -1142,8 +1142,8 @@ packages:
'@rolldown/pluginutils@1.0.0-rc.3':
resolution: {integrity: sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==}
'@rolldown/pluginutils@1.0.0-rc.5':
resolution: {integrity: sha512-RxlLX/DPoarZ9PtxVrQgZhPoor987YtKQqCo5zkjX+0S0yLJ7Vv515Wk6+xtTL67VONKJKxETWZwuZjss2idYw==}
'@rolldown/pluginutils@1.0.0-rc.6':
resolution: {integrity: sha512-Y0+JT8Mi1mmW08K6HieG315XNRu4L0rkfCpA364HtytjgiqYnMYRdFPcxRl+BQQqNXzecL2S9nii+RUpO93XIA==}
'@tailwindcss/node@4.2.1':
resolution: {integrity: sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg==}
@@ -1243,20 +1243,20 @@ packages:
resolution: {integrity: sha512-Kp/WSt411ZWYvgXy6uiv5RmhHrz9cAml05AQPrtdAp7eUqvIDbMGPnML25OKbzR3RJ1q4wgENxDTvlGPa9+Mww==}
engines: {node: '>=20.19'}
'@tanstack/react-router-devtools@1.163.2':
resolution: {integrity: sha512-gk/tC+vx8eoNNIM27vfb/bZTXQjpopw7tZA4WkRQWLh9A8PG3V6QjMQysbPcRRO5m7KtdCbTk51ZG4ERi0J1kA==}
'@tanstack/react-router-devtools@1.166.2':
resolution: {integrity: sha512-EQhFQRArwxS0OjIWWGD5wfNboJq7rIYCbioHvepgbxgblKtNLWnRr3LFj34QhXTP1aQsPYb9t8+VTi3VbFuAfA==}
engines: {node: '>=20.19'}
peerDependencies:
'@tanstack/react-router': ^1.163.2
'@tanstack/router-core': ^1.163.2
'@tanstack/react-router': ^1.166.2
'@tanstack/router-core': ^1.166.2
react: '>=18.0.0 || >=19.0.0'
react-dom: '>=18.0.0 || >=19.0.0'
peerDependenciesMeta:
'@tanstack/router-core':
optional: true
'@tanstack/react-router@1.163.2':
resolution: {integrity: sha512-1LosUlpL2mRMWxUZXmkEg5+Br5P5j9TrLngqRgHVbZoFkjnbcj1x9fQN2OVLrBv9Npw97NRsHeJljnAH/c7oSw==}
'@tanstack/react-router@1.166.2':
resolution: {integrity: sha512-pKhUtrvVLlhjWhsHkJSuIzh1J4LcP+8ErbIqRLORX9Js8dUFMKoT0+8oFpi+P8QRpuhm/7rzjYiWfcyTsqQZtA==}
engines: {node: '>=20.19'}
peerDependencies:
react: '>=18.0.0 || >=19.0.0'
@@ -1275,30 +1275,30 @@ packages:
react: '>=16.8'
react-dom: '>=16.8'
'@tanstack/router-core@1.163.2':
resolution: {integrity: sha512-mD0Pav6kcpS317XSJN+wCZaxLLngDhlwgzPNca56dWCp8YKPEvhhj/Zdl+LdRlJQ2VJ5BOy7FbOV1hErc9Nj5Q==}
'@tanstack/router-core@1.166.2':
resolution: {integrity: sha512-zn3NhENOAX9ToQiX077UV2OH3aJKOvV2ZMNZZxZ3gDG3i3WqL8NfWfEgetEAfMN37/Mnt90PpotYgf7IyuoKqQ==}
engines: {node: '>=20.19'}
'@tanstack/router-devtools-core@1.163.2':
resolution: {integrity: sha512-IrbSK30AtMOgCLXTbvhnVsU6BGjhwB8EjfZIQLtUPDvFsP0RH3/2ZiWRA3a0EsQhxkl+fxIVByVP7wgyRzkZPQ==}
'@tanstack/router-devtools-core@1.166.2':
resolution: {integrity: sha512-Ke8HquuwMhLYpo/6nxNgrzi9Ns2lsK9uwDba6WKA8I0K7fyYZoAUu+7AD6gdEcVU4NF6LjtMPfUCHmVtYYRTDw==}
engines: {node: '>=20.19'}
peerDependencies:
'@tanstack/router-core': ^1.163.2
'@tanstack/router-core': ^1.166.2
csstype: ^3.0.10
peerDependenciesMeta:
csstype:
optional: true
'@tanstack/router-generator@1.163.2':
resolution: {integrity: sha512-6LjU3+8iKEgt8iOaYCmCnQCs0jsOhc7z8fa1yAYlj3s82uYWv3g5CB9mwv8wZXblXBQWOl+hW4PI6WNjP/CK9w==}
'@tanstack/router-generator@1.166.2':
resolution: {integrity: sha512-wbvdyP1PKKQKk4aVlGeK9S5uDy8zodTr3tEZ2gRKNavJLusXbEWqtoo42JxHFFNB6dtguehFMt8PyZPAtkgWwQ==}
engines: {node: '>=20.19'}
'@tanstack/router-plugin@1.163.2':
resolution: {integrity: sha512-SrVILMz/c15RYWxIMG+bf/glLbP/O9DUxOg0E7bo9pooBxGPvgWSlEzHNjhVekLhK5l7fiuQZzKsfksVeIEqDA==}
'@tanstack/router-plugin@1.166.2':
resolution: {integrity: sha512-TnyV/7//Vp5fR49mmNbOWHGz9IJTm1lqVxzPdtpzg7D5PjkW2HFmLFLtWwpJgz2R7AJJWR4Ge5kIPmC+fVZ6eQ==}
engines: {node: '>=20.19'}
peerDependencies:
'@rsbuild/core': '>=1.0.2'
'@tanstack/react-router': ^1.163.2
'@tanstack/react-router': ^1.166.2
vite: '>=5.0.0 || >=6.0.0 || >=7.0.0'
vite-plugin-solid: ^2.11.10
webpack: '>=5.92.0'
@@ -1365,8 +1365,8 @@ packages:
'@types/ms@2.1.0':
resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
'@types/node@25.3.0':
resolution: {integrity: sha512-4K3bqJpXpqfg2XKGK9bpDTc6xO/xoUP/RBWS7AtRMug6zZFaRekiLzjVtAoZMquxoAbzBvy5nxQ7veS5eYzf8A==}
'@types/node@25.3.3':
resolution: {integrity: sha512-DpzbrH7wIcBaJibpKo9nnSQL0MTRdnWttGyE5haGwK86xgMOkFLp7vEyfQPGLOJh5wNYiJ3V9PmUMDhV9u8kkQ==}
'@types/prismjs@1.26.6':
resolution: {integrity: sha512-vqlvI7qlMvcCBbVe0AKAb4f97//Hy0EBTaiW8AalRnG/xAN5zOiWWyrNqNXeq8+KAuvRewjCVY1+IPxk4RdNYw==}
@@ -1385,8 +1385,8 @@ packages:
'@types/unist@3.0.3':
resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
'@uiw/codemirror-extensions-basic-setup@4.25.5':
resolution: {integrity: sha512-2KWS4NqrS9SQzlPs/3sxFhuArvjB3JF6WpsrZqBtGHM5/smCNTULX3lUGeRH+f3mkfMt0k6DR+q0xCW9k+Up5w==}
'@uiw/codemirror-extensions-basic-setup@4.25.7':
resolution: {integrity: sha512-tPV/AGjF4yM22D5mnyH7EuYBkWO05wF5Y4x3lmQJo6LuHmhjh0RQsVDjqeIgNOkXT3UO9OdkL4dzxw465/JZVg==}
peerDependencies:
'@codemirror/autocomplete': '>=6.0.0'
'@codemirror/commands': '>=6.0.0'
@@ -1399,8 +1399,8 @@ packages:
'@uiw/copy-to-clipboard@1.0.20':
resolution: {integrity: sha512-IFQhS62CLNon1YgYJTEzXR2N3WVXg7V1FaBRDLMlzU6JY5X6Hr3OPAcw4WNoKcz2XcFD6XCgwEjlsmj+JA0mWA==}
'@uiw/react-codemirror@4.25.5':
resolution: {integrity: sha512-WUMBGwfstufdbnaiMzQzmOf+6Mzf0IbiOoleexC9ItWcDTJybidLtEi20aP2N58Wn/AQxsd5Otebydaimh7Opw==}
'@uiw/react-codemirror@4.25.7':
resolution: {integrity: sha512-s/EbEe0dFANWEgfLbfdIrrOGv0R7M1XhkKG3ShroBeH6uP9pVNQy81YHOLRCSVcytTp9zAWRNfXR/+XxZTvV7w==}
peerDependencies:
'@babel/runtime': '>=7.11.0'
'@codemirror/state': '>=6.0.0'
@@ -1608,8 +1608,8 @@ packages:
eruda@3.4.3:
resolution: {integrity: sha512-J2TsF4dXSspOXev5bJ6mljv0dRrxj21wklrDzbvPmYaEmVoC+2psylyRi70nUPFh1mTQfIBsSusUtAMZtUN+/w==}
es-toolkit@1.44.0:
resolution: {integrity: sha512-6penXeZalaV88MM3cGkFZZfOoLGWshWWfdy0tWw/RlVVyhvMaWSBTOvXNeiW3e5FwdS5ePW0LGEu17zT139ktg==}
es-toolkit@1.45.1:
resolution: {integrity: sha512-/jhoOj/Fx+A+IIyDNOvO3TItGmlMKhtX8ISAHKE90c4b/k1tqaqEZ+uUqfpU8DMnW5cgNJv606zS55jGvza0Xw==}
esbuild@0.27.3:
resolution: {integrity: sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==}
@@ -1885,8 +1885,8 @@ packages:
lru-cache@5.1.1:
resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
lucide-react@0.575.0:
resolution: {integrity: sha512-VuXgKZrk0uiDlWjGGXmKV6MSk9Yy4l10qgVvzGn2AWBx1Ylt0iBexKOAoA6I7JO3m+M9oeovJd3yYENfkUbOeg==}
lucide-react@0.577.0:
resolution: {integrity: sha512-4LjoFv2eEPwYDPg/CUdBJQSDfPyzXCRrVW1X7jrx/trgxnxkHFjnVZINbzvzxjN70dxychOfg+FTYwBiS3pQ5A==}
peerDependencies:
react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
@@ -2142,8 +2142,8 @@ packages:
'@types/react':
optional: true
react-resizable-panels@4.6.5:
resolution: {integrity: sha512-pmQP6qv9KmsesNMvWVNvVfVJAwYSOWWbAOAtrPR8Cre20+j1NWIlyft0btjtDQE+OepXmI6g3VPrCXQY0oD7+Q==}
react-resizable-panels@4.7.1:
resolution: {integrity: sha512-RYBRgvdZhnUds5jJWYr1up0hYFofgN1dqSwhxfBl9Savoxms0gyGF0AfaXskhxTYkXrlwc+TlQPe5UkoV+1neg==}
peerDependencies:
react: ^18.0.0 || ^19.0.0
react-dom: ^18.0.0 || ^19.0.0
@@ -2234,8 +2234,8 @@ packages:
resolve-pkg-maps@1.0.0:
resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
rolldown@1.0.0-rc.5:
resolution: {integrity: sha512-0AdalTs6hNTioaCYIkAa7+xsmHBfU5hCNclZnM/lp7lGGDuUOb6N4BVNtwiomybbencDjq/waKjTImqiGCs5sw==}
rolldown@1.0.0-rc.6:
resolution: {integrity: sha512-B8vFPV1ADyegoYfhg+E7RAucYKv0xdVlwYYsIJgfPNeiSxZGWNxts9RqhyGzC11ULK/VaeXyKezGCwpMiH8Ktw==}
engines: {node: ^20.19.0 || >=22.12.0}
hasBin: true
@@ -2416,8 +2416,8 @@ packages:
peerDependencies:
react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
valtio@2.3.0:
resolution: {integrity: sha512-1MfKNcmOIdBSatiJsYgw420n6jnD+jeoI0V+RkOQbCB0ElLh6GKUfPr0hc9uq/KBGeghivDEarRsKFFdSQQnKw==}
valtio@2.3.1:
resolution: {integrity: sha512-ZsOaOEn0U9IJ96cAj3CZ3GjwpN3EJdjsi1PT4PREuB+Pcqfsczu16isT5DT1UrmHbk4PtLjk8kwNEHuR2CX56w==}
engines: {node: '>=12.20.0'}
peerDependencies:
'@types/react': '>=18.0.0'
@@ -2437,8 +2437,8 @@ packages:
vfile@6.0.3:
resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
vite@8.0.0-beta.15:
resolution: {integrity: sha512-RHX7IvsJlEfjyA1rS7MY0UsmF91etdLAamslHR5lfuO3W/BXRdXm2tRE64ztpSPZbKqB4wAAZ0AwtF6QzfKZLA==}
vite@8.0.0-beta.16:
resolution: {integrity: sha512-c0t7hYkxsjws89HH+BUFh/sL3BpPNhNsL9CJrTpMxBmwKQBRSa5OJ5w4o9O0bQVI/H/vx7UpUUIevvXa37NS/Q==}
engines: {node: ^20.19.0 || >=22.12.0}
hasBin: true
peerDependencies:
@@ -2908,7 +2908,7 @@ snapshots:
'@kevisual/js-filter': 0.0.5
'@kevisual/load': 0.0.6
'@paralleldrive/cuid2': 3.3.0
es-toolkit: 1.44.0
es-toolkit: 1.45.1
eventemitter3: 5.0.4
fuse.js: 7.1.0
nanoid: 5.1.6
@@ -2935,9 +2935,9 @@ snapshots:
'@kevisual/query@0.0.52': {}
'@kevisual/router@0.0.84':
'@kevisual/router@0.0.85':
dependencies:
es-toolkit: 1.44.0
es-toolkit: 1.45.1
'@kevisual/types@0.0.12': {}
@@ -2962,9 +2962,9 @@ snapshots:
'@noble/hashes@2.0.1': {}
'@oxc-project/runtime@0.114.0': {}
'@oxc-project/runtime@0.115.0': {}
'@oxc-project/types@0.114.0': {}
'@oxc-project/types@0.115.0': {}
'@paralleldrive/cuid2@3.3.0':
dependencies:
@@ -3477,50 +3477,50 @@ snapshots:
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
'@rolldown/binding-android-arm64@1.0.0-rc.5':
'@rolldown/binding-android-arm64@1.0.0-rc.6':
optional: true
'@rolldown/binding-darwin-arm64@1.0.0-rc.5':
'@rolldown/binding-darwin-arm64@1.0.0-rc.6':
optional: true
'@rolldown/binding-darwin-x64@1.0.0-rc.5':
'@rolldown/binding-darwin-x64@1.0.0-rc.6':
optional: true
'@rolldown/binding-freebsd-x64@1.0.0-rc.5':
'@rolldown/binding-freebsd-x64@1.0.0-rc.6':
optional: true
'@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.5':
'@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.6':
optional: true
'@rolldown/binding-linux-arm64-gnu@1.0.0-rc.5':
'@rolldown/binding-linux-arm64-gnu@1.0.0-rc.6':
optional: true
'@rolldown/binding-linux-arm64-musl@1.0.0-rc.5':
'@rolldown/binding-linux-arm64-musl@1.0.0-rc.6':
optional: true
'@rolldown/binding-linux-x64-gnu@1.0.0-rc.5':
'@rolldown/binding-linux-x64-gnu@1.0.0-rc.6':
optional: true
'@rolldown/binding-linux-x64-musl@1.0.0-rc.5':
'@rolldown/binding-linux-x64-musl@1.0.0-rc.6':
optional: true
'@rolldown/binding-openharmony-arm64@1.0.0-rc.5':
'@rolldown/binding-openharmony-arm64@1.0.0-rc.6':
optional: true
'@rolldown/binding-wasm32-wasi@1.0.0-rc.5':
'@rolldown/binding-wasm32-wasi@1.0.0-rc.6':
dependencies:
'@napi-rs/wasm-runtime': 1.1.1
optional: true
'@rolldown/binding-win32-arm64-msvc@1.0.0-rc.5':
'@rolldown/binding-win32-arm64-msvc@1.0.0-rc.6':
optional: true
'@rolldown/binding-win32-x64-msvc@1.0.0-rc.5':
'@rolldown/binding-win32-x64-msvc@1.0.0-rc.6':
optional: true
'@rolldown/pluginutils@1.0.0-rc.3': {}
'@rolldown/pluginutils@1.0.0-rc.5': {}
'@rolldown/pluginutils@1.0.0-rc.6': {}
'@tailwindcss/node@4.2.1':
dependencies:
@@ -3583,31 +3583,31 @@ snapshots:
'@tailwindcss/oxide-win32-arm64-msvc': 4.2.1
'@tailwindcss/oxide-win32-x64-msvc': 4.2.1
'@tailwindcss/vite@4.2.1(vite@8.0.0-beta.15(@types/node@25.3.0)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0))':
'@tailwindcss/vite@4.2.1(vite@8.0.0-beta.16(@types/node@25.3.3)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0))':
dependencies:
'@tailwindcss/node': 4.2.1
'@tailwindcss/oxide': 4.2.1
tailwindcss: 4.2.1
vite: 8.0.0-beta.15(@types/node@25.3.0)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0)
vite: 8.0.0-beta.16(@types/node@25.3.3)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0)
'@tanstack/history@1.161.4': {}
'@tanstack/react-router-devtools@1.163.2(@tanstack/react-router@1.163.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@tanstack/router-core@1.163.2)(csstype@3.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
'@tanstack/react-router-devtools@1.166.2(@tanstack/react-router@1.166.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@tanstack/router-core@1.166.2)(csstype@3.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
dependencies:
'@tanstack/react-router': 1.163.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@tanstack/router-devtools-core': 1.163.2(@tanstack/router-core@1.163.2)(csstype@3.2.3)
'@tanstack/react-router': 1.166.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@tanstack/router-devtools-core': 1.166.2(@tanstack/router-core@1.166.2)(csstype@3.2.3)
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
optionalDependencies:
'@tanstack/router-core': 1.163.2
'@tanstack/router-core': 1.166.2
transitivePeerDependencies:
- csstype
'@tanstack/react-router@1.163.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
'@tanstack/react-router@1.166.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
dependencies:
'@tanstack/history': 1.161.4
'@tanstack/react-store': 0.9.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@tanstack/router-core': 1.163.2
'@tanstack/router-core': 1.166.2
isbot: 5.1.35
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
@@ -3627,7 +3627,7 @@ snapshots:
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
'@tanstack/router-core@1.163.2':
'@tanstack/router-core@1.166.2':
dependencies:
'@tanstack/history': 1.161.4
'@tanstack/store': 0.9.1
@@ -3637,18 +3637,18 @@ snapshots:
tiny-invariant: 1.3.3
tiny-warning: 1.0.3
'@tanstack/router-devtools-core@1.163.2(@tanstack/router-core@1.163.2)(csstype@3.2.3)':
'@tanstack/router-devtools-core@1.166.2(@tanstack/router-core@1.166.2)(csstype@3.2.3)':
dependencies:
'@tanstack/router-core': 1.163.2
'@tanstack/router-core': 1.166.2
clsx: 2.1.1
goober: 2.1.18(csstype@3.2.3)
tiny-invariant: 1.3.3
optionalDependencies:
csstype: 3.2.3
'@tanstack/router-generator@1.163.2':
'@tanstack/router-generator@1.166.2':
dependencies:
'@tanstack/router-core': 1.163.2
'@tanstack/router-core': 1.166.2
'@tanstack/router-utils': 1.161.4
'@tanstack/virtual-file-routes': 1.161.4
prettier: 3.8.1
@@ -3659,7 +3659,7 @@ snapshots:
transitivePeerDependencies:
- supports-color
'@tanstack/router-plugin@1.163.2(@tanstack/react-router@1.163.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0-beta.15(@types/node@25.3.0)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0))':
'@tanstack/router-plugin@1.166.2(@tanstack/react-router@1.166.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0-beta.16(@types/node@25.3.3)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0))':
dependencies:
'@babel/core': 7.29.0
'@babel/plugin-syntax-jsx': 7.28.6(@babel/core@7.29.0)
@@ -3667,16 +3667,16 @@ snapshots:
'@babel/template': 7.28.6
'@babel/traverse': 7.29.0
'@babel/types': 7.29.0
'@tanstack/router-core': 1.163.2
'@tanstack/router-generator': 1.163.2
'@tanstack/router-core': 1.166.2
'@tanstack/router-generator': 1.166.2
'@tanstack/router-utils': 1.161.4
'@tanstack/virtual-file-routes': 1.161.4
chokidar: 3.6.0
unplugin: 2.3.11
zod: 3.25.76
optionalDependencies:
'@tanstack/react-router': 1.163.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
vite: 8.0.0-beta.15(@types/node@25.3.0)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0)
'@tanstack/react-router': 1.166.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
vite: 8.0.0-beta.16(@types/node@25.3.3)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0)
transitivePeerDependencies:
- supports-color
@@ -3750,7 +3750,7 @@ snapshots:
'@types/ms@2.1.0': {}
'@types/node@25.3.0':
'@types/node@25.3.3':
dependencies:
undici-types: 7.18.2
@@ -3768,7 +3768,7 @@ snapshots:
'@types/unist@3.0.3': {}
'@uiw/codemirror-extensions-basic-setup@4.25.5(@codemirror/autocomplete@6.20.0)(@codemirror/commands@6.10.2)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/view@6.39.15)':
'@uiw/codemirror-extensions-basic-setup@4.25.7(@codemirror/autocomplete@6.20.0)(@codemirror/commands@6.10.2)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/view@6.39.15)':
dependencies:
'@codemirror/autocomplete': 6.20.0
'@codemirror/commands': 6.10.2
@@ -3780,14 +3780,14 @@ snapshots:
'@uiw/copy-to-clipboard@1.0.20': {}
'@uiw/react-codemirror@4.25.5(@babel/runtime@7.28.6)(@codemirror/autocomplete@6.20.0)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.39.15)(codemirror@6.0.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
'@uiw/react-codemirror@4.25.7(@babel/runtime@7.28.6)(@codemirror/autocomplete@6.20.0)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.39.15)(codemirror@6.0.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
dependencies:
'@babel/runtime': 7.28.6
'@codemirror/commands': 6.10.2
'@codemirror/state': 6.5.4
'@codemirror/theme-one-dark': 6.1.3
'@codemirror/view': 6.39.15
'@uiw/codemirror-extensions-basic-setup': 4.25.5(@codemirror/autocomplete@6.20.0)(@codemirror/commands@6.10.2)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/view@6.39.15)
'@uiw/codemirror-extensions-basic-setup': 4.25.7(@codemirror/autocomplete@6.20.0)(@codemirror/commands@6.10.2)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/view@6.39.15)
codemirror: 6.0.2
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
@@ -3832,7 +3832,7 @@ snapshots:
'@ungap/structured-clone@1.3.0': {}
'@vitejs/plugin-react@5.1.4(vite@8.0.0-beta.15(@types/node@25.3.0)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0))':
'@vitejs/plugin-react@5.1.4(vite@8.0.0-beta.16(@types/node@25.3.3)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0))':
dependencies:
'@babel/core': 7.29.0
'@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
@@ -3840,7 +3840,7 @@ snapshots:
'@rolldown/pluginutils': 1.0.0-rc.3
'@types/babel__core': 7.20.5
react-refresh: 0.18.0
vite: 8.0.0-beta.15(@types/node@25.3.0)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0)
vite: 8.0.0-beta.16(@types/node@25.3.3)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0)
transitivePeerDependencies:
- supports-color
@@ -4056,7 +4056,7 @@ snapshots:
eruda@3.4.3: {}
es-toolkit@1.44.0: {}
es-toolkit@1.45.1: {}
esbuild@0.27.3:
optionalDependencies:
@@ -4378,7 +4378,7 @@ snapshots:
dependencies:
yallist: 3.1.1
lucide-react@0.575.0(react@19.2.4):
lucide-react@0.577.0(react@19.2.4):
dependencies:
react: 19.2.4
@@ -4840,7 +4840,7 @@ snapshots:
optionalDependencies:
'@types/react': 19.2.14
react-resizable-panels@4.6.5(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
react-resizable-panels@4.7.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
dependencies:
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
@@ -5000,24 +5000,24 @@ snapshots:
resolve-pkg-maps@1.0.0: {}
rolldown@1.0.0-rc.5:
rolldown@1.0.0-rc.6:
dependencies:
'@oxc-project/types': 0.114.0
'@rolldown/pluginutils': 1.0.0-rc.5
'@oxc-project/types': 0.115.0
'@rolldown/pluginutils': 1.0.0-rc.6
optionalDependencies:
'@rolldown/binding-android-arm64': 1.0.0-rc.5
'@rolldown/binding-darwin-arm64': 1.0.0-rc.5
'@rolldown/binding-darwin-x64': 1.0.0-rc.5
'@rolldown/binding-freebsd-x64': 1.0.0-rc.5
'@rolldown/binding-linux-arm-gnueabihf': 1.0.0-rc.5
'@rolldown/binding-linux-arm64-gnu': 1.0.0-rc.5
'@rolldown/binding-linux-arm64-musl': 1.0.0-rc.5
'@rolldown/binding-linux-x64-gnu': 1.0.0-rc.5
'@rolldown/binding-linux-x64-musl': 1.0.0-rc.5
'@rolldown/binding-openharmony-arm64': 1.0.0-rc.5
'@rolldown/binding-wasm32-wasi': 1.0.0-rc.5
'@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.5
'@rolldown/binding-win32-x64-msvc': 1.0.0-rc.5
'@rolldown/binding-android-arm64': 1.0.0-rc.6
'@rolldown/binding-darwin-arm64': 1.0.0-rc.6
'@rolldown/binding-darwin-x64': 1.0.0-rc.6
'@rolldown/binding-freebsd-x64': 1.0.0-rc.6
'@rolldown/binding-linux-arm-gnueabihf': 1.0.0-rc.6
'@rolldown/binding-linux-arm64-gnu': 1.0.0-rc.6
'@rolldown/binding-linux-arm64-musl': 1.0.0-rc.6
'@rolldown/binding-linux-x64-gnu': 1.0.0-rc.6
'@rolldown/binding-linux-x64-musl': 1.0.0-rc.6
'@rolldown/binding-openharmony-arm64': 1.0.0-rc.6
'@rolldown/binding-wasm32-wasi': 1.0.0-rc.6
'@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.6
'@rolldown/binding-win32-x64-msvc': 1.0.0-rc.6
scheduler@0.27.0: {}
@@ -5186,7 +5186,7 @@ snapshots:
dependencies:
react: 19.2.4
valtio@2.3.0(@types/react@19.2.14)(react@19.2.4):
valtio@2.3.1(@types/react@19.2.14)(react@19.2.4):
dependencies:
proxy-compare: 3.0.1
optionalDependencies:
@@ -5208,16 +5208,16 @@ snapshots:
'@types/unist': 3.0.3
vfile-message: 4.0.3
vite@8.0.0-beta.15(@types/node@25.3.0)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0):
vite@8.0.0-beta.16(@types/node@25.3.3)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0):
dependencies:
'@oxc-project/runtime': 0.114.0
'@oxc-project/runtime': 0.115.0
lightningcss: 1.31.1
picomatch: 4.0.3
postcss: 8.5.6
rolldown: 1.0.0-rc.5
rolldown: 1.0.0-rc.6
tinyglobby: 0.2.15
optionalDependencies:
'@types/node': 25.3.0
'@types/node': 25.3.3
esbuild: 0.27.3
fsevents: 2.3.3
jiti: 2.6.1

196
src/pages/studio/components/RouterGroupDialog.tsx Normal file
View File

@@ -0,0 +1,196 @@
import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
import { useStudioStore } from '../store';
import { useShallow } from 'zustand/shallow';
import { FolderClosed, FolderOpen, Search, List } from 'lucide-react';
import { useState, useMemo, useEffect } from 'react';
interface RouteItem {
id: string;
path?: string;
key?: string;
description?: string;
metadata?: Record<string, any>;
}
interface GroupedRoutes {
[group: string]: RouteItem[];
}
type TabType = 'grouped' | 'all';
export const RouterGroupDialog = () => {
const { showRouterGroup, setShowRouterGroup, routes, allRoutes, searchRoutes, setShowFilter, getAllRoutes } = useStudioStore(
useShallow((state) => ({
showRouterGroup: state.showRouterGroup,
setShowRouterGroup: state.setShowRouterGroup,
routes: state.routes,
allRoutes: state.allRoutes,
searchRoutes: state.searchRoutes,
setShowFilter: state.setShowFilter,
getAllRoutes: state.getAllRoutes,
}))
);
const [expandedGroups, setExpandedGroups] = useState<Set<string>>(new Set());
const [activeTab, setActiveTab] = useState<TabType>('grouped');
useEffect(() => {
if (showRouterGroup && activeTab === 'all') {
getAllRoutes();
}
}, [showRouterGroup, activeTab, getAllRoutes]);
const displayRoutes = activeTab === 'grouped' ? routes : allRoutes;
// 按 path 分组
const groupedRoutes = useMemo(() => {
const groups: GroupedRoutes = {};
displayRoutes.forEach((route: RouteItem) => {
if (!route.path) return;
// 获取第一级路径作为分组
const firstSegment = route.path.split('/').filter(Boolean)[0] || 'root';
if (!groups[firstSegment]) {
groups[firstSegment] = [];
}
groups[firstSegment].push(route);
});
return groups;
}, [displayRoutes]);
const toggleGroup = (group: string) => {
const newExpanded = new Set(expandedGroups);
if (newExpanded.has(group)) {
newExpanded.delete(group);
} else {
newExpanded.add(group);
}
setExpandedGroups(newExpanded);
};
const handleSearchByPath = (e: React.MouseEvent, path: string) => {
e.stopPropagation();
const keyword = `WHERE path='${path}'`;
searchRoutes(keyword);
setShowFilter(true);
setShowRouterGroup(false);
};
const handleSearchByKey = (e: React.MouseEvent, path: string, key: string) => {
e.stopPropagation();
const keyword = `WHERE path='${path}' AND key='${key}'`;
searchRoutes(keyword);
setShowFilter(true);
setShowRouterGroup(false);
};
const sortedGroups = Object.keys(groupedRoutes).sort();
const renderRouteItem = (route: RouteItem) => (
<div
key={route.id}
className="px-4 py-2 hover:bg-gray-50 transition-colors flex items-center justify-between"
>
<div className="flex items-center gap-2 flex-1 min-w-0">
<span className="font-mono text-sm text-gray-800 truncate">{route.path}</span>
{route.key && (
<>
<span className="text-xs text-gray-500">/</span>
<span className="text-sm text-gray-600 truncate">{route.key}</span>
<button
className="p-1 rounded text-gray-400 hover:text-gray-700 hover:bg-gray-200 transition-colors shrink-0"
title="搜索此路径和key"
onClick={(e) => handleSearchByKey(e, route.path!, route.key!)}
>
<Search size={14} />
</button>
</>
)}
</div>
{route.description && (
<span className="text-xs text-gray-500 truncate max-w-xs ml-2 shrink-0">
{route.description}
</span>
)}
</div>
);
const renderGroup = (group: string) => {
const isExpanded = expandedGroups.has(group);
const groupRoutes = groupedRoutes[group];
// 使用分组的第一个路由的完整 path 作为搜索关键词
const searchPath = groupRoutes[0]?.path || `/${group}`;
return (
<div key={group} className="border border-gray-200 rounded-md overflow-hidden">
<div
className="flex items-center gap-2 px-3 py-2 bg-gray-50 cursor-pointer hover:bg-gray-100 transition-colors"
onClick={() => toggleGroup(group)}
>
{isExpanded ? (
<FolderOpen size={18} className="text-gray-600" />
) : (
<FolderClosed size={18} className="text-gray-600" />
)}
<span className="font-medium text-gray-900">/{group}</span>
<span className="text-xs text-gray-500">({groupRoutes.length} 个路由)</span>
<button
className="ml-auto p-1 rounded text-gray-400 hover:text-gray-700 hover:bg-gray-200 transition-colors"
title="搜索此路径"
onClick={(e) => handleSearchByPath(e, searchPath)}
>
<Search size={14} />
</button>
</div>
{isExpanded && (
<div className="divide-y divide-gray-100">
{groupRoutes.map(renderRouteItem)}
</div>
)}
</div>
);
};
return (
<Dialog open={showRouterGroup} onOpenChange={setShowRouterGroup}>
<DialogContent className="max-w-3xl! max-h-[80vh] overflow-hidden flex flex-col">
<DialogHeader>
<DialogTitle>路由分组</DialogTitle>
</DialogHeader>
{/* Tabs */}
<div className="flex border-b border-gray-200">
<button
className={`flex items-center gap-2 px-4 py-2 text-sm font-medium transition-colors ${
activeTab === 'grouped'
? 'text-gray-900 border-b-2 border-gray-900'
: 'text-gray-500 hover:text-gray-700'
}`}
onClick={() => setActiveTab('grouped')}
>
<FolderClosed size={16} />
当前分组
</button>
<button
className={`flex items-center gap-2 px-4 py-2 text-sm font-medium transition-colors ${
activeTab === 'all'
? 'text-gray-900 border-b-2 border-gray-900'
: 'text-gray-500 hover:text-gray-700'
}`}
onClick={() => setActiveTab('all')}
>
<List size={16} />
全部路由 ({allRoutes.length})
</button>
</div>
<div className="flex-1 overflow-auto space-y-2 p-2">
{sortedGroups.length === 0 ? (
<div className="text-center text-gray-500 py-8">
{activeTab === 'all' && allRoutes.length === 0 ? '加载中...' : '暂无路由数据'}
</div>
) : (
sortedGroups.map(renderGroup)
)}
</div>
</DialogContent>
</Dialog>
);
};

19
src/pages/studio/index.tsx
View File

@@ -1,6 +1,6 @@
import { filterRouteInfo, useStudioStore } from './store.ts';
import { use, useEffect, useState } from 'react';
import { MonitorPlay, Play, PanelLeft, PanelLeftClose, PanelRight, PanelRightClose, PanelTop, PanelTopClose, Filter, FilterX, Search, X, MoreHorizontal, Info, Code, RotateCcw, Book } from 'lucide-react';
import { MonitorPlay, Play, PanelLeft, PanelLeftClose, PanelRight, PanelRightClose, PanelTop, PanelTopClose, Filter, FilterX, Search, X, MoreHorizontal, Info, Code, RotateCcw, Book, FolderClosed } from 'lucide-react';
import { Panel, Group } from 'react-resizable-panels'
import { ViewList } from '../view/list.tsx';
import { useShallow } from 'zustand/shallow';
@@ -9,6 +9,7 @@ import { Input } from '@/components/ui/input.tsx';
import { Button } from '@/components/ui/button.tsx';
import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@/components/ui/dropdown-menu.tsx';
import { ExportDialog } from './components/ExportDialog';
import { RouterGroupDialog } from './components/RouterGroupDialog';
import { useQueryViewStore } from '../query-view/store/index.ts';
import { toast } from 'sonner';
import { DetailsDialog } from '../query-view/components/DetailsDialog.tsx';
@@ -115,6 +116,7 @@ export const App = () => {
setShowFilter: state.setShowFilter,
setShowExportDialog: state.setShowExportDialog,
setExportRoutes: state.setExportRoutes,
setShowRouterGroup: state.setShowRouterGroup,
})));
const queryViewStore = useQueryViewStore(useShallow((state) => ({
setShowDetailsDialog: state.setShowDetailsDialog,
@@ -188,6 +190,7 @@ export const App = () => {
return (
<div className="max-w-5xl mx-auto p-6 h-full overflow-hidden flex flex-col relative">
<ExportDialog />
<RouterGroupDialog />
{loading && <div className="text-center text-gray-500 mb-4">加载中...</div>}
{store.showFilter && (
<div className="mb-3 animate-in fade-in slide-in-from-top-2 duration-300">
@@ -363,7 +366,17 @@ export const App = () => {
);
})}
</div>
<div className='h-12 absolute bottom-0 left-0 right-0 bg-white border-t border-gray-200 flex items-center justify-end px-4'>
<div className='h-12 absolute bottom-0 left-0 right-0 bg-white border-t border-gray-200 flex items-center justify-end px-4 gap-2'>
<Button
variant="ghost"
onClick={() => {
store.setShowRouterGroup(true);
}}
className="gap-2"
title="路由分组"
>
<FolderClosed size={16} />
</Button>
<Button
variant="ghost"
onClick={() => {
@@ -377,4 +390,4 @@ export const App = () => {
</div>
</div>
);
}
}

12
src/pages/studio/store.ts
View File

@@ -42,6 +42,8 @@ interface StudioState {
setLoading: (loading: boolean) => void;
routes: Array<RouteItem>;
searchRoutes: (keyword: string) => Promise<void>;
allRoutes: Array<RouteItem>;
getAllRoutes: () => Promise<void>;
run: (route: RouteItem, type?: 'normal' | 'custom') => Promise<void>;
queryProxy?: QueryProxy;
init: (force?: boolean) => Promise<{ queryProxy: QueryProxy }>;
@@ -72,6 +74,8 @@ interface StudioState {
setExportRoutes: (routes?: RouteItem[]) => void;
showApiDocs: boolean;
setShowApiDocs: (show: boolean) => void;
showRouterGroup: boolean;
setShowRouterGroup: (show: boolean) => void;
}
const sleep = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));
export const filterRouteInfo = (viewData: RouterViewItem) => {
@@ -108,6 +112,12 @@ export const useStudioStore = create<StudioState>()(
const routes: any[] = await queryProxy.listRoutes(() => true, { query: keyword });
set({ routes, searchKeyword: keyword });
},
allRoutes: [],
getAllRoutes: async () => {
let queryProxy = get().queryProxy!;
const routes: any[] = await queryProxy.listRoutes(() => true);
set({ allRoutes: routes });
},
searchKeyword: '',
setSearchKeyword: (keyword: string) => set({ searchKeyword: keyword }),
currentView: undefined,
@@ -337,6 +347,8 @@ export const useStudioStore = create<StudioState>()(
setExportRoutes: (routes?: RouteItem[]) => set({ exportRoutes: routes }),
showApiDocs: false,
setShowApiDocs: (show: boolean) => set({ showApiDocs: show }),
showRouterGroup: false,
setShowRouterGroup: (show: boolean) => set({ showRouterGroup: show }),
}),
{
name: 'studio-storage',