@unitedstatespowersquadrons/components 1.2.7-pre.6 → 1.2.8-pre.1

package/Reducer/buildReducer.tsx

@@ -2,7 +2,7 @@ import React, { createContext, useContext, useMemo } from "react";
 import { Draft, produce } from "immer";
 import { useImmerReducer } from "use-immer";
 import { Cable, createConsumer } from "@rails/actioncable";
-import { ReducerHandler } from "./types";
+import { CableAction, DispatchFunc, ReducerHandler } from "./types";
 
 interface InitialAppProps<AppState> {
   initialState: AppState;
@@ -60,6 +60,17 @@ export default function buildReducer<AppState, AppAction>(
     return context;
   }
 
+  function useAppCableSubscription(dispatch: DispatchFunc<CableAction>, channel: string) {
+    const appCable = useAppCable();
+
+    return(
+      appCable.subscriptions.create(
+        { channel },
+        { received: (data: object) => dispatch({ data, type: "receivedCable" } as CableAction) }
+      )
+    );
+  }
+
   function useAppDispatch() {
     const context = useContext(DispatchContext);
     if (!context) {
@@ -71,6 +82,7 @@ export default function buildReducer<AppState, AppAction>(
   return {
     AppProvider,
     useAppCable,
+    useAppCableSubscription,
     useAppDispatch,
     useAppState,
   };

package/Reducer/types.ts

@@ -21,6 +21,11 @@ export interface GenericAppAction {
   type: string;
 }
 
+export interface CableAction {
+  data: object;
+  type: "receivedCable";
+}
+
 export type RailsAppAction<R extends RailsResponse = RailsResponse> =
   | { type: "saveComplete"; res: R }
   | { type: "saveFailed" };

package/package.json

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