Commit 027e70eb authored by Sarthik Gupta's avatar Sarthik Gupta 👽
Browse files

chore: wip

parent fd844eba

index.d.ts

+2 −0
Original line number Diff line number Diff line 
/* eslint-disable @typescript-eslint/triple-slash-reference */

/// <reference path="./src/env.d.ts" />



type Optional<T> = T | null;

mock/src/api/network/performance/file-download-time/data.json

+54 −90
Original line number Diff line number Diff line
@@ -2,108 +2,72 @@ 
  "performanceTrend": [

    {

      "date": 1704067200000,

      "opDe8a": 150,

      "opDe8aRange": [120, 180],

      "opDe8aConflux": 140,

      "opDe8aConfluxRange": [110, 170],

      "opHk8a": 160,

      "opHk8aRange": [130, 190],

      "opHk8aConflux": 155,

      "opHk8aConfluxRange": [125, 185],

      "opUs8a": 170,

      "opUs8aRange": [140, 200],

      "opUs8aConflux": 165,

      "opUs8aConfluxRange": [135, 195]

      "opDe8a": { "low": 100, "median": 120, "high": 140 },

      "opDe8aConflux": { "low": 150, "median": 170, "high": 190 },

      "opHk8a": { "low": 200, "median": 220, "high": 240 },

      "opHk8aConflux": { "low": 250, "median": 270, "high": 290 },

      "opUs8a": { "low": 300, "median": 320, "high": 340 },

      "opUs8aConflux": { "low": 350, "median": 370, "high": 390 }

    },



    {

      "date": 1704153600000,

      "opDe8a": 155,

      "opDe8aRange": [125, 185],

      "opDe8aConflux": 145,

      "opDe8aConfluxRange": [115, 175],

      "opHk8a": 165,

      "opHk8aRange": [135, 195],

      "opHk8aConflux": 160,

      "opHk8aConfluxRange": [130, 190],

      "opUs8a": 175,

      "opUs8aRange": [145, 205],

      "opUs8aConflux": 170,

      "opUs8aConfluxRange": [140, 200]

      "date": 1704068200000,

      "opDe8a": { "low": 105, "median": 125, "high": 145 },

      "opDe8aConflux": { "low": 155, "median": 175, "high": 195 },

      "opHk8a": { "low": 205, "median": 225, "high": 245 },

      "opHk8aConflux": { "low": 255, "median": 275, "high": 295 },

      "opUs8a": { "low": 305, "median": 325, "high": 345 },

      "opUs8aConflux": { "low": 355, "median": 375, "high": 395 }

    },



    {

      "date": 1704240000000,

      "opDe8a": 160,

      "opDe8aRange": [130, 190],

      "opDe8aConflux": 150,

      "opDe8aConfluxRange": [120, 180],

      "opHk8a": 170,

      "opHk8aRange": [140, 200],

      "opHk8aConflux": 165,

      "opHk8aConfluxRange": [135, 195],

      "opUs8a": 180,

      "opUs8aRange": [150, 210],

      "opUs8aConflux": 175,

      "opUs8aConfluxRange": [145, 205]

      "date": 1704069200000,

      "opDe8a": { "low": 110, "median": 130, "high": 150 },

      "opDe8aConflux": { "low": 160, "median": 180, "high": 200 },

      "opHk8a": { "low": 210, "median": 230, "high": 250 },

      "opHk8aConflux": { "low": 260, "median": 280, "high": 300 },

      "opUs8a": { "low": 310, "median": 330, "high": 350 },

      "opUs8aConflux": { "low": 360, "median": 380, "high": 400 }

    },



    {

      "date": 1704326400000,

      "opDe8a": 165,

      "opDe8aRange": [135, 195],

      "opDe8aConflux": 155,

      "opDe8aConfluxRange": [125, 185],

      "opHk8a": 175,

      "opHk8aRange": [145, 205],

      "opHk8aConflux": 170,

      "opHk8aConfluxRange": [140, 200],

      "opUs8a": 185,

      "opUs8aRange": [155, 215],

      "opUs8aConflux": 180,

      "opUs8aConfluxRange": [150, 210]

      "date": 1704153600000,

      "opDe8a": { "low": 120, "median": 140, "high": 160 },

      "opDe8aConflux": { "low": 170, "median": 190, "high": 210 },

      "opHk8a": { "low": 220, "median": 240, "high": 260 },

      "opHk8aConflux": { "low": 270, "median": 290, "high": 310 },

      "opUs8a": { "low": 320, "median": 340, "high": 360 },

      "opUs8aConflux": { "low": 370, "median": 390, "high": 410 }

    },



    {

      "date": 1704412800000,

      "opDe8a": 170,

      "opDe8aRange": [140, 200],

      "opDe8aConflux": 160,

      "opDe8aConfluxRange": [130, 190],

      "opHk8a": 180,

      "opHk8aRange": [150, 210],

      "opHk8aConflux": 175,

      "opHk8aConfluxRange": [145, 205],

      "opUs8a": 190,

      "opUs8aRange": [160, 220],

      "opUs8aConflux": 185,

      "opUs8aConfluxRange": [155, 215]

      "date": 1704240000000,

      "opDe8a": { "low": 130, "median": 150, "high": 170 },

      "opDe8aConflux": { "low": 180, "median": 200, "high": 220 },

      "opHk8a": { "low": 230, "median": 250, "high": 270 },

      "opHk8aConflux": { "low": 280, "median": 300, "high": 320 },

      "opUs8a": { "low": 330, "median": 350, "high": 370 },

      "opUs8aConflux": { "low": 380, "median": 400, "high": 420 }

    },



    {

      "date": 1704499200000,

      "opDe8a": 175,

      "opDe8aRange": [145, 205],

      "opDe8aConflux": 165,

      "opDe8aConfluxRange": [135, 195],

      "opHk8a": 185,

      "opHk8aRange": [155, 215],

      "opHk8aConflux": 180,

      "opHk8aConfluxRange": [150, 210],

      "opUs8a": 195,

      "opUs8aRange": [165, 225],

      "opUs8aConflux": 190,

      "opUs8aConfluxRange": [160, 220]

      "date": 1704326400000,

      "opDe8a": { "low": 140, "median": 160, "high": 180 },

      "opDe8aConflux": { "low": 190, "median": 210, "high": 230 },

      "opHk8a": { "low": 240, "median": 260, "high": 280 },

      "opHk8aConflux": { "low": 290, "median": 310, "high": 330 },

      "opUs8a": { "low": 340, "median": 360, "high": 380 },

      "opUs8aConflux": { "low": 390, "median": 410, "high": 430 }

    },



    {

      "date": 1704585600000,

      "opDe8a": 180,

      "opDe8aRange": [150, 210],

      "opDe8aConflux": 170,

      "opDe8aConfluxRange": [140, 200],

      "opHk8a": 190,

      "opHk8aRange": [160, 220],

      "opHk8aConflux": 185,

      "opHk8aConfluxRange": [155, 215],

      "opUs8a": 200,

      "opUs8aRange": [170, 230],

      "opUs8aConflux": 195,

      "opUs8aConfluxRange": [165, 225]

      "date": 1704412800000,

      "opDe8a": { "low": 150, "median": 170, "high": 190 },

      "opDe8aConflux": { "low": 200, "median": 220, "high": 240 },

      "opHk8a": { "low": 250, "median": 270, "high": 290 },

      "opHk8aConflux": { "low": 300, "median": 320, "high": 340 },

      "opUs8a": { "low": 350, "median": 370, "high": 390 },

      "opUs8aConflux": { "low": 400, "median": 420, "high": 440 }

    }

  ]

}

