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: '/ip-groups' },
  ],
};

/** 网站管理折叠组 */
export const openflareWebsiteNavGroup: OpenFlareNavGroup = {
  title: '网站管理',
  icon: Globe,
  items: [
    { title: '域名列表', url: '/websites', childUrls: ['/websites/detail'] },
    { title: 'TLS证书', url: '/certificates' },
    { title: 'DNS账号', url: '/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: '/certificates' },
  { title: 'DNS 账号', url: '/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);
  });
}