Generalzies cookie scope to *.roocode.com, exposts constants

Author: brunobergher

apps/web-roo-code/src/components/CookieConsent.tsx

@@ -1,8 +1,9 @@
 "use client"
 
-import React from "react"
+import React, { useState, useEffect } from "react"
 import ReactCookieConsent from "react-cookie-consent"
 import { Cookie } from "lucide-react"
+import { CONSENT_COOKIE_NAME, CONSENT_COOKIE_DOMAIN } from "@/lib/constants"
 
 export interface CookieConsentProps {
 	/**
@@ -43,9 +44,19 @@ export function CookieConsent({
 	onAccept,
 	onDecline,
 	className = "",
-	cookieName = "roo-code-cookie-consent",
+	cookieName = CONSENT_COOKIE_NAME,
 	debug = false,
 }: CookieConsentProps) {
+	const [hostname, setHostname] = useState<string>("localhost")
+
+	useEffect(() => {
+		setHostname(window.location.hostname)
+	}, [])
+
+	const extraCookieOptions = {
+		domain: process.env.NODE_ENV === "production" ? hostname : CONSENT_COOKIE_DOMAIN,
+	}
+
 	const containerClasses = `
 		fixed bottom-2 left-2 right-2 z-[999]
 		bg-black/95 dark:bg-white/95
@@ -109,6 +120,7 @@ export function CookieConsent({
 				buttonClasses={acceptButtonClasses}
 				buttonWrapperClasses={buttonWrapperClasses}
 				declineButtonClasses={declineButtonClasses}
+				extraCookieOptions={extraCookieOptions}
 				disableStyles={true}
 				ariaAcceptLabel={`Accept`}
 				ariaDeclineLabel={`Decline`}>

apps/web-roo-code/src/lib/analytics/consent-manager.ts

@@ -3,10 +3,7 @@
  * Works with react-cookie-consent library
  */
 
-/**
- * Cookie name used by react-cookie-consent
- */
-const CONSENT_COOKIE_NAME = "roo-code-cookie-consent"
+import { CONSENT_COOKIE_NAME } from "../constants"
 
 /**
  * Event name for consent changes

apps/web-roo-code/src/lib/constants.ts

@@ -30,3 +30,7 @@ export const EXTERNAL_LINKS = {
 export const INTERNAL_LINKS = {
 	PRIVACY_POLICY_WEBSITE: "/privacy",
 }
+
+// Cookie consent settings
+export const CONSENT_COOKIE_NAME = "roo-code-cookie-consent"
+export const CONSENT_COOKIE_DOMAIN = process.env.CONSENT_COOKIE_DOMAIN || "roocode.com"