diff --git a/src/EndpointConfig.js b/src/EndpointConfig.js
index 0401080c..5eef1eba 100644
--- a/src/EndpointConfig.js
+++ b/src/EndpointConfig.js
@@ -1,17 +1,100 @@
+import localforage from 'localforage';
+import {parse as urlParse, format as urlFormat} from 'url';
+
+const urlMap = {
+ local: `http://${window.location.hostname}:8899`,
+ 'testnet-edge': 'http://edge.testnet.solana.com:8899',
+ 'testnet-beta': 'http://beta.testnet.solana.com:8899',
+ testnet: 'http://testnet.solana.com:8899',
+ /*
+ TODO: Switch to TLS endpoints...
+ 'testnet-edge': 'https://api.edge.testnet.solana.com',
+ 'testnet-beta': 'https://api.beta.testnet.solana.com',
+ testnet: 'https://api.testnet.solana.com',
+ */
+};
+
+let endpointName = process.env.NODE_ENV === 'development' ? 'local' : 'testnet';
+
+export async function load() {
+ try {
+ const newEndpointName = await localforage.getItem('endpointName');
+ if (typeof urlMap[newEndpointName] === 'string') {
+ endpointName = newEndpointName;
+ }
+ } catch (err) {
+ console.log(
+ `Unable to load endpointName from localforage, using default of ${endpointName}: ${err}`,
+ );
+ }
+ console.log('EndpointConfig loaded. endpointName:', endpointName);
+}
+
+export function getEndpointName() {
+ return endpointName;
+}
+
+export function getEndpoints() {
+ return Object.keys(urlMap);
+}
+
+export function setEndpointName(newEndpointName) {
+ if (typeof urlMap[newEndpointName] !== 'string') {
+ throw new Error(`Unknown endpoint: ${newEndpointName}`);
+ }
+ endpointName = newEndpointName;
+ console.log('endpointName is now', endpointName);
+ localforage.setItem('endpointName', endpointName).catch(err => {
+ console.log(`Failed to set endpointName in localforage: ${err}`);
+ });
+}
+
+export function getRpcUrl() {
+ return urlMap[endpointName];
+}
+
+export function getApiUrl() {
+ const urlParts = urlParse(getRpcUrl());
+ urlParts.host = '';
+ if (urlParts.protocol === 'https:') {
+ urlParts.port = '3443';
+ } else {
+ urlParts.port = '3001';
+ }
+ const url = urlFormat(urlParts);
+ console.info('getApiUrl:', url);
+ return url;
+}
+
+export function getApiWebsocketUrl() {
+ const urlParts = urlParse(getApiUrl());
+ urlParts.host = '';
+ if (urlParts.protocol === 'https:') {
+ urlParts.protocol = 'wss:';
+ urlParts.port = '3444';
+ } else {
+ urlParts.protocol = 'ws:';
+ }
+ const url = urlFormat(urlParts);
+ console.info('getApiWebsocketUrl:', url);
+ return url;
+}
+
export function getMetricsDashboardUrl() {
- const matches = window.location.hostname.match('(.*).testnet.solana.com');
+ let matches;
+ if (endpointName === 'local') {
+ matches = window.location.hostname.match('([^.]*).testnet.solana.com');
+ } else {
+ const endpointUrl = urlMap[endpointName];
+ matches = endpointUrl.match('([^.]*).testnet.solana.com');
+ }
+
let url =
'https://metrics.solana.com:3000/d/testnet-beta/testnet-monitor-beta?refresh=5s&from=now-5m&to=now';
if (matches) {
const testnet = matches[1];
url += `&var-testnet=testnet-${testnet}`;
}
+ console.log('getMetricsDashboardUrl:', url);
return url;
}
-
-let EndpointConfig = {
- BLOCK_EXPLORER_API_BASE: `//${window.location.hostname}:3001`,
- BLOCK_EXPLORER_RPC_URL: `http://${window.location.hostname}:8899`,
-};
-
-export default EndpointConfig;
diff --git a/src/index.js b/src/index.js
index 7fa9335e..c7fa0ad7 100755
--- a/src/index.js
+++ b/src/index.js
@@ -6,13 +6,18 @@ import './index.css';
import App from './App';
import AppV2 from './AppV2';
import * as serviceWorker from './serviceWorker';
+import * as EndpointConfig from './EndpointConfig';
-ReactDOM.render(
-
- {window.location.pathname.includes('rc') ? : }
- ,
- document.getElementById('root'),
-);
+async function main() {
+ await EndpointConfig.load();
+ ReactDOM.render(
+
+ {window.location.pathname.includes('rc') ? : }
+ ,
+ document.getElementById('root'),
+ );
+}
+main();
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
diff --git a/src/v1/BxAppBar.jsx b/src/v1/BxAppBar.jsx
index b48b7505..b2347f01 100644
--- a/src/v1/BxAppBar.jsx
+++ b/src/v1/BxAppBar.jsx
@@ -15,7 +15,8 @@ import MapIcon from '@material-ui/icons/Map';
// import AccountCircle from '@material-ui/icons/AccountCircle';
import MoreIcon from '@material-ui/icons/MoreVert';
import Switch from '@material-ui/core/Switch';
-import {getMetricsDashboardUrl} from '../EndpointConfig';
+import Select from '@material-ui/core/Select';
+import * as EndpointConfig from '../EndpointConfig';
class BxAppBar extends React.Component {
state = {
@@ -24,7 +25,7 @@ class BxAppBar extends React.Component {
};
handleDashboard = event => {
- window.open(getMetricsDashboardUrl());
+ window.open(EndpointConfig.getMetricsDashboardUrl());
};
handleMap = event => {
@@ -62,6 +63,12 @@ class BxAppBar extends React.Component {
this.setState({mobileMoreAnchorEl: null});
};
+ handleSetEndpointName = event => {
+ if (this.props.handleSetEndpointName) {
+ this.props.handleSetEndpointName(event);
+ }
+ };
+
render() {
const {anchorEl, mobileMoreAnchorEl} = this.state;
const {classes} = this.props;
@@ -180,6 +187,19 @@ class BxAppBar extends React.Component {
{/*>*/}
{/*
*/}
{/**/}
+