feat: Generate client config from user defined 'config/' files

.gitignore

@@ -59,6 +59,7 @@ build/Release
 # production
 /client/build
 config/minter.mainnet.json
+client/src/config.json
 
 # misc
 **/.DS_Store

client/src/components/App/globalContext.tsx

@@ -10,10 +10,12 @@ import React, {
 } from 'react';
 
 import { TezosToolkit } from '@taquito/taquito';
-import config from '../../config';
+import config from '../../config.json';
 import mkContracts, { Contracts } from '../../api/contracts';
 import { BeaconWallet } from '@taquito/beacon-wallet';
-import { mkBetterCallDev, BetterCallDev } from '../../resolvers/betterCallDev';
+import { BetterCallDev } from '../../resolvers/betterCallDev';
+
+/* <TODO: Use state reducer with global context to manage actions & application dependencies> */
 
 type GlobalActions =
   | {
@@ -58,6 +60,8 @@ const GlobalContext = createContext<IGlobalContext>({
   dispatch: (_action: GlobalActions) => null
 });
 
+/* </END TODO> */
+
 type Toolkit = [TezosToolkit, BeaconWallet] | undefined;
 
 const TzToolkitContext = createContext<Toolkit>(undefined);

client/src/components/AssetDetailsPage/AssetDescription.tsx

@@ -6,7 +6,8 @@ import { jsx } from '@emotion/core';
 import { Description, ParamName, ParamValue } from './Typography';
 import { NonFungibleToken } from '../../generated/graphql_schema';
 import { Skeleton } from 'antd';
-import config from '../../config';
+
+const TZKT_AVATAR_URL = 'https://services.tzkt.io/v1/avatars2/';
 
 const AssetDescription: FC<{ nft?: NonFungibleToken }> = ({ nft }) => (
   <Fragment>
@@ -31,7 +32,7 @@ const AssetDescription: FC<{ nft?: NonFungibleToken }> = ({ nft }) => (
 
           <ParamValue>
             <img
-              src={url.resolve(config.tzktAvatarUrl, nft.owner)}
+              src={url.resolve(TZKT_AVATAR_URL, nft.owner)}
               css={{ width: '2.5em' }}
               alt=""
             />

client/src/components/AssetsPage/AssetCard.tsx

@@ -10,7 +10,7 @@ import { NonFungibleToken } from '../../generated/graphql_schema';
 import { urlFromCid } from '../../api/ipfsUploader';
 import AssetTransfer from './AssetTransfer';
 import { useContracts } from '../App/globalContext';
-import config from '../../config';
+import config from '../../config.json';
 import { useLocation } from 'wouter';
 
 const { Paragraph, Text, Link } = Typography;

client/src/components/WalletConnector/index.tsx

@@ -5,7 +5,7 @@ import { message } from 'antd';
 
 import HeaderButton from '../common/HeaderButton';
 import { useTzToolkit, useTzToolkitSetter } from '../App/globalContext';
-import config from '../../config';
+import config from '../../config.json';
 import * as beaconWallet from './beaconWallet';
 
 const WalletConnector: FC = () => {

client/src/hooks/useContractNamesQuery.ts

@@ -1,6 +1,6 @@
 import useAsync from '../utils/useAsync';
 import { contractNames } from '../resolvers/contractNames';
-import config from '../config';
+import config from '../config.json';
 
 export const useContractNamesQuery = (
   contractOwnerAddress?: string,

client/src/hooks/useNftsQuery.ts

@@ -1,7 +1,7 @@
 import { useWalletAddress } from '../components/App/globalContext';
 import useAsync from '../utils/useAsync';
 import { nfts } from '../resolvers/nfts';
-import config from '../config';
+import config from '../config.json';
 
 export const useNftsQuery = (contractAddress?: string) => {
   const ownerAddress = useWalletAddress();

client/src/utils/waitForConfirmation.ts

@@ -3,7 +3,7 @@ import { OperationStatus } from '../generated/graphql_schema';
 import { pollUntilTrue, sleep } from './polling';
 import { contractOperationStatus } from '../resolvers/contractOperationStatus';
 import { indexerStats } from '../resolvers/indexerStats';
-import config from '../config';
+import config from '../config.json';
 
 export const getContractOperationStatus = async (
   contractAddress: string,

config/minter.mainnet.example.json

@@ -1,5 +1,8 @@
 {
 	"rpc": "https://mainnet-tezos.giganode.io",
+  "bcdApiUrl": "https://api.better-call.dev",
+  "bcdGuiUrl": "https://better-call.dev",
+  "bcdNetwork": "mainnet",
 	"admin": {
 		"address": "<YOUR_TZ_PUBLIC_ADDRESS_HERE>",
 		"secret": "<YOUR_TZ_PRIVATE_KEY_HERE>"

config/minter.sandbox.json

@@ -1,5 +1,8 @@
 {
 	"rpc": "http://localhost:8732",
+	"bcdApiUrl": "http://bcdapi:14000",
+	"bcdGuiUrl": "http://localhost:8009",
+	"bcdNetwork": "sandboxnet",
 	"admin": {
 		"address": "tz1YPSCGWXwBdTncK2aCctSZAXWvGsGwVJqU",
 		"secret": "edsk3RFgDiCt7tWB2oe96w1eRw72iYiiqZPLu9nnEY23MYRp2d8Kkx"
@@ -8,4 +11,4 @@
 		"nftFaucet": "KT1Lp5D8P8mvtruemGJZBMNJoWKoTAo4jf3A",
 		"nftFactory": "KT1LxCuAQ8xPuafkULT82ZgrTNLSmVHPuHap"
 	}
-}
+}

config/minter.testnet.json

@@ -1,5 +1,8 @@
 {
 	"rpc": "https://delphinet-tezos.giganode.io",
+	"bcdApiUrl": "https://api.better-call.dev",
+	"bcdGuiUrl": "https://better-call.dev",
+	"bcdNetwork": "delphinet",
 	"admin": {
 		"address": "tz1hs8oA8xjpEfrmqHedJ3Yv7KN355JFL3rW",
 		"secret": "edsk36qzuACZiucKjW3fXifeqSXPveA8ykR95banDK367vimMAC9ZR"

contracts/src/bootstrap-contracts-config.ts

@@ -20,6 +20,8 @@ async function main() {
     await bootstrapNftFactory(config, toolkit);
     //add bootstrapping of other contracts here
 
+    genClientConfig(config);
+
     process.exit(0);
   } catch (err) {
     $log.error(`error while bootstrapping environment ${env}`);
@@ -28,6 +30,24 @@ async function main() {
   }
 }
 
+function genClientConfig(mainConfig: Configstore) {
+  const configPath = path.join(__dirname, `../../client/src/config.json`);
+  const clientConfig = new Configstore('client', {}, { configPath });
+
+  const clientConfigKeys = [
+    'rpc',
+    'bcdApiUrl',
+    'bcdGuiUrl',
+    'bcdNetwork',
+    'contracts.nftFaucet',
+    'contracts.nftFactory'
+  ];
+
+  for (let key of clientConfigKeys) {
+    clientConfig.set(key, mainConfig.get(key));
+  }
+}
+
 function getEnv(): string {
   const env = process.env['TZ_NETWORK'];
   if (!env) {

docker-stack/ui-dev.yml

@@ -6,6 +6,5 @@ services:
     tty: true
     volumes:
       - ${PROJECT_ROOT_DIR}/client/src:/usr/src/app/client/src
-      - ${PROJECT_ROOT_DIR}/config:/usr/src/app/client/src/config/common
     ports:
       - 3000:3000

server/package.json

@@ -3,44 +3,15 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@taquito/signer": "6.3.4-beta.0",
-    "@taquito/taquito": "6.3.4-beta.0",
     "@types/bcrypt": "3.0.0",
-    "@types/configstore": "4.0.0",
-    "@types/cookie-parser": "1.4.2",
-    "@types/cryptr": "4.0.0",
     "@types/express": "4.17.2",
     "@types/express-fileupload": "1.1.5",
-    "@types/express-session": "1.17.0",
-    "@types/graphql-type-json": "0.3.2",
-    "@types/lodash": "4.14.149",
-    "@types/lru-cache": "5.1.0",
     "@types/node": "12.12.9",
-    "@types/ramda": "0.27.27",
-    "apollo-server-express": "2.19.0",
-    "axios": "0.21.0",
-    "axios-retry": "3.1.9",
-    "bcrypt": "3.0.7",
-    "bignumber.js": "9.0.0",
     "cids": "1.0.0",
-    "concurrently": "5.0.0",
-    "configstore": "5.0.1",
-    "cookie-parser": "1.4.4",
-    "cryptr": "6.0.1",
     "express": "4.17.1",
     "express-fileupload": "1.2.0",
-    "express-session": "1.17.0",
-    "graphql": "14.5.8",
-    "graphql-import": "1.0.2",
-    "graphql-type-json": "0.3.1",
     "ipfs-http-client": "47.0.1",
-    "knex": "0.21.1",
-    "lodash": "4.17.15",
     "lru-cache": "5.1.1",
-    "pg": "8.2.1",
-    "ramda": "0.27.1",
-    "sqlite3": "4.1.1",
-    "subscriptions-transport-ws": "0.9.16",
     "ts-node": "8.5.0",
     "typescript": "3.7.2"
   },