chore: update create context api

README.md

@@ -121,7 +121,6 @@ As a proof of concept converted the sandbox app from the react-redux basic tutor
 ## Next
 
 - Implement slice selectors and `useSelector` hook, [reference][react-redux-useselector]
-- Implement asynchronous middleware context support, [reference][redux-applymiddleware]
 - Implement observable pattern for context value, [reference][proposal-observable]
 
 ## Suggestions

src/components/Provider.tsx

@@ -21,9 +21,9 @@ export function Provider<S, T extends string, P>({
     );
 
     const enhanced = React.useMemo<ContextValue<S, T, P>>(() => {
-        const { enhance, ...value } = root;
+        const { enhancer, ...value } = root;
         Object.assign(value, { dispatch, getState });
-        return enhance?.(value) ?? value;
+        return enhancer?.(value) ?? value;
     }, [dispatch, getState, root]);
 
     React.useEffect(

src/createContext.ts

@@ -13,13 +13,13 @@ function createUnimplemented(objectName?: string): (m: string) => () => never {
 export function createContext<S, T extends string, P>(
     rootReducer: Reducer<S, T, P>,
     preloadedState: S,
+    enhancer?: ContextEnhance<S, T, P>,
     displayName?: string,
-    enhance?: ContextEnhance<S, T, P>,
 ): Context<S, T, P> {
     const unimplemented = createUnimplemented(`Context(${displayName ?? ""})`);
     const Context = React.createContext<ContextValue<S, T, P>>({
         dispatch: (a) => a,
-        enhance,
+        enhancer,
         getState: () => preloadedState,
         reducer: rootReducer,
         state: preloadedState,

src/utils/applyMiddleware.ts

@@ -4,7 +4,7 @@ import { compose } from "./compose";
 export function applyMiddleware<S, T extends string, P>(
     ...middlewares: Middleware<S, T, P>[]
 ): ContextEnhance<S, T, P> {
-    return function enhance(
+    return function enhancer(
         context: ContextValue<S, T, P>,
     ): ContextValue<S, T, P> {
         const dispatchStub: ContextDispatch<T, P> = () => {

tests/__snapshots__/createContext.test.ts.snap

@@ -3,7 +3,7 @@
 exports[`createContext has unimplemented observable symbol 1`] = `
 Object {
   "dispatch": [Function],
-  "enhance": undefined,
+  "enhancer": undefined,
   "getState": [Function],
   "reducer": [Function],
   "state": Object {},

tests/createContext.test.ts

@@ -10,7 +10,7 @@ describe("createContext", () => {
     });
 
     it("creates context with displayname", () => {
-        const Context = createContext((s) => s, {}, "TextContext");
+        const Context = createContext((s) => s, {}, undefined, "TextContext");
         expect(Context.displayName).toEqual("TextContext");
     });
 

tests/mocks.tsx

@@ -68,8 +68,8 @@ export function createMocks(): {
     const EnhancedContext = createContext(
         rootDuck.reducer,
         rootDuck.initialState,
-        "EnhancedContext",
         applyMiddleware(logger),
+        "EnhancedContext",
     );
 
     return {

typings/context.d.ts

@@ -8,7 +8,7 @@ type ContextEnhance<S = unknown, T extends string = string, P = unknown> = (
 
 // this is similar to a redux store
 type ContextValue<S = unknown, T extends string = string, P = unknown> = {
-    enhance?: ContextEnhance<S, T, P>;
+    enhancer?: ContextEnhance<S, T, P>;
     reducer: Reducer<S, T, P>;
     state: S;
 } & MiddlewareAPI<S, T, P>;