wip(frontend): add desktop stats

Author: juligasa

.github/workflows/release-desktop.yml

@@ -140,6 +140,7 @@ jobs:
           VITE_NOTIFY_SERVICE_HOST: "https://notify.seed.hyper.media"
           VITE_DESKTOP_SENTRY_DSN: "${{ secrets.DESKTOP_SENTRY_DSN }}"
           VITE_SEED_HOST_URL: "https://host.seed.hyper.media"
+          VITE_PLAUSIBLE_DOMAIN: "stats.desktop.seedhypermedia.com"
           SENTRY_AUTH_TOKEN: "${{ secrets.SENTRY_AUTH_TOKEN }}"
           APPLE_ID: ${{ secrets.APPLE_ID }}
           APPLE_ID_PASSWORD: ${{ secrets.APPLE_ID_PASSWORD }}
@@ -182,6 +183,7 @@ jobs:
           VITE_NOTIFY_SERVICE_HOST: "https://notify.seed.hyper.media"
           VITE_DESKTOP_SENTRY_DSN: "${{ secrets.DESKTOP_SENTRY_DSN }}"
           VITE_SEED_HOST_URL: "https://host.seed.hyper.media"
+          VITE_PLAUSIBLE_DOMAIN: "stats.desktop.seedhypermedia.com"
           SENTRY_AUTH_TOKEN: "${{ secrets.SENTRY_AUTH_TOKEN }}"
 
       - name: Upload Artifacts

frontend/apps/desktop/src/renderer.ts

@@ -30,6 +30,19 @@ import {IS_PROD_DESKTOP} from '@shm/shared/constants'
 
 import './root.tsx'
 
+// Inject Plausible analytics script when VITE_PLAUSIBLE_DOMAIN is set (production CI builds only)
+// @ts-expect-error
+const plausibleDomain = import.meta.env.VITE_PLAUSIBLE_DOMAIN
+if (plausibleDomain) {
+  const script = document.createElement('script')
+  script.defer = true
+  script.dataset.domain = plausibleDomain
+  script.setAttribute('file-types', 'rpm,deb,dmg,exe')
+  script.src =
+    'https://plausible.io/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js'
+  document.head.appendChild(script)
+}
+
 if (IS_PROD_DESKTOP) {
   Sentry.init({
     // @ts-ignore

frontend/packages/ui/src/document-tools.tsx

@@ -1,5 +1,4 @@
 import {DocumentPanelRoute, NavRoute, useRouteLink} from '@shm/shared'
-import {IS_DESKTOP} from '@shm/shared/constants'
 import {HMExistingDraft, UnpackedHypermediaId} from '@shm/shared/hm-types'
 import {useIsomorphicLayoutEffect} from '@shm/shared/utils/use-isomorphic-layout-effect'
 import {MessageSquare, Newspaper, Users} from 'lucide-react'
@@ -274,9 +273,7 @@ function ToolLink({
   let btn = (
     <Button
       className={cn(
-        `flex-1 rounded-full ${
-          IS_DESKTOP ? '' : 'plausible-event-name=Open+Document+Comments'
-        }`,
+        'plausible-event-name=Open+Document+Comments flex-1 rounded-full',
         bg,
       )}
       asChild