use rollbar

app/javascript/rollbar.js

@@ -0,0 +1,34 @@
+import Rollbar from 'rollbar/dist/rollbar.umd'
+
+const token = document.querySelector('meta[name="rollbar-token"]')?.getAttribute('content')
+
+if (token) {
+  window.Rollbar ||= new Rollbar({
+    accessToken: token,
+    captureUncaught: true,
+    captureUnhandledRejections: true,
+    captureIp: false,
+    autoInstrument: false,
+    ignoredMessages: [
+      /Failed to fetch/i,
+      /NetworkError/i,
+      /Load failed/i,
+      /Clipboard write is not allowed/i
+    ],
+    transform (payload) {
+      payload.body.telemetry = []
+
+      const string = JSON.stringify(payload)
+
+      return JSON.parse(string.replace(/(\/[des]\/)\w{6}/g, (_, m) => m))
+    },
+    payload: {
+      client: {
+        javascript: {
+          source_map_enabled: true
+        }
+      },
+      environment: 'production'
+    }
+  })
+}

app/javascript/sentry.js

@@ -1,19 +0,0 @@
-import * as Sentry from '@sentry/browser'
-
-const sentryDsn = document.querySelector('meta[name="sentry-dsn"]')?.getAttribute('content')
-
-if (sentryDsn) {
-  Sentry.init({
-    dsn: sentryDsn,
-    beforeSend (event) {
-      if (event.request.url.match(/\/[ds]\//)) {
-        event.request.url = event.request.url.slice(0, -6)
-      }
-
-      return event
-    },
-    beforeBreadcrumb () {
-      return null
-    }
-  })
-}

app/views/layouts/application.html.erb

@@ -5,9 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
-    <% if ENV['SENTRY_DSN'] %>
-      <meta name="sentry-dsn" content="<%= ENV.fetch('SENTRY_DSN', nil) %>">
-      <%= javascript_pack_tag 'sentry', 'application', defer: true %>
+    <% if ENV['ROLLBAR_CLIENT_TOKEN'] %>
+      <meta name="rollbar-token" content="<%= ENV['ROLLBAR_CLIENT_TOKEN'] %>">
+      <%= javascript_pack_tag 'rollbar', 'application', defer: true %>
     <% else %>
       <%= javascript_pack_tag 'application', defer: true %>
     <% end %>

app/views/layouts/form.html.erb

@@ -5,9 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
-    <% if ENV['SENTRY_DSN'] %>
-      <meta name="sentry-dsn" content="<%= ENV.fetch('SENTRY_DSN', nil) %>">
-      <%= javascript_pack_tag 'sentry', 'form', defer: true %>
+    <% if ENV['ROLLBAR_CLIENT_TOKEN'] %>
+      <meta name="rollbar-token" content="<%= ENV['ROLLBAR_CLIENT_TOKEN'] %>">
+      <%= javascript_pack_tag 'rollbar', 'form', defer: true %>
     <% else %>
       <%= javascript_pack_tag 'form', defer: true %>
     <% end %>

app/views/layouts/plain.html.erb

@@ -5,9 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
-    <% if ENV['SENTRY_DSN'] %>
-      <meta name="sentry-dsn" content="<%= ENV.fetch('SENTRY_DSN', nil) %>">
-      <%= javascript_pack_tag 'sentry', 'application', defer: true %>
+    <% if ENV['ROLLBAR_CLIENT_TOKEN'] %>
+      <meta name="rollbar-token" content="<%= ENV['ROLLBAR_CLIENT_TOKEN'] %>">
+      <%= javascript_pack_tag 'rollbar', 'application', defer: true %>
     <% else %>
       <%= javascript_pack_tag 'application', defer: true %>
     <% end %>