lewisl9029 · lewisl9029 · Aug 24, 2023 · Sep 16, 2023 · Aug 13, 2024 · Aug 13, 2024
diff --git a/.reflame.config.jsonc b/.reflame.config.jsonc
@@ -1,11 +1,11 @@
 {
-  // 3
+  // 5
   // This is a JSON with Comments file.
   // It's basically JSON, with the addition of comments, and looser syntax
   // (trailing commas!).
   // Reflame uses this to identify your app.
-  "appId": "01GVH35S71FJP26W72V3K7CB2N", // prod
-  // "appId": "01GSXZYQT1W0TZDJAG94P9S4BZ", // prod fork
+  // "appId": "01GVH35S71FJP26W72V3K7CB2N", // prod
+  "appId": "01GSXZYQT1W0TZDJAG94P9S4BZ", // prod fork
   // "appId": "01GR550WASJY2G2NSYZ4P54JJV", // dev
   // This is what shows up in the browser's tab bar.
   "title": "highlight.io",
@@ -25,24 +25,52 @@
   ],
   "environments": {
     "production": {
+      "REACT_APP_FIREBASE_CONFIG_OBJECT": "{    apiKey: 'AIzaSyD7g86A3EzEKmoE7aZ04Re3HZ0B4bWlL68',    authDomain: 'auth.highlight.run',    databaseURL: 'https://highlight-f5c5b.firebaseio.com',    projectId: 'highlight-f5c5b',    storageBucket: 'highlight-f5c5b.appspot.com',    messagingSenderId: '263184175068',    appId: '1:263184175068:web:f8190c20320087d1c6c919',}",
       "REACT_APP_COMMIT_SHA": {
         "type": "expression",
         "value": "Reflame.gitCommitSha"
       },
+      "REACT_APP_PRIVATE_GRAPH_URI": "https://pri.highlight.io",
+      "REACT_APP_ONPREM": "false",
       "REACT_APP_FRONTEND_URI": {
         "type": "expression",
         "value": "window.location.origin"
       },
+      "REACT_APP_FRONTEND_ORG": "1jdkoe52",
+      "REACT_APP_PUBLIC_GRAPH_URI": "https://pub.highlight.run",
+      "REACT_APP_AUTH_MODE": "firebase",
+      "SLACK_CLIENT_ID": "1354469824468.1868913469441",
+      "REACT_APP_STRIPE_API_PK": "pk_live_51Hlqh1Gz4ry65q42eza36EDSeIpFng39KpZVJzPpsYg5AM7h1rpysaCcZQHnC4J5uNmbjXP6rmSRuf9yr6rfGNOB00aZ73tU9f",
+      "CLICKUP_CLIENT_ID": "7IRYQ44K5NKLWWFPBPJII08BW7KS4063",
+      "DISCORD_CLIENT_ID": "1024079182013149185",
+      "REACT_APP_FRONT_INTEGRATION_CLIENT_ID": "e77eb8f15b02423c9525",
+      "HEIGHT_CLIENT_ID": "w8GzB4GI8gGUE2iEAQMY8Wck44gK2ek2i4Q8q4myKQY",
+      "LINEAR_CLIENT_ID": "f60ff43c7376d0aceaa1e111db39e60d",
+      "DEMO_PROJECT_ID": "1344"
     },
     "development": {
+      "REACT_APP_FIREBASE_CONFIG_OBJECT": "{    apiKey: 'AIzaSyD7g86A3EzEKmoE7aZ04Re3HZ0B4bWlL68',    authDomain: 'auth.highlight.run',    databaseURL: 'https://highlight-f5c5b.firebaseio.com',    projectId: 'highlight-f5c5b',    storageBucket: 'highlight-f5c5b.appspot.com',    messagingSenderId: '263184175068',    appId: '1:263184175068:web:f8190c20320087d1c6c919',}",
       "REACT_APP_COMMIT_SHA": {
         "type": "expression",
         "value": "Reflame.gitCommitSha"
       },
+      "REACT_APP_PRIVATE_GRAPH_URI": "https://pri.highlight.io",
+      "REACT_APP_ONPREM": "false",
       "REACT_APP_FRONTEND_URI": {
         "type": "expression",
         "value": "window.location.origin"
       },
+      "REACT_APP_FRONTEND_ORG": "1jdkoe52",
+      "REACT_APP_PUBLIC_GRAPH_URI": "https://pub.highlight.run",
+      "REACT_APP_AUTH_MODE": "firebase",
+      "SLACK_CLIENT_ID": "1354469824468.1868913469441",
+      "REACT_APP_STRIPE_API_PK": "pk_live_51Hlqh1Gz4ry65q42eza36EDSeIpFng39KpZVJzPpsYg5AM7h1rpysaCcZQHnC4J5uNmbjXP6rmSRuf9yr6rfGNOB00aZ73tU9f",
+      "CLICKUP_CLIENT_ID": "7IRYQ44K5NKLWWFPBPJII08BW7KS4063",
+      "DISCORD_CLIENT_ID": "1024079182013149185",
+      "REACT_APP_FRONT_INTEGRATION_CLIENT_ID": "e77eb8f15b02423c9525",
+      "HEIGHT_CLIENT_ID": "w8GzB4GI8gGUE2iEAQMY8Wck44gK2ek2i4Q8q4myKQY",
+      "LINEAR_CLIENT_ID": "f60ff43c7376d0aceaa1e111db39e60d",
+      "DEMO_PROJECT_ID": "1344"
     },
   },
   "defaultEnvironment": "production",

