315 lines
8.7 KiB
TypeScript
315 lines
8.7 KiB
TypeScript
import {
|
||
createRootRoute,
|
||
createRoute,
|
||
createRouter,
|
||
lazyRouteComponent,
|
||
Outlet,
|
||
redirect,
|
||
} from '@tanstack/react-router'
|
||
import { TanStackRouterDevtools } from '@tanstack/router-devtools'
|
||
import { NotFoundPage } from './routes/404'
|
||
import { Layout } from './components/layout'
|
||
import { checkAuth } from './hooks/use-auth'
|
||
import { RouteErrorBoundary } from './components/error-boundary'
|
||
|
||
// Root 路由
|
||
const rootRoute = createRootRoute({
|
||
component: () => (
|
||
<>
|
||
<Outlet />
|
||
{import.meta.env.DEV && <TanStackRouterDevtools />}
|
||
</>
|
||
),
|
||
beforeLoad: () => {
|
||
// 如果访问根路径且未认证，重定向到认证页面
|
||
if (window.location.pathname === '/' && !checkAuth()) {
|
||
throw redirect({ to: '/auth' })
|
||
}
|
||
},
|
||
})
|
||
|
||
// 认证路由（无 Layout）
|
||
const authRoute = createRoute({
|
||
getParentRoute: () => rootRoute,
|
||
path: '/auth',
|
||
component: lazyRouteComponent(() => import('./routes/auth'), 'AuthPage'),
|
||
})
|
||
|
||
// 首次配置路由（无 Layout）
|
||
const setupRoute = createRoute({
|
||
getParentRoute: () => rootRoute,
|
||
path: '/setup',
|
||
component: lazyRouteComponent(() => import('./routes/setup/index.tsx'), 'SetupPage'),
|
||
})
|
||
|
||
// 受保护的路由 Root（带 Layout）
|
||
const protectedRoute = createRoute({
|
||
getParentRoute: () => rootRoute,
|
||
id: 'protected',
|
||
component: () => (
|
||
<Layout>
|
||
<Outlet />
|
||
</Layout>
|
||
),
|
||
errorComponent: ({ error }) => <RouteErrorBoundary error={error} />,
|
||
})
|
||
|
||
// 首页路由
|
||
const indexRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/',
|
||
component: lazyRouteComponent(() => import('./routes/index'), 'IndexPage'),
|
||
})
|
||
|
||
// 配置路由 - 麦麦主程序配置
|
||
const botConfigRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/config/bot',
|
||
component: lazyRouteComponent(() => import('./routes/config/bot'), 'BotConfigPage'),
|
||
})
|
||
|
||
// 配置路由 - 麦麦模型提供商配置
|
||
const modelProviderConfigRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/config/modelProvider',
|
||
component: lazyRouteComponent(
|
||
() => import('./routes/config/modelProvider/index.tsx'),
|
||
'ModelProviderConfigPage'
|
||
),
|
||
})
|
||
|
||
// 配置路由 - 麦麦模型配置
|
||
const modelConfigRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/config/model',
|
||
component: lazyRouteComponent(() => import('./routes/config/model'), 'ModelConfigPage'),
|
||
})
|
||
|
||
// 配置路由 - 麦麦适配器配置
|
||
const adapterConfigRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/config/adapter',
|
||
component: lazyRouteComponent(() => import('./routes/config/adapter'), 'AdapterConfigPage'),
|
||
})
|
||
|
||
// 资源管理路由 - 表情包管理
|
||
const emojiManagementRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/resource/emoji',
|
||
component: lazyRouteComponent(
|
||
() => import('./routes/resource/emoji/index.tsx'),
|
||
'EmojiManagementPage'
|
||
),
|
||
})
|
||
|
||
// 资源管理路由 - 表达方式管理
|
||
const expressionManagementRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/resource/expression',
|
||
component: lazyRouteComponent(
|
||
() => import('./routes/resource/expression/index.tsx'),
|
||
'ExpressionManagementPage'
|
||
),
|
||
})
|
||
|
||
// 资源管理路由 - 人物信息管理
|
||
const personManagementRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/resource/person',
|
||
component: lazyRouteComponent(() => import('./routes/person'), 'PersonManagementPage'),
|
||
})
|
||
|
||
// 资源管理路由 - 黑话管理
|
||
const jargonManagementRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/resource/jargon',
|
||
component: lazyRouteComponent(
|
||
() => import('./routes/resource/jargon/index.tsx'),
|
||
'JargonManagementPage'
|
||
),
|
||
})
|
||
|
||
// 资源管理路由 - 知识库图谱可视化
|
||
const knowledgeGraphRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/resource/knowledge-graph',
|
||
component: lazyRouteComponent(
|
||
() => import('./routes/resource/knowledge-graph/index.tsx'),
|
||
'KnowledgeGraphPage'
|
||
),
|
||
})
|
||
|
||
// 资源管理路由 - 麦麦知识库管理
|
||
const knowledgeBaseRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/resource/knowledge-base',
|
||
component: lazyRouteComponent(
|
||
() => import('./routes/resource/knowledge-base'),
|
||
'KnowledgeBasePage'
|
||
),
|
||
})
|
||
|
||
// 日志查看器路由
|
||
const logsRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/logs',
|
||
component: lazyRouteComponent(() => import('./routes/logs'), 'LogViewerPage'),
|
||
})
|
||
|
||
// MaiSaka 聊天流监控路由
|
||
const plannerMonitorRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/planner-monitor',
|
||
component: lazyRouteComponent(() => import('./routes/monitor/index.tsx'), 'PlannerMonitorPage'),
|
||
})
|
||
|
||
// 本地聊天室路由
|
||
const chatRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/chat',
|
||
component: lazyRouteComponent(() => import('./routes/chat/index'), 'ChatPage'),
|
||
})
|
||
|
||
// 插件市场路由
|
||
const pluginsRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/plugins',
|
||
component: lazyRouteComponent(() => import('./routes/plugins/index'), 'PluginsPage'),
|
||
})
|
||
|
||
// 插件详情路由
|
||
const pluginDetailRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/plugin-detail',
|
||
component: lazyRouteComponent(() => import('./routes/plugin-detail'), 'PluginDetailPage'),
|
||
})
|
||
|
||
// 模型分配预设市场路由
|
||
const modelPresetsRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/model-presets',
|
||
component: lazyRouteComponent(() => import('./routes/model-presets'), 'ModelPresetsPage'),
|
||
})
|
||
|
||
// 插件配置路由
|
||
const pluginConfigRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/plugin-config',
|
||
component: lazyRouteComponent(() => import('./routes/plugin-config'), 'PluginConfigPage'),
|
||
})
|
||
|
||
// 插件镜像源配置路由
|
||
const pluginMirrorsRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/plugin-mirrors',
|
||
component: lazyRouteComponent(() => import('./routes/plugin-mirrors'), 'PluginMirrorsPage'),
|
||
})
|
||
|
||
// 设置页路由
|
||
const settingsRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/settings',
|
||
component: lazyRouteComponent(() => import('./routes/settings/index.tsx'), 'SettingsPage'),
|
||
})
|
||
|
||
// 配置模板市场路由
|
||
const packMarketRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/config/pack-market',
|
||
component: lazyRouteComponent(() => import('./routes/config/pack-market')),
|
||
})
|
||
|
||
// 配置模板详情路由
|
||
export const packDetailRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/config/pack-market/$packId',
|
||
component: lazyRouteComponent(() => import('./routes/config/pack-detail')),
|
||
})
|
||
|
||
// 问卷调查路由 - WebUI 反馈
|
||
const webuiFeedbackSurveyRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/survey/webui-feedback',
|
||
component: lazyRouteComponent(
|
||
() => import('./routes/survey/webui-feedback'),
|
||
'WebUIFeedbackSurveyPage'
|
||
),
|
||
})
|
||
|
||
// 问卷调查路由 - 麦麦体验反馈
|
||
const maibotFeedbackSurveyRoute = createRoute({
|
||
getParentRoute: () => protectedRoute,
|
||
path: '/survey/maibot-feedback',
|
||
component: lazyRouteComponent(
|
||
() => import('./routes/survey/maibot-feedback'),
|
||
'MaiBotFeedbackSurveyPage'
|
||
),
|
||
})
|
||
|
||
// 404 路由
|
||
const notFoundRoute = createRoute({
|
||
getParentRoute: () => rootRoute,
|
||
path: '*',
|
||
component: NotFoundPage,
|
||
})
|
||
|
||
// 路由树
|
||
const routeTree = rootRoute.addChildren([
|
||
authRoute,
|
||
setupRoute,
|
||
protectedRoute.addChildren([
|
||
indexRoute,
|
||
botConfigRoute,
|
||
modelProviderConfigRoute,
|
||
modelConfigRoute,
|
||
adapterConfigRoute,
|
||
emojiManagementRoute,
|
||
expressionManagementRoute,
|
||
jargonManagementRoute,
|
||
personManagementRoute,
|
||
knowledgeGraphRoute,
|
||
knowledgeBaseRoute,
|
||
pluginsRoute,
|
||
pluginDetailRoute,
|
||
modelPresetsRoute,
|
||
pluginConfigRoute,
|
||
pluginMirrorsRoute,
|
||
logsRoute,
|
||
plannerMonitorRoute,
|
||
chatRoute,
|
||
settingsRoute,
|
||
packMarketRoute,
|
||
packDetailRoute,
|
||
webuiFeedbackSurveyRoute,
|
||
maibotFeedbackSurveyRoute,
|
||
]),
|
||
notFoundRoute,
|
||
])
|
||
|
||
type RouteNode = {
|
||
fullPath?: string
|
||
children?: RouteNode[]
|
||
}
|
||
|
||
function collectRoutePaths(node: RouteNode): string[] {
|
||
const currentPath = node.fullPath ? [node.fullPath] : []
|
||
const childPaths = node.children?.flatMap(collectRoutePaths) ?? []
|
||
return [...currentPath, ...childPaths]
|
||
}
|
||
|
||
export const registeredRoutePaths = new Set(collectRoutePaths(routeTree as RouteNode))
|
||
|
||
// 创建路由器
|
||
export const router = createRouter({
|
||
routeTree,
|
||
defaultNotFoundComponent: NotFoundPage,
|
||
defaultErrorComponent: ({ error }) => <RouteErrorBoundary error={error} />,
|
||
})
|
||
|
||
// 类型声明
|
||
declare module '@tanstack/react-router' {
|
||
interface Register {
|
||
router: typeof router
|
||
}
|
||
}
|