pass url parts at run time

.env.template

@@ -16,3 +16,6 @@ NEXT_PUBLIC_NETWORK_CURRENCY=APP_NEXT_NEXT_PUBLIC_NETWORK_CURRENCY
 NEXT_PUBLIC_NETWORK_TOKEN_ADDRESS=APP_NEXT_NEXT_PUBLIC_NETWORK_TOKEN_ADDRESS
 NEXT_PUBLIC_IS_ACCOUNT_SUPPORTED=APP_NEXT_NEXT_PUBLIC_IS_ACCOUNT_SUPPORTED
 NEXT_PUBLIC_FEATURED_NETWORKS=APP_NEXT_NEXT_PUBLIC_FEATURED_NETWORKS
+NEXT_PUBLIC_APP_PROTOCOL=APP_NEXT_NEXT_PUBLIC_APP_PROTOCOL
+NEXT_PUBLIC_APP_HOST=APP_NEXT_NEXT_PUBLIC_APP_HOST
+NEXT_PUBLIC_APP_PORT=APP_NEXT_NEXT_PUBLIC_APP_PORT

configs/app/config.ts

@@ -9,15 +9,23 @@ const config = Object.freeze({
     subtype: process.env.NEXT_PUBLIC_NETWORK_SUBTYPE,
     logo: process.env.NEXT_PUBLIC_NETWORK_LOGO,
     name: process.env.NEXT_PUBLIC_NETWORK_NAME,
+    id: process.env.NEXT_PUBLIC_NETWORK_ID,
     shortName: process.env.NEXT_PUBLIC_NETWORK_SHORT_NAME,
     currency: process.env.NEXT_PUBLIC_NETWORK_CURRENCY,
     assetsPathname: process.env.NEXT_PUBLIC_NETWORK_ASSETS_PATHNAME,
     nativeTokenAddress: process.env.NEXT_PUBLIC_NETWORK_TOKEN_ADDRESS,
     basePath: '/' + [ process.env.NEXT_PUBLIC_NETWORK_TYPE, process.env.NEXT_PUBLIC_NETWORK_SUBTYPE ].filter(Boolean).join('/'),
   },
-  isAccountSupported: process.env.NEXT_PUBLIC_IS_ACCOUNT_SUPPORTED === 'true',
-  // TODO domain should be passed in CI during runtime
-  domain: isDev ? 'http://localhost:3000' : 'https://blockscout.com',
+  isAccountSupported: process.env.NEXT_PUBLIC_IS_ACCOUNT_SUPPORTED?.replaceAll('\'', '"') === 'true',
+  protocol: process.env.NEXT_PUBLIC_APP_PROTOCOL,
+  host: process.env.NEXT_PUBLIC_APP_HOST,
+  port: process.env.NEXT_PUBLIC_APP_PORT,
+  baseUrl: [
+    process.env.NEXT_PUBLIC_APP_PROTOCOL || 'https',
+    '://',
+    process.env.NEXT_PUBLIC_APP_HOST,
+    process.env.NEXT_PUBLIC_APP_PORT ? ':' + process.env.NEXT_PUBLIC_APP_PORT : '',
+  ].join(''),
 });
 
 export default config;

lib/csp/getCspPolicy.ts

@@ -13,9 +13,7 @@ const KEY_WORDS = {
   UNSAFE_EVAL: '\'unsafe-eval\'',
 };
 
-const MAIN_DOMAINS = [ '*.blockscout.com', 'blockscout.com' ];
-
-const isDev = process.env.NODE_ENV === 'development';
+const MAIN_DOMAINS = [ `*.${ appConfig.host }`, appConfig.host ];
 
 function getNetworksExternalAssets() {
   const icons = featuredNetworks
@@ -39,7 +37,7 @@ function makePolicyMap() {
       KEY_WORDS.SELF,
 
       // webpack hmr in safari doesn't recognize localhost as 'self' for some reason
-      isDev ? 'ws://localhost:3000/_next/webpack-hmr' : '',
+      appConfig.isDev ? 'ws://localhost:3000/_next/webpack-hmr' : '',
 
       // client error monitoring
       'sentry.io', '*.sentry.io',
@@ -50,7 +48,7 @@ function makePolicyMap() {
 
       // next.js generates and rebuilds source maps in dev using eval()
       // https://github.com/vercel/next.js/issues/14221#issuecomment-657258278
-      isDev ? KEY_WORDS.UNSAFE_EVAL : '',
+      appConfig.isDev ? KEY_WORDS.UNSAFE_EVAL : '',
 
       ...MAIN_DOMAINS,
 

lib/link/link.ts

@@ -30,7 +30,7 @@ export function link(routeName: RouteName, urlParams?: Record<string, Array<stri
     return paramValue ? `/${ paramValue }` : '';
   });
 
-  const url = new URL(path, appConfig.domain);
+  const url = new URL(path, appConfig.baseUrl);
 
   queryParams && Object.entries(queryParams).forEach(([ key, value ]) => {
     url.searchParams.append(key, value);

lib/networks/parseNetworkConfig.js

-const featuredNetworks = process.env.NEXT_PUBLIC_FEATURED_NETWORKS?.replaceAll('\'', '"');
-
-// should be CommonJS module since it used for next.config.js
-function parseNetworkConfig() {
-  try {
-    return JSON.parse(featuredNetworks || '[]');
-  } catch (error) {
-    return [];
-  }
-}
-
-module.exports = parseNetworkConfig;

lib/next/account/getStaticPaths.ts

 import type { GetStaticPaths } from 'next';
 
 export const getStaticPaths: GetStaticPaths = async() => {
-  return { paths: [], fallback: true };
+  return { paths: [], fallback: 'blocking' };
 };

lib/next/apps/getStaticPaths.ts

 import type { GetStaticPaths } from 'next';
 
 export const getStaticPaths: GetStaticPaths = async() => {
-  return { paths: [], fallback: true };
+  return { paths: [], fallback: 'blocking' };
 };

lib/next/block/getStaticPaths.ts

 import type { GetStaticPaths } from 'next';
 
 export const getStaticPaths: GetStaticPaths = async() => {
-  return { paths: [], fallback: true };
+  return { paths: [], fallback: 'blocking' };
 };

lib/next/getStaticPaths.ts

 import type { GetStaticPaths } from 'next';
 
 export const getStaticPaths: GetStaticPaths = async() => {
-  return { paths: [], fallback: true };
+  return { paths: [], fallback: 'blocking' };
 };

lib/next/tx/getStaticPaths.ts

 import type { GetStaticPaths } from 'next';
 
 export const getStaticPaths: GetStaticPaths = async() => {
-  return { paths: [], fallback: true };
+  return { paths: [], fallback: 'blocking' };
 };

pages/[network_type]/[network_sub_type]/apps.tsx

@@ -17,3 +17,6 @@ const AppsPage = () => {
 };
 
 export default AppsPage;
+
+export { getStaticPaths } from 'lib/next/getStaticPaths';
+export { getStaticProps } from 'lib/next/getStaticProps';