Pontusx demo

.changelog/1246.feature.md

@@ -0,0 +1 @@
+Initial support for displaying account names

.changelog/1290.trivial.md

@@ -0,0 +1 @@
+Update how links and hashes are displayed on mobile

.changelog/1355.feature.md

@@ -0,0 +1 @@
+Add Pontus-X branding and configuration

.changelog/1441.internal.md

@@ -0,0 +1 @@
+Add more configuration options for paratimes

.env

@@ -1,30 +1,32 @@
 REACT_APP_BUILD_DATETIME=0
 REACT_APP_BUILD_SHA=sha0000000000000000000000000000000000000
 REACT_APP_BUILD_VERSION=
-REACT_APP_PRIVACY_POLICY=https://oasisprotocol.org/privacy-policy
-REACT_APP_ENABLE_OASIS_MATOMO_ANALYTICS=true
+REACT_APP_PRIVACY_POLICY=/privacy
+# REACT_APP_ENABLE_OASIS_MATOMO_ANALYTICS=true
 # REACT_APP_API=http://localhost:8008/v1/
 # REACT_APP_API=https://nexus.stg.oasis.io/v1/
 # REACT_APP_TESTNET_API=https://testnet.nexus.stg.oasis.io/v1/
 REACT_APP_API=https://nexus.oasis.io/v1/
 REACT_APP_TESTNET_API=https://testnet.nexus.oasis.io/v1/
-REACT_APP_META_TITLE="Oasis Explorer"
-REACT_APP_META_IMAGE="Oasis Explorer - OpenGraph Banner.png"
-REACT_APP_META_MANIFEST=app.webmanifest
-REACT_APP_META_FAVICON=favicon.svg
-REACT_APP_META_APPLE_ICON="Icon Blue 192.png"
-REACT_APP_META_DESC="Official explorer for the Oasis Network."
-REACT_APP_SOCIAL_TELEGRAM=https://t.me/oasisprotocolcommunity
-REACT_APP_SOCIAL_TWITTER=https://twitter.com/oasisprotocol
-REACT_APP_SOCIAL_DISCORD=https://oasis.io/discord
-REACT_APP_SOCIAL_YOUTUBE=https://www.youtube.com/channel/UC35UFPcZ2F1wjPxhPrSsESQ
-REACT_APP_SOCIAL_REDDIT=https://www.reddit.com/r/oasisnetwork/
-# REACT_APP_SOCIAL_LINKEDIN=https://www.linkedin.com/company/oasisprotocol
-# REACT_APP_SOCIAL_DOCS=https://oasisprotocol.org/developers#overview
-# REACT_APP_SOCIAL_HOME=https://oasisprotocol.org/
-REACT_APP_PRODUCTION_URLS="https://explorer.oasis.io, https://explorer.prd.oasis.io"
-REACT_APP_STAGING_URLS=https://explorer.stg.oasis.io
-REACT_APP_SHOW_BUILD_BANNERS=true
-# REACT_APP_FIXED_NETWORK=testnet
-# REACT_APP_FIXED_LAYER=sapphire
-REACT_APP_SHOW_FIAT_VALUES=true
+REACT_APP_META_TITLE=Pontus-X Explorer
+REACT_APP_META_IMAGE=pontusx/og-image.png
+REACT_APP_META_MANIFEST=pontusx.webmanifest
+REACT_APP_META_FAVICON=pontusx/favicon.ico
+REACT_APP_META_APPLE_ICON=pontusx/logo192.png
+REACT_APP_META_DESC=Official explorer for the Pontus-X Network.
+# REACT_APP_SOCIAL_TELEGRAM=https://t.me/oasisprotocolcommunity
+# REACT_APP_SOCIAL_TWITTER=https://twitter.com/oasisprotocol
+# REACT_APP_SOCIAL_DISCORD=https://oasis.io/discord
+# REACT_APP_SOCIAL_YOUTUBE=https://www.youtube.com/channel/UC35UFPcZ2F1wjPxhPrSsESQ
+# REACT_APP_SOCIAL_REDDIT=https://www.reddit.com/r/oasisnetwork/
+REACT_APP_SOCIAL_LINKEDIN=https://www.linkedin.com/company/76729586
+REACT_APP_SOCIAL_DOCS=https://docs.pontus-x.eu/
+REACT_APP_SOCIAL_HOME=https://www.pontus-x.eu/
+#REACT_APP_PRODUCTION_URLS=https://explorer.oasis.io, https://explorer.prd.oasis.io
+#REACT_APP_STAGING_URLS=https://explorer.stg.oasis.io
+REACT_APP_SHOW_BUILD_BANNERS=false
+REACT_APP_FIXED_NETWORK=testnet
+# REACT_APP_FIXED_LAYER=pontusx
+REACT_APP_SKIP_GRAPH=true
+REACT_APP_SHOW_FIAT_VALUES=false
+REACT_APP_SHOW_PRIVACY_POLICY=true

.env.production

@@ -1,25 +1,32 @@
 REACT_APP_BUILD_DATETIME=
 REACT_APP_BUILD_SHA=
 REACT_APP_BUILD_VERSION=
