Integrate spindl (#4038)

Author: marcinciarka

.github/workflows/aws-prod.yaml

@@ -70,6 +70,7 @@ jobs:
                        --build-arg NPM_TOKEN=${{ secrets.NPM_TOKEN }} \
                        --build-arg BLOG_POSTS_API_KEY=${{ secrets.BLOG_POSTS_API_KEY }} \
                        --build-arg BLOG_POSTS_API_URL=${{ secrets.BLOG_POSTS_API_URL }} \
+                       --build-arg NEXT_PUBLIC_SPINDL_SDK_KEY=${{ secrets.NEXT_PUBLIC_SPINDL_SDK_KEY }} \
                        --build-arg NEWSLETTER_API_KEY=${{ secrets.NEWSLETTER_API_KEY }} \
                        --build-arg NEWSLETTER_PUBLICATION_ID=${{ secrets.NEWSLETTER_PUBLICATION_ID }} \
                        --build-arg NEWSLETTER_ENDPOINT=${{ secrets.NEWSLETTER_ENDPOINT }} \

.github/workflows/aws-staging.yaml

@@ -105,6 +105,7 @@ jobs:
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
           PRODUCT_HUB_KEY: ${{ secrets.PRODUCT_HUB_KEY }}
           ONE_INCH_API_KEY: ${{ secrets.ONE_INCH_API_KEY_STAGING }}
+          NEXT_PUBLIC_SPINDL_SDK_KEY: ${{ secrets.NEXT_PUBLIC_SPINDL_SDK_KEY }}
           ONE_INCH_API_URL: ${{ secrets.ONE_INCH_API_URL_STAGING }}
           REFERRAL_SUBGRAPH_URL: ${{ secrets.REFERRAL_SUBGRAPH_URL_STAGING }}
           BLOG_POSTS_API_KEY: ${{ secrets.BLOG_POSTS_API_KEY }}

Dockerfile.production

@@ -35,6 +35,7 @@ ARG COMMIT_SHA='' \
   SENTRY_AUTH_TOKEN='' \
   PRODUCT_HUB_KEY='' \
   ONE_INCH_API_KEY='' \
+  NEXT_PUBLIC_SPINDL_SDK_KEY='' \
   ONE_INCH_API_URL='' \
   REFERRAL_SUBGRAPH_URL=''
 
@@ -57,6 +58,7 @@ ENV COMMIT_SHA=$COMMIT_SHA \
   SENTRY_AUTH_TOKEN=$SENTRY_AUTH_TOKEN \
   PRODUCT_HUB_KEY=$PRODUCT_HUB_KEY \
   ONE_INCH_API_KEY=$ONE_INCH_API_KEY \
+  NEXT_PUBLIC_SPINDL_SDK_KEY=$NEXT_PUBLIC_SPINDL_SDK_KEY \
   ONE_INCH_API_URL=$ONE_INCH_API_URL \
   REFERRAL_SUBGRAPH_URL=$REFERRAL_SUBGRAPH_URL \
   NODE_OPTIONS=--max-old-space-size=6144

components/context/AccountContextProvider.tsx

@@ -1,4 +1,5 @@
 import { setUser } from '@sentry/react'
+import spindl from '@spindl-xyz/attribution'
 import { mixpanelIdentify } from 'analytics/mixpanel'
 import { trackingEvents } from 'analytics/trackingEvents'
 import type BigNumber from 'bignumber.js'
@@ -106,6 +107,7 @@ export function AccountContextProvider({ children }: PropsWithChildren<{}>) {
         .subscribe(({ account, networkName, connectionKind, method, walletLabel }) => {
           if (account) {
             setUser({ id: account, walletLabel: walletLabel })
+            void spindl.attribute(account)
             mixpanelIdentify(account, { walletType: connectionKind, walletLabel: walletLabel })
             trackingEvents.accountChange(account, networkName, connectionKind, method, walletLabel)
           }

package.json

@@ -53,6 +53,7 @@
     "@safe-global/safe-apps-provider": "^0.18.2",
     "@safe-global/safe-apps-sdk": "^9.0.0",
     "@sentry/nextjs": "^7.81.1",
+    "@spindl-xyz/attribution": "^1.6.2",
     "@summer_fi/summerfi-sdk-client": "0.2.10",
     "@summer_fi/summerfi-sdk-common": "^0.2.7",
     "@typeform/embed-react": "^1.13.0",

pages/_app.tsx

@@ -1,4 +1,5 @@
 import { CacheProvider, Global } from '@emotion/core'
+import spindl from '@spindl-xyz/attribution'
 import { Web3OnboardProvider } from '@web3-onboard/react'
 import type { AbstractConnector } from '@web3-react/abstract-connector'
 import { Web3ReactProvider } from '@web3-react/core'
@@ -96,6 +97,14 @@ const noOverlayWorkaroundScript = `
   })
 `
 
+if (typeof window !== 'undefined') {
+  spindl.configure({
+    sdkKey: process.env.NEXT_PUBLIC_SPINDL_SDK_KEY as string,
+  })
+
+  spindl.enableAutoPageViews()
+}
+
 function App({ Component, pageProps }: AppProps & CustomAppProps) {
   const [cookiesValue, cookiesSetValue] = useLocalStorage(
     COOKIE_NAMES_LOCASTORAGE_KEY,

yarn.lock

@@ -3134,6 +3134,11 @@
     rpc-websockets "^7.5.1"
     superstruct "^0.14.2"
 
+"@spindl-xyz/attribution@^1.6.2":
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/@spindl-xyz/attribution/-/attribution-1.6.2.tgz#4908250ea6ba7599dae14ea641d43607caed3883"
+  integrity sha512-WZXkMK+3sbg6S8Gzl/0M/gDLwEkDRjLVKbQeCApo6nzS5IT1D16IgY4hZXrnMCX6INPKKNutoHxKi2fWhdMwIQ==
+
 "@stablelib/aead@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@stablelib/aead/-/aead-1.0.1.tgz#c4b1106df9c23d1b867eb9b276d8f42d5fc4c0c3"