feat: Migrate Rollbar to Sentry (#2854)

* feat: Migrate Rollbar to Sentry * refactor: Use the default browser tracing * Update .prettierignore Signed-off-by: Kevin Szuchet <[email protected]> --------- Signed-off-by: Kevin Szuchet <[email protected]>
decentraland · Aug 29, 2023 · ca396e9 · ca396e9
1 parent 5dbb422
commit ca396e9
Show file tree

Hide file tree

Showing 11 changed files with 192 additions and 28 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -6,7 +6,7 @@
     "src/ecsScene/*",
     "scripts/*.js",
     "src/modules/project/export.ts",
-    "src/modules/analytics/rollbar.ts",
+    "src/modules/analytics/sentry.ts",
     "src/modules/editor/base64.ts",
     "package.json",
     "package-lock.json",

diff --git a/.prettierignore b/.prettierignore
@@ -1,4 +1,3 @@
 src/contracts
 src/ecsScene
 src/components/Preview/loader.json
-src/modules/analytics/rollbar.ts
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
     "@dcl/sdk": "7.3.10",
     "@dcl/single-sign-on-client": "^0.0.12",
     "@dcl/ui-env": "^1.2.0",
+    "@sentry/react": "^7.64.0",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/user-event": "^13.5.0",
     "@typechain/ethers-v5": "^10.1.0",

diff --git a/scripts/prebuild.js b/scripts/prebuild.js
@@ -12,6 +12,7 @@ if (fs.existsSync('.env')) {
 const packageJson = JSON.parse(fs.readFileSync('./package.json').toString())
 const publicPackageJson = JSON.parse(fs.readFileSync('./public/package.json').toString())
 
+ENV_CONTENT['REACT_APP_WEBSITE_NAME'] = packageJson.name
 ENV_CONTENT['REACT_APP_WEBSITE_VERSION'] = packageJson.version
 
 Object.assign(ENV_CONTENT, getPublicUrls())

diff --git a/src/config/env/dev.json b/src/config/env/dev.json
@@ -34,5 +34,6 @@
   "FORUM_URL": "https://forum.decentraland.org",
   "WORLDS_CONTENT_SERVER": "https://worlds-content-server.decentraland.zone",
   "PROFILE_URL": "https://profile.decentraland.zone",
-  "SSO_URL": "https://id.decentraland.zone"
+  "SSO_URL": "https://id.decentraland.zone",
+  "SENTRY_DSN": "https://428e8d298fb3f0fbcea645314a4a388c@o4504361728212992.ingest.sentry.io/4505748381564928"
 }
diff --git a/src/config/env/prod.json b/src/config/env/prod.json
@@ -34,5 +34,6 @@
   "FORUM_URL": "https://forum.decentraland.org",
   "WORLDS_CONTENT_SERVER": "https://worlds-content-server.decentraland.org",
   "PROFILE_URL": "https://profile.decentraland.org",
-  "SSO_URL": "https://id.decentraland.org"
+  "SSO_URL": "https://id.decentraland.org",
+  "SENTRY_DSN": "https://428e8d298fb3f0fbcea645314a4a388c@o4504361728212992.ingest.sentry.io/4505748381564928"
 }
diff --git a/src/config/env/stg.json b/src/config/env/stg.json
@@ -34,5 +34,6 @@
   "FORUM_URL": "https://forum.decentraland.org",
   "WORLDS_CONTENT_SERVER": "https://worlds-content-server.decentraland.org",
   "PROFILE_URL": "https://profile.decentraland.today",
-  "SSO_URL": "https://id.decentraland.today"
+  "SSO_URL": "https://id.decentraland.today",
+  "SENTRY_DSN": "https://428e8d298fb3f0fbcea645314a4a388c@o4504361728212992.ingest.sentry.io/4505748381564928"
 }
diff --git a/src/index.tsx b/src/index.tsx
@@ -17,7 +17,7 @@ import * as languages from 'modules/translation/languages'
 import Routes from 'routing'
 
 import './modules/analytics/track'
-import './modules/analytics/rollbar'
+import './modules/analytics/sentry'
 import './themes'
 import './index.css'
 

diff --git a/src/modules/analytics/rollbar.ts b/src/modules/analytics/rollbar.ts
diff --git a/src/modules/analytics/sentry.ts b/src/modules/analytics/sentry.ts
@@ -0,0 +1,17 @@
+import { init, BrowserTracing, Replay } from '@sentry/react'
+import { config } from '../../config'
+
+init({
+  environment: config.get('ENVIRONMENT'),
+  release: `${process.env.REACT_APP_WEBSITE_NAME!}@${process.env.REACT_APP_WEBSITE_VERSION!}`,
+  dsn: config.get('SENTRY_DSN'),
+  integrations: [
+    new BrowserTracing(),
+    new Replay()
+  ],
+  // Performance Monitoring
+  tracesSampleRate: 0.001, // Capture 1% of the transactions
+  // Session Replay
+  replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
+  replaysOnErrorSampleRate: 1.0 // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
+})