Use shared types

Author: mrubens

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

@@ -4,7 +4,7 @@ import React, { useState, useEffect } from "react"
 import ReactCookieConsent from "react-cookie-consent"
 import { Cookie } from "lucide-react"
 import { getDomain } from "tldts"
-import { CONSENT_COOKIE_NAME } from "@/lib/constants"
+import { CONSENT_COOKIE_NAME } from "@roo-code/types"
 import { dispatchConsentEvent } from "@/lib/analytics/consent-manager"
 
 /**

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

@@ -4,7 +4,7 @@
  */
 
 import { getCookieConsentValue } from "react-cookie-consent"
-import { CONSENT_COOKIE_NAME } from "../constants"
+import { CONSENT_COOKIE_NAME } from "@roo-code/types"
 
 export const CONSENT_EVENT = "cookieConsentChanged"
 

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

@@ -30,6 +30,3 @@ export const EXTERNAL_LINKS = {
 export const INTERNAL_LINKS = {
 	PRIVACY_POLICY_WEBSITE: "/privacy",
 }
-
-// Cookie consent settings
-export const CONSENT_COOKIE_NAME = "roo-code-cookie-consent"

packages/types/src/cookie-consent.ts

@@ -0,0 +1,22 @@
+/**
+ * Cookie consent constants and types
+ * Shared across all Roo Code repositories
+ */
+
+/**
+ * The name of the cookie that stores user's consent preference
+ * Used by react-cookie-consent library
+ */
+export const CONSENT_COOKIE_NAME = "roo-code-cookie-consent"
+
+/**
+ * Possible values for the consent cookie
+ */
+export type ConsentCookieValue = "true" | "false"
+
+/**
+ * Cookie consent event names for communication between components
+ */
+export const COOKIE_CONSENT_EVENTS = {
+	CHANGED: "cookieConsentChanged",
+} as const

packages/types/src/index.ts

@@ -1,6 +1,7 @@
 export * from "./api.js"
 export * from "./cloud.js"
 export * from "./codebase-index.js"
+export * from "./cookie-consent.js"
 export * from "./events.js"
 export * from "./experiment.js"
 export * from "./followup.js"