Merge pull request #502 from oo-bldrs/add-feature-flags

Implement feature flag foundation

package.json

@@ -38,6 +38,7 @@
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-feature-flags": "^1.0.0",
     "react-markdown": "^8.0.3",
     "react-router-dom": "^6.3.0",
     "remark-gfm": "^3.0.1",

src/FeatureFlags.js

@@ -0,0 +1,5 @@
+export const flags = [
+  {
+    name: 'authentication', isActive: process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test',
+  },
+]

src/index.jsx

@@ -2,6 +2,8 @@ import React from 'react'
 import {createRoot} from 'react-dom/client'
 import {BrowserRouter} from 'react-router-dom'
 import BaseRoutes from './BaseRoutes'
+import {FlagsProvider} from 'react-feature-flags'
+import {flags} from './FeatureFlags'
 
 
 if (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test') {
@@ -17,6 +19,8 @@ if (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test') {
 
 const root = createRoot(document.getElementById('root'))
 root.render(
-    <BrowserRouter>
-      <BaseRoutes/>
-    </BrowserRouter>)
+    <FlagsProvider value={flags}>
+      <BrowserRouter>
+        <BaseRoutes/>
+      </BrowserRouter>
+    </FlagsProvider>)

yarn.lock

@@ -12233,6 +12233,11 @@ react-error-boundary@^3.1.0:
   dependencies:
     "@babel/runtime" "^7.12.5"
 
+react-feature-flags@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/react-feature-flags/-/react-feature-flags-1.0.0.tgz#9ebef632876d1ef8fcc29f429a4d24f9cd7c8147"
+  integrity sha512-KBFUkXjF7ifGWEQr2Ida4LdAtKGDOwFdTRlXipWxGP9a43vUBxP6IscpYQofGjlzlBcgmFKuzubcVheB6NliEg==
+
 react-inspector@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-2.3.1.tgz#f0eb7f520669b545b441af9d38ec6d706e5f649c"