-REACT_APP_PRIVACY_POLICY=https://oasisprotocol.org/privacy-policy
-REACT_APP_ENABLE_OASIS_MATOMO_ANALYTICS=true
-REACT_APP_META_TITLE="Oasis Explorer"
-REACT_APP_META_IMAGE="Oasis Explorer - OpenGraph Banner.png"
-REACT_APP_META_MANIFEST=app.webmanifest
-REACT_APP_META_FAVICON=favicon.svg
-REACT_APP_META_APPLE_ICON="Icon Blue 192.png"
-REACT_APP_META_DESC="Official explorer for the Oasis Network."
-REACT_APP_SOCIAL_TELEGRAM=https://t.me/oasisprotocolcommunity
-REACT_APP_SOCIAL_TWITTER=https://twitter.com/oasisprotocol
-REACT_APP_SOCIAL_DISCORD=https://oasis.io/discord
-REACT_APP_SOCIAL_YOUTUBE=https://www.youtube.com/channel/UC35UFPcZ2F1wjPxhPrSsESQ
-REACT_APP_SOCIAL_REDDIT=https://www.reddit.com/r/oasisnetwork/
-# REACT_APP_SOCIAL_LINKEDIN=https://www.linkedin.com/company/oasisprotocol
-# REACT_APP_SOCIAL_DOCS=https://oasisprotocol.org/developers#overview
-# REACT_APP_SOCIAL_HOME=https://oasisprotocol.org/
-REACT_APP_PRODUCTION_URLS="https://explorer.oasis.io, https://explorer.prd.oasis.io"
-REACT_APP_STAGING_URLS=https://explorer.stg.oasis.io
-REACT_APP_SHOW_BUILD_BANNERS=true
-# REACT_APP_FIXED_NETWORK=testnet
-# REACT_APP_FIXED_LAYER=sapphire
-REACT_APP_SHOW_FIAT_VALUES=true
+REACT_APP_PRIVACY_POLICY=/privacy
+# REACT_APP_ENABLE_OASIS_MATOMO_ANALYTICS=true
+# REACT_APP_API=http://localhost:8008/v1/
+# REACT_APP_API=https://nexus.stg.oasis.io/v1/
+# REACT_APP_TESTNET_API=https://testnet.nexus.stg.oasis.io/v1/
+REACT_APP_API=https://nexus.oasis.io/v1/
+REACT_APP_TESTNET_API=https://testnet.nexus.oasis.io/v1/
+REACT_APP_META_TITLE=Pontus-X Explorer
+REACT_APP_META_IMAGE=pontusx/og-image.png
+REACT_APP_META_MANIFEST=pontusx.webmanifest
+REACT_APP_META_FAVICON=pontusx/favicon.ico
+REACT_APP_META_APPLE_ICON=pontusx/logo192.png
+REACT_APP_META_DESC=Official explorer for the Pontus-X Network.
+# REACT_APP_SOCIAL_TELEGRAM=https://t.me/oasisprotocolcommunity
+# REACT_APP_SOCIAL_TWITTER=https://twitter.com/oasisprotocol
+# REACT_APP_SOCIAL_DISCORD=https://oasis.io/discord
+# REACT_APP_SOCIAL_YOUTUBE=https://www.youtube.com/channel/UC35UFPcZ2F1wjPxhPrSsESQ
+# REACT_APP_SOCIAL_REDDIT=https://www.reddit.com/r/oasisnetwork/
+REACT_APP_SOCIAL_LINKEDIN=https://www.linkedin.com/company/76729586
+REACT_APP_SOCIAL_DOCS=https://docs.pontus-x.eu/
+REACT_APP_SOCIAL_HOME=https://www.pontus-x.eu/
+# REACT_APP_PRODUCTION_URLS=https://explorer.oasis.io, https://explorer.prd.oasis.io
+# REACT_APP_STAGING_URLS=https://explorer.stg.oasis.io
+REACT_APP_SHOW_BUILD_BANNERS=false
+REACT_APP_FIXED_NETWORK=testnet
+# REACT_APP_FIXED_LAYER=pontusx
+REACT_APP_SKIP_GRAPH=true
+REACT_APP_SHOW_FIAT_VALUES=false
+REACT_APP_SHOW_PRIVACY_POLICY=true

.storybook/preview.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { Preview } from '@storybook/react'
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'
 import '../src/locales/i18n'
-import { withDefaultTheme } from '../src/app/components/ThemeByNetwork'
+import { withDefaultTheme } from '../src/app/components/ThemeByScope'
 import { initialize, mswLoader } from 'msw-storybook-addon'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { handlers } from '../internals/mocks/msw-handlers'

package.json

@@ -87,7 +87,9 @@
   },
   "devDependencies": {
     "@emotion/jest": "11.11.0",
+    "@mdx-js/react": "^1.6.22",
     "@parcel/packager-raw-url": "2.12.0",
+    "@parcel/transformer-mdx": "^2.12.0",
     "@parcel/transformer-webmanifest": "2.12.0",
     "@plasmohq/parcel-transformer-inject-env": "^0.2.11",
     "@storybook/addon-actions": "8.0.9",

public/app.webmanifest

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-manifest-combined.json",
-  "short_name": "Oasis Explorer",
-  "name": "Official explorer for the Oasis Network.",
+  "short_name": "Pontus-X Explorer",
+  "name": "Official explorer for the Pontus-X Ecosystem.",
   "icons": [
     {
       "src": "./favicon.svg",

public/index.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <base href="/" />
-    <link rel="icon" href="$REACT_APP_META_FAVICON" type="image/svg+xml" />
+    <link rel="icon" href="$REACT_APP_META_FAVICON" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <link rel="apple-touch-icon" href="$REACT_APP_META_APPLE_ICON" />

public/pontusx.webmanifest

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://json.schemastore.org/web-manifest-combined.json",
+  "short_name": "Pontus-X Explorer",
+  "name": "Official explorer for the Pontus-X Network.",
+  "icons": [
+    {
+      "src": "./pontusx/favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "./pontusx/logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "./pontusx/logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}