Week16 update

Week13/my-create-web3-dapp/frontend/components/InstructionsComponent.jsx

@@ -74,7 +74,7 @@ function signMessage(signer, message) {
 
 }
 
-function ApiInfo() {
+function Profile() {
 	 	const [data, setData] = useState(null);
 		const [isLoading, setLoading] = useState(false);
 
@@ -97,4 +97,37 @@ function ApiInfo() {
 			<p>{data.email}</p>
 			</div>
 		);
+}
+
+function RequestTokens() {
+	const { data: signer } = useSigner(); 
+	const [txData, setTxData] = useState(null);
+	const [isLoading, setLoading] = useState(false);
+
+	if (txData) return (
+		<div>
+			<p>Transaction completed</p>
+			<a></a>
+		</div>
+	)
+
+	if (isLoading) return (
+		<div>
+			<button onClick={() => requestTokens(signer, "signature", setLoading, setTxData)}>Request Tokens</button>
+		</div>
+	)
+}
+
+function requestTokens(signer, signature, setLoading, setTxData) {
+	const requestOptions = {
+		method: 'POST',
+		headers: { 'Content-Type': 'application/json' },
+		body: JSON.stringify({ address: signer._address, signature: signature })
+	};
+	fetch('http://localhost:3001/request-tokens', requestOptions)
+		.then(response => response.json())
+		.then((data) => {
+			setTxData(data);
+			setLoading(true);
+	});
 }

Week14/project/src/app.controller.ts

@@ -1,6 +1,7 @@
-import { Controller, Get, Param, Query } from '@nestjs/common';
+import { Controller, Get, Param, Query, Post, Body } from '@nestjs/common';
 import { AppService } from './app.service';
 import { ethers } from 'ethers';
+import { RequestTokensDto } from './dtos/requestTokens.dto';
 
 @Controller()
 export class AppController {
@@ -35,5 +36,9 @@ export class AppController {
   async getTransactionReceipt(@Query('hash') hash: string) {
     return await this.appService.getTransactionReceipt(hash);
   }
-
+
+  @Post('request-tokens')
+  requestTokens(@Body() body: RequestTokensDto) {
+    return this.appService.requetTokens(body.address, body.signature);
+  }
 }

Week14/project/src/app.service.ts

@@ -9,6 +9,8 @@ export class AppService {
   contract: ethers.Contract;
 
   constructor(private configService: ConfigService) {
+    const apiKey = this.configService.get<string>('INFURA_API_KEY')
+    this.provider = new ethers.providers.InfuraProvider('sepolia', apiKey)
     this.provider = ethers.getDefaultProvider('sepolia')
     this.contract = new ethers.Contract(this.getAddress(), tokenJson.abi, this.provider)
   }
@@ -21,7 +23,7 @@ export class AppService {
   }
 
   getAddress() {
-    const tokenAddress = this.configService.get<string>('TokenAddress');
+    const tokenAddress = this.configService.get<string>('TOKEN_ADDRESS');
     return '0xaaa84599036017e4f44b506510f4847d5b46471d';
   }
 
@@ -42,4 +44,11 @@ export class AppService {
   async getReceipt(tx: ethers.providers.TransactionResponse) {
     return await tx.wait();
   }
+
+  async requetTokens(address: string, signature: string) {
+    const pKey = this.configService.get<string>('PRIVATE_KEY');
+    const wallet = new ethers.Wallet(pKey)
+    const signer = wallet.connect(this.provider)
+    return this.contract.connect(signer).mint(address, ethers.utils.parseUnits("1"))
+  }
 }

Week14/project/src/dtos/requestTokens.dto.ts

@@ -0,0 +1,8 @@
+import { ApiProperty } from "@nestjs/swagger";
+
+export class RequestTokensDto {
+    @ApiProperty()
+    readonly address: string;
+    @ApiProperty()
+    readonly signature: string;
+}

Week14/project/src/main.ts

@@ -4,15 +4,17 @@ import { AppModule } from './app.module';
 
 async function bootstrap() {
   const app = await NestFactory.create(AppModule);
+
 
   const config = new DocumentBuilder()
     .setTitle('API example')
     .setDescription('The API description')
     .setVersion('1.0')
     .build();
   const document = SwaggerModule.createDocument(app, config);
+  app.enableCors();
   SwaggerModule.setup('api', app, document);
 
-  await app.listen(3000);
+  await app.listen(3001);
 }
 bootstrap();