feat: enable infura ipfs headers via env vars (#95)

.env.example

@@ -1,6 +1,12 @@
 REACT_APP_CHAIN_ID=1234
 REACT_APP_WIDGETS_URL=
 
+# Infura IPFS project ID, used for auth header
+REACT_APP_INFURA_IPFS_PROJECT_ID=
+
+# Infura IPFS project secret, used for auth header
+REACT_APP_INFURA_IPFS_PROJECT_SECRET=
+
 # A Biconomy API key can be set here, to allow meta transactions in the widgets
 REACT_APP_META_TX_API_KEY=
 

package.json

@@ -34,7 +34,7 @@
     ]
   },
   "dependencies": {
-    "@bosonprotocol/react-kit": "^0.3.0-alpha.5",
+    "@bosonprotocol/react-kit": "^0.3.0-alpha.6",
     "@bosonprotocol/widgets-sdk": "^1.9.0-alpha.0",
     "@davatar/react": "^1.10.4",
     "@ethersproject/address": "^5.6.1",

src/lib/config.ts

@@ -23,8 +23,12 @@ export const CONFIG = {
     : 2 * 1024 * 1024,
   widgetsUrl: process.env.REACT_APP_WIDGETS_URL || config.widgetsUrl,
   chainId: REACT_APP_CHAIN_ID,
-  ipfsMetadataUrl:
+  ipfsMetadataStorageUrl:
     process.env.REACT_APP_IPFS_METADATA_URL || config.ipfsMetadataUrl,
+  ipfsMetadataStorageHeaders: getIpfsMetadataStorageHeaders(
+    process.env.REACT_APP_INFURA_IPFS_PROJECT_ID,
+    process.env.REACT_APP_INFURA_IPFS_PROJECT_SECRET
+  ),
   sentryDSNUrl:
     "https://[email protected]/6455090",
   metaTransactionsApiKey: process.env.REACT_APP_META_TX_API_KEY,
@@ -46,3 +50,18 @@ function stringToBoolean(value?: string) {
 
   return Boolean(value);
 }
+
+function getIpfsMetadataStorageHeaders(
+  infuraProjectId?: string,
+  infuraProjectSecret?: string
+) {
+  if (!infuraProjectId && !infuraProjectSecret) {
+    return undefined;
+  }
+
+  return {
+    authorization: `Basic ${Buffer.from(
+      infuraProjectId + ":" + infuraProjectSecret
+    ).toString("base64")}`
+  };
+}

src/lib/utils/hooks/useIpfsStorage.ts

@@ -0,0 +1,12 @@
+import { hooks } from "@bosonprotocol/react-kit";
+
+import { CONFIG } from "../../config";
+
+export function useIpfsStorage() {
+  const storage = hooks.useIpfsMetadataStorage(
+    CONFIG.chainId,
+    CONFIG.ipfsMetadataStorageHeaders
+  );
+
+  return storage;
+}