env file + add os api

Author: 0xbuidler

packages/server/.gitignore

@@ -21,3 +21,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.env

packages/server/package.json

@@ -8,13 +8,14 @@
   },
   "devDependencies": {
     "api": "^4.2.0",
-    "opensea-js": "^1.2.7",
+    "opensea-js": "^3.0.4",
     "typescript": "^4.5.4"
   },
   "dependencies": {
     "@types/express": "^4.17.13",
     "@types/node": "^17.0.8",
     "axios": "^0.24.0",
+    "dotenv": "^16.0.0",
     "express": "^4.17.2",
     "ts-node-dev": "^1.1.8",
     "web3": "^1.6.1"

packages/server/src/index.ts

@@ -1,14 +1,31 @@
+import "dotenv/config";
+
 import express, { Application, Request, Response } from "express";
 import axios from "axios";
+import { env } from "process";
+
+// Env setup
+const apiKey = env["apiKey"];
 
+// Express server
 const app: Application = express();
 const port = 3001;
 
+// Axios setup
+axios.defaults.headers.common["X-API-KEY"] = apiKey;
+
 // Body parsing Middleware
 app.use(express.json());
 app.use(express.urlencoded({ extended: true }));
 app.use(express.static(__dirname + "/../public"));
 
+type NFT = {
+  img: string;
+  id: number;
+};
+
+type NFTs = { [contract: string]: NFT[] };
+
 type Collection = {
   name: string;
   contract: string;
@@ -28,23 +45,6 @@ const DROPS = [
   },
 ];
 
-const fakeAnswer = {
-  Sublimes: [
-    {
-      id: 825,
-      img: "https://lh3.googleusercontent.com/iUN-rqbSEW97A_YNFiUeKuIoQRtIP08w8st9GnBqsQiydLaiF68pGDP4gx-URYmEph_SqXumjZj3TRGxPIFQBR9ZWxDZicur50a8hA=s0",
-    },
-    {
-      id: 437,
-      img: "https://lh3.googleusercontent.com/nlO5vgcrUqgqPlHHrQHrlA5ZsXg2hIxkJkzr72oK9KU9cNojTO8HAxWCOH06xNw0R5_ZocxNuXhLHwbHC282uz63pNnjfQd-mABKEA=s0",
-    },
-    {
-      id: 108,
-      img: "https://lh3.googleusercontent.com/-JDl1IBKkvQtOJKApygolCMXCV09SDAftc5IhqO585oFXvV-XhpaOFEI_WJFJdTJT6l8ypxMb-FlkQGPRNNPN4enIFJoAIpDA2Y7=s0",
-    },
-  ],
-};
-
 app.get("/drop/:drop", async (req: Request, res: Response): Promise<Response> => {
   const drop = DROPS[req.params.drop];
 
@@ -57,19 +57,25 @@ app.get("/drop/:drop/:address", async (req: Request, res: Response): Promise<Res
   const drop = DROPS[req.params.drop as any as number];
   const address = req.params.address;
 
-  // let data = {};
-  // for (let collection of drop.collections) {
-  //   const resq = await axios.get(
-  //     `https://api.opensea.io/api/v1/assets?owner=${address}&asset_contract_address=${collection.contract}&order_direction=desc&offset=0&limit=20`
-  //   );
+  let nftsForDropByAddress: NFTs = {};
+
+  for (let collection of drop.collections) {
+    const resq = await axios.get(
+      `https://api.opensea.io/api/v1/assets?owner=${address}&asset_contract_address=${collection.contract}&order_direction=desc&offset=0&limit=50`
+    );
+
+    let nfts: NFT[] = [];
+    for (let asset of resq.data.assets) {
+      nfts.push({
+        img: asset.image_url,
+        id: asset.token_id,
+      });
+    }
 
-  //   data[collection.name] = {
-  //     ...data[collection.name],
-  //     ...resq.data.assets,
-  //   };
-  // }
+    nftsForDropByAddress[collection.contract] = nfts;
+  }
 
-  return res.status(200).send(fakeAnswer);
+  return res.status(200).send(nftsForDropByAddress);
 });
 
 app.get("/", async (req: Request, res: Response): Promise<Response> => {