Migrate sentry to webpack

2024-11-21 21:53:30 +00:00 · 2024-10-13 16:47:33 +02:00 · 2024-10-13 16:47:33 +02:00 · 361a06e5b3
commit 361a06e5b3
parent 1720307c21
7 changed files with 146 additions and 19 deletions
--- a/core/static/vendored/sentry/bundle.min.js
+++ b/core/static/vendored/sentry/bundle.min.js
@ -1 +0,0 @@
-!function(n,e,r,t,i,o,a,c,s){for(var u=s,f=0;f<document.scripts.length;f++)if(document.scripts[f].src.indexOf(o)>-1){u&&"no"===document.scripts[f].getAttribute("data-lazy")&&(u=!1);break}var p=[];function l(n){return"e"in n}function d(n){return"p"in n}function _(n){return"f"in n}var v=[];function y(n){u&&(l(n)||d(n)||_(n)&&n.f.indexOf("capture")>-1||_(n)&&n.f.indexOf("showReportDialog")>-1)&&m(),v.push(n)}function g(){y({e:[].slice.call(arguments)})}function h(n){y({p:n})}function E(){try{n.SENTRY_SDK_SOURCE="loader";var e=n[i],o=e.init;e.init=function(i){n.removeEventListener(r,g),n.removeEventListener(t,h);var a=c;for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(a[s]=i[s]);!function(n,e){var r=n.integrations||[];if(!Array.isArray(r))return;var t=r.map((function(n){return n.name}));n.tracesSampleRate&&-1===t.indexOf("BrowserTracing")&&(e.browserTracingIntegration?r.push(e.browserTracingIntegration({enableInp:!0})):e.BrowserTracing&&r.push(new e.BrowserTracing));(n.replaysSessionSampleRate||n.replaysOnErrorSampleRate)&&-1===t.indexOf("Replay")&&(e.replayIntegration?r.push(e.replayIntegration()):e.Replay&&r.push(new e.Replay));n.integrations=r}(a,e),o(a)},setTimeout((function(){return function(e){try{"function"==typeof n.sentryOnLoad&&(n.sentryOnLoad(),n.sentryOnLoad=void 0);for(var r=0;r<p.length;r++)"function"==typeof p[r]&&p[r]();p.splice(0);for(r=0;r<v.length;r++){_(o=v[r])&&"init"===o.f&&e.init.apply(e,o.a)}L()||e.init();var t=n.onerror,i=n.onunhandledrejection;for(r=0;r<v.length;r++){var o;if(_(o=v[r])){if("init"===o.f)continue;e[o.f].apply(e,o.a)}else l(o)&&t?t.apply(n,o.e):d(o)&&i&&i.apply(n,[o.p])}}catch(n){console.error(n)}}(e)}))}catch(n){console.error(n)}}var O=!1;function m(){if(!O){O=!0;var n=e.scripts[0],r=e.createElement("script");r.src=a,r.crossOrigin="anonymous",r.addEventListener("load",E,{once:!0,passive:!0}),n.parentNode.insertBefore(r,n)}}function L(){var e=n.__SENTRY__,r=void 0!==e&&e.version;return r?!!e[r]:!(void 0===e||!e.hub||!e.hub.getClient())}n[i]=n[i]||{},n[i].onLoad=function(n){L()?n():p.push(n)},n[i].forceLoad=function(){setTimeout((function(){m()}))},["init","addBreadcrumb","captureMessage","captureException","captureEvent","configureScope","withScope","showReportDialog"].forEach((function(e){n[i][e]=function(){y({f:e,a:arguments})}})),n.addEventListener(r,g),n.addEventListener(t,h),u||setTimeout((function(){m()}))}(window,document,"error","unhandledrejection","Sentry",'ab63c6820882cab2883218a4b9deba4d','https://browser.sentry-cdn.com/8.26.0/bundle.min.js',{"dsn":"https://ab63c6820882cab2883218a4b9deba4d@o4505360748642304.ingest.us.sentry.io/4507633486266368"},true);
--- a/core/static/webpack/sentry-popup-index.ts
+++ b/core/static/webpack/sentry-popup-index.ts
@ -0,0 +1,24 @@
+import { exportToHtml } from "#core:utils/globals";
+// biome-ignore lint/style/noNamespaceImport: this is the recommended way from the documentation
+import * as Sentry from "@sentry/browser";
+
+interface LoggedUser {
+  name: string;
+  email: string;
+}
+
+interface SentryOptions {
+  dsn: string;
+  eventId: string;
+  user?: LoggedUser;
+}
+
+exportToHtml("loadSentryPopup", (options: SentryOptions) => {
+  Sentry.init({
+    dsn: options.dsn,
+  });
+  Sentry.showReportDialog({
+    eventId: options.eventId,
+    ...(options.user ?? {}),
+  });
+});
--- a/core/templates/core/500.jinja
+++ b/core/templates/core/500.jinja
@ -1,26 +1,26 @@
 {% extends "core/base.jinja" %}
