@motiadev/stream-client-browser 0.12.1-beta.158 → 0.13.0-beta.160

package/README.md

@@ -27,7 +27,10 @@ npm install @motiadev/stream-client-browser
 ```typescript
 import { Stream } from '@motiadev/stream-client-browser'
 
-const stream = new Stream('wss://your-stream-server')
+const token = window.sessionStorage.getItem('motia.streamToken') ?? undefined
+const protocols = token ? ['Authorization', token] : undefined
+
+const stream = new Stream('wss://your-stream-server', { protocols })
 ```
 
 ### 2. Subscribing to an Item Stream
@@ -69,10 +72,10 @@ stream.close()
 
 ### `Stream`
 
-- **constructor(address: string, onReady: () => void)**
+- **constructor(address: string, options?: { protocols?: string | string[] })**
 
   - Establishes a WebSocket connection to the given address.
-  - Calls `onReady` when the connection is open.
+  - Passes any `protocols` directly to the underlying `WebSocket` constructor (useful for sending `Sec-WebSocket-Protocol: Authorization,<token>`).
 
 - **subscribeItem<T>(streamName: string, id: string): StreamItemSubscription<T>**
 
@@ -161,7 +164,10 @@ All types are exported from `stream.types.ts` for advanced usage and type safety
 ```typescript
 import { Stream } from '@motiadev/stream-client-browser'
 
-const stream = new Stream('wss://example.com')
+const token = window.sessionStorage.getItem('motia.streamToken') ?? undefined
+const protocols = token ? ['Authorization', token] : undefined
+
+const stream = new Stream('wss://example.com', { protocols })
 const userSub = stream.subscribeItem<{ id: string; name: string }>('users', 'user-1')
 
 userSub.addChangeListener((user) => {

package/dist/index.d.ts

@@ -1,2 +1,4 @@
 export { StreamGroupSubscription, StreamItemSubscription, StreamSubscription } from '@motiadev/stream-client';
+export type { BrowserStreamOptions } from './src/stream';
 export { Stream } from './src/stream';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC7G,YAAY,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA"}

package/dist/src/stream-adapter.d.ts

@@ -5,7 +5,7 @@ export declare class StreamSocketAdapter implements SocketAdapter {
     private onMessageListeners;
     private onOpenListeners;
     private onCloseListeners;
-    constructor(address: string);
+    constructor(address: string, protocols?: string | string[] | undefined);
     connect(): void;
     send(message: string): void;
     onMessage(callback: (message: string) => void): void;
@@ -14,3 +14,4 @@ export declare class StreamSocketAdapter implements SocketAdapter {
     close(): void;
     isOpen(): boolean;
 }
+//# sourceMappingURL=stream-adapter.d.ts.map

package/dist/src/stream-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stream-adapter.d.ts","sourceRoot":"","sources":["../../src/stream-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAE5D,qBAAa,mBAAoB,YAAW,aAAa;IAQrD,OAAO,CAAC,OAAO;IAPjB,OAAO,CAAC,EAAE,CAAW;IAErB,OAAO,CAAC,kBAAkB,CAAkD;IAC5E,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,gBAAgB,CAAqB;gBAGnC,OAAO,EAAE,MAAM,EACvB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;IAK3C,OAAO,IAAI,IAAI;IAEf,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAI3B,SAAS,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IAOpD,MAAM,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAKlC,OAAO,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAKnC,KAAK,IAAI,IAAI;IAOb,MAAM,IAAI,OAAO;CAGlB"}

package/dist/src/stream-adapter.js

@@ -1,10 +1,10 @@
 export class StreamSocketAdapter {
-    constructor(address) {
+    constructor(address, protocols) {
         this.address = address;
         this.onMessageListeners = [];
         this.onOpenListeners = [];
         this.onCloseListeners = [];
-        this.ws = new WebSocket(this.address);
+        this.ws = new WebSocket(this.address, protocols);
     }
     connect() { }
     send(message) {

package/dist/src/stream.d.ts

@@ -1,4 +1,8 @@
 import { Stream as StreamClient } from '@motiadev/stream-client';
+export type BrowserStreamOptions = {
+    protocols?: string | string[] | undefined;
+};
 export declare class Stream extends StreamClient {
-    constructor(address: string);
+    constructor(address: string, options?: BrowserStreamOptions);
 }
+//# sourceMappingURL=stream.d.ts.map

package/dist/src/stream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stream.d.ts","sourceRoot":"","sources":["../../src/stream.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAGhE,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;CAC1C,CAAA;AAED,qBAAa,MAAO,SAAQ,YAAY;gBAC1B,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,oBAAoB;CAG5D"}

package/dist/src/stream.js

@@ -1,7 +1,7 @@
 import { Stream as StreamClient } from '@motiadev/stream-client';
 import { StreamSocketAdapter } from './stream-adapter';
 export class Stream extends StreamClient {
-    constructor(address) {
-        super(() => new StreamSocketAdapter(address));
+    constructor(address, options) {
+        super(() => new StreamSocketAdapter(address, options?.protocols));
     }
 }

package/index.ts

@@ -1,2 +1,3 @@
 export { StreamGroupSubscription, StreamItemSubscription, StreamSubscription } from '@motiadev/stream-client'
+export type { BrowserStreamOptions } from './src/stream'
 export { Stream } from './src/stream'

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@motiadev/stream-client-browser",
   "description": "Motia Stream Client Package – Responsible for managing streams of data.",
-  "version": "0.12.1-beta.158",
+  "version": "0.13.0-beta.160",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
     "uuid": "^11.1.0",
-    "@motiadev/stream-client": "0.12.1-beta.158"
+    "@motiadev/stream-client": "0.13.0-beta.160"
   },
   "devDependencies": {
     "@types/jest": "^29.5.14",