Merge pull request #25 from shapeshift/add-feature-flag-helper

chore: add feature flag helper

.env

@@ -1,6 +1,6 @@
 # Feature flags
 VITE_FEATURE_MIXPANEL=true
-VITE_FEATURE_CHATWOOT=false
+VITE_FEATURE_CHATWOOT=true
 
 VITE_FOO=bar
 

src/components/Chatwoot.tsx

@@ -1,8 +1,9 @@
 import { Button } from '@chakra-ui/react'
 import { useCallback, useEffect } from 'react'
+import { getFeatureFlag } from 'lib/utils'
 
 export const ChatwootButton: React.FC = () => {
-  const chatWootEnabled = import.meta.env.VITE_FEATURE_CHATWOOT
+  const chatWootEnabled = getFeatureFlag('chatwoot')
   useEffect(() => {
     if (!chatWootEnabled) return // Add Chatwoot Settings
     ;(window as any).chatwootSettings = {

src/lib/mixpanel/mixpanelSingleton.ts

@@ -1,12 +1,13 @@
 import Mixpanel from 'mixpanel-browser'
+import { getFeatureFlag } from 'lib/utils'
 
 import type { MixPanelType } from './types'
 
 // we need to be able to access this outside react
 export const mixpanel = (() => {
   let _mixPanel: MixPanelType | undefined = undefined
 
-  const mixPanelEnabled = import.meta.env.VITE_FEATURE_MIXPANEL
+  const mixPanelEnabled = getFeatureFlag('mixpanel')
   if (!mixPanelEnabled) return undefined
   if (_mixPanel) return _mixPanel
   const mixpanelToken = import.meta.env.VITE_MIXPANEL_TOKEN

src/lib/utils.ts

@@ -0,0 +1,4 @@
+export const getFeatureFlag = (flagName: string): boolean => {
+  const envVarName = `VITE_FEATURE_${flagName.toUpperCase()}`
+  return import.meta.env[envVarName] === 'true'
+}