Set up Sentry

layouts/_default/baseof.html

@@ -20,13 +20,16 @@
   <script type="importmap">
     {
       "imports": {
+        "@sentry/browser": "/vendor/@[email protected]",
         "alpinejs": "/vendor/[email protected]",
         "autosize": "/vendor/[email protected]",
         "scroll-lock": "/vendor/[email protected]",
         "swiper": "/vendor/[email protected]",
         "swiper/css": "/vendor/[email protected]",
         "swiper/css/pagination": "/vendor/[email protected]",
         "swiper/modules/pagination": "/vendor/[email protected]",
+        "/npm/": "https://cdn.jsdelivr.net/npm/"
+        {{- /* @sentry/browser loads some more modules from jsdelivr */}}
       }
     }
   </script>
@@ -54,7 +57,15 @@
 {{- end }}
   {{ partial "footer.html" . }}
   <script type="module">
+    import * as Sentry from '@sentry/browser';
     import Alpine from 'alpinejs';
+
+    Sentry.init({
+      dsn: 'https://[email protected]'
+        + '/4506218350641152',
+      environment: '{{ hugo.Environment }}',
+    });
+
     Alpine.start();
   </script>
 </body>

layouts/partials/contact-form.html

@@ -173,6 +173,7 @@
 </div>
 
 <script type="module">
+  import * as Sentry from '@sentry/browser';
   import Alpine from "alpinejs";
   import autosize from "autosize";
 
@@ -229,7 +230,10 @@
             event.target.reset();
           }
         } catch (e) {
-          // TODO: Log the error to Sentry.
+          Sentry.withScope((scope) => {
+            scope.setExtra('form_data', data);
+            Sentry.captureException(e);
+          });
         } finally {
           this.submitting = false;
         }