Merge pull request #371 from rohit-nair/rn/develop-script

Standalone LiT client development

Author: jamaljsr

app/package.json

@@ -6,6 +6,7 @@
   "private": true,
   "scripts": {
     "start": "BROWSER=none react-scripts start",
+    "develop": "REACT_APP_USE_SAMPLE_DATA=true yarn start",
     "build": "react-scripts build",
     "test": "react-scripts test --env=jest-environment-jsdom",
     "test:ci": "cross-env CI=true yarn test --coverage",

app/src/config.ts

@@ -14,3 +14,5 @@ const { protocol, hostname, port } = window.location;
 const host = `${protocol}//${hostname}:${port}`;
 // the GRPC server to make requests to
 export const DEV_HOST = process.env.REACT_APP_DEV_HOST || host;
+
+export const USE_SAMPLE_DATA = process.env.REACT_APP_USE_SAMPLE_DATA === 'true';

app/src/store/store.ts

@@ -1,5 +1,5 @@
 import { autorun, makeAutoObservable, runInAction } from 'mobx';
-import { IS_DEV, IS_TEST } from 'config';
+import { IS_DEV, IS_TEST, USE_SAMPLE_DATA } from 'config';
 import { createBrowserHistory, History } from 'history';
 import AppStorage from 'util/appStorage';
 import CsvExporter from 'util/csv';
@@ -200,6 +200,9 @@ export class Store {
  */
 export const createStore = (grpcClient?: GrpcClient, appStorage?: AppStorage) => {
   const grpc = grpcClient || new GrpcClient();
+  // Resolve api requests with sample data when running client in develop mode.
+  grpc.useSampleData = USE_SAMPLE_DATA;
+
   const storage = appStorage || new AppStorage();
   const lndApi = new LndApi(grpc);
   const loopApi = new LoopApi(grpc);