add variable for exit-only consensus

configs/app/features/beaconChain.ts

@@ -4,9 +4,10 @@ import { getEnvValue } from '../utils';
 
 const title = 'Beacon chain';
 
-const config: Feature<{ currency: { symbol: string }; validatorUrlTemplate: string | undefined }> = (() => {
+const config: Feature<{ currency: { symbol: string }; validatorUrlTemplate: string | undefined; withdrawalsOnly: boolean }> = (() => {
   if (getEnvValue('NEXT_PUBLIC_HAS_BEACON_CHAIN') === 'true') {
     const validatorUrlTemplate = getEnvValue('NEXT_PUBLIC_BEACON_CHAIN_VALIDATOR_URL_TEMPLATE');
+    const withdrawalsOnly = getEnvValue('NEXT_PUBLIC_BEACON_CHAIN_WITHDRAWALS_ONLY') === 'true';
     return Object.freeze({
       title,
       isEnabled: true,
@@ -17,6 +18,7 @@ const config: Feature<{ currency: { symbol: string }; validatorUrlTemplate: stri
           '', // maybe we need some other default value here
       },
       validatorUrlTemplate,
+      withdrawalsOnly,
     });
   }
 

deploy/tools/envs-validator/schemas/features/beaconChain.ts

@@ -4,6 +4,17 @@ export const beaconChainSchema = yup
   .object()
   .shape({
     NEXT_PUBLIC_HAS_BEACON_CHAIN: yup.boolean(),
+    NEXT_PUBLIC_BEACON_CHAIN_WITHDRAWALS_ONLY: yup
+      .boolean()
+      .when('NEXT_PUBLIC_HAS_BEACON_CHAIN', {
+        is: (value: boolean) => value,
+        then: (schema) => schema,
+        otherwise: (schema) => schema.test(
+          'not-exist',
+          'NEXT_PUBLIC_BEACON_CHAIN_WITHDRAWALS_ONLY can only be used if NEXT_PUBLIC_HAS_BEACON_CHAIN is set to "true"',
+          value => value === undefined,
+        ),
+      }),
     NEXT_PUBLIC_BEACON_CHAIN_CURRENCY_SYMBOL: yup
       .string()
       .when('NEXT_PUBLIC_HAS_BEACON_CHAIN', {

deploy/tools/sitemap-generator/next-sitemap.config.js

@@ -82,7 +82,7 @@ module.exports = {
         break;
       case '/batches':
       case '/deposits':
-        if (!process.env.NEXT_PUBLIC_ROLLUP_TYPE) {
+        if (!process.env.NEXT_PUBLIC_ROLLUP_TYPE && (process.env.NEXT_PUBLIC_HAS_BEACON_CHAIN !== 'true' || process.env.NEXT_PUBLIC_BEACON_CHAIN_WITHDRAWALS_ONLY === 'true')) {
           return null;
         }
         break;

docs/ENVS.md

@@ -507,6 +507,7 @@ Ads are enabled by default on all self-hosted instances. If you would like to di
 | Variable | Type| Description | Compulsoriness  | Default value | Example value | Version |
 | --- | --- | --- | --- | --- | --- | --- |
 | NEXT_PUBLIC_HAS_BEACON_CHAIN | `boolean` | Set to true for networks with the beacon chain | Required | - | `true` | v1.0.x+ |
+| NEXT_PUBLIC_BEACON_CHAIN_WITHDRAWALS_ONLY | `boolean` | Set to true for networks that have only withdrawals (no deposits) | - | - | `true` | v2.6.0+ |
 | NEXT_PUBLIC_BEACON_CHAIN_CURRENCY_SYMBOL | `string` | Beacon network currency symbol | - | `NEXT_PUBLIC_NETWORK_CURRENCY_SYMBOL` | `ETH` | v1.0.x+ |
 | NEXT_PUBLIC_BEACON_CHAIN_VALIDATOR_URL_TEMPLATE | `string` | Url template to build a link to validator. Should contain `{pk}` string that will be replaced with the validator's public key | - | - | `https://example.com/beacon/{pk}/validator` | v2.3.0+ |
 

lib/hooks/useNavItems.tsx

@@ -7,6 +7,7 @@ import config from 'configs/app';
 import { rightLineArrow } from 'toolkit/utils/htmlEntities';
 
 const marketplaceFeature = config.features.marketplace;
+const beaconChainFeature = config.features.beaconChain;
 
 interface ReturnType {
   mainNavItems: Array<NavItem | NavGroupItem>;
@@ -224,7 +225,7 @@ export default function useNavItems(): ReturnType {
         validators,
         verifiedContracts,
         nameLookup,
-        config.features.beaconChain.isEnabled && {
+        beaconChainFeature.isEnabled && !beaconChainFeature.withdrawalsOnly && {
           text: 'Deposits',
           nextRoute: { pathname: '/deposits' as const },
           icon: 'navigation/deposits',

nextjs/getServerSideProps/guards.ts

@@ -218,8 +218,9 @@ export const rollup: Guard = (chainConfig: typeof config) => async() => {
 const DEPOSITS_ROLLUP_TYPES: Array<RollupType> = [ 'optimistic', 'shibarium', 'zkEvm', 'arbitrum', 'scroll' ];
 export const deposits: Guard = (chainConfig: typeof config) => async() => {
   const rollupFeature = chainConfig.features.rollup;
+  const beaconChainFeature = chainConfig.features.beaconChain;
   if (
-    !chainConfig.features.beaconChain.isEnabled &&
+    (!beaconChainFeature.isEnabled || beaconChainFeature.withdrawalsOnly) &&
     !(rollupFeature.isEnabled && DEPOSITS_ROLLUP_TYPES.includes(rollupFeature.type))) {
     return {
       notFound: true,

pages/deposits/index.tsx

@@ -29,7 +29,7 @@ const Deposits = dynamic(() => {
     return import('ui/pages/ScrollL2Deposits');
   }
 
-  if (beaconChainFeature.isEnabled) {
+  if (beaconChainFeature.isEnabled && !beaconChainFeature.withdrawalsOnly) {
     return import('ui/pages/BeaconChainDeposits');
   }
 

ui/block/useBlockDepositsQuery.tsx

@@ -16,6 +16,8 @@ interface Params {
   tab: string;
 }
 
+const beaconChainFeature = config.features.beaconChain;
+
 // No deposits data in RPC, so we use API only
 export default function useBlockDepositsQuery({ heightOrHash, blockQuery, tab }: Params): BlockDepositsQuery {
   const apiQuery = useQueryWithPages({
@@ -24,7 +26,7 @@ export default function useBlockDepositsQuery({ heightOrHash, blockQuery, tab }:
     options: {
       enabled:
         tab === 'deposits' &&
-        config.features.beaconChain.isEnabled &&
+        beaconChainFeature.isEnabled && !beaconChainFeature.withdrawalsOnly &&
         !blockQuery.isPlaceholderData && !blockQuery.isDegradedData,
       placeholderData: generateListStub<'general:block_deposits'>(DEPOSIT, 50, { next_page_params: {
         index: 5,

ui/deposits/beaconChain/BeaconChainDepositsListItem.tsx

@@ -22,7 +22,7 @@ type Props = {
 };
 
 const BeaconChainDepositsListItem = ({ item, isLoading, view }: Props) => {
-  if (!feature.isEnabled) {
+  if (!feature.isEnabled || feature.withdrawalsOnly) {
     return null;
   }
 

ui/deposits/beaconChain/BeaconChainDepositsTable.tsx

@@ -21,7 +21,7 @@ type Props = {
 const BeaconChainDepositsTable = ({ items, isLoading, top, view }: Props) => {
   const { cutRef, renderedItemsNum } = useLazyRenderedList(items, !isLoading);
 
-  if (!feature.isEnabled) {
+  if (!feature.isEnabled || feature.withdrawalsOnly) {
     return null;
   }
 

ui/pages/Address.tsx

@@ -70,6 +70,7 @@ const txInterpretation = config.features.txInterpretation;
 const addressProfileAPIFeature = config.features.addressProfileAPI;
 const xScoreFeature = config.features.xStarScore;
 const nameServicesFeature = config.features.nameServices;
+const beaconChainFeature = config.features.beaconChain;
 
 const AddressPageContent = () => {
   const router = useRouter();
@@ -231,7 +232,7 @@ const AddressPageContent = () => {
           component: <AddressUserOps shouldRender={ !isTabsLoading } isQueryEnabled={ areQueriesEnabled }/>,
         } :
         undefined,
-      config.features.beaconChain.isEnabled && addressTabsCountersQuery.data?.beacon_deposits_count ?
+      beaconChainFeature.isEnabled && !beaconChainFeature.withdrawalsOnly && addressTabsCountersQuery.data?.beacon_deposits_count ?
         {
           id: 'deposits',
           title: 'Deposits',

ui/pages/BeaconChainDeposits.tsx

@@ -60,7 +60,7 @@ const BeaconChainDeposits = () => {
   ) : null;
 
   const text = (() => {
-    if (countersQuery.isError || !feature.isEnabled) {
+    if (countersQuery.isError || !feature.isEnabled || feature.withdrawalsOnly) {
       return null;
     }
 

ui/pages/Block.tsx

@@ -46,6 +46,8 @@ const TAB_LIST_PROPS = {
 };
 const TABS_HEIGHT = 88;
 
+const beaconChainFeature = config.features.beaconChain;
+
 const BlockPageContent = () => {
   const router = useRouter();
   const isMobile = useIsMobile();
@@ -109,7 +111,7 @@ const BlockPageContent = () => {
           <TxsWithFrontendSorting query={ blockBlobTxsQuery } showBlockInfo={ false }/>
         ),
       } : null,
-    config.features.beaconChain.isEnabled && Boolean(blockQuery.data?.beacon_deposits_count) ?
+    beaconChainFeature.isEnabled && !beaconChainFeature.withdrawalsOnly && Boolean(blockQuery.data?.beacon_deposits_count) ?
       {
         id: 'deposits',
         title: 'Deposits',