feat(status-page): disable L3 on boolean env var (#13838)

packages/eventindexer/indexer/save_block_proven_event.go

@@ -115,6 +115,16 @@ func (svc *Service) updateAverageProofTime(ctx context.Context, event *taikol1.T
 		new(big.Int).SetUint64(proofTime),
 	)
 
+	log.Infof("avgProofTime update: id: %v, prover: %v, proposedAt: %v, provenAt: %v, proofTIme: %v, avg: %v, newAvg: %v",
+		event.Id.Int64(),
+		event.Prover.Hex(),
+		proposedAt,
+		provenAt,
+		proofTime,
+		avg.String(),
+		newAverageProofTime.String(),
+	)
+
 	_, err = svc.statRepo.Save(ctx, eventindexer.SaveStatOpts{
 		ProofTime: newAverageProofTime,
 	})

packages/eventindexer/indexer/save_block_verified_event.go

@@ -90,6 +90,12 @@ func (svc *Service) updateAverageBlockReward(ctx context.Context, event *taikol1
 		new(big.Int).SetUint64(stat.NumVerifiedBlocks),
 		new(big.Int).SetUint64(reward),
 	)
+	log.Infof("blockVerified reward update. id: %v, newAvg: %v, oldAvg: %v, reward: %v",
+		event.Id.String(),
+		newAverageProofReward.String(),
+		avg.String(),
+		reward,
+	)
 
 	_, err = svc.statRepo.Save(ctx, eventindexer.SaveStatOpts{
 		ProofReward: newAverageProofReward,

packages/status-page/.default.env

@@ -13,4 +13,5 @@ VITE_L3_EXPLORER_URL="https://l3explorer.internal.taiko.xyz"
 VITE_FEE_TOKEN_SYMBOL=TTKO
 VITE_ORACLE_PROVER_ADDRESS="0x1567CDAb5F7a69154e61A16D8Ff5eE6A3e991b39"
 VITE_L2_EVENT_INDEXER_API_URL="http://localhost:4100"
-VITE_L3_EVENT_INDEXER_API_URL="http://localhost:4100"
+VITE_L3_EVENT_INDEXER_API_URL="http://localhost:4100"
+VITE_ENABLE_L3=true

packages/status-page/.gitignore

@@ -25,6 +25,6 @@ dist-ssr
 .env
 .a1.env
 .s.env
-
+.a3.env
 # vite
 vite.config.ts.timestamp-*.mjs

packages/status-page/src/App.svelte

@@ -5,14 +5,14 @@
   import Home from "./pages/home/Home.svelte";
   import { setupI18n } from "./i18n";
   import Navbar from "./components/Navbar.svelte";
-  import { ethers } from "ethers";
-  import { layer } from "./store/layer";
-  import { Layer } from "./domain/layer";
   setupI18n({ withLocale: "en" });
 
   const routes = {
     "/": wrap({
       component: Home,
+      props: {
+        enableL3: import.meta.env.VITE_ENABLE_L3,
+      },
     }),
   };
 </script>

packages/status-page/src/domain/status.ts

@@ -11,7 +11,7 @@ type StatusIndicatorProp = {
     provider: ethers.providers.JsonRpcProvider,
     contractAddress: string,
     onEvent: (value: Status) => void
-  ) => void;
+  ) => () => void;
   provider: ethers.providers.JsonRpcProvider;
   contractAddress: string;
   header: string;

packages/status-page/src/pages/home/Home.svelte

@@ -12,6 +12,8 @@
   import { initConfig } from "../../utils/initConfig";
   import { buildStatusIndicators } from "../../utils/buildStatusIndicators";
 
+  export let enableL3: boolean = false;
+
   let statusIndicators: StatusIndicatorProp[] = [];
 
   let proverDetailsOpen: boolean = false;
@@ -32,6 +34,8 @@
   });
 
   async function toggleLayer() {
+    if (!enableL3) return;
+
     const newLayer = $layer === Layer.Two ? Layer.Three : Layer.Two;
     layer.set(newLayer);
 
@@ -53,7 +57,7 @@
 
 <div class="text-center">
   <h1 class="text-2xl">Taiko Protocol Status</h1>
-  <h2 class="cursor-pointer" on:click={toggleLayer}>
+  <h2 class={enableL3 ? "cursor-pointer" : ""} on:click={toggleLayer}>
     {layerToDisplayName($layer)}
   </h2>
 </div>