fauxbase 0.5.1 → 0.5.3

package/README.md

@@ -714,6 +714,32 @@ const fb = createClient({
 });
 ```
 
+### Authentication
+
+When `auth` is configured, STOMP automatically injects `Authorization: Bearer <token>` into connection headers. Both SSE and STOMP reconnect on login/logout so the connection always uses the current token.
+
+```ts
+const fb = createClient({
+  driver: { type: 'http', baseUrl: '/api' },
+  services: { todo: TodoService },
+  auth: UserAuth,
+  events: {
+    source: {
+      type: 'stomp',
+      brokerUrl: 'wss://api.example.com/ws',
+      subscriptions: { '/topic/todos': 'todo' },
+      // No need to set connectHeaders — token is injected automatically
+    },
+  },
+});
+
+// After login, STOMP reconnects with the new token
+await fb.auth.login({ email: 'alice@test.com', password: 'secret' });
+
+// After logout, STOMP reconnects without token
+fb.auth.logout();
+```
+
 ### Custom handlers
 
 ```ts

package/dist/index.cjs

@@ -268,6 +268,7 @@ var AuthService = class extends Service {
   authState = null;
   saveState = null;
   httpDriver = null;
+  authChangeListeners = [];
   /** @internal — called by createClient to wire persistence */
   _initAuth(loadState, saveState) {
     this.saveState = saveState;
@@ -423,10 +424,17 @@ var AuthService = class extends Service {
       exp: Date.now() + 24 * 60 * 60 * 1e3
     }));
   }
+  /** @internal — called by createClient to listen for auth state changes */
+  _onAuthChange(listener) {
+    this.authChangeListeners.push(listener);
+  }
   persistState() {
     if (this.saveState) {
       this.saveState(this.authState);
     }
+    for (const listener of this.authChangeListeners) {
+      listener();
+    }
   }
 };
 
@@ -1447,6 +1455,10 @@ var SSESource = class {
       });
     }
   }
+  reconnect() {
+    this.disconnect();
+    this.connect();
+  }
   disconnect() {
     if (this.eventSource) {
       this.eventSource.close();
@@ -1481,6 +1493,10 @@ var STOMPSource = class {
   connect() {
     this.connectAsync();
   }
+  reconnect() {
+    this.disconnect();
+    this.connect();
+  }
   async connectAsync() {
     let StompJs;
     try {
@@ -1491,9 +1507,16 @@ var STOMPSource = class {
         "STOMP source requires @stomp/stompjs. Install it: npm install @stomp/stompjs"
       );
     }
+    const headers = { ...this.config.connectHeaders };
+    if (this.config.getAuthToken) {
+      const token = this.config.getAuthToken();
+      if (token) {
+        headers["Authorization"] = `Bearer ${token}`;
+      }
+    }
     this.client = new StompJs.Client({
       brokerURL: this.config.brokerUrl,
-      connectHeaders: this.config.connectHeaders,
+      connectHeaders: headers,
       onConnect: () => {
         for (const [destination, resource] of Object.entries(this.config.subscriptions)) {
           this.client.subscribe(destination, (message) => {
@@ -1647,10 +1670,19 @@ function createClient(config) {
       if (eventsConfig.source.type === "sse") {
         eventSource = new SSESource(eventsConfig.source, eventBus);
       } else if (eventsConfig.source.type === "stomp") {
-        eventSource = new STOMPSource(eventsConfig.source, eventBus);
+        const stompConfig = { ...eventsConfig.source };
+        if (config.auth && !stompConfig.getAuthToken) {
+          stompConfig.getAuthToken = () => client.auth?.token ?? null;
+        }
+        eventSource = new STOMPSource(stompConfig, eventBus);
       }
       eventSource?.connect();
     }
+    if (eventSource && config.auth) {
+      client.auth._onAuthChange(() => {
+        eventSource.reconnect();
+      });
+    }
     client.disconnect = () => {
       eventSource?.disconnect();
       eventBus.destroy();