chore: Update NODE_ENV environment variable in GitHub Actions workflow

.github/workflows/ci.yml

@@ -105,6 +105,7 @@ jobs:
           NEXT_PUBLIC_RPC_URL: ${{ secrets.NEXT_PUBLIC_RPC_URL }}
           DEFENDER_API_KEY: ${{ secrets.DEFENDER_API_KEY }}
           DEFENDER_SECRET_KEY: ${{ secrets.DEFENDER_SECRET_KEY }}
+          NODE_ENV: ${{ secrets.NODE_ENV }}
 
       - name: Export Pages Artifact
         run: yarn frontend export

pkgs/frontend/src/context/IntmaxProvider.tsx

@@ -1,6 +1,7 @@
 import HelloWorldJson from "@/contracts/HelloWorld.sol/HelloWorld.json";
 import SampleForwarderJson from "@/contracts/SampleForwarder.sol/SampleForwarder.json";
 import {
+  BLOCK_EXPLORER_URL,
   CHAIN_ID,
   DAPP_METADATA,
   DEFAULT_WALLET_URL,
@@ -154,7 +155,7 @@ export const IntmaxProvider = ({
         params: [{ from: address, to: to, value: parseEther(value) }],
       });
 
-      console.log("tx info:", `https://sepolia.etherscan.io/tx/${result}`);
+      console.log("tx info:", `${BLOCK_EXPLORER_URL}/tx/${result}`);
 
       // ブロックを取得する
       const currentBlockNubmer = await ethereum.request({
@@ -270,8 +271,17 @@ export const IntmaxProvider = ({
 
       console.log("sig:", sig);
 
+      // ローカルかGitHubPagesかでパスが変わるのでここで制御
+      let apiUrl: string;
+
+      if (process.env.NODE_ENV === "production") {
+        apiUrl = "api/requestRelayer";
+      } else {
+        apiUrl = "IntmaxRepo/api/requestRelayer";
+      }
+
       // call requestRelayer API
-      const gaslessResult = await fetch("IntmaxRepo/api/requestRelayer", {
+      const gaslessResult = await fetch(apiUrl, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",

pkgs/frontend/src/pages/index.tsx

@@ -3,6 +3,7 @@ import Loading from "@/components/Loading";
 import Toaster from "@/components/Toaster";
 import { IntmaxContext } from "@/context/IntmaxProvider";
 import styles from "@/styles/Home.module.css";
+import { BLOCK_EXPLORER_URL } from "@/utils/constants";
 import { displayAddress } from "@/utils/functions";
 import { useContext } from "react";
 import "react-toastify/dist/ReactToastify.css";
@@ -55,7 +56,15 @@ export default function Home() {
             {intmaxContext.address ? (
               <>
                 <h3>Your Address</h3>
-                <h3>{displayAddress(intmaxContext.address)}</h3>
+                <h3>
+                  <a
+                    className="underline"
+                    href={`${BLOCK_EXPLORER_URL}/address/${intmaxContext.address}`}
+                    target="_blank"
+                  >
+                    {displayAddress(intmaxContext.address)}
+                  </a>
+                </h3>
                 <h3>Your Balance</h3>
                 <h3>{intmaxContext.balance} ETH</h3>
                 <button onClick={sendTx} className={styles.authButton}>

pkgs/frontend/src/utils/constants.ts

@@ -1,5 +1,6 @@
 export const CHAIN_ID = 534351;
 export const RPC_URL = process.env.NEXT_PUBLIC_RPC_URL!;
+export const BLOCK_EXPLORER_URL = "https://sepolia.scrollscan.dev";
 export const DEFAULT_WALLET_URL =
   process.env.NEXT_PUBLIC_WALLET_URL ||
   "https://intmaxwallet-sdk-wallet.vercel.app/";