Add prod building with no local wallet

script/react.sh

@@ -21,4 +21,4 @@ export REACT_APP_CHAIN_NAME="Secret localhost"
 export REACT_APP_LCD_URL=http://localhost:1338
 export REACT_APP_RPC_URL=http://localhost:26657
 export REACT_APP_CONTRACT="$CONTRACT"
-docker-compose up --build
+docker-compose up -f docker-development.yaml --build

web/.env.development

@@ -0,0 +1,2 @@
+REACT_APP_FAUCET=https://faucet.secrettestnet.io/
+REACT_APP_ENABLE_LOCAL_WALLET=true

web/.env.production

@@ -0,0 +1,8 @@
+REACT_APP_CHAIN_ID=secret-2
+REACT_APP_SUGGEST_CHAIN=false
+REACT_APP_CHAIN_NAME=Secret Network
+REACT_APP_LCD_URL=https://secretapi.io
+REACT_APP_RPC_URL=http://secretapi.io:26657
+REACT_APP_CONTRACT=secret17c7j5xgylhty8jq5lqnuaqd68ndazs022mqcuu
+REACT_APP_FAUCET=
+REACT_APP_ENABLE_LOCAL_WALLET=false

web/.env → web/.env.testnet

@@ -5,3 +5,4 @@ REACT_APP_LCD_URL=https://bootstrap.secrettestnet.io
 REACT_APP_RPC_URL=http://bootstrap.secrettestnet.io:26657
 REACT_APP_CONTRACT=secret17c7j5xgylhty8jq5lqnuaqd68ndazs022mqcuu
 REACT_APP_FAUCET=https://faucet.secrettestnet.io/
+REACT_APP_ENABLE_LOCAL_WALLET=true

web/README.md

@@ -0,0 +1,11 @@
+# Secret Rock Paper Scissors Frontend
+
+Rock paper scissors game secret frontend for Secret Network.
+
+## Testnet build
+
+docker-compose -f docker-testnet.yaml up --build
+
+## Production build
+
+docker-compose -f docker-production.yaml up --build

web/docker-production.yaml

@@ -0,0 +1,8 @@
+version: '3.8'
+services:
+  web:
+    build:
+      context: .
+    command: ['npm', 'run', 'build:production']
+    volumes:
+      - './build/:/app/build'

web/docker-testnet.yaml

@@ -0,0 +1,8 @@
+version: '3.8'
+services:
+  web:
+    build:
+      context: .
+    command: ['npm', 'run', 'build:testnet']
+    volumes:
+      - './build/:/app/build'

web/package.json

@@ -13,6 +13,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
+    "build:testnet": "env-cmd -f .env.testnet react-scripts build",
     "build": "react-scripts build",
     "test": "react-scripts test"
   },
@@ -39,6 +40,7 @@
     "@types/node": "^14.14.0",
     "@types/react": "^16.9.53",
     "@types/react-dom": "^16.9.8",
+    "env-cmd": "^10.1.0",
     "prettier": "^2.1.2"
   }
 }

web/src/config.ts

@@ -6,6 +6,7 @@ interface Config {
   readonly rpcUrl: string;
   readonly contract: string;
   readonly faucetUrl: string | undefined;
+  readonly enableLocalWallet: boolean;
 }
 
 const envConfig = (): Config => {
@@ -17,6 +18,7 @@ const envConfig = (): Config => {
     rpcUrl: requiredEnv('REACT_APP_RPC_URL'),
     contract: requiredEnv('REACT_APP_CONTRACT'),
     faucetUrl: process.env.REACT_APP_FAUCET,
+    enableLocalWallet: requiredBoolean('REACT_APP_ENABLE_LOCAL_WALLET'),
   };
 };
 

web/src/wallet/SelectWalletModal.tsx

@@ -55,9 +55,11 @@ export default (props: Props) => {
                 >
                   Use Keplr
                 </Button>
-                <Button variant="contained" onClick={() => setWalletType(WalletType.LocalWallet)}>
-                  Local wallet
-                </Button>
+                {config.enableLocalWallet && (
+                  <Button variant="contained" onClick={() => setWalletType(WalletType.LocalWallet)}>
+                    Local wallet
+                  </Button>
+                )}
               </div>
             )}
             {walletType && (