@unitedstatespowersquadrons/components 1.2.6 → 1.2.7-pre.2

package/Reducer/buildReducer.tsx

@@ -1,6 +1,7 @@
 import React, { createContext, useContext, useMemo } from "react";
 import { Draft, produce } from "immer";
 import { useImmerReducer } from "use-immer";
+import ActionCable, { Cable } from "actioncable";
 import { ReducerHandler } from "./types";
 
 interface InitialAppProps<AppState> {
@@ -10,10 +11,14 @@ interface InitialAppProps<AppState> {
 
 export default function buildReducer<AppState, AppAction>(
   reducer: (draft: Draft<AppState>, action: AppAction) => void,
-  handlers: ReducerHandler<AppAction>[] = []
+  handlers: ReducerHandler<AppAction>[] = [],
+  actionCableUrl?: string
 ) {
   const StateContext = createContext<AppState | null>(null);
   const DispatchContext = createContext<React.Dispatch<AppAction> | null>(null);
+  const CableContext = createContext<Cable | null>(null);
+
+  const cable = actionCableUrl ? ActionCable.createConsumer(actionCableUrl) : null;
 
   function AppProvider(props: InitialAppProps<AppState>) {
     const [providerState, dispatch] = useImmerReducer(reducer, props.initialState, (state: AppState) => {
@@ -30,9 +35,11 @@ export default function buildReducer<AppState, AppAction>(
 
     return (
       <StateContext.Provider value={providerState}>
-        <DispatchContext.Provider value={wrappedDispatch}>
-          {props.children}
-        </DispatchContext.Provider>
+        <CableContext.Provider value={cable}>
+          <DispatchContext.Provider value={wrappedDispatch}>
+            {props.children}
+          </DispatchContext.Provider>
+        </CableContext.Provider>
       </StateContext.Provider>
     );
   }
@@ -45,6 +52,14 @@ export default function buildReducer<AppState, AppAction>(
     return context;
   }
 
+  function useAppCable() {
+    const context = useContext(CableContext);
+    if (!context) {
+      throw new Error("useAppCable has to be used within AppProvider");
+    }
+    return context;
+  }
+
   function useAppDispatch() {
     const context = useContext(DispatchContext);
     if (!context) {
@@ -55,6 +70,7 @@ export default function buildReducer<AppState, AppAction>(
 
   return {
     AppProvider,
+    useAppCable,
     useAppDispatch,
     useAppState,
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unitedstatespowersquadrons/components",
-  "version": "1.2.6",
+  "version": "1.2.7-pre.2",
   "description": "USPS shared React components library",
   "main": "index.tsx",
   "scripts": {
@@ -17,6 +17,9 @@
   },
   "homepage": "https://github.com/unitedstatespowersquadrons/components#readme",
   "dependencies": {
+    "@rails/actioncable": "^8.0.200",
+    "@types/actioncable": "^5.2.11",
+    "actioncable": "^5.2.8-1",
     "classnames": "^2.5.1",
     "immer": "^10.1.1",
     "react": "^19.1.0",