@unitedstatespowersquadrons/components 1.0.10 → 1.0.12

package/Reducer/Example/reducer.tsx

@@ -1,25 +1,19 @@
 import { createContext } from "react";
 import { Draft } from "immer";
+import * as ReducerHandlers from "./reducerHandlers";
 import { AppState, ServerResponse } from "./types";
-import {
-  buildReducer,
-  DispatchFunc,
-  DispatchHandler,
-  RailsAppAction,
-  ReducerHandler,
-  wrapDispatch,
-} from "../";
+import { buildReducer, RailsAppAction } from "../";
 
 // If you want to add additional data to the server response, use type `RailsAppAction<ExampleServerResponse>`.
 // Otherwise, just use type `RailsAppAction`.
 //
 // If you need to access the available `type`s for your defined AppAction, use `AppActionType<AppAction>`
 //
-type AppAction =
+export type AppAction =
   | RailsAppAction<ServerResponse>
   | { type: "doSomething"; something: string };
 
-export const exampleReducer = (draft: Draft<AppState>, action: AppAction): void => {
+export const reducer = (draft: Draft<AppState>, action: AppAction): void => {
   const { type } = action;
 
   switch (type) {
@@ -33,32 +27,9 @@ export const exampleReducer = (draft: Draft<AppState>, action: AppAction): void
   }
 };
 
-export const doSomething: ReducerHandler<AppAction> = (
-  dispatch: DispatchFunc<AppAction>
-): DispatchFunc<AppAction> => {
-  const actionType = "doSomething";
+const StateContext = createContext<AppState | null>(null);
+const DispatchContext = createContext<React.Dispatch<AppAction> | null>(null);
+const handlers = Object.values(ReducerHandlers);
 
-  const handler: DispatchHandler<AppAction> = (action: AppAction) => {
-    if (action.type !== actionType) return {};
-
-    const { something } = action;
-
-    const bodyJson = { something };
-    const href = "/do_something";
-
-    return { bodyJson, href };
-  };
-
-  // If you want to add additional data to the server response, pass in type `ServerResponse`.
-  // Otherwise, just leave the second type parameter unspecified.
-  return wrapDispatch<AppAction, ServerResponse>(dispatch, [actionType], handler);
-};
-
-export const { AppProvider, useAppDispatch, useAppState } = buildReducer(
-  exampleReducer,
-  createContext<AppState | null>(null),
-  createContext<React.Dispatch<AppAction> | null>(null),
-  [
-    doSomething,
-  ]
-);
+export const { AppProvider, useAppDispatch, useAppState } =
+  buildReducer(reducer, StateContext, DispatchContext, handlers);

package/Reducer/Example/reducerHandlers.tsx

@@ -0,0 +1,25 @@
+import { AppAction } from "./reducer";
+import { ServerResponse } from "./types";
+import { DispatchFunc, DispatchHandler } from "../types";
+import wrapDispatch from "../wrapDispatch";
+
+export const doSomething = (
+  dispatch: DispatchFunc<AppAction>
+): DispatchFunc<AppAction> => {
+  const actionType = "doSomething";
+
+  const handler: DispatchHandler<AppAction> = (action: AppAction) => {
+    if (action.type !== actionType) return {};
+
+    const { something } = action;
+
+    const bodyJson = { something };
+    const href = "/do_something";
+
+    return { bodyJson, href };
+  };
+
+  // If you want to add additional data to the server response, pass in type `ServerResponse`.
+  // Otherwise, just leave the second type parameter unspecified.
+  return wrapDispatch<AppAction, ServerResponse>(dispatch, [actionType], handler);
+};

package/Reducer/buildUnreducableState.tsx

@@ -0,0 +1,31 @@
+import React, { useContext } from "react";
+
+interface InitialAppProps<AppState> {
+  initialState: AppState;
+  children: React.ReactNode;
+}
+
+export default function buildUnreducableState<AppState>(
+  StateContext: React.Context<AppState | null>
+) {
+  const AppProvider = (props: InitialAppProps<AppState>) => {
+    return (
+      <StateContext.Provider value={props.initialState}>
+        {props.children}
+      </StateContext.Provider>
+    );
+  };
+
+  function useAppState() {
+    const context = useContext(StateContext);
+    if (!context) {
+      throw new Error("useAppState has to be used within AppProvider");
+    }
+    return context;
+  }
+
+  return {
+    AppProvider,
+    useAppState,
+  };
+}

package/Reducer/index.tsx

@@ -1,3 +1,4 @@
 export { default as wrapDispatch } from "./wrapDispatch";
 export { default as buildReducer } from "./buildReducer";
+export { default as buildUnreducableState } from "./buildUnreducableState";
 export type * from "./types";

package/package.json

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