[Profile] Upload metada doc to IPFS

package.json

@@ -4,6 +4,9 @@
   "homepage": ".",
   "private": true,
   "version": "1.1.3",
+  "engines": {
+    "node": ">=14.0.0"
+  },
   "devDependencies": {
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8",
     "@craco/craco": "^5.7.0",
@@ -171,13 +174,15 @@
     "@gnosis.pm/cow-runner-game": "^0.2.9",
     "@gnosis.pm/dex-js": "^0.12.0",
     "@gnosis.pm/gp-v2-contracts": "^1.0.2",
+    "@pinata/sdk": "^1.1.23",
     "@sentry/react": "^6.11.0",
     "@sentry/tracing": "^6.11.0",
     "@uniswap/default-token-list": "^2.0.0",
     "@web3-react/walletconnect-connector": "^6.2.0",
     "bignumber.js": "9.0.1",
     "bnc-sdk": "^3.5.0",
     "fast-safe-stringify": "^2.0.8",
+    "ipfs-http-client": "^52.0.3",
     "paraswap": "^4.18.0",
     "react-appzi": "^1.0.4",
     "react-inlinesvg": "^2.3.0",

src/custom/constants/ipfs.ts

@@ -0,0 +1,6 @@
+export const PINATA_API_KEY = process.env.REACT_APP_PINATA_API_KEY as string
+export const PINATA_SECRET_API_KEY = process.env.REACT_APP_PINATA_SECRET_API_KEY as string
+
+export function getIpfsUri(): string {
+  return process.env.REACT_APP_IPFS_URI || 'https://ipfs.infura.io:5001/api/v0'
+}

src/custom/utils/metadata.ts

@@ -1,3 +1,9 @@
+import CID from 'cids'
+import multihashes from 'multihashes'
+import pinataSDK from '@pinata/sdk'
+import safeStringify from 'fast-safe-stringify'
+import { PINATA_API_KEY, PINATA_SECRET_API_KEY, getIpfsUri } from 'constants/ipfs'
+
 interface Metadata {
   version: string
 }
@@ -18,6 +24,8 @@ export type AppDataDoc = {
 
 export const DEFAULT_APP_CODE = 'CowSwap'
 
+const pinata = pinataSDK(PINATA_API_KEY, PINATA_SECRET_API_KEY)
+
 export function generateReferralMetadataDoc(
   referralAddress: string,
   appDataDoc: AppDataDoc = generateAppDataDoc()
@@ -43,3 +51,18 @@ export function generateAppDataDoc(metadata: MetadataDoc = {}): AppDataDoc {
     },
   }
 }
+
+export async function uploadMetadataDocToIpfs(appDataDoc: AppDataDoc): Promise<string> {
+  try {
+    const { create } = await import('ipfs-http-client')
+    const client = create({ url: getIpfsUri() })
+    const doc = safeStringify.stableStringify(appDataDoc)
+    const { cid } = await client.add(doc)
+    await pinata.pinByHash(cid.toString())
+    const { digest } = multihashes.decode(new CID(cid.toString()).multihash)
+    return `0x${Buffer.from(digest).toString('hex')}`
+  } catch (err) {
+    console.error('There was an error uploading metadata doc to IPFS', err)
+    throw err.message ? err : new Error(err)
+  }
+}