model/network/performance/file-download-time.ts

+11 −13
Original line number Diff line number Diff line 
export interface FileDownloadTime {

  date: number;

  opDe8a: number;

  opDe8aRange: RangeValue;

  opDe8aConflux: number;

  opDe8aConfluxRange: RangeValue;

  opHk8a: number;

  opHk8aRange: RangeValue;

  opHk8aConflux: number;

  opHk8aConfluxRange: RangeValue;

  opUs8a: number;

  opUs8aRange: RangeValue;

  opUs8aConflux: number;

  opUs8aConfluxRange: RangeValue;

  opDe8a: MedianValue;

  opDe8aConflux: MedianValue;

  opHk8a: MedianValue;

  opHk8aConflux: MedianValue;

  opUs8a: MedianValue;

  opUs8aConflux: MedianValue;

}



export interface GetFileDownloadTimeResponse {

  performanceTrend: FileDownloadTime[];

}



export type RangeValue = [number, number];

export interface MedianValue {

  low: number;

  median: number;

  high: number;

}



export interface GetFileDownloadTimeSearchParams {

  startDate: string;

model/router/details.ts

+0 −67
Original line number Diff line number Diff line 
export interface OnionooDetailsResponse {

  version: string;

  build_revision: string;

  relays_published: string;

  relays_skipped: string;

