feat(AP-1778): add support for providing config via env file

.env-example

@@ -0,0 +1,4 @@
+## Copy lines below into a file named ".env.local"
+
+NEXT_PUBLIC_EVOLV_CONFIG='{"environment":"df7109b048"}'
+REACT_APP_EVOLV_CONFIG='{"environment":"df7109b048"}'

examples/nextjs/env.d.ts

@@ -0,0 +1,9 @@
+declare global {
+	namespace NodeJS {
+		interface ProcessEnv {
+			NEXT_PUBLIC_EVOLV_CONFIG: string;
+		}
+	}
+}
+
+export {};

examples/nextjs/pages/index.tsx

@@ -7,10 +7,7 @@ import Button from './button';
 import Heading from './heading';
 
 
-const options: EvolvClientOptions = {
-	environment: 'df7109b048',
-	endpoint: 'https://participants-newdev.evolvdev.com/'
-};
+const options: EvolvClientOptions = JSON.parse(process.env.NEXT_PUBLIC_EVOLV_CONFIG ?? '{}');
 
 const Home: FC<EvolvServerSideProps & UserIdProps> = (props) => {
 	return (

examples/nextjs/tsconfig.json

@@ -20,6 +20,7 @@
     "jsx": "preserve"
   },
   "include": [
+    "env.d.ts",
     "next-env.d.ts",
     "**/*.ts",
     "**/*.tsx"

examples/react/src/env.d.ts

@@ -0,0 +1,9 @@
+declare global {
+	namespace NodeJS {
+		interface ProcessEnv {
+			REACT_APP_EVOLV_CONFIG: string;
+		}
+	}
+}
+
+export {};

examples/react/src/index.tsx

@@ -1,26 +1,24 @@
-import { EvolvClientOptions } from '@evolv/client';
-import { EvolvProvider } from '@evolv/react';
+import { EvolvClientOptions, EvolvProvider } from '@evolv/react';
 import { StrictMode } from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App';
+import { getUid } from './utils/uid';
+
 
 const rootElement = document.getElementById('root');
 
-const options: EvolvClientOptions = {
-	environment: 'df7109b048',
-	endpoint: 'https://participants-newdev.evolvdev.com/'
-};
+const options: EvolvClientOptions = JSON.parse(process.env.REACT_APP_EVOLV_CONFIG ?? '{}');
 
 const remoteContext = {
 	customizeButton: false
-} as any;
-
+};
 
+const uid = getUid();
 
 ReactDOM.render(
 	<StrictMode>
-		<EvolvProvider options={options} uid="12345678908" remoteContext={remoteContext}>
+		<EvolvProvider options={options} uid={uid} remoteContext={remoteContext}>
 			<App />
 		</EvolvProvider>
 	</StrictMode>

examples/react/tsconfig.json

@@ -12,6 +12,10 @@
       "dom",
       "es2015"
     ],
+    "types": [
+      "./env.d.ts",
+      "node"
+    ],
     "jsx": "react-jsx"
   },
   "include": [

packages/react/src/components/evolv.provider.tsx

@@ -10,8 +10,8 @@ interface BaseProps {
 	options: EvolvClientOptions;
 	uid: string;
 	hydratedState?: Record<string, any>;
-	remoteContext?: RemoteContext;
-	localContext?: LocalContext;
+	remoteContext?: Partial<RemoteContext>;
+	localContext?: Partial<LocalContext>;
 }
 
 export const EvolvProvider: FC<BaseProps> =