feat: add Sentry.io error monitoring to main map and 19hz map

Agent-Logs-Url: https://github.com/ProLoser/funcheapmap/sessions/5d709fde-8f61-445a-95dc-2d4bb488439c

Co-authored-by: ProLoser <67395+ProLoser@users.noreply.github.com>

Author: Copilot

.env.example

@@ -1,4 +1,5 @@
 APIFY_TOKEN=apify_api_1234567890
 GOOGLE_TOKEN=your_google_maps_api_key_here
 SPOTIFY_CLIENT_ID=your_spotify_client_id_here
-SPOTIFY_CLIENT_SECRET=your_spotify_client_secret_here
+SPOTIFY_CLIENT_SECRET=your_spotify_client_secret_here
+SENTRY_DSN=https://your_key@oXXXXXX.ingest.sentry.io/XXXXXXX

.github/workflows/deploy.yml

@@ -20,12 +20,14 @@ jobs:
                 GOOGLE_TOKEN: ${{ secrets.GOOGLE_TOKEN }}
                 SPOTIFY_CLIENT_ID: ${{ secrets.SPOTIFY_CLIENT_ID }}
                 SPOTIFY_CLIENT_SECRET: ${{ secrets.SPOTIFY_CLIENT_SECRET }}
+                SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
               run: |
                 sed -i "s/__APIFY_TOKEN__/${APIFY_TOKEN}/g" map.js 19hz/map.js
                 sed -i "s/__GOOGLE_TOKEN__/${GOOGLE_TOKEN}/g" map.js 19hz/map.js
                 sed -i "s/__GOOGLE_TOKEN__/${GOOGLE_TOKEN}/g" index.html 19hz/index.html
                 sed -i "s/__SPOTIFY_CLIENT_ID__/${SPOTIFY_CLIENT_ID}/g" 19hz/map.js
                 sed -i "s/__SPOTIFY_CLIENT_SECRET__/${SPOTIFY_CLIENT_SECRET}/g" 19hz/map.js
+                sed -i "s/__SENTRY_DSN__/${SENTRY_DSN}/g" index.html 19hz/index.html
             - uses: JamesIves/github-pages-deploy-action@v4
               with:
                   folder: .

19hz/index.html

@@ -87,6 +87,12 @@
     <script async
         src="https://maps.googleapis.com/maps/api/js?v=3.exp&loading=async&key=__GOOGLE_TOKEN__&libraries=marker&callback=initialize"></script>
 
+    <!-- Sentry -->
+    <script src="https://cdn.jsdelivr.net/npm/@sentry/browser@8/build/bundle.min.js" crossorigin="anonymous"></script>
+    <script>
+        Sentry.init({ dsn: '__SENTRY_DSN__', environment: '19hz' })
+    </script>
+
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-0NECRETGYD"></script>
     <script>

index.html

@@ -118,6 +118,12 @@ <h2 class="event-card-title"></h2>
   <script src="map.js"></script>
   <script async src="https://maps.googleapis.com/maps/api/js?v=3.exp&loading=async&key=__GOOGLE_TOKEN__&libraries=marker&callback=initialize"></script>
 
+<!-- Sentry -->
+<script src="https://cdn.jsdelivr.net/npm/@sentry/browser@8/build/bundle.min.js" crossorigin="anonymous"></script>
+<script>
+  Sentry.init({ dsn: '__SENTRY_DSN__', environment: 'funcheapsf' })
+</script>
+
 <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-0NECRETGYD"></script>
 <script>