OpenFlare/frontend/lib/navigation/openflare-nav.ts

import type {LucideIcon} from 'lucide-react';
import {
  FileText,
  Gauge,
  GitBranch,
  Globe,
  LayoutDashboard,
  Route,
  ScrollText,
  Server,
  ShieldCheck,
} from 'lucide-react';

export interface OpenFlareNavItem {
  title: string;
  url: string;
  icon: LucideIcon;
  /** 子页面在侧栏中仍高亮父级菜单项 */
  childUrls?: string[];
}

export interface OpenFlareNavSubItem {
  title: string;
  url: string;
  childUrls?: string[];
}

export interface OpenFlareNavGroup {
  title: string;
  icon: LucideIcon;
  items: OpenFlareNavSubItem[];
}

export type OpenFlareSidebarNavEntry =
  | ({kind: 'item'} & OpenFlareNavItem)
  | ({kind: 'group'} & OpenFlareNavGroup);

/** 安全性折叠组 */
export const openflareSecurityNavGroup: OpenFlareNavGroup = {
  title: '安全性',
  icon: ShieldCheck,
  items: [
    {title: 'WAF', url: '/waf'},
    {title: 'IP 组', url: '/waf/ip-groups'},
  ],
};

/** 网站管理折叠组 */
export const openflareWebsiteNavGroup: OpenFlareNavGroup = {
  title: '网站管理',
  icon: Globe,
  items: [
    {title: '域名列表', url: '/websites', childUrls: ['/websites/detail']},
    {title: 'TLS证书', url: '/websites/certificates'},
    {title: 'DNS账号', url: '/websites/dns-accounts'},
    {title: '源站地址', url: '/origins', childUrls: ['/origins/detail']},
  ],
};

/**
 * OpenFlare 侧栏导航顺序（单一配置源）。
 * 调整菜单顺序或折叠组位置时，只需修改此数组。
 */
export const openflareSidebarNav: OpenFlareSidebarNavEntry[] = [
  {kind: 'item', title: '数据看板', url: '/', icon: LayoutDashboard},
  {kind: 'item', title: '节点管理', url: '/nodes', icon: Server, childUrls: ['/nodes/detail']},
  {kind: 'item', title: '规则管理', url: '/proxy-routes', icon: Route, childUrls: ['/proxy-routes/detail']},
  {kind: 'group', ...openflareWebsiteNavGroup},
  {kind: 'group', ...openflareSecurityNavGroup},
  {kind: 'item', title: 'Pages', url: '/pages', icon: FileText, childUrls: ['/pages/detail']},
  {kind: 'item', title: '版本发布', url: '/config-versions', icon: GitBranch},
  {kind: 'item', title: '访问日志', url: '/access-logs', icon: ScrollText},
  {kind: 'item', title: '性能调优', url: '/performance', icon: Gauge},
];

/** 扁平菜单项（供路由判断等逻辑复用） */
export const openflareNavItems: OpenFlareNavItem[] = openflareSidebarNav
  .filter((entry): entry is {kind: 'item'} & OpenFlareNavItem => entry.kind === 'item')
  .map((entry) => {
    const {kind, ...item} = entry;
    void kind;
    return item;
  });

/** 网站模块页内二级导航 */
export const openflareWebsiteSubNav = [
  {title: '网站列表', url: '/websites'},
  {title: '证书', url: '/websites/certificates'},
  {title: 'DNS 账号', url: '/websites/dns-accounts'},
] as const;

const nonConsoleRoutePrefixes = ['/admin', '/settings', '/files', '/home', '/login', '/register', '/docs'];

export function matchesNavPath(
  pathname: string,
  url: string,
  childUrls?: string[],
): boolean {
  if (url === '/') {
    return pathname === '/';
  }

  if (pathname === url || pathname.startsWith(`${url}/`)) {
    return true;
  }

  return (childUrls ?? []).some(
    (childUrl) => pathname === childUrl || pathname.startsWith(`${childUrl}/`),
  );
}

export function isNavGroupActive(pathname: string, group: OpenFlareNavGroup): boolean {
  return group.items.some((item) => matchesNavPath(pathname, item.url, item.childUrls));
}

/** 判断当前路径是否属于 OpenFlare 业务控制台 */
export function isOpenFlareConsoleRoute(pathname: string): boolean {
  if (nonConsoleRoutePrefixes.some((prefix) => pathname === prefix || pathname.startsWith(`${prefix}/`))) {
    return false;
  }

  return openflareSidebarNav.some((entry) => {
    if (entry.kind === 'group') {
      return isNavGroupActive(pathname, entry);
    }

    return matchesNavPath(pathname, entry.url, entry.childUrls);
  });
}