  relays_truncated: number;

  relays: Relay[];

  bridges_published: number;

  bridges_truncated: number;

  bridges: Bridge[];

}



export interface Bridge {

  nickname: string;

  hashed_fingerprint: string;

  or_addresses: string[];

  last_seen: string;

  first_seen: string;

  running: boolean;

  flags: string[];

  last_restarted: string;

  advertised_bandwidth: number;

  platform: string;

  version: string;

  version_status: string;

  recommended_version: boolean;

}



export interface Relay {

  nickname: string;

  fingerprint: string;

  or_addresses: string[];

  last_seen: string;

  last_changed_address_or_port: string;

  first_seen: string;

  running: boolean;

  flags: string[];

  country: string;

  country_name: string;

  as: string;

  as_name: string;

  consensus_weight: number;

  verified_host_names: string[];

  last_restarted: string;

  bandwidth_rate: number;

  bandwidth_burst: number;

  observed_bandwidth: number;

  advertised_bandwidth: number;

  exit_policy: string[];

  exit_policy_summary: {

    reject: string[];

  };

  contact: string;

  platform: string;

  version: string;

  version_status: string;

  effective_family: string[];

  consensus_weight_fraction: number;

  guard_probability: number;

  middle_probability: number;

  exit_probability: number;

  recommended_version: boolean;

  measured: boolean;

}



export interface GetBridgeDetailsResponse {

  // Basic Information

  nickname: string;
@@ -89,8 +24,6 @@ export interface GetBridgeDetailsResponse { 


export interface GetRouterDetailsSearchParams {

  fingerprint: string;

  startDate: string;

  endDate: string;

  type: "bridge" | "relay";

}

src/components/chart/uncertainity-chart/uncertainity-chart.tsx

+7 −6
Original line number Diff line number Diff line
@@ -47,26 +47,27 @@ export function UncertainityChart(props: UncertainityChartProps) { 
            />

          }

        />

        {Object.keys(props.chartConfig).map((key, index) =>

          index % 2 ? (

        {Object.keys(props.chartConfig).map((key) => (

          <>

            <Area

              key={key}

              dataKey={key}

              type="monotone"

              fill={props.chartConfig[key].color}

              fillOpacity={0.4}

              stroke={props.chartConfig[key].color}

              strokeOpacity={0.4}

            />

          ) : (

            <Line

              key={key}

              hide={true}

              dataKey={key}

              type="natural"

              stroke={props.chartConfig[key].color}

              strokeWidth={2}

              dot={false}

            />

          ),

        )}

          </>

        ))}

        {props.legend && <ChartLegend content={<ChartLegendContent />} />}

      </ComposedChart>

    </ChartContainer>