-{% block head %}
-  {{ super() }}
-  <script
-    src="{{ static('vendored/sentry/bundle.min.js') }}"
-    crossorigin="anonymous"
-  ></script>
-{% endblock head %}
+{% block additional_js %}
+  {% if settings.SENTRY_DSN %}
+    <script src="{{ static('webpack/sentry-popup-index.ts') }}" defer ></script>
+  {% endif %}
+{% endblock additional_js %}

 {% block content %}
  <h3>{% trans %}500, Server Error{% endtrans %}</h3>
  {% if settings.SENTRY_DSN %}
    <script>
-      Sentry.init({ dsn: '{{ settings.SENTRY_DSN }}' });
-      Sentry.showReportDialog({
-        eventId: '{{ request.sentry_last_event_id() }}',
+      window.addEventListener("DOMContentLoaded", () => {
+        loadSentryPopup({
+          dsn: "{{ settings.SENTRY_DSN }}",
+          eventId: "{{ request.sentry_last_event_id() }}",
          {% if user.is_authenticated %}
            user: {
-            'name': '{{user.first_name}} {{user.last_name}}',
-            'email': '{{user.email}}'
+              name: '{{user.first_name}} {{user.last_name}}',
+              email: '{{user.email}}'
            }
          {% endif %}
-      })
+        });
+      });
    </script>
  {% endif %}
 {% endblock content %}
--- a/package-lock.json
+++ b/package-lock.json
@ -11,6 +11,7 @@
      "dependencies": {
        "@fortawesome/fontawesome-free": "^6.6.0",
        "@hey-api/client-fetch": "^0.4.0",
+        "@sentry/browser": "^8.34.0",
        "@zip.js/zip.js": "^2.7.52",
        "alpinejs": "^3.14.1",
        "cytoscape": "^3.30.2",
@ -2180,6 +2181,108 @@
      "integrity": "sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==",
      "dev": true
    },
