Setup Sentry for JS

app/views/layouts/application.html.erb

@@ -7,6 +7,32 @@
     <%= csp_meta_tag %>
     <%= action_cable_meta_tag %>
 
+  <%- if ENV["SENTRY_DSN"].present? && ENV["SENTRY_JS_ENABLED"] == "true" %>
+    <%# https://docs.sentry.io/platforms/javascript/install/cdn/ %>
+    <script
+      src="https://browser.sentry-cdn.com/6.2.5/bundle.min.js"
+      integrity="sha384-+0tgGyP4idWu9/NA6Jbmnj3SApxIg65/GR1zo3qSieRNyzmmDQ/5a1Yu6mfmUw+v"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://browser.sentry-cdn.com/6.2.5/bundle.tracing.min.js"
+      integrity="sha384-xd/W0P7puokZpoEqk4srLDzK5R0WV2B2IZVlA0T4MEU4Fojxk+o+5KF6u43wkTL6"
+      crossorigin="anonymous"
+    ></script>
+    <script>
+      Sentry.init({
+        dsn: "<%= ENV["SENTRY_DSN"] %>",
+        debug: <%= Rails.env.production? ? "false" : "true" %>,
+        environment: "<%= Rails.env %>",
+        integrations: [new Sentry.Integrations.BrowserTracing()],
+
+        // We recommend adjusting this value in production, or using tracesSampler
+        // for finer control
+        tracesSampleRate: 0.1,
+      });
+    </script>
+  <% end %>
+
     <%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
     <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
   </head>

config/application.yml

@@ -5,6 +5,7 @@ DATABASE_URL_CDAO: '<%= Rails.application.credentials.DATABASE_URL_CDAO %>'
 
 SENTRY_DSN: '<%= Rails.application.credentials.SENTRY_DSN %>'
 REPORT_URI_URL: '<%= Rails.application.credentials.REPORT_URI_URL %>'
+SENTRY_JS_ENABLED: "<%= Rails.application.credentials.SENTRY_JS_ENABLED || true %>"
 
 RECAPTCHA_ENABLED:  '<%= Rails.application.credentials.RECAPTCHA_ENABLED %>'