Add isLoggedIn to analytics events (#50278)

Author: heiskr

src/events/components/events.ts

@@ -2,6 +2,7 @@
 import Cookies from 'src/frame/components/lib/cookies'
 import { parseUserAgent } from './user-agent'
 import { Router } from 'next/router'
+import { isLoggedIn } from 'src/frame/components/hooks/useHasAccount'
 
 const COOKIE_NAME = '_docs-events'
 
@@ -18,7 +19,6 @@ let scrollDirection = 1
 let scrollFlipCount = 0
 let maxScrollY = 0
 let previousPath: string | undefined
-
 let hoveredUrls = new Set()
 
 function resetPageParams() {
@@ -158,6 +158,7 @@ export function sendEvent<T extends EventType>({
       page_document_type: getMetaContent('page-document-type'),
       page_type: getMetaContent('page-type'),
       status: Number(getMetaContent('status') || 0),
+      is_logged_in: isLoggedIn(),
 
       // Device information
       // os, os_version, browser, browser_version:

src/events/lib/schema.js

@@ -98,6 +98,10 @@ const context = {
       minimum: 0,
       maximum: 999,
     },
+    is_logged_in: {
+      type: 'boolean',
+      description: 'Anonymous -- whether the user has github.com cookies set.',
+    },
 
     // Device information
     os: {

src/frame/components/hooks/useHasAccount.ts

@@ -14,10 +14,14 @@ export function useHasAccount() {
   const [hasAccount, setHasAccount] = useState<boolean | null>(null)
 
   useEffect(() => {
-    const cookieValue = Cookies.get('color_mode')
-    const altCookieValue = Cookies.get('preferred_color_mode')
-    setHasAccount(Boolean(cookieValue || altCookieValue))
+    setHasAccount(isLoggedIn())
   }, [])
 
   return { hasAccount }
 }
+
+export function isLoggedIn() {
+  const cookieValue = Cookies.get('color_mode')
+  const altCookieValue = Cookies.get('preferred_color_mode')
+  return Boolean(cookieValue || altCookieValue)
+}