https://github.com/bgpkit/bgpkit-broker-ui

UI for quickly pulling information from BGPKIT Broker
https://github.com/bgpkit/bgpkit-broker-ui

Last synced: about 2 months ago
JSON representation

UI for quickly pulling information from BGPKIT Broker

• Host: GitHub
• URL: https://github.com/bgpkit/bgpkit-broker-ui
• Owner: bgpkit
• Created: 2022-04-28T19:04:59.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2026-03-02T05:03:31.000Z (3 months ago)
• Last Synced: 2026-03-02T09:47:52.205Z (3 months ago)
• Language: Svelte
• Size: 622 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Agents: AGENTS.md

Awesome Lists containing this project

README

          
# BGPKIT Broker Status Page

This repository contains the front-end code for BGPKIT Broker database status for the collectors and peers.

The current deployment is available at .

## Project Overview

The BGPKIT Broker Status Page is a web application built with SvelteKit that provides real-time information about BGP route collectors and their peers. The application displays data regarding collector status, file availability, sizes, peers connectivity, and more.

## Features

- **Route Collectors Dashboard**: Displays a table of all BGP route collectors, showing:

    - Collector ID with links to data sources

    - Data type

    - Status (active, delayed, or deprecated)

    - File timestamps and update times

    - File sizes

    - Status indicators for latest data

- **Collector Peers Dashboard**: Shows information about all peers connected to collectors:

    - Collector ID

    - Peer IP addresses

    - ASN information

    - IPv4 and IPv6 prefix counts

    - Connected ASN counts

    - Full-feed status indicators

- **Statistics Panels**: Provides quick overview metrics for:

    - Collector statistics

    - On-time updates statistics

    - Peer connectivity metrics

## API Integration

The application fetches data from two main BGPKIT API endpoints:

- `https://api.bgpkit.com/v3/broker/latest` - For route collector status

- `https://api.bgpkit.com/v3/peers/list` - For information about collector peers

## Project Structure

- `src/routes/`

    - `+page.svelte` - Main page layout with tabbed interface

    - `+page.ts` - Data loading logic

    - `+layout.svelte` - App layout and global styles

- `src/lib/`

    - `tables/`

        - `brokerTable.svelte` - Table component for collector data

        - `peersTable.svelte` - Table component for peer data

    - `stats/`

        - `collectorStats.svelte` - Statistics about collectors

        - `onTimeStats.svelte` - Statistics about on-time data

        - `peersStats.svelte` - Statistics about peers

    - `common.js` - Common utilities and constants

    - `types.ts` - TypeScript type definitions

## Getting Started

### Installation

1. Install dependencies:

   ```bash

   npm install

   ```

2. Start the development server:

   ```bash

   npm run dev

   ```

3. Build for production:

   ```bash

   npm run build

   ```

## Deployment

The application can be deployed to Cloudflare Pages or any other hosting service that supports SvelteKit applications.