adjust Dockerfile

scroll-tech · May 24, 2024 · 3cf2a8d · 3cf2a8d
1 parent c36907f
commit 3cf2a8d
Show file tree

Hide file tree

Showing 5 changed files with 72 additions and 6 deletions.
diff --git a/Dockerfile b/Dockerfile
@@ -0,0 +1,21 @@
+FROM node:20.10.0-alpine as build
+
+RUN apk add --no-cache python3 make g++
+
+WORKDIR /app
+COPY package.json .
+COPY yarn.lock .
+RUN yarn install
+COPY . .
+RUN yarn build
+
+FROM nginx
+WORKDIR /usr/share/nginx/html
+RUN rm -rf ./*
+COPY --from=build /app/build .
+
+COPY entrypoint.sh /usr/local/bin/
+RUN chmod +x /usr/local/bin/entrypoint.sh
+
+
+ENTRYPOINT ["entrypoint.sh"]
diff --git a/entrypoint.sh b/entrypoint.sh
@@ -0,0 +1,44 @@
+#!/bin/sh
+
+cat <<EOF > /usr/share/nginx/html/runtime-env.js
+window.REACT_APP_ETH_SYMBOL = "$REACT_APP_ETH_SYMBOL";
+window.REACT_APP_BASE_CHAIN = "$REACT_APP_BASE_CHAIN";
+window.REACT_APP_ROLLUP = "$REACT_APP_ROLLUP";
+window.REACT_APP_CONNECT_WALLET_PROJECT_ID = "$REACT_APP_CONNECT_WALLET_PROJECT_ID";
+window.REACT_APP_BRIDGE_API_URI = "$REACT_APP_BRIDGE_API_URI";
+window.REACT_APP_ROLLUPSCAN_API_URI = "$REACT_APP_ROLLUPSCAN_API_URI";
+window.REACT_APP_CHAIN_ID_L1 = "$REACT_APP_CHAIN_ID_L1";
+window.REACT_APP_CHAIN_ID_L2 = "$REACT_APP_CHAIN_ID_L2";
+window.REACT_APP_EXTERNAL_RPC_URI_L1 = "$REACT_APP_EXTERNAL_RPC_URI_L1";
+window.REACT_APP_EXTERNAL_RPC_URI_L2 = "$REACT_APP_EXTERNAL_RPC_URI_L2";
+window.REACT_APP_EXTERNAL_EXPLORER_URI_L1 = "$REACT_APP_EXTERNAL_EXPLORER_URI_L1";
+window.REACT_APP_EXTERNAL_EXPLORER_URI_L2 = "$REACT_APP_EXTERNAL_EXPLORER_URI_L2";
+window.REACT_APP_L1_ETH_GATEWAY_PROXY_ADDR = "$REACT_APP_L1_ETH_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L2_ETH_GATEWAY_PROXY_ADDR = "$REACT_APP_L2_ETH_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L1_WETH_GATEWAY_PROXY_ADDR = "$REACT_APP_L1_WETH_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L2_WETH_GATEWAY_PROXY_ADDR = "$REACT_APP_L2_WETH_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L1_CUSTOM_ERC20_GATEWAY_PROXY_ADDR = "$REACT_APP_L1_CUSTOM_ERC20_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L2_CUSTOM_ERC20_GATEWAY_PROXY_ADDR = "$REACT_APP_L2_CUSTOM_ERC20_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L1_USDC_GATEWAY_PROXY_ADDR = "$REACT_APP_L1_USDC_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L2_USDC_GATEWAY_PROXY_ADDR = "$REACT_APP_L2_USDC_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L1_DAI_GATEWAY_PROXY_ADDR = "$REACT_APP_L1_DAI_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L2_DAI_GATEWAY_PROXY_ADDR = "$REACT_APP_L2_DAI_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L1_LIDO_GATEWAY_PROXY_ADDR = "$REACT_APP_L1_LIDO_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L2_LIDO_GATEWAY_PROXY_ADDR = "$REACT_APP_L2_LIDO_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L1_PUFFER_GATEWAY_PROXY_ADDR = "$REACT_APP_L1_PUFFER_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L2_PUFFER_GATEWAY_PROXY_ADDR = "$REACT_APP_L2_PUFFER_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L1_STANDARD_ERC20_GATEWAY_PROXY_ADDR = "$REACT_APP_L1_STANDARD_ERC20_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L2_STANDARD_ERC20_GATEWAY_PROXY_ADDR = "$REACT_APP_L2_STANDARD_ERC20_GATEWAY_PROXY_ADDR";
+window.REACT_APP_L1_SCROLL_MESSENGER = "$REACT_APP_L1_SCROLL_MESSENGER";
+window.REACT_APP_L2_SCROLL_MESSENGER = "$REACT_APP_L2_SCROLL_MESSENGER";
+window.REACT_APP_L1_GATEWAY_ROUTER_PROXY_ADDR = "$REACT_APP_L1_GATEWAY_ROUTER_PROXY_ADDR";
+window.REACT_APP_L2_GATEWAY_ROUTER_PROXY_ADDR = "$REACT_APP_L2_GATEWAY_ROUTER_PROXY_ADDR";
+window.REACT_APP_L1_GAS_PRICE_ORACLE = "$REACT_APP_L1_GAS_PRICE_ORACLE";
+window.REACT_APP_SCROLL_CHAIN = "$REACT_APP_SCROLL_CHAIN";
+window.REACT_APP_L1_MESSAGE_QUEUE = "$REACT_APP_L1_MESSAGE_QUEUE";
+window.REACT_APP_L1_MESSAGE_QUEUE_WITH_GAS_PRICE_ORACLE = "$REACT_APP_L1_MESSAGE_QUEUE_WITH_GAS_PRICE_ORACLE";
+window.REACT_APP_L1_BATCH_BRIDGE_GATEWAY_PROXY_ADDR = "$REACT_APP_L1_BATCH_BRIDGE_GATEWAY_PROXY_ADDR";
+EOF
+
+# nginx -g daemon off;
+nginx -g "daemon off;"
diff --git a/public/index.html b/public/index.html
@@ -27,6 +27,7 @@
       href="https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,[email protected],400;8..144,500;8..144,600;8..144,700;8..144,800&display=swap"
       rel="stylesheet"
     />
+    <script src="%PUBLIC_URL%/runtime-env.js"></script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/public/runtime-env.js b/public/runtime-env.js
diff --git a/src/utils/common.ts b/src/utils/common.ts
@@ -1,5 +1,4 @@
 import { isHexString } from "ethers"
-import { isNil } from "lodash"
 import find from "lodash/find"
 import { DependencyList } from "react"
 
@@ -22,11 +21,12 @@ export function findNetworkBySlug(slug: string, networks: any[]) {
 }
 
 export function requireEnv(entry) {
-  if (isNil(process.env[entry])) {
-    throw new Error(`${entry} not defined in .env`)
-  } else {
-    return process.env[entry]!
-  }
+  // if (isNil(process.env[entry])) {
+  //   throw new Error(`${entry} not defined in .env`)
+  // } else {
+  //   return process.env[entry]!
+  // }
+  return process.env[entry] || (window as any)[entry]
 }
 
 export const generateExploreLink = (explorer, hash, type = "tx") => {