Websocket factory react

client_react/CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## 0.3.5
+
+### Features
+
+- Adds optional `createWebSocket` prop to `SocketProvider` for customizing WebSocket creation.
+
 ## 0.3.4
 
 ### Improvements

client_react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topical/react",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "React Topical client.",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -33,6 +33,6 @@
     "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@topical/core": "^0.3.0"
+    "@topical/core": "^0.3.1"
   }
 }

client_react/src/index.ts

@@ -1,3 +1,4 @@
+export type { WebSocketFactory } from "@topical/core";
 export { default as SocketProvider } from "./provider";
 export { default as useSocket } from "./useSocket";
 export { default as useTopic } from "./useTopic";

client_react/src/provider.ts

@@ -1,4 +1,4 @@
-import { Socket } from "@topical/core";
+import { Socket, type WebSocketFactory } from "@topical/core";
 import {
   createContext,
   createElement,
@@ -11,17 +11,22 @@ export const Context = createContext<Socket | undefined>(undefined);
 
 type ProviderProps = {
   url: string;
+  createWebSocket?: WebSocketFactory;
   children: ReactNode;
 };
 
-export default function Provider({ url, children }: ProviderProps) {
+export default function Provider({
+  url,
+  createWebSocket,
+  children,
+}: ProviderProps) {
   const [socket, setSocket] = useState<Socket>();
   useEffect(() => {
-    const socket = new Socket(url);
+    const socket = new Socket(url, createWebSocket);
     setSocket(socket);
     return () => {
       socket.close();
     };
-  }, [url]);
+  }, [url, createWebSocket]);
   return createElement(Context.Provider, { value: socket }, children);
 }