Inject config at build time with .env files AxLabs#2

.env.template

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_MEME_CONTRACT_HASH=0x3298f0592ad719084518850eb7147cebb1564dd2
+NEXT_PUBLIC_MEME_GOVERNANCE_CONTRACT_HASH=0x7ab855b7a0d798e9a14221b5eca55a358c1f0573

README.md

@@ -44,6 +44,19 @@ cd my-project-name
 npm install
 ```
 
+Duplicate .env.template and rename it to .env.local
+
+```
+cp .env.template .env.local
+```
+
+Add proper store values to .env.local
+
+```
+NEXT_PUBLIC_MEME_CONTRACT_HASH=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+NEXT_PUBLIC_MEME_GOVERNANCE_CONTRACT_HASH=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+```
+
 Then, you can run **locally** in **development mode with live reload**:
 
 ```

src/contracts/MemeContract.ts

@@ -1,8 +1,7 @@
 import { NeoLineN3Interface } from '../utils/neoline/neoline';
 import { TypedValue } from '../utils/neoline/neoline-model';
 
-const MEME_CONTRACT_HASH = `0x${'3298f0592ad719084518850eb7147cebb1564dd2'}`;
-// const NO_OWNER_ZEROS_BASE64 = 'AAAAAAAAAAAAAAAAAAAAAAAAAAA=';
+const MEME_CONTRACT_HASH = process.env.NEXT_PUBLIC_MEME_CONTRACT_HASH || '';
 
 export type MemeContractState = {
   memes: Meme[];

src/contracts/MemeGovernanceContract.ts

@@ -5,8 +5,7 @@ import { NeoLineN3Interface } from '../utils/neoline/neoline';
 import { TypedValue } from '../utils/neoline/neoline-model';
 import { fromStackItemToMeme, Meme } from './MemeContract';
 
-const MEME_GOVERNANCE_CONTRACT_HASH = `0x${'7ab855b7a0d798e9a14221b5eca55a358c1f0573'}`;
-// const NO_OWNER_ZEROS_BASE64 = 'AAAAAAAAAAAAAAAAAAAAAAAAAAA=';
+const MEME_GOVERNANCE_CONTRACT_HASH = process.env.NEXT_PUBLIC_MEME_GOVERNANCE_CONTRACT_HASH || '';
 
 export function fromStackToMemeGovernanceProposal(stack: TypedValue[]): MemeGovernanceProposal[] {
   const proposals: MemeGovernanceProposal[] = [];