cookie consent & analytics

packages/dashboard/package.json

@@ -14,6 +14,7 @@
   },
   "type": "module",
   "devDependencies": {
+    "@beyonk/gdpr-cookie-consent-banner": "^12.1.4",
     "@fortawesome/free-brands-svg-icons": "^6.6.0",
     "@fortawesome/free-regular-svg-icons": "^6.6.0",
     "@fortawesome/free-solid-svg-icons": "^6.6.0",

packages/dashboard/src/routes/+layout.svelte

@@ -5,6 +5,9 @@
   import '../app.css'
   import { onMount } from 'svelte'
   import { init } from '$util/stores'
+  import '@beyonk/gdpr-cookie-consent-banner/banner.css' // optional, you can also define your own styles
+  // @ts-ignore
+  import GdprBanner from '@beyonk/gdpr-cookie-consent-banner'
 
   onMount(() => {
     init()
@@ -32,3 +35,23 @@
   <div>(c) 2024, PocketHost</div>
   <div>Proudly hacking open source in Reno, NV</div>
 </div>
+<GdprBanner
+  cookieName="pockethost_gpdr"
+  description="PocketHost uses cookies to ensure you get the best experience."
+/>
+<div>
+  <!-- Google tag (gtag.js) -->
+  <script
+    async
+    src="https://www.googletagmanager.com/gtag/js?id=G-5Q6CM5HPCX"
+  ></script>
+  <script>
+    window.dataLayer = window.dataLayer || []
+    function gtag() {
+      dataLayer.push(arguments)
+    }
+    gtag('js', new Date())
+
+    gtag('config', 'G-5Q6CM5HPCX')
+  </script>
+</div>

pnpm-lock.yaml

@@ -187,6 +187,9 @@ importers:
 
   packages/dashboard:
     devDependencies:
+      '@beyonk/gdpr-cookie-consent-banner':
+        specifier: ^12.1.4
+        version: 12.1.4
       '@fortawesome/free-brands-svg-icons':
         specifier: ^6.6.0
         version: 6.6.0
@@ -581,6 +584,9 @@ packages:
   '@balena/dockerignore@1.0.2':
     resolution: {integrity: sha512-wMue2Sy4GAVTk6Ic4tJVcnfdau+gx2EnG7S+uAEe+TWJFqE4YoWN4/H8MSLj4eYJKxGg26lZwboEniNiNwZQ6Q==}
 
+  '@beyonk/gdpr-cookie-consent-banner@12.1.4':
+    resolution: {integrity: sha512-W4S50psrX5WMAihwwqFsnNzL0ZF91OHv4EuIMelTD4yTMU09qTU1cKgUJ7Tt8qRvIyTzfbPwiXGrDYUtFJuOtw==}
+
   '@changesets/apply-release-plan@7.0.5':
     resolution: {integrity: sha512-1cWCk+ZshEkSVEZrm2fSj1Gz8sYvxgUL4Q78+1ZZqeqfuevPTPk033/yUZ3df8BKMohkqqHfzj0HOOrG0KtXTw==}
 
@@ -3380,6 +3386,10 @@ packages:
     resolution: {integrity: sha512-EX4oNDwcXSivPrw2qKH2LB5PoFxEvgtv2JgwW0bU858HoLQ+kutSvjLMUqBd0PeJYEinLWhoI9Ol0eYMqj/wNQ==}
     hasBin: true
 
+  js-cookie@3.0.5:
+    resolution: {integrity: sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==}
+    engines: {node: '>=14'}
+
   js-stringify@1.0.2:
     resolution: {integrity: sha512-rtS5ATOo2Q5k1G+DADISilDA6lv79zIiwFd6CcjuIxGKLFm5C+RLImRscVap9k55i+MOZwgliw+NejvkLuGD5g==}
 
@@ -5331,6 +5341,10 @@ snapshots:
 
   '@balena/dockerignore@1.0.2': {}
 
+  '@beyonk/gdpr-cookie-consent-banner@12.1.4':
+    dependencies:
+      js-cookie: 3.0.5
+
   '@changesets/apply-release-plan@7.0.5':
     dependencies:
       '@changesets/config': 3.0.3
@@ -8255,6 +8269,8 @@ snapshots:
   jiti@2.3.3:
     optional: true
 
+  js-cookie@3.0.5: {}
+
   js-stringify@1.0.2:
     optional: true