Add rudimentary React provider option for local singleton

Signed-off-by: MattIPv4 <[email protected]>

Author: MattIPv4

packages/react/src/context/use-context-mutator.ts

@@ -39,6 +39,7 @@ export function useContextMutator(options: ContextMutationOptions = { defaultCon
     async (
       updatedContext: EvaluationContext | ((currentContext: EvaluationContext) => EvaluationContext),
     ): Promise<void> => {
+      // TODO: Needs to handle `isolated` option like OpenFeatureProvider
       const previousContext = OpenFeature.getContext(options?.defaultContext ? undefined : domain);
       const resolvedContext = typeof updatedContext === 'function' ? updatedContext(previousContext) : updatedContext;
 

packages/react/src/provider/provider.tsx

@@ -11,6 +11,11 @@ type ClientOrDomain =
        * @see OpenFeature.setProvider() and overloads.
        */
       domain?: string;
+      /**
+       * If the package-local isolated OpenFeature singleton should be used
+       * @see OpenFeature.isolated for more details.
+       */
+      isolated?: boolean;
       client?: never;
     }
   | {
@@ -19,6 +24,7 @@ type ClientOrDomain =
        */
       client?: Client;
       domain?: never;
+      isolated?: never;
     };
 
 type ProviderProps = {
@@ -31,8 +37,11 @@ type ProviderProps = {
  * @param {ProviderProps} properties props for the context provider
  * @returns {OpenFeatureProvider} context provider
  */
-export function OpenFeatureProvider({ client, domain, children, ...options }: ProviderProps) {
-  const stableClient = React.useMemo(() => client || OpenFeature.getClient(domain), [client, domain]);
+export function OpenFeatureProvider({ client, domain, isolated, children, ...options }: ProviderProps) {
+  const stableClient = React.useMemo(
+    () => client || (isolated ? OpenFeature.isolated : OpenFeature).getClient(domain),
+    [client, domain],
+  );
 
   return <Context.Provider value={{ client: stableClient, options, domain }}>{children}</Context.Provider>;
 }

packages/react/src/provider/test-provider.tsx

@@ -87,6 +87,7 @@ export function OpenFeatureTestProvider(testProviderOptions: TestProviderProps)
   const effectiveProvider = (
     flagValueMap ? new TestProvider(flagValueMap, testProviderOptions.delayMs) : mixInNoop(provider) || NOOP_PROVIDER
   ) as Provider;
+  // TODO: Needs to handle `isolated` option like OpenFeatureProvider
   testProviderOptions.domain
     ? OpenFeature.setProvider(testProviderOptions.domain, effectiveProvider)
     : OpenFeature.setProvider(effectiveProvider);

packages/react/src/provider/use-open-feature-provider.ts

@@ -17,5 +17,6 @@ export function useOpenFeatureProvider(): Provider {
     throw new MissingContextError('No OpenFeature context available');
   }
 
+  // TODO: Needs to handle `isolated` option like OpenFeatureProvider
   return OpenFeature.getProvider(openFeatureContext.domain);
 }