+    "node_modules/@sentry-internal/browser-utils": {
+      "version": "8.34.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/browser-utils/-/browser-utils-8.34.0.tgz",
+      "integrity": "sha512-4AcYOzPzD1tL5eSRQ/GpKv5enquZf4dMVUez99/Bh3va8qiJrNP55AcM7UzZ7WZLTqKygIYruJTU5Zu2SpEAPQ==",
+      "dependencies": {
+        "@sentry/core": "8.34.0",
+        "@sentry/types": "8.34.0",
+        "@sentry/utils": "8.34.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      }
+    },
+    "node_modules/@sentry-internal/feedback": {
+      "version": "8.34.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-8.34.0.tgz",
+      "integrity": "sha512-aYSM2KPUs0FLPxxbJCFSwCYG70VMzlT04xepD1Y/tTlPPOja/02tSv2tyOdZbv8Uw7xslZs3/8Lhj74oYcTBxw==",
+      "dependencies": {
+        "@sentry/core": "8.34.0",
+        "@sentry/types": "8.34.0",
+        "@sentry/utils": "8.34.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      }
+    },
+    "node_modules/@sentry-internal/replay": {
+      "version": "8.34.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/replay/-/replay-8.34.0.tgz",
+      "integrity": "sha512-EoMh9NYljNewZK1quY23YILgtNdGgrkzJ9TPsj6jXUG0LZ0Q7N7eFWd0xOEDBvFxrmI3cSXF1i4d1sBb+eyKRw==",
+      "dependencies": {
+        "@sentry-internal/browser-utils": "8.34.0",
+        "@sentry/core": "8.34.0",
+        "@sentry/types": "8.34.0",
+        "@sentry/utils": "8.34.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      }
+    },
+    "node_modules/@sentry-internal/replay-canvas": {
+      "version": "8.34.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-8.34.0.tgz",
+      "integrity": "sha512-x8KhZcCDpbKHqFOykYXiamX6x0LRxv6N1OJHoH+XCrMtiDBZr4Yo30d/MaS6rjmKGMtSRij30v+Uq+YWIgxUrg==",
+      "dependencies": {
+        "@sentry-internal/replay": "8.34.0",
+        "@sentry/core": "8.34.0",
+        "@sentry/types": "8.34.0",
+        "@sentry/utils": "8.34.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      }
+    },
+    "node_modules/@sentry/browser": {
+      "version": "8.34.0",
+      "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-8.34.0.tgz",
+      "integrity": "sha512-3HHG2NXxzHq1lVmDy2uRjYjGNf9NsJsTPlOC70vbQdOb+S49EdH/XMPy+J3ruIoyv6Cu0LwvA6bMOM6rHZOgNQ==",
+      "dependencies": {
+        "@sentry-internal/browser-utils": "8.34.0",
+        "@sentry-internal/feedback": "8.34.0",
+        "@sentry-internal/replay": "8.34.0",
+        "@sentry-internal/replay-canvas": "8.34.0",
+        "@sentry/core": "8.34.0",
+        "@sentry/types": "8.34.0",
+        "@sentry/utils": "8.34.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      }
+    },
+    "node_modules/@sentry/core": {
+      "version": "8.34.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-8.34.0.tgz",
+      "integrity": "sha512-adrXCTK/zsg5pJ67lgtZqdqHvyx6etMjQW3P82NgWdj83c8fb+zH+K79Z47pD4zQjX0ou2Ws5nwwi4wJbz4bfA==",
+      "dependencies": {
+        "@sentry/types": "8.34.0",
+        "@sentry/utils": "8.34.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      }
+    },
+    "node_modules/@sentry/types": {
+      "version": "8.34.0",
+      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-8.34.0.tgz",
+      "integrity": "sha512-zLRc60CzohGCo6zNsNeQ9JF3SiEeRE4aDCP9fDDdIVCOKovS+mn1rtSip0qd0Vp2fidOu0+2yY0ALCz1A3PJSQ==",
+      "engines": {
+        "node": ">=14.18"
+      }
+    },
+    "node_modules/@sentry/utils": {
+      "version": "8.34.0",
+      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-8.34.0.tgz",
+      "integrity": "sha512-W1KoRlFUjprlh3t86DZPFxLfM6mzjRzshVfMY7vRlJFymBelJsnJ3A1lPeBZM9nCraOSiw6GtOWu6k5BAkiGIg==",
+      "dependencies": {
+        "@sentry/types": "8.34.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      }
+    },
    "node_modules/@sinclair/typebox": {
      "version": "0.27.8",
      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
--- a/package.json
+++ b/package.json
@ -44,6 +44,7 @@
  "dependencies": {
    "@fortawesome/fontawesome-free": "^6.6.0",
    "@hey-api/client-fetch": "^0.4.0",
+    "@sentry/browser": "^8.34.0",
    "@zip.js/zip.js": "^2.7.52",
    "alpinejs": "^3.14.1",
    "cytoscape": "^3.30.2",
--- a/sith/settings.py
+++ b/sith/settings.py
@ -750,7 +750,6 @@ if SENTRY_DSN:

 SITH_FRONT_DEP_VERSIONS = {
    "https://github.com/chartjs/Chart.js/": "2.6.0",
-    "https://github.com/getsentry/sentry-javascript/": "8.26.0",
    "https://github.com/mrdoob/three.js/": "r148",
    "https://github.com/vasturiano/three-spritetext": "1.6.5",
    "https://github.com/vasturiano/3d-force-graph/": "1.70.19",
--- a/sith/urls.py
+++ b/sith/urls.py
@ -71,6 +71,7 @@ if settings.DEBUG:

    urlpatterns += [path("__debug__/", include(debug_toolbar.urls))]

+if settings.SENTRY_ENV == "development":
    """Sentry debug endpoint
    
    This function always crash and allows us to test
				`@ -1 +0,0 @@`
				!function(n,e,r,t,i,o,a,c,s){for(var u=s,f=0;f<document.scripts.length;f++)if(document.scripts[f].src.indexOf(o)>-1){u&&"no"===document.scripts[f].getAttribute("data-lazy")&&(u=!1);break}var p=[];function l(n){return"e"in n}function d(n){return"p"in n}function _(n){return"f"in n}var v=[];function y(n){u&&(l(n)\|\|d(n)\|\|_(n)&&n.f.indexOf("capture")>-1\|\|_(n)&&n.f.indexOf("showReportDialog")>-1)&&m(),v.push(n)}function g(){y({e:[].slice.call(arguments)})}function h(n){y({p:n})}function E(){try{n.SENTRY_SDK_SOURCE="loader";var e=n[i],o=e.init;e.init=function(i){n.removeEventListener(r,g),n.removeEventListener(t,h);var a=c;for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(a[s]=i[s]);!function(n,e){var r=n.integrations\|\|[];if(!Array.isArray(r))return;var t=r.map((function(n){return n.name}));n.tracesSampleRate&&-1===t.indexOf("BrowserTracing")&&(e.browserTracingIntegration?r.push(e.browserTracingIntegration({enableInp:!0})):e.BrowserTracing&&r.push(new e.BrowserTracing));(n.replaysSessionSampleRate\|\|n.replaysOnErrorSampleRate)&&-1===t.indexOf("Replay")&&(e.replayIntegration?r.push(e.replayIntegration()):e.Replay&&r.push(new e.Replay));n.integrations=r}(a,e),o(a)},setTimeout((function(){return function(e){try{"function"==typeof n.sentryOnLoad&&(n.sentryOnLoad(),n.sentryOnLoad=void 0);for(var r=0;r<p.length;r++)"function"==typeof p[r]&&p[r]();p.splice(0);for(r=0;r<v.length;r++){_(o=v[r])&&"init"===o.f&&e.init.apply(e,o.a)}L()\|\|e.init();var t=n.onerror,i=n.onunhandledrejection;for(r=0;r<v.length;r++){var o;if(_(o=v[r])){if("init"===o.f)continue;e[o.f].apply(e,o.a)}else l(o)&&t?t.apply(n,o.e):d(o)&&i&&i.apply(n,[o.p])}}catch(n){console.error(n)}}(e)}))}catch(n){console.error(n)}}var O=!1;function m(){if(!O){O=!0;var n=e.scripts[0],r=e.createElement("script");r.src=a,r.crossOrigin="anonymous",r.addEventListener("load",E,{once:!0,passive:!0}),n.parentNode.insertBefore(r,n)}}function L(){var e=n.__SENTRY__,r=void 0!==e&&e.version;return r?!!e[r]:!(void 0===e\|\|!e.hub\|\|!e.hub.getClient())}n[i]=n[i]\|\|{},n[i].onLoad=function(n){L()?n():p.push(n)},n[i].forceLoad=function(){setTimeout((function(){m()}))},["init","addBreadcrumb","captureMessage","captureException","captureEvent","configureScope","withScope","showReportDialog"].forEach((function(e){n[i][e]=function(){y({f:e,a:arguments})}})),n.addEventListener(r,g),n.addEventListener(t,h),u\|\|setTimeout((function(){m()}))}(window,document,"error","unhandledrejection","Sentry",'ab63c6820882cab2883218a4b9deba4d','https://browser.sentry-cdn.com/8.26.0/bundle.min.js',{"dsn":"https://ab63c6820882cab2883218a4b9deba4d@o4505360748642304.ingest.us.sentry.io/4507633486266368"},true);