@unitedstatespowersquadrons/components 1.2.0 → 1.2.2

package/Readme.md

@@ -55,13 +55,10 @@ If you only need access to app state, but no dispatchable events, you can use
 the simplified generator function:
 
 ```ts
-import { createContext } from "react";
 import { buildUnreducableState } from "@unitedstatespowersquadrons/components";
 import { AppState } from "./types";
 
-const StateContext = createContext<AppState | null>(null);
-
-export const { AppProvider, useAppState } = buildUnreducableState<AppState>(StateContext);
+export const { AppProvider, useAppState } = buildUnreducableState<AppState>();
 ```
 
 ## Automated Testing

package/Reducer/Example/reducerHandlers.tsx

@@ -8,7 +8,7 @@ export const doSomething = (
   const actionType = "doSomething";
 
   const handler: DispatchHandler<AppAction> = (action: AppAction) => {
-    if (action.type !== actionType) return {};
+    if (action.type !== actionType) return;
 
     const { something } = action;
 

package/Reducer/buildUnreducableState.tsx

@@ -1,13 +1,13 @@
-import React, { useContext } from "react";
+import React, { createContext, useContext } from "react";
 
 interface InitialAppProps<AppState> {
   initialState: AppState;
   children: React.ReactNode;
 }
 
-export default function buildUnreducableState<AppState>(
-  StateContext: React.Context<AppState | null>
-) {
+export default function buildUnreducableState<AppState>() {
+  const StateContext = createContext<AppState | null>(null);
+
   const AppProvider = (props: InitialAppProps<AppState>) => {
     return (
       <StateContext.Provider value={props.initialState}>

package/Reducer/types.ts

@@ -7,13 +7,13 @@ export interface RailsResponse {
 }
 
 export type DispatchFunc<T> = (action: T) => void;
-export type DispatchHandler<T> = (action: T) => {
-  body?: string;
+interface DispatchData {
   bodyJson?: object;
   headers?: { [key: string]: string };
-  href?: string;
+  href: string;
   method?: string;
-};
+}
+export type DispatchHandler<T> = (action: T) => DispatchData | undefined;
 
 export type ReducerHandler<AppAction> = (dispatch: DispatchFunc<AppAction>) => DispatchFunc<AppAction>;
 

package/Reducer/wrapDispatch.tsx

@@ -23,17 +23,20 @@ export default function wrapDispatch<
   const updateDebounceTime = (("testEnv" in window) && window.testEnv) ? 50 : 250;
 
   const updateHandler = async (action: A, signal: AbortSignal) => {
-    const { bodyJson, headers, href, method } = handler(action);
+    const handlerData = handler(action);
 
-    if (!href || !bodyJson) return;
+    // If the handler returns nothing, this action shouldn't be processed
+    if (!handlerData) return;
 
-    const requestHeaders = headers || {};
+    const {
+      bodyJson = {},
+      headers = {},
+      href,
+      method = "POST",
+    } = handlerData;
 
     try {
-      const res = await railsFetchJson<ServerResponse>(
-        href,
-        { bodyJson, headers: requestHeaders, method: method || "POST", signal }
-      );
+      const res = await railsFetchJson<ServerResponse>(href, { bodyJson, headers, method, signal });
 
       dispatch({ res, type: "saveComplete" } as A);
     } catch(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unitedstatespowersquadrons/components",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "USPS shared React components library",
   "main": "index.tsx",
   "scripts": {