Files
EvoBGP/apps/web/src/queries/operations.ts
T
DenozordecandCursor c144b49acf
CI / changes (push) Successful in 17s
CI / commitlint (push) Has been skipped
CI / openapi (push) Successful in 26s
CI / web (push) Successful in 46s
CI / go (push) Successful in 1m1s
CI / bird2 (push) Successful in 17s
CI / release (push) Failing after 2m22s
feat!(web): migrate UI from SvelteKit to React + shadcn/ui + ReUI
Web UI полностью переведён с SvelteKit на новый стек: React 19,
TanStack Router/Query/Table/Virtual, shadcn/ui (base-nova) и ReUI
enterprise-компоненты (data-grid, filters, autocomplete). Новый код
разложен по слоям: packages/ui (shadcn-примитивы), apps/web
(роуты, shared-обёртки, ReUI-адаптации).

BREAKING CHANGE: меняется структура и инструментинг фронтенда.

- apps/web/ — новый Vite + React-проект (@evobgp/web), file-based
  роуты TanStack Router; экраны dashboard, modules, monitoring,
  network, operations, schedule, settings, tenant-settings, access,
  directories.
- packages/ui/ — shadcn/ui-примитивы (@evobgp/ui) с общими стилями
  globals.css и cn-утилитой; CLI shadcn запускается из apps/web.
- apps/web/src/components/reui/ — enterprise-паттерны ReUI.
- pnpm workspace (pnpm-workspace.yaml, pnpm-lock.yaml, tsconfig.base.json)
  заменяет npm-проект в web/.
- web/ переименован в web-legacy-svelte/ (архив-референс для миграции);
  импорты оттуда запрещены правилом WEB-22.
- CI (.gitea/workflows/ci.yaml): job web переведён на Node 22 + pnpm 10
  (typecheck/lint/build через pnpm --filter @evobgp/web); пути триггеров
  обновлены под apps/web|packages/ui.
- deploy/docker/evobgp-web/Dockerfile: сборка из корня репозитория,
  pnpm install --frozen-lockfile, выход dist из apps/web/dist.
- .cursor/rules/web-shadcn.mdc, context7-stack.mdc, engineering.mdc,
  AGENTS.md — обновлены под React-стек (WEB-01..WEB-22, DOC-SYNC-06/07).

Проверки WEB-19 локально: typecheck, lint, build — exit 0.

Co-authored-by: Cursor <[email protected]>
2026-07-02 17:59:59 +07:00

41 lines
1.4 KiB
TypeScript

import { queryOptions } from '@tanstack/react-query'
import { apiJSON } from '@/lib/api-client'
import type { JobsResponse, RevisionsResponse, RevisionDiff } from '@/types/api'
export const operationsKeys = {
all: ['operations'] as const,
revisions: () => [...operationsKeys.all, 'revisions'] as const,
jobs: (params?: { status?: string; kind?: string }) =>
[...operationsKeys.all, 'jobs', params ?? {}] as const,
diff: (a: string, b: string) => [...operationsKeys.all, 'diff', a, b] as const,
}
export function operationsRevisionsQueryOptions() {
return queryOptions<RevisionsResponse>({
queryKey: operationsKeys.revisions(),
queryFn: () => apiJSON<RevisionsResponse>('/v1/revisions?limit=100'),
staleTime: 30_000,
})
}
export function operationsJobsQueryOptions(params?: { status?: string; kind?: string }) {
return queryOptions<JobsResponse>({
queryKey: operationsKeys.jobs(params),
queryFn: () => {
const sp = new URLSearchParams({ limit: '200' })
if (params?.status) sp.set('status', params.status)
if (params?.kind) sp.set('kind', params.kind)
return apiJSON<JobsResponse>(`/v1/jobs?${sp.toString()}`)
},
staleTime: 10_000,
})
}
export function operationsDiffQueryOptions(a: string, b: string) {
return queryOptions<RevisionDiff>({
queryKey: operationsKeys.diff(a, b),
queryFn: () => apiJSON<RevisionDiff>(`/v1/revisions/${a}/diff/${b}`),
enabled: Boolean(a) && Boolean(b),
})
}