Files
signoz/frontend
Srikanth Chekuri a711cda7ba feat: generate semantic convention families (#12441)
## Summary

Adds the semantic-convention evolution foundation:

- vendors the OpenTelemetry schema and SigNoz overlay
- generates Go and TypeScript family tables deterministically
- exposes the Go resolver API for family members, current names, and
historical names
- adds generation checks and unit tests

Related to #6143.

## Stack

1. #12441 — Foundations (base: main)
2. #12442 — Phase 1 query (base: #12441)
3. #12443 — Phase 1 services (base: #12442)
4. #12444 — Phase 1 closure gate (base: #12443)
5. #12445 — Phase 2 signals (base: #12444)
6. #12446 — Phase 3 migration UX (base: #12445)
7. #12447 — Phase 4 rollout (base: #12446)

**Current layer:** #12441

## Testing

- `go test ./scripts/semconv`
- `go test ./pkg/types/telemetrytypes/semconv`
- `make semconv-check`

## Risk and rollback

This layer is additive apart from CI generation checks. Roll back by
reverting this PR; no stored telemetry is changed.
2026-08-07 15:27:50 +00:00
..

SigNoz - Observability on Your Terms

GitHub issues Slack community

SigNoz Frontend

React-based web interface for SigNoz, the open-source observability platform.

Tech Stack

  • Framework: React 18 + TypeScript
  • Build: Vite
  • State: React Query, Zustand, Redux Toolkit (legacy)
  • Styling: CSS Modules, Ant Design (legacy)
  • Charts: uPlot
  • Testing: Jest

Local Development Setup

  1. Run SigNoz backend locally — see Self-Host Docs

  2. Configure environment:

    cp example.env .env
    

    Key variables in .env:

    # Backend API endpoint (required)
    VITE_FRONTEND_API_ENDPOINT="http://localhost:8080"
    
    # Enable bundle analyzer (optional)
    BUNDLE_ANALYSER="true"
    
  3. Install and run:

    pnpm install
    pnpm dev
    

Development

pnpm dev

Opens http://localhost:3301.

Build

pnpm build

Output in build/ folder.

Bundle Size Analysis

Set in .env:

BUNDLE_ANALYSER="true"

Then run build:

pnpm build

Opens bundle analyzer visualization automatically.

Testing

# Unit tests
pnpm test

# Type checking
pnpm tsgo --noEmit

Linting

# Run all linters (oxlint + stylelint)
pnpm lint

Project Structure

src/
├── api/          # API clients and react-query hooks
├── components/   # Shared UI components
├── container/    # Page-level containers
├── hooks/        # Custom React hooks
├── pages/        # Route pages
├── providers/    # React context providers
├── store/        # Redux store
└── types/        # TypeScript definitions

Contributing

See CONTRIBUTING.md in the root repo.

Questions? Join our Slack community.