Add Pontus-X as a hidden layer

- It's not shown on the landing page graph
- It's not listed in the layer selector
- It can be accessed using the correct URL
- Currently all the data is mock data, coming for Sapphire

.changelog/1245.feature.md

@@ -0,0 +1 @@
+Add Pontus-X as a hidden layer 

src/app/components/Search/search-utils.ts

@@ -33,6 +33,7 @@ export const searchSuggestionTerms = {
       suggestedTokenFragment: 'mock',
     },
     cipher: undefined,
+    pontusx: undefined,
     consensus: undefined,
   },
   testnet: {
@@ -49,6 +50,13 @@ export const searchSuggestionTerms = {
       suggestedTokenFragment: 'USD',
     },
     cipher: undefined,
+    pontusx: {
+      // TODO: provide proper suggestions
+      suggestedBlock: '4260',
+      suggestedTransaction: '0xd9b5c08be1cb74229abedd9b3e1afb8b43228085a6abf72993db415959ab6b35',
+      suggestedAccount: '0xfA3AC9f65C9D75EE3978ab76c6a1105f03156204',
+      suggestedTokenFragment: 'USD',
+    },
     consensus: undefined,
   },
 } satisfies SpecifiedPerEnabledLayer<LayerSuggestions>

src/app/pages/HomePage/Graph/Graph/graph-utils.ts

@@ -28,6 +28,7 @@ export abstract class GraphUtils {
           y: 0.7 * height,
         }
       case Layer.sapphire:
+      case Layer.pontusx:
         return {
           scale: 2.4,
           x: 0.31 * width,

src/app/pages/HomePage/Graph/Graph/index.tsx

@@ -298,6 +298,7 @@ const GraphCmp: ForwardRefRenderFunction<SVGSVGElement, GraphProps> = (
     [Layer.consensus]: isLayerDisabled(Layer.consensus),
     [Layer.cipher]: isLayerDisabled(Layer.cipher),
     [Layer.sapphire]: isLayerDisabled(Layer.sapphire),
+    [Layer.pontusx]: isLayerDisabled(Layer.pontusx),
   }
 
   const enabledLayers: Layer[] = useMemo(() => RouteUtils.getEnabledLayersForNetwork(network), [network])

src/app/pages/HomePage/Graph/GraphTooltipMobile/index.tsx

@@ -145,9 +145,11 @@ const useLayerTooltipMap = (network: Network): Record<Layer, TooltipInfo> => {
   const isEmeraldEnabled = RouteUtils.getEnabledLayersForNetwork(network).includes(Layer.emerald)
   const isCipherEnabled = RouteUtils.getEnabledLayersForNetwork(network).includes(Layer.cipher)
   const isConsensusEnabled = RouteUtils.getEnabledLayersForNetwork(network).includes(Layer.consensus)
+  const isPontusxEnabled = RouteUtils.getEnabledLayersForNetwork(network).includes(Layer.pontusx)
 
   const isEmeraldOutOfDate = useRuntimeFreshness({ network, layer: Layer.emerald }).outOfDate
   const isSapphireOutOfDate = useRuntimeFreshness({ network, layer: Layer.sapphire }).outOfDate
+  const isPontusxOutOfDate = useRuntimeFreshness({ network, layer: Layer.pontusx }).outOfDate
   return {
     [Layer.sapphire]: {
       disabled: !isSapphireEnabled,
@@ -163,6 +165,20 @@ const useLayerTooltipMap = (network: Network): Record<Layer, TooltipInfo> => {
           }
         : {}),
     },
+    [Layer.pontusx]: {
+      disabled: !isPontusxEnabled,
+      body: {
+        title: (t: TFunction) => t('common.pontusx'),
+        caption: (t: TFunction) =>
+          layerTooltipBodyCaption(t, Layer.pontusx, isPontusxEnabled, isPontusxOutOfDate),
+        body: (t: TFunction) => t('home.tooltip.pontusxParaTimeDesc'),
+      },
+      ...(isPontusxEnabled
+        ? {
+            failing: isPontusxOutOfDate,
+          }
+        : {}),
+    },
     [Layer.emerald]: {
       disabled: !isEmeraldEnabled,
       body: {

src/app/pages/ParatimeDashboardPage/LearningMaterials.tsx

@@ -62,6 +62,7 @@ const getContent = (t: TFunction) => {
         },
       },
       [Layer.cipher]: undefined,
+      [Layer.pontusx]: undefined,
     },
     [Network.testnet]: {
       [Layer.emerald]: {
@@ -99,6 +100,24 @@ const getContent = (t: TFunction) => {
         },
       },
       [Layer.cipher]: undefined,
+      [Layer.pontusx]: {
+        // TODO: add proper data
+        primary: {
+          description: '',
+          header: '',
+          url: '',
+        },
+        secondary: {
+          description: '',
+          header: '',
+          url: '',
+        },
+        tertiary: {
+          description: '',
+          header: '',
+          url: '',
+        },
+      },
     },
   } satisfies SpecifiedPerEnabledRuntime<LayerContent>
 }