diff --git a/e2e/hono/src/index.ts b/e2e/hono/src/index.ts
@@ -24,7 +24,7 @@ const layout = (
 	traceId: string,
 	spanId: string,
 ) => html`
-	<!doctype html>
+	<!DOCTYPE html>
 	<html>
 		<head>
 			<title>Hono API Tester</title>

diff --git a/e2e/remix/app/entry.server.tsx b/e2e/remix/app/entry.server.tsx
@@ -56,13 +56,13 @@ export default function handleRequest(
 				responseStatusCode,
 				responseHeaders,
 				remixContext,
-			)
+		  )
 		: handleBrowserRequest(
 				request,
 				responseStatusCode,
 				responseHeaders,
 				remixContext,
-			)
+		  )
 }
 
 function handleBotRequest(

diff --git a/frontend/index.html b/frontend/index.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
 	<head>
 		<base href="/" />

diff --git a/frontend/src/components/CustomColumnPopover/index.tsx b/frontend/src/components/CustomColumnPopover/index.tsx
@@ -123,14 +123,11 @@ export const CustomColumnPopover = <T,>({
 	])
 
 	const defaultColumnOptions = useMemo(() => {
-		const seletedColumnHash = selectedColumns.reduce(
-			(acc, column) => {
-				acc[column.id] = column
+		const seletedColumnHash = selectedColumns.reduce((acc, column) => {
+			acc[column.id] = column
 
-				return acc
-			},
-			{} as Record<string, SerializedColumn>,
-		)
+			return acc
+		}, {} as Record<string, SerializedColumn>)
 
 		const defaultColumnHash = {
 			...seletedColumnHash,
@@ -165,14 +162,11 @@ export const CustomColumnPopover = <T,>({
 	}, [data, debouncedQuery, standardColumns])
 
 	const allColumnsHash = useMemo(() => {
-		return [...selectedColumns, ...columnOptions].reduce(
-			(acc, column) => {
-				acc[column.id] = column
-
-				return acc
-			},
-			{} as Record<string, SerializedColumn>,
-		)
+		return [...selectedColumns, ...columnOptions].reduce((acc, column) => {
+			acc[column.id] = column
+
+			return acc
+		}, {} as Record<string, SerializedColumn>)
 	}, [selectedColumns, columnOptions])
 
 	const handleColumnValueChange = (updatedValue: string[]) => {
@@ -192,7 +186,7 @@ export const CustomColumnPopover = <T,>({
 						{o.id}
 					</Text>
 				),
-			}))
+		  }))
 
 	return (
 		<ComboboxSelect

diff --git a/frontend/src/components/Header/Header.tsx b/frontend/src/components/Header/Header.tsx
@@ -703,7 +703,7 @@ export const Header: React.FC<Props> = ({ fullyIntegrated }) => {
 																			</Menu.Item>
 																		)
 																	},
-																)}
+															  )}
 														<Divider className="mb-0 mt-1" />
 														<Link
 															to="/new"

diff --git a/frontend/src/components/Search/SearchForm/SearchForm.tsx b/frontend/src/components/Search/SearchForm/SearchForm.tsx
@@ -84,7 +84,7 @@ export const SEARCH_OPERATORS = [
 	...CONTAINS_OPERATOR,
 	...MATCHES_OPERATOR,
 ] as const
-export type SearchOperator = (typeof SEARCH_OPERATORS)[number]
+export type SearchOperator = typeof SEARCH_OPERATORS[number]
 
 type Creatable = {
 	label: string
@@ -414,7 +414,7 @@ export const Search: React.FC<{
 		? getVisibleValues(
 				activePart,
 				(defaultValueOptions ?? []).concat(values ?? []),
-			)
+		  )
 		: getVisibleKeys(query, activePart, keys)
 
 	// Show operators when we have an exact match for a key
@@ -455,7 +455,7 @@ export const Search: React.FC<{
 				({
 					name: operator,
 					type: 'Operator',
-				}) as SearchResult,
+				} as SearchResult),
 		)
 	}
 
@@ -849,7 +849,7 @@ export const Search: React.FC<{
 											? setAiMode(true)
 											: navigate(
 													`/w/${workspaceId}/harold-ai`,
-												)
+											  )
 									}
 									store={comboboxStore}
 								>

diff --git a/frontend/src/hooks/useFeatureFlag/useFeatureFlag.ts b/frontend/src/hooks/useFeatureFlag/useFeatureFlag.ts
@@ -91,8 +91,8 @@ export const isFeatureOn = async function (
 		(config.project
 			? projectId
 			: config.workspace
-				? workspaceId
-				: adminId) ?? 'demo',
+			? workspaceId
+			: adminId) ?? 'demo',
 		config.percent,
 	)
 }

diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
@@ -385,7 +385,7 @@ const AuthenticationRoleRouter = () => {
 		<AuthContextProvider
 			value={{
 				role: authRole,
-				admin: isLoggedIn ? (adminData ?? undefined) : undefined,
+				admin: isLoggedIn ? adminData ?? undefined : undefined,
 				workspaceRole: adminRole || undefined,
 				isAuthLoading,
 				isLoggedIn,

diff --git a/frontend/src/pages/Alerts/AlertGraph/index.tsx b/frontend/src/pages/Alerts/AlertGraph/index.tsx
@@ -97,7 +97,7 @@ export const AlertGraph: React.FC<Props> = ({
 									intervalWidth: thresholdValue,
 									thresholdCondition,
 									intervalSeconds: thresholdWindow,
-								}
+							  }
 							: undefined
 					}
 					thresholdSettings={{

diff --git a/frontend/src/pages/Alerts/AlertPage/AlertHeader/index.tsx b/frontend/src/pages/Alerts/AlertPage/AlertHeader/index.tsx
@@ -25,11 +25,11 @@ export const AlertHeader: React.FC<Props> = ({
 			? {
 					state: 'Paused',
 					color: 'secondary',
-				}
+			  }
 			: {
 					state: 'Enabled',
 					color: 'success',
-				}
+			  }
 	}, [disabled])
 
 	return (

diff --git a/frontend/src/pages/Alerts/SessionAlert/SessionAlertPage.tsx b/frontend/src/pages/Alerts/SessionAlert/SessionAlertPage.tsx
@@ -279,37 +279,37 @@ export const SessionAlertPage = () => {
 							exclude_rules: excludeRules
 								? formStore.getValue(
 										formStore.names.excludeRules,
-									) || []
+								  ) || []
 								: [],
 							user_properties: tracksUserProperties
 								? (
 										formStore.getValue(
 											formStore.names.userProperties,
 										) || []
-									).map((userProperty: any) => {
+								  ).map((userProperty: any) => {
 										const [id, name, value] =
 											userProperty.split(SEPARATOR, 3)
 										return {
 											id,
 											value,
 											name,
 										}
-									})
+								  })
 								: [],
 							track_properties: tracksSessionProperties
 								? (
 										formStore.getValue(
 											formStore.names.trackProperties,
 										) || []
-									).map((trackProperty: any) => {
+								  ).map((trackProperty: any) => {
 										const [id, name, value] =
 											trackProperty.split(SEPARATOR, 3)
 										return {
 											id,
 											value,
 											name,
 										}
-									}) || []
+								  }) || []
 								: [],
 							type: alertType,
 						}
@@ -547,13 +547,13 @@ const SessionAlertForm = ({
 		? []
 		: (userSuggestionsApiResponse?.property_suggestion || []).map(
 				(suggestion) => getPropertiesOption(suggestion),
-			)
+		  )
 
 	const trackPropertiesSuggestions = trackSuggestionsLoading
 		? []
 		: (trackSuggestionsApiResponse?.property_suggestion || []).map(
 				(suggestion) => getPropertiesOption(suggestion),
-			)
+		  )
 
 	const identifierSuggestions = identifierSuggestionsLoading
 		? []
@@ -568,7 +568,7 @@ const SessionAlertForm = ({
 					),
 					id: suggestion,
 				}),
-			)
+		  )
 
 	const handleUserPropertiesSearch = (query = '') => {
 		refetchUserSuggestions({ query, project_id: project_id })

diff --git a/frontend/src/pages/Auth/SignIn.tsx b/frontend/src/pages/Auth/SignIn.tsx
@@ -16,7 +16,7 @@ import SvgHighlightLogoOnLight from '@icons/HighlightLogoOnLight'
 import { AuthBody, AuthError, AuthFooter, AuthHeader } from '@pages/Auth/Layout'
 import useLocalStorage from '@rehooks/local-storage'
 import { auth } from '@util/auth'
-import firebase from 'firebase/compat/app'
+import type firebase from 'firebase/compat/app'
 import React, { useCallback, useEffect } from 'react'
 import { Link, useLocation, useNavigate } from 'react-router-dom'
 
@@ -142,7 +142,7 @@ export const SignIn: React.FC<Props> = ({ setResolver }) => {
 						<Heading level="h4">
 							{workspaceInvite
 								? `You're invited to join ‘${workspaceInvite.workspace_name}’`
-								: 'Welcome back.'}
+								: 'Welcoasd!!'}
 						</Heading>
 						{AUTH_MODE !== 'oauth' ? (
 							<Text>
-Original file line number
+Diff line change
@@ Expand Up @@
     																			</Menu.Item>
     																		)
     																	},
-    																)}
+    															  )}
     														<Divider className="mb-0 mt-1" />
     														<Link
     															to="/new"
@@ Expand Down @@