Ghost Telemetry

+ {this.state.hover ? this.renderDetails() : null} +

+ ); + } + + private renderDetails() { + const { + name, + implementation, + version, + validator, + height, + hash, + blockTime, + blockTimestamp, + propagationTime, + city, + } = this.props.node; + + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ +	{name}
+ +	+ {implementation} v{version} +
+ +	{city}
+ +	#{formatNumber(height)}
+ +	{trimHash(hash, 20)}
+ +	+ {secondsWithPrecision(blockTime / 1000)} +	+ +	+ {propagationTime == null ? '∞' : milliOrSecond(propagationTime)} +	+ +	+ +

+ ); + } + + private onMouseOver = () => { + this.setState({ hover: true }); + }; + + private onMouseOut = () => { + this.setState({ hover: false }); + }; +} diff --git a/src/components/Map/Map.css b/src/components/Map/Map.css new file mode 100644 index 0000000..4cd2762 --- /dev/null +++ b/src/components/Map/Map.css @@ -0,0 +1,18 @@ +.Map-container { + background: linear-gradient(90deg, rgba(28,54,100,1) 0%, rgba(45,87,132,1) 100%); +} + +.Map { + background: url('../../assets/world-map.svg') no-repeat; + background-size: contain; +} + +.Map-container, .Map { + min-width: 1350px; + background-position: center; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} diff --git a/src/components/Map/Map.tsx b/src/components/Map/Map.tsx new file mode 100644 index 0000000..6f55279 --- /dev/null +++ b/src/components/Map/Map.tsx @@ -0,0 +1,164 @@ +import * as React from 'react'; +import ReactGA from "react-ga4"; + +import { Types, Maybe } from '../../common'; +import { Filter } from '../'; +import { State as AppState, Node } from '../../state'; +import { Location, LocationQuarter, LocationPosition, LocationOffsets } from './'; +import { viewport } from '../../utils'; + +const MAP_RATIO = 800 / 350; +const MAP_HEIGHT_ADJUST = 400 / 350; +const HEADER = 148; + +import './Map.css'; + +interface MapProps { + appState: Readonly; +} + +interface MapState { + filter: Maybe<(node: Node) => boolean>; + width: number; + height: number; + top: number; + left: number; +} + +export class WorldMap extends React.Component { + public state: MapState = { + filter: null, + width: 0, + height: 0, + top: 0, + left: 0, + }; + + public offsets: Map = new Map(); + + public usedLeftPositions: Set = new Set(); + public usedTopPositions: Set = new Set(); + + public componentDidMount() { + ReactGA.send({ hitType: "pageview", page: "/map" }); + this.onResize(); + + window.addEventListener('resize', this.onResize); + } + + public componentWillUnmount() { + window.removeEventListener('resize', this.onResize); + } + + public render() { + const { appState } = this.props; + const { filter } = this.state; + const nodes = appState.nodes.sorted(); + + return ( +

+ {nodes.map(node => { + const { lat, lon } = node; + + const focused = filter == null || filter(node); + + if (lat == null || lon == null) { + // Skip nodes with unknown location + return null; + } + + const position = this.pixelPosition(node.networkId, lat, lon); + + return ( + + ); + })} +

+ +

+ ); + } + + private pixelPosition( + id: Maybe, + lat: Types.Latitude, + lon: Types.Longitude, + ): LocationPosition { + const { state, offsets, usedLeftPositions, usedTopPositions } = this; + + // Longitude ranges -180 (west) to +180 (east) + // Latitude ranges +90 (north) to -90 (south) + let left = Math.round(((180 + lon) / 360) * state.width + state.left); + let top = Math.round( + ((90 - lat) / 180) * state.height * MAP_HEIGHT_ADJUST + state.top + ); + + let quarter: LocationQuarter = 0; + + if (lon > 0) { + quarter = (quarter | 1) as LocationQuarter; + } + + if (lat < 0) { + quarter = (quarter | 2) as LocationQuarter; + } + + let topOffset = 0; + let leftOffset = 0; + + id = id!; + const maybeOffsets = offsets.get(id); + if (maybeOffsets) { + topOffset = maybeOffsets.topOffset; + leftOffset = maybeOffsets.leftOffset; + } else if (usedLeftPositions.has(left) && usedTopPositions.has(top)) { + topOffset = Math.floor(Math.random() * 12) - 6; + leftOffset = Math.floor(Math.random() * 12) - 6; + } + + left += leftOffset; + top += topOffset; + + offsets.set(id, { leftOffset, topOffset }); + usedLeftPositions.add(left); + usedTopPositions.add(top); + + return { left, top, quarter }; + } + + private onResize: () => void = () => { + const vp = viewport(); + + vp.width = Math.max(1350, vp.width); + vp.height -= HEADER; + + const ratio = vp.width / vp.height; + + let top = 0; + let left = 0; + let width = 0; + let height = 0; + + if (ratio >= MAP_RATIO) { + width = Math.round(vp.height * MAP_RATIO); + height = Math.round(vp.height); + left = (vp.width - width) / 2; + } else { + width = Math.round(vp.width); + height = Math.round(vp.width / MAP_RATIO); + top = (vp.height - height) / 2; + } + + this.setState({ top, left, width, height }); + }; + + private onFilterChange = (filter: Maybe<(node: Node) => boolean>) => { + this.setState({ filter }); + }; +} diff --git a/src/components/Map/index.ts b/src/components/Map/index.ts new file mode 100644 index 0000000..602baea --- /dev/null +++ b/src/components/Map/index.ts @@ -0,0 +1,2 @@ +export * from './Map'; +export * from './Location'; diff --git a/src/components/Sparkline.css b/src/components/Sparkline.css new file mode 100644 index 0000000..71f2e94 --- /dev/null +++ b/src/components/Sparkline.css @@ -0,0 +1,18 @@ +.Sparkline { + fill: currentcolor; + fill-opacity: 0.35; + stroke: currentcolor; + margin: 0 -1px -3px -1px; +} + +.Sparkline path { + pointer-events: none; +} + +.Sparkline .Sparkline-cursor { + display: none; +} + +.Sparkline:hover .Sparkline-cursor { + display: initial; +} diff --git a/src/components/Sparkline.tsx b/src/components/Sparkline.tsx new file mode 100644 index 0000000..55de907 --- /dev/null +++ b/src/components/Sparkline.tsx @@ -0,0 +1,101 @@ +import * as React from 'react'; +import { Types, Maybe } from '../common'; +import { Tooltip, TooltipUpdateCallback } from './'; + +import './Sparkline.css'; + +interface SparklineProps { + stroke: number; + width: number; + height: number; + values: number[]; + stamps?: Types.Timestamp[]; + minScale?: number; + format?: (value: number, stamp: Maybe) => string; +} + +export class Sparkline extends React.Component { + private cursor: SVGPathElement; + private update: TooltipUpdateCallback; + + public shouldComponentUpdate(nextProps: SparklineProps): boolean { + const { stroke, width, height, format, values } = this.props; + + return ( + values !== nextProps.values || + stroke !== nextProps.stroke || + width !== nextProps.width || + height !== nextProps.height || + format !== nextProps.format + ); + } + + public render() { + const { stroke, width, height, minScale, values } = this.props; + const padding = stroke / 2; + const paddedHeight = height - padding; + const paddedWidth = width - 2; + + const max = Math.max(minScale || 0, ...values); + const offset = paddedWidth / (values.length - 1); + + let path = ''; + + values.forEach((value, index) => { + const x = 1 + index * offset; + const y = padding + (1 - value / max) * paddedHeight; + + if (path) { + path += ` L ${x} ${y}`; + } else { + path = `${x} ${y}`; + } + }); + + return ( + <> + + + + ); + } + + private onRef = (cursor: SVGPathElement) => { + this.cursor = cursor; + }; + + private onTooltipInit = (update: TooltipUpdateCallback) => { + this.update = update; + }; + + private onMouseMove = ( + event: React.MouseEvent + ) => { + const { width, height, values, format, stamps } = this.props; + const offset = (width - 2) / (values.length - 1); + const cur = + Math.round((event.nativeEvent.offsetX - 1 - offset / 2) / offset) | 0; + + this.cursor.setAttribute('d', `M ${1 + offset * cur} 0 V ${height}`); + + const str = format + ? format(values[cur], stamps ? stamps[cur] : null) + : `${values[cur]}`; + this.update(str); + }; + + private onMouseLeave = () => { + this.cursor.removeAttribute('d'); + }; +} diff --git a/src/components/Stats/Stats.css b/src/components/Stats/Stats.css new file mode 100644 index 0000000..94b96b8 --- /dev/null +++ b/src/components/Stats/Stats.css @@ -0,0 +1,56 @@ +.Stats { + text-align: center; + padding-top: 2.5rem; + padding-bottom: 0.1rem; +} + +.Stats-category { + text-align: left; + background-color: #345987; + margin-bottom: 2.5rem; + padding: 1rem; +} + +.Stats-category table { + color: #fff; + width: 100%; + table-layout: fixed; + border-collapse: collapse; +} + +.Stats-category tbody > tr:nth-child(odd) { + background-color: #50759f; +} + +.Stats-percent { + width: 6em; + text-align: right; + padding-left: 0.5rem; + padding-right: 1rem; +} + +.Stats-count { + width: 6.5em; + text-align: right; + padding-right: 1.5rem; + border-right: 1px solid #fff; +} + +.Stats-value { + padding-left: 2rem; +} + +th.Stats-value { + padding-left: 1rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.Stats-category td { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.Stats-unknown { + opacity: 0.5; +} diff --git a/src/components/Stats/Stats.tsx b/src/components/Stats/Stats.tsx new file mode 100644 index 0000000..2794cbd --- /dev/null +++ b/src/components/Stats/Stats.tsx @@ -0,0 +1,189 @@ +import * as React from 'react'; +import ReactGA from "react-ga4"; + +import { Maybe } from '../../common'; +import { State as AppState } from '../../state'; +import { Ranking, Range } from '../../common/types'; + +import './Stats.css'; + +interface StatsProps { + appState: Readonly; +} + +function displayPercentage(percent: number): string { + return (Math.round(percent * 100) / 100).toFixed(2); +} + +function generateRankingTable( + key: string, + label: string, + format: (value: T) => string, + ranking: Ranking +) { + let total = ranking.other + ranking.unknown; + ranking.list.forEach(([_, count]) => { + total += count; + }); + + if (ranking.unknown === total) { + return null; + } + + const entries: React.ReactNode[] = []; + ranking.list.forEach(([value, count]) => { + const percent = displayPercentage((count / total) * 100); + const index = entries.length; + entries.push( + + {percent}% + {count} + {format(value)} + + ); + }); + + if (ranking.other > 0) { + const percent = displayPercentage((ranking.other / total) * 100); + entries.push( + + {percent}% + {ranking.other} + Other + + ); + } + + if (ranking.unknown > 0) { + const percent = displayPercentage((ranking.unknown / total) * 100); + entries.push( + + {percent}% + {ranking.unknown} + Unknown + + ); + } + + return ( +

+ + + + + + + {entries} +

+	+	{label}

+ ); +} + +function identity(value: string | number): string { + return value + ''; +} + +function formatMemory(value: Range): string { + const [min, max] = value; + if (min === 0) { + return 'Less than ' + max + ' GB'; + } + if (max === null) { + return 'At least ' + min + ' GB'; + } + return min + ' GB'; +} + +function formatYesNo(value: boolean): string { + if (value) { + return 'Yes'; + } else { + return 'No'; + } +} + +function formatScore(value: Range): string { + const [min, max] = value; + if (max === null) { + return 'More than ' + (min / 100).toFixed(1) + 'x'; + } + if (min === 0) { + return 'Less than ' + (max / 100).toFixed(1) + 'x'; + } + if (min <= 100 && max >= 100) { + return 'Baseline'; + } + return (min / 100).toFixed(1) + 'x'; +} + +export class Stats extends React.Component { + public componentDidMount() { + ReactGA.send({ hitType: "pageview", page: "/stats" }); + } + + public render() { + const { appState } = this.props; + + const children: React.ReactNode[] = []; + function add( + key: string, + label: string, + format: (value: T) => string, + ranking: Maybe> + ) { + if (ranking) { + const child = generateRankingTable(key, label, format, ranking); + if (child !== null) { + children.push(child); + } + } + } + + const stats = appState.chainStats; + if (stats) { + add('version', 'Version', identity, stats.version); + add('target_os', 'Operating System', identity, stats.target_os); + add('target_arch', 'CPU Architecture', identity, stats.target_arch); + add('cpu', 'CPU', identity, stats.cpu); + add('core_count', 'CPU Cores', identity, stats.core_count); + add('cpu_vendor', 'CPU Vendor', identity, stats.cpu_vendor); + add('memory', 'Memory', formatMemory, stats.memory); + add( + 'is_virtual_machine', + 'Is Virtual Machine?', + formatYesNo, + stats.is_virtual_machine + ); + add('linux_distro', 'Linux Distribution', identity, stats.linux_distro); + add('linux_kernel', 'Linux Kernel', identity, stats.linux_kernel); + add( + 'cpu_hashrate_score', + 'CPU Speed', + formatScore, + stats.cpu_hashrate_score + ); + add( + 'memory_memcpy_score', + 'Memory Speed', + formatScore, + stats.memory_memcpy_score + ); + add( + 'disk_sequential_write_score', + 'Disk Speed (sequential writes)', + formatScore, + stats.disk_sequential_write_score + ); + add( + 'disk_random_write_score', + 'Disk Speed (random writes)', + formatScore, + stats.disk_random_write_score + ); + } + + return

{children}

; + } +} diff --git a/src/components/Stats/index.ts b/src/components/Stats/index.ts new file mode 100644 index 0000000..c1e298a --- /dev/null +++ b/src/components/Stats/index.ts @@ -0,0 +1 @@ +export * from './Stats'; diff --git a/src/components/Tile.css b/src/components/Tile.css new file mode 100644 index 0000000..b1be428 --- /dev/null +++ b/src/components/Tile.css @@ -0,0 +1,43 @@ +.Tile { + font-size: 2.5em; + text-align: left; + width: 208px; + height: 100px; + display: inline-block; + position: relative; + color: #fff; + cursor: pointer; +} + +.Tile:hover { + color: #f2e370; +} + +.Tile-label { + position: absolute; + top: 24px; + left: 50px; + right: 0; + font-size: 0.4em; + text-transform: uppercase; +} + +.Tile-content { + position: absolute; + bottom: 16px; + left: 50px; + right: 0; + font-weight: 300; + font-size: 0.75em; +} + +.Tile .Icon { + position: absolute; + left: 20px; + top: 15px; + font-size: 0.8em; + padding: 0.1em; + border-radius: 1.25em; + border: 2px solid #e6007a; + color: #e6007a; +} diff --git a/src/components/Tile.tsx b/src/components/Tile.tsx new file mode 100644 index 0000000..de6ba2e --- /dev/null +++ b/src/components/Tile.tsx @@ -0,0 +1,17 @@ +import * as React from 'react'; +import './Tile.css'; +import { Icon } from './Icon'; + +interface TileProps { + title: string; + children?: React.ReactNode; +} + +export function Tile(props: TileProps) { + return ( +

+ {props.title} + {props.children} +

+ ); +} diff --git a/src/components/Tooltip.css b/src/components/Tooltip.css new file mode 100644 index 0000000..97bc1ee --- /dev/null +++ b/src/components/Tooltip.css @@ -0,0 +1,80 @@ +.Tooltip { + background: #000; + color: #fff; + font-family: 'Ubuntu', sans-serif; + font-size: 13px; + font-weight: 400; + padding: 3px 5px; + border-radius: 2px; + background: #1b3563; + position: absolute; + white-space: nowrap; + top: -32px; + left: 50%; + transform: translateX(-50%); + display: none; + box-shadow: 0 3px 20px rgba(255, 255, 255, 0.2); + pointer-events: none; + transition: color 0.15s ease-in-out; +} + +.Tooltip::after { + content: ' '; + width: 0; + height: 0; + display: block; + position: absolute; + left: 50%; + bottom: -6px; + margin-left: -6px; + border-top: 6px #1b3563 solid; + border-left: 6px transparent solid; + border-right: 6px transparent solid; + pointer-events: none; +} + +.Tooltip-left { + left: 10px; + transform: none; +} + +.Tooltip-left::after { + left: 3px; + margin: 0; +} + +.Tooltip-right { + left: initial; + right: 10px; + transform: none; +} + +.Tooltip-right::after { + left: initial; + right: 3px; + margin: 0; +} + +.Tooltip.Tooltip-copied { + color: #fff; +} + +.Tooltip-container { + position: relative; +} + +.Tooltip-container-inline { + display: inline-block; +} + +.Tooltip-container-inline .Tooltip-left { + left: 0; +} + +.Tooltip-container-inline .Tooltip-right { + right: 0; +} + +:hover > .Tooltip { + display: block; +} diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx new file mode 100644 index 0000000..3012e3c --- /dev/null +++ b/src/components/Tooltip.tsx @@ -0,0 +1,96 @@ +import * as React from 'react'; +import { Maybe } from '../common'; + +import './Tooltip.css'; + +interface TooltipProps { + text: string; + copy?: (cb: TooltipCopyCallback) => void; + position?: 'left' | 'right' | 'center'; + onInit?: (update: TooltipUpdateCallback) => void; +} + +export type TooltipUpdateCallback = (text: string) => void; +export type TooltipCopyCallback = Maybe<() => void>; + +function copyToClipboard(text: string) { + const el = document.createElement('textarea'); + el.value = text; + document.body.appendChild(el); + el.select(); + document.execCommand('copy'); + document.body.removeChild(el); +} + +export function Tooltip({ + text, + position, + copy, + onInit, +}: TooltipProps): JSX.Element { + const [copied, setCopied] = React.useState(false); + const [timer, setTimer] = React.useState(null); + const el = React.useRef(null); + + const update = React.useCallback( + (newText: string) => { + if (el.current) { + el.current.textContent = newText; + } + }, + [el] + ); + + function restore() { + setCopied(false); + setTimer(null); + } + + function onClick() { + copyToClipboard(text); + + if (timer) { + clearTimeout(timer); + } + + setCopied(true); + + setTimer(setTimeout(restore, 2000)); + } + + React.useEffect(() => { + if (onInit) { + onInit(update); + } + + if (copy) { + copy(onClick); + } + + return () => { + if (timer) { + clearTimeout(timer); + } + + if (copy) { + copy(null); + } + }; + }, []); + + let tooltipClass = 'Tooltip'; + + if (position && position !== 'center') { + tooltipClass += ` Tooltip-${position}`; + } + + if (copied) { + tooltipClass += ' Tooltip-copied'; + } + + return ( +

+ {copied ? 'Copied to clipboard!' : text} +

+ ); +} diff --git a/src/components/Truncate.tsx b/src/components/Truncate.tsx new file mode 100644 index 0000000..0167c64 --- /dev/null +++ b/src/components/Truncate.tsx @@ -0,0 +1,30 @@ +import * as React from 'react'; + +interface TruncateProps { + text: string; + chars?: number; +} + +export class Truncate extends React.Component { + public shouldComponentUpdate(nextProps: TruncateProps): boolean { + return this.props.text !== nextProps.text; + } + + public render() { + const { text, chars } = this.props; + + if (!text) { + return '-'; + } + + if (chars != null && text.length <= chars) { + return text; + } + + return chars ? ( + `${text.substr(0, chars - 1)}…` + ) : ( +

{text}

+ ); + } +} diff --git a/src/components/index.ts b/src/components/index.ts new file mode 100644 index 0000000..3d37ddd --- /dev/null +++ b/src/components/index.ts @@ -0,0 +1,11 @@ +export * from './Chain'; +export * from './List'; +export * from './Map'; +export * from './Stats'; +export * from './Icon'; +export * from './Tile'; +export * from './Ago'; +export * from './Sparkline'; +export * from './Truncate'; +export * from './Tooltip'; +export * from './Filter'; diff --git a/src/icons/alert.svg b/src/icons/alert.svg new file mode 100644 index 0000000..ca50ea8 --- /dev/null +++ b/src/icons/alert.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/archive.svg b/src/icons/archive.svg new file mode 100644 index 0000000..d1eaa21 --- /dev/null +++ b/src/icons/archive.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/arrow-down.svg b/src/icons/arrow-down.svg new file mode 100644 index 0000000..c1acf0a --- /dev/null +++ b/src/icons/arrow-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/arrow-left.svg b/src/icons/arrow-left.svg new file mode 100644 index 0000000..f3cda4f --- /dev/null +++ b/src/icons/arrow-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/arrow-right.svg b/src/icons/arrow-right.svg new file mode 100644 index 0000000..04a4fbf --- /dev/null +++ b/src/icons/arrow-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/arrow-small-down.svg b/src/icons/arrow-small-down.svg new file mode 100644 index 0000000..57c1ee8 --- /dev/null +++ b/src/icons/arrow-small-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/arrow-small-left.svg b/src/icons/arrow-small-left.svg new file mode 100644 index 0000000..9fa227e --- /dev/null +++ b/src/icons/arrow-small-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/arrow-small-right.svg b/src/icons/arrow-small-right.svg new file mode 100644 index 0000000..bca6847 --- /dev/null +++ b/src/icons/arrow-small-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/arrow-small-up.svg b/src/icons/arrow-small-up.svg new file mode 100644 index 0000000..6c132f1 --- /dev/null +++ b/src/icons/arrow-small-up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/arrow-up.svg b/src/icons/arrow-up.svg new file mode 100644 index 0000000..63be890 --- /dev/null +++ b/src/icons/arrow-up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/assets.d.ts b/src/icons/assets.d.ts new file mode 100644 index 0000000..d9087db --- /dev/null +++ b/src/icons/assets.d.ts @@ -0,0 +1,17 @@ +// Source code for the Substrate Telemetry Server. +// Copyright (C) 2023 Parity Technologies (UK) Ltd. +// +// This program is free software: you can redistribute it and/or modify +// it under the terms of the GNU General Public License as published by +// the Free Software Foundation, either version 3 of the License, or +// (at your option) any later version. +// +// This program is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU General Public License for more details. +// +// You should have received a copy of the GNU General Public License +// along with this program. If not, see . + +declare module '*.svg'; diff --git a/src/icons/beaker.svg b/src/icons/beaker.svg new file mode 100644 index 0000000..0997bb0 --- /dev/null +++ b/src/icons/beaker.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/bell.svg b/src/icons/bell.svg new file mode 100644 index 0000000..171f84f --- /dev/null +++ b/src/icons/bell.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/book.svg b/src/icons/book.svg new file mode 100644 index 0000000..d21fa56 --- /dev/null +++ b/src/icons/book.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/bookmark.svg b/src/icons/bookmark.svg new file mode 100644 index 0000000..de64157 --- /dev/null +++ b/src/icons/bookmark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/briefcase.svg b/src/icons/briefcase.svg new file mode 100644 index 0000000..5104b81 --- /dev/null +++ b/src/icons/briefcase.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/broadcast.svg b/src/icons/broadcast.svg new file mode 100644 index 0000000..ddc1458 --- /dev/null +++ b/src/icons/broadcast.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/browser.svg b/src/icons/browser.svg new file mode 100644 index 0000000..00f512a --- /dev/null +++ b/src/icons/browser.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/bug.svg b/src/icons/bug.svg new file mode 100644 index 0000000..7518829 --- /dev/null +++ b/src/icons/bug.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/calendar.svg b/src/icons/calendar.svg new file mode 100644 index 0000000..fede886 --- /dev/null +++ b/src/icons/calendar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/check-square-regular.svg b/src/icons/check-square-regular.svg new file mode 100644 index 0000000..eb02d8b --- /dev/null +++ b/src/icons/check-square-regular.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/check-square-solid.svg b/src/icons/check-square-solid.svg new file mode 100644 index 0000000..56e75ac --- /dev/null +++ b/src/icons/check-square-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/check.svg b/src/icons/check.svg new file mode 100644 index 0000000..2df5dee --- /dev/null +++ b/src/icons/check.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/checklist.svg b/src/icons/checklist.svg new file mode 100644 index 0000000..671aa3b --- /dev/null +++ b/src/icons/checklist.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/chevron-down.svg b/src/icons/chevron-down.svg new file mode 100644 index 0000000..32eab7b --- /dev/null +++ b/src/icons/chevron-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/chevron-left.svg b/src/icons/chevron-left.svg new file mode 100644 index 0000000..680c9a0 --- /dev/null +++ b/src/icons/chevron-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/chevron-right.svg b/src/icons/chevron-right.svg new file mode 100644 index 0000000..a5dadc6 --- /dev/null +++ b/src/icons/chevron-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/chevron-up.svg b/src/icons/chevron-up.svg new file mode 100644 index 0000000..19db9dd --- /dev/null +++ b/src/icons/chevron-up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/circle-regular.svg b/src/icons/circle-regular.svg new file mode 100644 index 0000000..dee554d --- /dev/null +++ b/src/icons/circle-regular.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/circle-slash.svg b/src/icons/circle-slash.svg new file mode 100644 index 0000000..edfb3d8 --- /dev/null +++ b/src/icons/circle-slash.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/circle-solid.svg b/src/icons/circle-solid.svg new file mode 100644 index 0000000..2f60c78 --- /dev/null +++ b/src/icons/circle-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/circuit-board.svg b/src/icons/circuit-board.svg new file mode 100644 index 0000000..f9a4c7e --- /dev/null +++ b/src/icons/circuit-board.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/clippy.svg b/src/icons/clippy.svg new file mode 100644 index 0000000..9cb6337 --- /dev/null +++ b/src/icons/clippy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/clock.svg b/src/icons/clock.svg new file mode 100644 index 0000000..4bb89e0 --- /dev/null +++ b/src/icons/clock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/cloud-download.svg b/src/icons/cloud-download.svg new file mode 100644 index 0000000..8cc3d0f --- /dev/null +++ b/src/icons/cloud-download.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/cloud-upload.svg b/src/icons/cloud-upload.svg new file mode 100644 index 0000000..c17e1d3 --- /dev/null +++ b/src/icons/cloud-upload.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/code.svg b/src/icons/code.svg new file mode 100644 index 0000000..6e6560e --- /dev/null +++ b/src/icons/code.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/comment-discussion.svg b/src/icons/comment-discussion.svg new file mode 100644 index 0000000..c155b88 --- /dev/null +++ b/src/icons/comment-discussion.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/comment.svg b/src/icons/comment.svg new file mode 100644 index 0000000..2c6d88c --- /dev/null +++ b/src/icons/comment.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/credit-card.svg b/src/icons/credit-card.svg new file mode 100644 index 0000000..7da9f29 --- /dev/null +++ b/src/icons/credit-card.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/cube-alt.svg b/src/icons/cube-alt.svg new file mode 100644 index 0000000..268492e --- /dev/null +++ b/src/icons/cube-alt.svg @@ -0,0 +1 @@ + diff --git a/src/icons/cube.svg b/src/icons/cube.svg new file mode 100644 index 0000000..4c23a8b --- /dev/null +++ b/src/icons/cube.svg @@ -0,0 +1 @@ + diff --git a/src/icons/dashboard.svg b/src/icons/dashboard.svg new file mode 100644 index 0000000..dad1fd7 --- /dev/null +++ b/src/icons/dashboard.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/database.svg b/src/icons/database.svg new file mode 100644 index 0000000..e686d98 --- /dev/null +++ b/src/icons/database.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/desktop-download.svg b/src/icons/desktop-download.svg new file mode 100644 index 0000000..74b2c7d --- /dev/null +++ b/src/icons/desktop-download.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/device-camera-video.svg b/src/icons/device-camera-video.svg new file mode 100644 index 0000000..dc0e55e --- /dev/null +++ b/src/icons/device-camera-video.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/device-camera.svg b/src/icons/device-camera.svg new file mode 100644 index 0000000..609be0e --- /dev/null +++ b/src/icons/device-camera.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/device-desktop.svg b/src/icons/device-desktop.svg new file mode 100644 index 0000000..3671fd0 --- /dev/null +++ b/src/icons/device-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/device-mobile.svg b/src/icons/device-mobile.svg new file mode 100644 index 0000000..84559ca --- /dev/null +++ b/src/icons/device-mobile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/diff-added.svg b/src/icons/diff-added.svg new file mode 100644 index 0000000..8394151 --- /dev/null +++ b/src/icons/diff-added.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/diff-ignored.svg b/src/icons/diff-ignored.svg new file mode 100644 index 0000000..eaa2bee --- /dev/null +++ b/src/icons/diff-ignored.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/diff-modified.svg b/src/icons/diff-modified.svg new file mode 100644 index 0000000..6a17dc3 --- /dev/null +++ b/src/icons/diff-modified.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/diff-removed.svg b/src/icons/diff-removed.svg new file mode 100644 index 0000000..2dfe2a1 --- /dev/null +++ b/src/icons/diff-removed.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/diff-renamed.svg b/src/icons/diff-renamed.svg new file mode 100644 index 0000000..c1f0982 --- /dev/null +++ b/src/icons/diff-renamed.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/diff.svg b/src/icons/diff.svg new file mode 100644 index 0000000..cbaa51f --- /dev/null +++ b/src/icons/diff.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/ellipsis-v-solid.svg b/src/icons/ellipsis-v-solid.svg new file mode 100644 index 0000000..10cbd55 --- /dev/null +++ b/src/icons/ellipsis-v-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/ellipsis.svg b/src/icons/ellipsis.svg new file mode 100644 index 0000000..7d4b9d8 --- /dev/null +++ b/src/icons/ellipsis.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/eye.svg b/src/icons/eye.svg new file mode 100644 index 0000000..4f43a09 --- /dev/null +++ b/src/icons/eye.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/file-binary.svg b/src/icons/file-binary.svg new file mode 100644 index 0000000..93d0f54 --- /dev/null +++ b/src/icons/file-binary.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/file-code.svg b/src/icons/file-code.svg new file mode 100644 index 0000000..5b4b199 --- /dev/null +++ b/src/icons/file-code.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/file-directory.svg b/src/icons/file-directory.svg new file mode 100644 index 0000000..4bf1f1c --- /dev/null +++ b/src/icons/file-directory.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/file-media.svg b/src/icons/file-media.svg new file mode 100644 index 0000000..018e533 --- /dev/null +++ b/src/icons/file-media.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/file-pdf.svg b/src/icons/file-pdf.svg new file mode 100644 index 0000000..1b1703e --- /dev/null +++ b/src/icons/file-pdf.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/file-submodule.svg b/src/icons/file-submodule.svg new file mode 100644 index 0000000..355a905 --- /dev/null +++ b/src/icons/file-submodule.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/file-symlink-directory.svg b/src/icons/file-symlink-directory.svg new file mode 100644 index 0000000..4b6263a --- /dev/null +++ b/src/icons/file-symlink-directory.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/file-symlink-file.svg b/src/icons/file-symlink-file.svg new file mode 100644 index 0000000..b2aaf24 --- /dev/null +++ b/src/icons/file-symlink-file.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/file-zip.svg b/src/icons/file-zip.svg new file mode 100644 index 0000000..e2bb5b0 --- /dev/null +++ b/src/icons/file-zip.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/file.svg b/src/icons/file.svg new file mode 100644 index 0000000..0997406 --- /dev/null +++ b/src/icons/file.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/finalized.svg b/src/icons/finalized.svg new file mode 100644 index 0000000..8b7228b --- /dev/null +++ b/src/icons/finalized.svg @@ -0,0 +1,9 @@ + diff --git a/src/icons/fingerprint.svg b/src/icons/fingerprint.svg new file mode 100644 index 0000000..b289079 --- /dev/null +++ b/src/icons/fingerprint.svg @@ -0,0 +1 @@ + diff --git a/src/icons/flame.svg b/src/icons/flame.svg new file mode 100644 index 0000000..1fcb94b --- /dev/null +++ b/src/icons/flame.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/fold.svg b/src/icons/fold.svg new file mode 100644 index 0000000..1b0b399 --- /dev/null +++ b/src/icons/fold.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/gear.svg b/src/icons/gear.svg new file mode 100644 index 0000000..bf82007 --- /dev/null +++ b/src/icons/gear.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/ghost-logo.svg b/src/icons/ghost-logo.svg new file mode 100644 index 0000000..1b73934 --- /dev/null +++ b/src/icons/ghost-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/gift.svg b/src/icons/gift.svg new file mode 100644 index 0000000..4539ce6 --- /dev/null +++ b/src/icons/gift.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/gist-secret.svg b/src/icons/gist-secret.svg new file mode 100644 index 0000000..6495281 --- /dev/null +++ b/src/icons/gist-secret.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/gist.svg b/src/icons/gist.svg new file mode 100644 index 0000000..9584460 --- /dev/null +++ b/src/icons/gist.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/git-branch.svg b/src/icons/git-branch.svg new file mode 100644 index 0000000..21ca8d8 --- /dev/null +++ b/src/icons/git-branch.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/git-commit.svg b/src/icons/git-commit.svg new file mode 100644 index 0000000..3cc2e82 --- /dev/null +++ b/src/icons/git-commit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/git-compare.svg b/src/icons/git-compare.svg new file mode 100644 index 0000000..4737499 --- /dev/null +++ b/src/icons/git-compare.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/git-merge.svg b/src/icons/git-merge.svg new file mode 100644 index 0000000..63c43f7 --- /dev/null +++ b/src/icons/git-merge.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/git-pull-request.svg b/src/icons/git-pull-request.svg new file mode 100644 index 0000000..4f59759 --- /dev/null +++ b/src/icons/git-pull-request.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/globe-solid.svg b/src/icons/globe-solid.svg new file mode 100644 index 0000000..d63f003 --- /dev/null +++ b/src/icons/globe-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/globe.svg b/src/icons/globe.svg new file mode 100644 index 0000000..990554c --- /dev/null +++ b/src/icons/globe.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/grabber.svg b/src/icons/grabber.svg new file mode 100644 index 0000000..1a41fd0 --- /dev/null +++ b/src/icons/grabber.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/graph.svg b/src/icons/graph.svg new file mode 100644 index 0000000..cd3909e --- /dev/null +++ b/src/icons/graph.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/hatching.svg b/src/icons/hatching.svg new file mode 100644 index 0000000..51c218a --- /dev/null +++ b/src/icons/hatching.svg @@ -0,0 +1,76 @@ + + + + diff --git a/src/icons/heart.svg b/src/icons/heart.svg new file mode 100644 index 0000000..e9407b5 --- /dev/null +++ b/src/icons/heart.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/history.svg b/src/icons/history.svg new file mode 100644 index 0000000..ee4d9fb --- /dev/null +++ b/src/icons/history.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/home.svg b/src/icons/home.svg new file mode 100644 index 0000000..f3d3138 --- /dev/null +++ b/src/icons/home.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/horizontal-rule.svg b/src/icons/horizontal-rule.svg new file mode 100644 index 0000000..9a05c30 --- /dev/null +++ b/src/icons/horizontal-rule.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/hubot.svg b/src/icons/hubot.svg new file mode 100644 index 0000000..fea9f4b --- /dev/null +++ b/src/icons/hubot.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/inbox.svg b/src/icons/inbox.svg new file mode 100644 index 0000000..f9cfec2 --- /dev/null +++ b/src/icons/inbox.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/info.svg b/src/icons/info.svg new file mode 100644 index 0000000..26db463 --- /dev/null +++ b/src/icons/info.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/issue-closed.svg b/src/icons/issue-closed.svg new file mode 100644 index 0000000..0a7819a --- /dev/null +++ b/src/icons/issue-closed.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/issue-opened.svg b/src/icons/issue-opened.svg new file mode 100644 index 0000000..a88cbcc --- /dev/null +++ b/src/icons/issue-opened.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/issue-reopened.svg b/src/icons/issue-reopened.svg new file mode 100644 index 0000000..789e18b --- /dev/null +++ b/src/icons/issue-reopened.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/italic.svg b/src/icons/italic.svg new file mode 100644 index 0000000..51d65f1 --- /dev/null +++ b/src/icons/italic.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/jersey.svg b/src/icons/jersey.svg new file mode 100644 index 0000000..776e456 --- /dev/null +++ b/src/icons/jersey.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/kebab-horizontal.svg b/src/icons/kebab-horizontal.svg new file mode 100644 index 0000000..7c472d3 --- /dev/null +++ b/src/icons/kebab-horizontal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/kebab-vertical.svg b/src/icons/kebab-vertical.svg new file mode 100644 index 0000000..2aaee60 --- /dev/null +++ b/src/icons/kebab-vertical.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/key.svg b/src/icons/key.svg new file mode 100644 index 0000000..ac8badc --- /dev/null +++ b/src/icons/key.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/keyboard.svg b/src/icons/keyboard.svg new file mode 100644 index 0000000..89712ad --- /dev/null +++ b/src/icons/keyboard.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/law.svg b/src/icons/law.svg new file mode 100644 index 0000000..5ccc464 --- /dev/null +++ b/src/icons/law.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/light-bulb.svg b/src/icons/light-bulb.svg new file mode 100644 index 0000000..d2ff74c --- /dev/null +++ b/src/icons/light-bulb.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/link-external.svg b/src/icons/link-external.svg new file mode 100644 index 0000000..70b569d --- /dev/null +++ b/src/icons/link-external.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/link.svg b/src/icons/link.svg new file mode 100644 index 0000000..820aef7 --- /dev/null +++ b/src/icons/link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/list-alt-regular.svg b/src/icons/list-alt-regular.svg new file mode 100644 index 0000000..87b9178 --- /dev/null +++ b/src/icons/list-alt-regular.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/list-ordered.svg b/src/icons/list-ordered.svg new file mode 100644 index 0000000..c0e8304 --- /dev/null +++ b/src/icons/list-ordered.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/list-unordered.svg b/src/icons/list-unordered.svg new file mode 100644 index 0000000..0b43536 --- /dev/null +++ b/src/icons/list-unordered.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/location.svg b/src/icons/location.svg new file mode 100644 index 0000000..f6372a3 --- /dev/null +++ b/src/icons/location.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/lock.svg b/src/icons/lock.svg new file mode 100644 index 0000000..5587064 --- /dev/null +++ b/src/icons/lock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/logo-gist.svg b/src/icons/logo-gist.svg new file mode 100644 index 0000000..29f2213 --- /dev/null +++ b/src/icons/logo-gist.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/logo-github.svg b/src/icons/logo-github.svg new file mode 100644 index 0000000..0da3476 --- /dev/null +++ b/src/icons/logo-github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/mail-read.svg b/src/icons/mail-read.svg new file mode 100644 index 0000000..bf4deaf --- /dev/null +++ b/src/icons/mail-read.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/mail.svg b/src/icons/mail.svg new file mode 100644 index 0000000..9fca68b --- /dev/null +++ b/src/icons/mail.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/map-marked-alt-solid.svg b/src/icons/map-marked-alt-solid.svg new file mode 100644 index 0000000..62a7fd6 --- /dev/null +++ b/src/icons/map-marked-alt-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/map-marker-alt-solid.svg b/src/icons/map-marker-alt-solid.svg new file mode 100644 index 0000000..b45b113 --- /dev/null +++ b/src/icons/map-marker-alt-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/map-pin-solid.svg b/src/icons/map-pin-solid.svg new file mode 100644 index 0000000..1cef484 --- /dev/null +++ b/src/icons/map-pin-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/mark-github.svg b/src/icons/mark-github.svg new file mode 100644 index 0000000..af1bfa1 --- /dev/null +++ b/src/icons/mark-github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/markdown.svg b/src/icons/markdown.svg new file mode 100644 index 0000000..999110e --- /dev/null +++ b/src/icons/markdown.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/megaphone.svg b/src/icons/megaphone.svg new file mode 100644 index 0000000..a62f82d --- /dev/null +++ b/src/icons/megaphone.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/memory-solid.svg b/src/icons/memory-solid.svg new file mode 100644 index 0000000..00d18a8 --- /dev/null +++ b/src/icons/memory-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/mention.svg b/src/icons/mention.svg new file mode 100644 index 0000000..c09499b --- /dev/null +++ b/src/icons/mention.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/microchip-solid.svg b/src/icons/microchip-solid.svg new file mode 100644 index 0000000..8b5f050 --- /dev/null +++ b/src/icons/microchip-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/milestone.svg b/src/icons/milestone.svg new file mode 100644 index 0000000..803465b --- /dev/null +++ b/src/icons/milestone.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/mirror.svg b/src/icons/mirror.svg new file mode 100644 index 0000000..76e0c37 --- /dev/null +++ b/src/icons/mirror.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/mortar-board.svg b/src/icons/mortar-board.svg new file mode 100644 index 0000000..869f9ae --- /dev/null +++ b/src/icons/mortar-board.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/mute.svg b/src/icons/mute.svg new file mode 100644 index 0000000..e448808 --- /dev/null +++ b/src/icons/mute.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/network.svg b/src/icons/network.svg new file mode 100644 index 0000000..0452c14 --- /dev/null +++ b/src/icons/network.svg @@ -0,0 +1 @@ + diff --git a/src/icons/no-newline.svg b/src/icons/no-newline.svg new file mode 100644 index 0000000..2a8fb94 --- /dev/null +++ b/src/icons/no-newline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/note.svg b/src/icons/note.svg new file mode 100644 index 0000000..cbf7963 --- /dev/null +++ b/src/icons/note.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/octoface.svg b/src/icons/octoface.svg new file mode 100644 index 0000000..bb1a40d --- /dev/null +++ b/src/icons/octoface.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/organization.svg b/src/icons/organization.svg new file mode 100644 index 0000000..6bf4ae9 --- /dev/null +++ b/src/icons/organization.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/package.svg b/src/icons/package.svg new file mode 100644 index 0000000..2db0351 --- /dev/null +++ b/src/icons/package.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/paintcan.svg b/src/icons/paintcan.svg new file mode 100644 index 0000000..08b4a4b --- /dev/null +++ b/src/icons/paintcan.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/pencil.svg b/src/icons/pencil.svg new file mode 100644 index 0000000..8702f4d --- /dev/null +++ b/src/icons/pencil.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/person.svg b/src/icons/person.svg new file mode 100644 index 0000000..5871e2f --- /dev/null +++ b/src/icons/person.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/pin.svg b/src/icons/pin.svg new file mode 100644 index 0000000..95405c5 --- /dev/null +++ b/src/icons/pin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/plug.svg b/src/icons/plug.svg new file mode 100644 index 0000000..42865d5 --- /dev/null +++ b/src/icons/plug.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/plus-small.svg b/src/icons/plus-small.svg new file mode 100644 index 0000000..5e093a4 --- /dev/null +++ b/src/icons/plus-small.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/plus.svg b/src/icons/plus.svg new file mode 100644 index 0000000..23c27d8 --- /dev/null +++ b/src/icons/plus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/polkadot-js.svg b/src/icons/polkadot-js.svg new file mode 100644 index 0000000..6913710 --- /dev/null +++ b/src/icons/polkadot-js.svg @@ -0,0 +1 @@ + diff --git a/src/icons/primitive-dot.svg b/src/icons/primitive-dot.svg new file mode 100644 index 0000000..6f465da --- /dev/null +++ b/src/icons/primitive-dot.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/primitive-square.svg b/src/icons/primitive-square.svg new file mode 100644 index 0000000..9d4058b --- /dev/null +++ b/src/icons/primitive-square.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/project.svg b/src/icons/project.svg new file mode 100644 index 0000000..a728f74 --- /dev/null +++ b/src/icons/project.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/pulse.svg b/src/icons/pulse.svg new file mode 100644 index 0000000..4ec57ba --- /dev/null +++ b/src/icons/pulse.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/question-solid.svg b/src/icons/question-solid.svg new file mode 100644 index 0000000..003cd55 --- /dev/null +++ b/src/icons/question-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/question.svg b/src/icons/question.svg new file mode 100644 index 0000000..a6fc753 --- /dev/null +++ b/src/icons/question.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/quote.svg b/src/icons/quote.svg new file mode 100644 index 0000000..da5c2b2 --- /dev/null +++ b/src/icons/quote.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/radio-tower.svg b/src/icons/radio-tower.svg new file mode 100644 index 0000000..f89a705 --- /dev/null +++ b/src/icons/radio-tower.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/reply.svg b/src/icons/reply.svg new file mode 100644 index 0000000..12717db --- /dev/null +++ b/src/icons/reply.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/repo-clone.svg b/src/icons/repo-clone.svg new file mode 100644 index 0000000..32b86e8 --- /dev/null +++ b/src/icons/repo-clone.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/repo-force-push.svg b/src/icons/repo-force-push.svg new file mode 100644 index 0000000..0aece33 --- /dev/null +++ b/src/icons/repo-force-push.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/repo-forked.svg b/src/icons/repo-forked.svg new file mode 100644 index 0000000..cc5e46a --- /dev/null +++ b/src/icons/repo-forked.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/repo-pull.svg b/src/icons/repo-pull.svg new file mode 100644 index 0000000..dfe8e6c --- /dev/null +++ b/src/icons/repo-pull.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/repo-push.svg b/src/icons/repo-push.svg new file mode 100644 index 0000000..408dca6 --- /dev/null +++ b/src/icons/repo-push.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/repo.svg b/src/icons/repo.svg new file mode 100644 index 0000000..e653d4e --- /dev/null +++ b/src/icons/repo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/report.svg b/src/icons/report.svg new file mode 100644 index 0000000..3f93ee4 --- /dev/null +++ b/src/icons/report.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/rocket.svg b/src/icons/rocket.svg new file mode 100644 index 0000000..98303f8 --- /dev/null +++ b/src/icons/rocket.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/rss.svg b/src/icons/rss.svg new file mode 100644 index 0000000..3b2705d --- /dev/null +++ b/src/icons/rss.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/ruby.svg b/src/icons/ruby.svg new file mode 100644 index 0000000..8463908 --- /dev/null +++ b/src/icons/ruby.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/screen-full.svg b/src/icons/screen-full.svg new file mode 100644 index 0000000..e78d371 --- /dev/null +++ b/src/icons/screen-full.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/screen-normal.svg b/src/icons/screen-normal.svg new file mode 100644 index 0000000..a884713 --- /dev/null +++ b/src/icons/screen-normal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/search.svg b/src/icons/search.svg new file mode 100644 index 0000000..d0304b6 --- /dev/null +++ b/src/icons/search.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/server.svg b/src/icons/server.svg new file mode 100644 index 0000000..78bc79f --- /dev/null +++ b/src/icons/server.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/settings.svg b/src/icons/settings.svg new file mode 100644 index 0000000..f22b92e --- /dev/null +++ b/src/icons/settings.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/shield.svg b/src/icons/shield.svg new file mode 100644 index 0000000..087a969 --- /dev/null +++ b/src/icons/shield.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/sign-in.svg b/src/icons/sign-in.svg new file mode 100644 index 0000000..91560c6 --- /dev/null +++ b/src/icons/sign-in.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/sign-out.svg b/src/icons/sign-out.svg new file mode 100644 index 0000000..e54ca58 --- /dev/null +++ b/src/icons/sign-out.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/smiley.svg b/src/icons/smiley.svg new file mode 100644 index 0000000..0d93af5 --- /dev/null +++ b/src/icons/smiley.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/square-regular.svg b/src/icons/square-regular.svg new file mode 100644 index 0000000..5b7501f --- /dev/null +++ b/src/icons/square-regular.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/square-solid.svg b/src/icons/square-solid.svg new file mode 100644 index 0000000..6455b3d --- /dev/null +++ b/src/icons/square-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/squirrel.svg b/src/icons/squirrel.svg new file mode 100644 index 0000000..3e5b51b --- /dev/null +++ b/src/icons/squirrel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/star.svg b/src/icons/star.svg new file mode 100644 index 0000000..9444880 --- /dev/null +++ b/src/icons/star.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/stop.svg b/src/icons/stop.svg new file mode 100644 index 0000000..6ae8523 --- /dev/null +++ b/src/icons/stop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/sync.svg b/src/icons/sync.svg new file mode 100644 index 0000000..692349a --- /dev/null +++ b/src/icons/sync.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/tag.svg b/src/icons/tag.svg new file mode 100644 index 0000000..5d2144e --- /dev/null +++ b/src/icons/tag.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/tasklist.svg b/src/icons/tasklist.svg new file mode 100644 index 0000000..a0bd560 --- /dev/null +++ b/src/icons/tasklist.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/telescope.svg b/src/icons/telescope.svg new file mode 100644 index 0000000..95047dc --- /dev/null +++ b/src/icons/telescope.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/terminal.svg b/src/icons/terminal.svg new file mode 100644 index 0000000..d6072fc --- /dev/null +++ b/src/icons/terminal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/text-size.svg b/src/icons/text-size.svg new file mode 100644 index 0000000..f83a5f9 --- /dev/null +++ b/src/icons/text-size.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/three-bars.svg b/src/icons/three-bars.svg new file mode 100644 index 0000000..bb3b2c8 --- /dev/null +++ b/src/icons/three-bars.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/thumbsdown.svg b/src/icons/thumbsdown.svg new file mode 100644 index 0000000..091e2f9 --- /dev/null +++ b/src/icons/thumbsdown.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/thumbsup.svg b/src/icons/thumbsup.svg new file mode 100644 index 0000000..746c1e9 --- /dev/null +++ b/src/icons/thumbsup.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/tools.svg b/src/icons/tools.svg new file mode 100644 index 0000000..67a5984 --- /dev/null +++ b/src/icons/tools.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/trashcan.svg b/src/icons/trashcan.svg new file mode 100644 index 0000000..3d8c051 --- /dev/null +++ b/src/icons/trashcan.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/triangle-down.svg b/src/icons/triangle-down.svg new file mode 100644 index 0000000..faa8896 --- /dev/null +++ b/src/icons/triangle-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/triangle-left.svg b/src/icons/triangle-left.svg new file mode 100644 index 0000000..8762036 --- /dev/null +++ b/src/icons/triangle-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/triangle-right.svg b/src/icons/triangle-right.svg new file mode 100644 index 0000000..59c2ac6 --- /dev/null +++ b/src/icons/triangle-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/triangle-up.svg b/src/icons/triangle-up.svg new file mode 100644 index 0000000..98d0654 --- /dev/null +++ b/src/icons/triangle-up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/turingnetwork.svg b/src/icons/turingnetwork.svg new file mode 100644 index 0000000..f9b8de2 --- /dev/null +++ b/src/icons/turingnetwork.svg @@ -0,0 +1,76 @@ + diff --git a/src/icons/unfold.svg b/src/icons/unfold.svg new file mode 100644 index 0000000..ab04339 --- /dev/null +++ b/src/icons/unfold.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/unmute.svg b/src/icons/unmute.svg new file mode 100644 index 0000000..5d9a978 --- /dev/null +++ b/src/icons/unmute.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/unverified.svg b/src/icons/unverified.svg new file mode 100644 index 0000000..e55595c --- /dev/null +++ b/src/icons/unverified.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/verified.svg b/src/icons/verified.svg new file mode 100644 index 0000000..3a2e01d --- /dev/null +++ b/src/icons/verified.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/versions.svg b/src/icons/versions.svg new file mode 100644 index 0000000..274bbdb --- /dev/null +++ b/src/icons/versions.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/watch.svg b/src/icons/watch.svg new file mode 100644 index 0000000..45b2499 --- /dev/null +++ b/src/icons/watch.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/x.svg b/src/icons/x.svg new file mode 100644 index 0000000..e377314 --- /dev/null +++ b/src/icons/x.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/zap.svg b/src/icons/zap.svg new file mode 100644 index 0000000..e778194 --- /dev/null +++ b/src/icons/zap.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..b83f270 --- /dev/null +++ b/src/index.css @@ -0,0 +1,10 @@ +* { + /* Use "standard"/common sense heights/widths (ie they include padding+border) */ + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + font-family: 'Ubuntu', sans-serif; +} diff --git a/src/index.tsx b/src/index.tsx new file mode 100644 index 0000000..d99702f --- /dev/null +++ b/src/index.tsx @@ -0,0 +1,15 @@ +import * as React from 'react'; +import { createRoot } from 'react-dom/client'; +import ReactGA from "react-ga4"; +import App from './App'; +import './index.css'; + +const TRACKING_ID: string = process.env.REACT_APP_TRACKING_ID || ''; + +if (TRACKING_ID) { + ReactGA.initialize(TRACKING_ID); +} + +const container = document.getElementById('root') as HTMLElement; +const root = createRoot(container); +root.render(); diff --git a/src/persist/Persistent.ts b/src/persist/Persistent.ts new file mode 100644 index 0000000..7de7dea --- /dev/null +++ b/src/persist/Persistent.ts @@ -0,0 +1,51 @@ +import { parse, Stringified, stringify, Maybe } from '../common'; + +export class Persistent { + private readonly onChange: (value: Data) => void; + private readonly key: string; + private value: Data; + + constructor( + key: string, + initial: Data, + onChange: (value: Readonly) => void + ) { + this.key = key; + this.onChange = onChange; + + const stored = window.localStorage.getItem(key) as Maybe>; + + if (stored) { + try { + this.value = parse(stored); + } catch (err) { + this.value = initial; + } + } else { + this.value = initial; + } + + window.addEventListener('storage', (event) => { + if (event.key === this.key) { + // eslint-disable-next-line @typescript-eslint/no-explicit-any + this.value = parse(event.newValue as any as Stringified); + + this.onChange(this.value); + } + }); + } + + public get(): Readonly { + return this.value; + } + + public set(value: Data) { + this.value = value; + window.localStorage.setItem( + this.key, + // eslint-disable-next-line @typescript-eslint/no-explicit-any + stringify(this.value) as any as string + ); + this.onChange(this.value); + } +} diff --git a/src/persist/PersistentObject.ts b/src/persist/PersistentObject.ts new file mode 100644 index 0000000..83b974f --- /dev/null +++ b/src/persist/PersistentObject.ts @@ -0,0 +1,23 @@ +import { Persistent } from './'; + +export class PersistentObject { + private readonly inner: Persistent; + + constructor(key: string, initial: Data, onChange: (value: Data) => void) { + this.inner = new Persistent(key, initial, onChange); + } + + public raw(): Readonly { + return this.inner.get(); + } + + public get(key: K): Data[K] { + return this.inner.get()[key]; + } + + public set(key: K, value: Data[K]) { + const data: Data = Object.assign({}, this.raw()); + data[key] = value; + this.inner.set(data); + } +} diff --git a/src/persist/PersistentSet.ts b/src/persist/PersistentSet.ts new file mode 100644 index 0000000..a89a6cc --- /dev/null +++ b/src/persist/PersistentSet.ts @@ -0,0 +1,35 @@ +import { Persistent } from './'; + +export class PersistentSet { + private readonly inner: Persistent; + private value: Set; + + constructor(key: string, onChange: (value: Set) => void) { + this.inner = new Persistent(key, [], (raw: Readonly) => + onChange((this.value = new Set(raw as Item[]))) + ); + this.value = new Set(this.inner.get() as Item[]); + } + + public get(): Set { + return this.value; + } + + public add(item: Item) { + this.value.add(item); + this.inner.set(Array.from(this.value)); + } + + public delete(item: Item) { + this.value.delete(item); + this.inner.set(Array.from(this.value)); + } + + public clear() { + this.inner.set([]); + } + + public has(item: Item): boolean { + return this.value.has(item); + } +} diff --git a/src/persist/index.ts b/src/persist/index.ts new file mode 100644 index 0000000..8d05b8d --- /dev/null +++ b/src/persist/index.ts @@ -0,0 +1,3 @@ +export * from './Persistent'; +export * from './PersistentObject'; +export * from './PersistentSet'; diff --git a/src/state.ts b/src/state.ts new file mode 100644 index 0000000..5ed26c1 --- /dev/null +++ b/src/state.ts @@ -0,0 +1,328 @@ +import * as React from 'react'; +import { Types, Maybe, SortedCollection } from './common'; +import { Column } from './components/List'; + +export const PINNED_CHAINS = { + // casper v0.0.2 + '0x7657c8c868863dea692178d462fe9018ac8f1e16f51be31eea8f29274d85525b': 1, +}; + +export function comparePinnedChains(a: string, b: string) { + const aWeight: number = (PINNED_CHAINS as any)[a] || 1024; + const bWeight: number = (PINNED_CHAINS as any)[b] || 1024; + + return aWeight - bWeight; +} + +export class Node { + public static compare(a: Node, b: Node): number { + if (a.pinned === b.pinned && a.stale === b.stale) { + if (a.height === b.height) { + const aPropagation = + a.propagationTime == null ? Infinity : (a.propagationTime as number); + const bPropagation = + b.propagationTime == null ? Infinity : (b.propagationTime as number); + + // Ascending sort by propagation time + return aPropagation - bPropagation; + } + } else { + const bSort = (b.pinned ? -2 : 0) + +b.stale; + const aSort = (a.pinned ? -2 : 0) + +a.stale; + + return aSort - bSort; + } + + // Descending sort by block number + return b.height - a.height; + } + + public readonly id: Types.NodeId; + public readonly name: Types.NodeName; + public readonly implementation: Types.NodeImplementation; + public readonly version: Types.NodeVersion; + public readonly validator: Maybe; + public readonly networkId: Maybe; + public readonly startupTime: Maybe; + public readonly target_os: Types.OperatingSystem; + public readonly target_arch: Types.CpuArchitecture; + public readonly target_env: Types.TargetEnv; + public readonly sysInfo: Types.NodeSysInfo; + + public readonly cpu: Types.Cpu; + public readonly memory: Types.Memory; + public readonly core_count: Types.CpuCores; + public readonly linux_kernel: Types.LinuxKernel; + public readonly linux_distro: Types.LinuxDistro; + public readonly is_virtual_machine: Types.VirtualMachine; + + public readonly sortableName: string; + public readonly sortableVersion: number; + + public stale: boolean; + public pinned: boolean; + public peers: Types.PeerCount; + public txs: Types.TransactionCount; + public upload: Types.BytesPerSecond[]; + public download: Types.BytesPerSecond[]; + public stateCacheSize: Types.Bytes[]; + public chartstamps: Types.Timestamp[]; + + public height: Types.BlockNumber; + public hash: Types.BlockHash; + public blockTime: Types.Milliseconds; + public blockTimestamp: Types.Timestamp; + public propagationTime: Maybe; + + public finalized = 0 as Types.BlockNumber; + public finalizedHash = '' as Types.BlockHash; + + public lat: Maybe; + public lon: Maybe; + public city: Maybe; + + private _changeRef = 0; + private readonly subscriptionsConsensus = new Set<(node: Node) => void>(); + + constructor( + pinned: boolean, + id: Types.NodeId, + nodeDetails: Types.NodeDetails, + nodeStats: Types.NodeStats, + nodeIO: Types.NodeIO, + nodeHardware: Types.NodeHardware, + blockDetails: Types.BlockDetails, + location: Maybe, + startupTime: Maybe + ) { + const [ + name, + implementation, + version, + validator, + networkId, + target_os, + target_arch, + target_env, + customNullField, + sysInfo, + ] = nodeDetails; //step 4 + + this.pinned = pinned; + + this.id = id; + this.name = name; + this.implementation = implementation; + this.version = version; + this.validator = validator; + this.networkId = networkId; + this.startupTime = startupTime; + this.target_os = target_os; + this.target_arch = target_arch; + this.target_env = target_env; + this.sysInfo = { + cpu: sysInfo?.cpu ?? '', // Default value or some global constant + memory: sysInfo?.memory ?? 0, + core_count: sysInfo?.core_count ?? 0, + linux_kernel: sysInfo?.linux_kernel ?? '', + linux_distro: sysInfo?.linux_distro ?? '', + is_virtual_machine: sysInfo?.is_virtual_machine ?? false, + }; + + this.cpu = sysInfo && sysInfo.cpu ? sysInfo.cpu : ''; + this.memory = sysInfo && sysInfo.memory ? Number(sysInfo.memory) : 0; + this.core_count = + sysInfo && sysInfo.core_count ? Number(sysInfo.core_count) : 0; + this.linux_kernel = + sysInfo && sysInfo.linux_kernel ? sysInfo.linux_kernel : ''; + this.linux_distro = + sysInfo && sysInfo.linux_distro ? sysInfo.linux_distro : ''; + this.is_virtual_machine = + sysInfo && sysInfo.is_virtual_machine + ? Boolean(sysInfo.is_virtual_machine) + : false; + + const [major = 0, minor = 0, patch = 0] = (version || '0.0.0') + .split('.') + .map((n) => parseInt(n, 10) | 0); + + this.sortableName = name.toLocaleLowerCase(); + this.sortableVersion = (major * 1000 + minor * 100 + patch) | 0; + + this.updateStats(nodeStats); + this.updateIO(nodeIO); + this.updateHardware(nodeHardware); + this.updateBlock(blockDetails); + + if (location) { + this.updateLocation(location); + } + } + + public updateStats(stats: Types.NodeStats) { + const [peers, txs] = stats; + + this.peers = peers; + this.txs = txs; + + this.trigger(); + } + + public updateIO(io: Types.NodeIO) { + const [stateCacheSize] = io; + + this.stateCacheSize = stateCacheSize; + + this.trigger(); + } + + public updateHardware(hardware: Types.NodeHardware) { + const [upload, download, chartstamps] = hardware; + + this.upload = upload; + this.download = download; + this.chartstamps = chartstamps; + + this.trigger(); + } + + public updateBlock(block: Types.BlockDetails) { + const [height, hash, blockTime, blockTimestamp, propagationTime] = block; + + this.height = height; + this.hash = hash; + this.blockTime = blockTime; + this.blockTimestamp = blockTimestamp; + this.propagationTime = propagationTime; + this.stale = false; + + this.trigger(); + } + + public updateFinalized(height: Types.BlockNumber, hash: Types.BlockHash) { + this.finalized = height; + this.finalizedHash = hash; + } + + public updateLocation(location: Types.NodeLocation) { + const [lat, lon, city] = location; + + this.lat = lat; + this.lon = lon; + this.city = city; + + this.trigger(); + } + + public newBestBlock() { + if (this.propagationTime != null) { + this.propagationTime = null; + this.trigger(); + } + } + + public setPinned(pinned: boolean) { + if (this.pinned !== pinned) { + this.pinned = pinned; + this.trigger(); + } + } + + public setStale(stale: boolean) { + if (this.stale !== stale) { + this.stale = stale; + this.trigger(); + } + } + + public get changeRef(): number { + return this._changeRef; + } + + private trigger() { + this._changeRef += 1; + } +} + +export function bindState(bind: React.Component, state: State): Update { + let isUpdating = false; + + return (changes) => { + // Apply new changes to the state immediately + Object.assign(state, changes); + + // Trigger React update on next animation frame only once + if (!isUpdating) { + isUpdating = true; + + window.requestAnimationFrame(() => { + bind.forceUpdate(); + isUpdating = false; + }); + } + + return state; + }; +} + +export interface StateSettings { + location: boolean; + validator: boolean; + implementation: boolean; + networkId: boolean; + peers: boolean; + txs: boolean; + upload: boolean; + download: boolean; + stateCacheSize: boolean; + blocknumber: boolean; + blockhash: boolean; + finalized: boolean; + finalizedhash: boolean; + blocktime: boolean; + blockpropagation: boolean; + blocklasttime: boolean; + uptime: boolean; + version: boolean; + target_os: boolean; + target_arch: boolean; + cpu: boolean; + core_count: boolean; + memory: boolean; + is_virtual_machine: boolean; + linux_distro: boolean; + linux_kernel: boolean; + cpu_hashrate_score: boolean; + memory_memcpy_score: boolean; + disk_sequential_write_score: boolean; + disk_random_write_score: boolean; + cpu_vendor: boolean; +} + +export interface State { + status: 'online' | 'offline' | 'upgrade-requested'; + best: Types.BlockNumber; + finalized: Types.BlockNumber; + tab: string; + blockTimestamp: Types.Timestamp; + blockAverage: Maybe; + timeDiff: Types.Milliseconds; + subscribed: Maybe; + chains: Map; + nodes: SortedCollection; + settings: Readonly; + pins: Readonly>; + sortBy: Readonly>; + selectedColumns: Column[]; + chainStats: Maybe; +} + +export type Update = ( + changes: Pick +) => Readonly; + +export interface ChainData { + label: Types.ChainLabel; + genesisHash: Types.GenesisHash; + nodeCount: Types.NodeCount; +} diff --git a/src/utils.ts b/src/utils.ts new file mode 100644 index 0000000..f6b3770 --- /dev/null +++ b/src/utils.ts @@ -0,0 +1,113 @@ +import { Types } from './common'; + +export interface Viewport { + width: number; + height: number; +} + +export function viewport(): Viewport { + const width = Math.min( + document.documentElement.clientWidth, + window.innerWidth || 0 + ); + const height = Math.min( + document.documentElement.clientHeight, + window.innerHeight || 0 + ); + + return { width, height }; +} + +export function formatNumber(num: number): string { + const input = num.toString(); + + let output = ''; + let length = input.length; + + while (length > 3) { + output = ',' + input.substr(length - 3, 3) + output; + length -= 3; + } + + output = input.substr(0, length) + output; + + return output; +} + +export function trimHash(hash: string, length: number): string { + if (hash.length < length) { + return hash; + } + + const side = ((length - 2) / 2) | 0; + + return hash.substr(0, side) + '..' + hash.substr(-side, side); +} + +export function milliOrSecond( + num: Types.Milliseconds | Types.PropagationTime +): string { + if (num < 10000) { + return `${num}ms`; + } + + return `${(num / 1000) | 0}s`; +} + +export function secondsWithPrecision(num: number): string { + const intString = (num | 0).toString(); + const intDigits = intString.length; + + switch (intDigits) { + case 1: + return num.toFixed(3) + 's'; + case 2: + return num.toFixed(2) + 's'; + case 3: + return num.toFixed(1) + 's'; + default: + return intString + 's'; + } +} + +export interface HashData { + tab?: string; + chain?: Types.GenesisHash; +} + +export function getHashData(): HashData { + const { hash } = window.location; + + if (hash[0] !== '#') { + return {}; + } + + const [tab, rawChain] = hash.substr(1).split('/'); + const chain = decodeURIComponent(rawChain) as Types.GenesisHash; + + return { tab, chain }; +} + +export function setHashData(val: HashData) { + const update = Object.assign(getHashData(), val); + + const { tab = '', chain = '' } = update; + + window.location.hash = `#${tab}/${encodeURIComponent(chain)}`; +} + +let root: null | SVGSVGElement = null; +export const W3SVG = 'http://www.w3.org/2000/svg'; + +// Get a root node where we all SVG symbols can be stored +// see: Icon.tsx +export function getSVGShadowRoot(): SVGSVGElement { + if (!root) { + root = document.createElementNS(W3SVG, 'svg'); + root.setAttribute('style', 'display: none;'); + + document.body.appendChild(root); + } + + return root; +} diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..057f86f --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,29 @@ +{ + "compilerOptions": { + "baseUrl": ".", + "outDir": "./build/", + "module": "es2020", + "target": "es2015", + "lib": ["dom", "dom.iterable", "esnext"], + "sourceMap": true, + "allowJs": false, + "jsx": "react", + "rootDir": "src", + "moduleResolution": "node", + "allowSyntheticDefaultImports": true, + "noEmitOnError": false, + "pretty": true, + "forceConsistentCasingInFileNames": true, + "noErrorTruncation": true, + "noImplicitReturns": true, + "noImplicitAny": true, + "noImplicitThis": true, + "strictNullChecks": true, + "suppressImplicitAnyIndexErrors": true, + "resolveJsonModule": true, + "noUnusedParameters": true, + "skipLibCheck": true + }, + "exclude": ["node_modules", "build"], + "include": ["src", "declarations/**/*.d.ts"] +} diff --git a/webpack.config.js b/webpack.config.js new file mode 100644 index 0000000..f02b5fe --- /dev/null +++ b/webpack.config.js @@ -0,0 +1,52 @@ +const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const Dotenv = require('dotenv-webpack'); + +module.exports = { + entry: './src/index.tsx', + devtool: 'inline-source-map', + module: { + rules: [ + { + // Allow 'import * from "./foo.tsx"' + test: /\.tsx?$/, + use: 'ts-loader', + exclude: /node_modules/, + }, + { + // allow 'import "foo.css"' and '@import "foo.css" in css files + test: /\.css$/i, + use: ['style-loader', 'css-loader'], + generator: { filename: 'styles/[name].[contenthash][ext]' }, + }, + { + // allow 'import Icon from "./icon.png"' + test: /\.(png|svg|jpg|jpeg|gif)$/i, + type: 'asset/resource', + generator: { filename: 'images/[name].[contenthash][ext]' }, + }, + { + // allow CSS @url('./my-font.woff2')" style font loading + test: /\.(woff|woff2|eot|ttf|otf)$/i, + type: 'asset/resource', + generator: { filename: 'fonts/[name].[contenthash][ext]' }, + }, + ], + }, + plugins: [ + new Dotenv(), + // Use our index.html as a starting point (to add script links etc to) + // and make sure to use/copy over the favicon too. + new HtmlWebpackPlugin({ + template: './assets/index.html', + }), + ], + resolve: { + extensions: ['.tsx', '.ts', '.js'], + }, + output: { + filename: 'main.[contenthash].js', + path: path.resolve(__dirname, 'build'), + clean: true, + }, +};