src/app/utils/externalLinks.ts

@@ -48,6 +48,7 @@ export const faucet = {
   [Layer.consensus]: faucetUrl,
   [Layer.emerald]: `${faucetParaTimeBaseUrl}emerald`,
   [Layer.sapphire]: `${faucetParaTimeBaseUrl}sapphire`,
+  [Layer.pontusx]: `${faucetParaTimeBaseUrl}pontusx`,
   [Layer.cipher]: `${faucetParaTimeBaseUrl}cipher`,
 }
 

src/app/utils/route-utils.ts

@@ -25,13 +25,15 @@ export abstract class RouteUtils {
       [Layer.emerald]: true,
       [Layer.sapphire]: true,
       [Layer.cipher]: false,
+      [Layer.pontusx]: false,
       // Disable WIP Consensus on production an staging
       [Layer.consensus]: !isStableDeploy,
     },
     [Network.testnet]: {
       [Layer.emerald]: true,
       [Layer.sapphire]: true,
       [Layer.cipher]: false,
+      [Layer.pontusx]: true,
       [Layer.consensus]: false,
     },
   } satisfies Record<Network, Record<Layer, boolean>>

src/app/utils/rpc-utils.ts

@@ -20,6 +20,7 @@ const LAYER_DECIMALS: Record<Layer, number> = {
   [Layer.emerald]: paraTimesConfig[Layer.emerald].decimals,
   [Layer.sapphire]: paraTimesConfig[Layer.sapphire].decimals,
   [Layer.cipher]: paraTimesConfig[Layer.cipher].decimals,
+  [Layer.pontusx]: paraTimesConfig[Layer.pontusx].decimals,
   [Layer.consensus]: consensusDecimals,
 }
 

src/config.ts

@@ -108,6 +108,32 @@ const sapphireConfig: LayerConfig = {
   outOfDateThreshold: 2 * 60 * 1000,
 }
 
+const pontusxConfig: LayerConfig = {
+  mainnet: {
+    activeNodes: undefined,
+    address: undefined,
+    blockGasLimit: undefined,
+    runtimeId: undefined,
+  },
+  testnet: {
+    activeNodes: 8, // TODO use correct number
+    address: 'oasis1qqczuf3x6glkgjuf0xgtcpjjw95r3crf7y2323xd', // TODO use correct address
+    // See max_batch_gas https://github.com/oasisprotocol/sapphire-paratime/blob/main/runtime/src/lib.rs#L166
+    blockGasLimit: 15_000_000,
+    runtimeId: '000000000000000000000000000000000000000000000000a6d1e3ebf60dff6c',
+  },
+  local: {
+    activeNodes: undefined,
+    address: undefined,
+    blockGasLimit: undefined,
+    runtimeId: undefined,
+  },
+
+  decimals: 18,
+  type: RuntimeTypes.Evm,
+  outOfDateThreshold: 2 * 60 * 1000,
+}
+
 type LayersConfig = {
   [key in Layer]: LayerConfig | null
 }
@@ -116,6 +142,7 @@ export const paraTimesConfig = {
   [Layer.cipher]: cipherConfig,
   [Layer.emerald]: emeraldConfig,
   [Layer.sapphire]: sapphireConfig,
+  [Layer.pontusx]: pontusxConfig,
   [Layer.consensus]: null,
 } satisfies LayersConfig
 

src/locales/en/translation.json

@@ -87,6 +87,7 @@
     "paratime": "Paratime",
     "parentheses": "({{subject}})",
     "percentage": "Percentage",
+    "pontusx": "Pontus-X",
     "proposal": "Proposal",
     "proposer": "Proposer",
     "rank": "Rank",
@@ -472,6 +473,7 @@
       "sapphireParaTimeDesc": "Confidential EVM Compatible ParaTime providing a smart contract development environment with EVM compatibility",
       "emeraldParaTimeDesc": "EVM Compatible ParaTime providing smart contract environment with EVM compatibility.",
       "cipherParaTimeDesc": "The Cipher ParaTime is a Confidential ParaTime for executing Wasm smart contracts.",
+      "pontusxParaTimeDesc": "Pontus-X ParaTime",
       "consensusDesc": "Our scalable, high-throughput, secure, proof-of-stake consensus layer run by a decentralized set of validator nodes.",
       "close": "Close"
     },

src/oasis-nexus/api.ts

@@ -124,6 +124,15 @@ function arrayify<T>(arrayOrItem: null | undefined | T | T[]): T[] {
   return arrayOrItem
 }
 
+// TODO: remove when pontusx API is ready
+axios.interceptors.request.use(config => {
+  // Mock pontusx
+  if (config.url?.includes('/v1/pontusx')) {
+    config.url = config.url.replace('/v1/pontusx', '/v1/sapphire')
+  }
+  return config
+})
+
 export const useGetConsensusTransactions: typeof generated.useGetConsensusTransactions = (
   network,
   params?,