@thalesrc/hermes 6.1.1 → 7.0.1

package/README.md

@@ -1,121 +1,481 @@
-# hermes
-![publish build](https://github.com/thalesrc/hermes/workflows/Npm%20Package/badge.svg)
+# @thalesrc/hermes
+
 [![npm](https://img.shields.io/npm/v/@thalesrc/hermes.svg)](https://www.npmjs.com/package/@thalesrc/hermes)
 [![npm](https://img.shields.io/npm/dw/@thalesrc/hermes.svg)](https://www.npmjs.com/package/@thalesrc/hermes)
-[![codecov](https://codecov.io/gh/thalesrc/hermes/branch/master/graph/badge.svg)](https://codecov.io/gh/thalesrc/hermes)
 [![TypeScript](https://badges.frapsoft.com/typescript/version/typescript-next.svg?v=101)](https://www.typescriptlang.org/)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+Javascript messaging library for cross-context communication
 
-Javascript messaging library
+**Part of the [Thalesrc](https://github.com/thalesrc/thalesrc) monorepo**
 
 ## Installation
-`npm i @thalesrc/hermes` or `yarn add @thalesrc/hermes`
 
-## Usage
+```bash
+npm install @thalesrc/hermes
+# or
+yarn add @thalesrc/hermes
+# or
+pnpm add @thalesrc/hermes
+```
+
+## Overview
+
+Hermes provides a unified, decorator-based API for cross-context messaging in JavaScript applications. Built on RxJS, it supports:
+
+- 🖼️ **Iframe Communication** - Parent-child window messaging
+- 🧩 **Chrome Extensions** - Background scripts, content scripts, and popups
+- 👷 **Web Workers** - Main thread and worker communication
+- 📡 **Broadcast Channel** - Tab-to-tab messaging
+
+## Core Concepts
+
+### MessageClient & MessageHost
+
+The library uses two main abstractions:
 
-The main concept is sending messages via `MessageClient`'s and answering them via `MessageHost`'s.
+- **`MessageClient`**: Sends requests and receives responses (uses `@Request` decorator)
+- **`MessageHost`**: Listens for requests and sends responses (uses `@Listen` decorator)
+- **`MessageService`**: Combines both client and host (bidirectional communication)
 
-------------------------------------------------------------------
+### Decorators
 
-### Iframe
+- **`@Request(path)`**: Marks a method as a message sender
+- **`@Listen(path)`**: Marks a method as a message listener
 
-Send and recieve messages accross iframes and parent windows
+## Usage
+
+### Iframe Communication
+
+Send and receive messages between iframes and parent windows.
+
+#### Client-Only (Iframe)
 
 ```typescript
-// inside iframe
 import { IframeMessageClient, Request } from '@thalesrc/hermes/iframe';
+import { Observable } from 'rxjs';
 
-class MessageSenderService extends IframeMessageClient {
-  @Request('hello')
-  public sayHello(name: string): Observable<string> {
-    return null;
+class IframeClient extends IframeMessageClient {
+  @Request('greeting')
+  sayHello(name: string): Observable<string> {
+    return null; // Implementation handled by decorator
   }
 }
 
-const service = new MessageSenderService();
+// Default: sends messages to parent window
+const client = new IframeClient();
 
-service.sayHello('John').subscribe(message => {
-  console.log(message);
-});
+// Optional: specify channel name
+const clientWithChannel = new IframeClient('my-channel');
+
+// Optional: target specific iframe (from parent window)
+const iframe = document.querySelector('iframe');
+const clientToIframe = new IframeClient('my-channel', iframe);
 
-// 'Hi John, here are some data for you'
-// 'Thales Rocks!!'
+// Optional: use a function to get iframe dynamically
+const clientWithDynamicIframe = new IframeClient('my-channel', () => 
+  document.querySelector('iframe#dynamic')
+);
 
+client.sayHello('John').subscribe(response => {
+  console.log(response); // 'Hello John!'
+});
 ```
 
+#### Host-Only (Parent Window)
+
 ```typescript
-// inside parent window
 import { IframeMessageHost, Listen, UpcomingMessage } from '@thalesrc/hermes/iframe';
 import { of } from 'rxjs';
 
-class MessageListenerService extends IframeMessageHost {
-  @Listen('hello')
-  public listenHello({data, sender}: UpcomingMessage): Observable<string> {
-    return of(
-      'Hi ' + data + ', here is some data for you',
-      'Thales Rocks!!'
-    );
+class ParentHost extends IframeMessageHost {
+  @Listen('greeting')
+  handleGreeting({ data }: UpcomingMessage<string>): Observable<string> {
+    return of(`Hello ${data}!`);
   }
 }
 
-const listener = new MessageListener();
+// Default: listens to all iframes
+const host = new ParentHost();
 
+// Optional: specify channel name
+const hostWithChannel = new ParentHost('my-channel');
+
+// Optional: listen only to specific iframe
+const iframe = document.querySelector('iframe');
+const hostForSpecificIframe = new ParentHost('my-channel', iframe);
+
+// Optional: use a function to get iframe dynamically
+const hostWithDynamicIframe = new ParentHost('my-channel', () => 
+  document.querySelector('iframe#dynamic')
+);
+```
+
+#### Bidirectional Communication (MessageService)
+
+```typescript
+import { IframeMessageService, Request, Listen } from '@thalesrc/hermes/iframe';
+import { of, Observable } from 'rxjs';
+
+class IframeBidirectional extends IframeMessageService {
+  // Send messages
+  @Request('getData')
+  requestData(): Observable<any> {
+    return null;
+  }
+
+  // Receive messages
+  @Listen('update')
+  handleUpdate(data: any): Observable<string> {
+    console.log('Received update:', data);
+    return of('Update processed');
+  }
+}
+
+// Default: communicates with parent window
+const service = new IframeBidirectional();
+
+// Optional: specify channel name and target frame
+const iframe = document.querySelector('iframe');
+const serviceWithTarget = new IframeBidirectional('my-channel', iframe);
+
+// From within iframe (communicates with parent)
+const iframeService = new IframeBidirectional('my-channel');
 ```
 
-------------------------------------------------------------------
+---
 
 ### Chrome Extensions
 
-Send and recieve messages accross tabs, background-scripts, content-scripts etc.
+Communicate across extension contexts (background, content scripts, popups).
+
+#### Content Script
 
 ```typescript
-// content-script or a page etc.
 import { ChromeMessageClient, Request } from '@thalesrc/hermes/chrome';
+import { Observable } from 'rxjs';
 
-class MessageSenderService extends ChromeMessageClient {
-  @Request('hello')
-  public sayHello(name: string): Observable<string> {
+class ContentScript extends ChromeMessageClient {
+  @Request('fetchData')
+  getData(query: string): Observable<any> {
+    return null;
+  }
+
+  @Request('saveSettings')
+  saveSettings(settings: object): Observable<boolean> {
     return null;
   }
 }
 
-const service = new MessageSenderService();
+const contentScript = new ContentScript();
 
-service.sayHello('John').subscribe(message => {
-  console.log(message);
+contentScript.getData('user').subscribe(data => {
+  console.log('Received:', data);
 });
+```
 
-// 'Hi John, here are some data for you'
-// 'Thales Rocks!!'
+#### Background Script
 
+```typescript
+import { ChromeMessageHost, Listen } from '@thalesrc/hermes/chrome';
+import { of, Observable } from 'rxjs';
+
+class BackgroundScript extends ChromeMessageHost {
+  @Listen('fetchData')
+  handleFetchData(query: string): Observable<any> {
+    // Fetch from API or storage
+    return of({ name: 'John', age: 30 });
+  }
+
+  @Listen('saveSettings')
+  handleSaveSettings(settings: object): Observable<boolean> {
+    // Save to chrome.storage
+    return of(true);
+  }
+}
+
+const background = new BackgroundScript();
 ```
 
+---
+
+### Web Workers
+
+Communicate between main thread and web workers.
+
+#### Main Thread
+
 ```typescript
-// background-script etc.
-import { ChromeMessageHost, Listen } from '@thalesrc/hermes/chrome';
-import { of } from 'rxjs';
+import { WorkerMessageService, Request, Listen } from '@thalesrc/hermes/worker';
+import { of, Observable } from 'rxjs';
+
+class MainThread extends WorkerMessageService {
+  @Request('processData')
+  sendDataToWorker(data: number[]): Observable<number> {
+    return null;
+  }
+
+  @Listen('progress')
+  handleProgress(percent: number): Observable<void> {
+    console.log(`Progress: ${percent}%`);
+    return of(void 0);
+  }
+}
+
+// Must provide Worker instance in main thread
+const worker = new Worker('./worker.js');
+const mainService = new MainThread(worker);
+
+mainService.sendDataToWorker([1, 2, 3, 4, 5]).subscribe(result => {
+  console.log('Worker result:', result);
+});
+```
+
+#### Worker Thread
+
+```typescript
+import { WorkerMessageService, Request, Listen } from '@thalesrc/hermes/worker';
+import { of, Observable } from 'rxjs';
+
+class WorkerThread extends WorkerMessageService {
+  @Listen('processData')
+  handleProcessData(data: number[]): Observable<number> {
+    // Heavy computation
+    const result = data.reduce((sum, n) => sum + n, 0);
+    return of(result);
+  }
+
+  @Request('progress')
+  reportProgress(percent: number): Observable<void> {
+    return null;
+  }
+}
+
+// Inside worker: no argument needed (uses self)
+const workerService = new WorkerThread();
+```
+
+---
+
+### Broadcast Channel
+
+Communicate between different tabs/windows of the same origin.
+
+#### Tab 1
+
+```typescript
+import { BroadcastMessageService, Request, Listen } from '@thalesrc/hermes/broadcast';
+import { of, Observable } from 'rxjs';
+
+class Tab1 extends BroadcastMessageService {
+  @Request('sync')
+  requestSync(data: any): Observable<string> {
+    return null;
+  }
+
+  @Listen('notification')
+  handleNotification(message: string): Observable<void> {
+    console.log('Notification:', message);
+    return of(void 0);
+  }
+}
+
+const tab1 = new Tab1('my-app-channel');
+
+tab1.requestSync({ user: 'John' }).subscribe(response => {
+  console.log(response); // 'Sync completed'
+});
+```
+
+#### Tab 2
+
+```typescript
+import { BroadcastMessageService, Request, Listen } from '@thalesrc/hermes/broadcast';
+import { of, Observable } from 'rxjs';
+
+class Tab2 extends BroadcastMessageService {
+  @Listen('sync')
+  handleSync(data: any): Observable<string> {
+    console.log('Syncing data:', data);
+    return of('Sync completed');
+  }
+
+  @Request('notification')
+  sendNotification(message: string): Observable<void> {
+    return null;
+  }
+}
+
+const tab2 = new Tab2('my-app-channel');
+```
+
+---
+
+## Advanced Features
+
+### Streaming Responses
+
+Return multiple values over time using RxJS operators:
 
-class MessageListenerService extends ChromeMessageHost {
-  @Listen('hello')
-  public listenHello(name: string): Observable<string> {
-    return of(
-      'Hi ' + name + ', here is some data for you',
-      'Thales Rocks!!'
+```typescript
+import { Listen } from '@thalesrc/hermes/iframe';
+import { interval } from 'rxjs';
+import { map, take } from 'rxjs/operators';
+
+class StreamingHost extends IframeMessageHost {
+  @Listen('countdown')
+  handleCountdown(start: number): Observable<number> {
+    return interval(1000).pipe(
+      map(i => start - i),
+      take(start + 1)
     );
   }
 }
+```
+
+The client receives each value as it's emitted:
+
+```typescript
+client.countdown(5).subscribe(
+  value => console.log(value), // 5, 4, 3, 2, 1, 0
+  error => console.error(error),
+  () => console.log('Complete!')
+);
+```
+
+### Error Handling
+
+```typescript
+import { Listen } from '@thalesrc/hermes/iframe';
+import { throwError } from 'rxjs';
+
+class ErrorHost extends IframeMessageHost {
+  @Listen('riskyOperation')
+  handleRiskyOperation(data: any): Observable<any> {
+    if (!data.valid) {
+      return throwError(() => new Error('Invalid data'));
+    }
+    return of({ success: true });
+  }
+}
+```
+
+### Constructor Parameters
 
-const listener = new MessageListener();
+#### Iframe
 
+**`IframeMessageClient` / `IframeMessageHost` / `IframeMessageService`**
+
+```typescript
+constructor(channelName?: string, targetFrame?: HTMLIFrameElement | (() => HTMLIFrameElement))
 ```
 
-------------------------------------------------------------------
+- **`channelName`** (optional): Channel identifier for namespacing messages. Default: `'hermes-iframe-message'`
+- **`targetFrame`** (optional): Specific iframe to communicate with. Can be:
+  - `HTMLIFrameElement`: Direct reference to iframe element
+  - `() => HTMLIFrameElement`: Function returning iframe (useful for dynamic iframes)
+  - Omit to communicate with parent window (from iframe) or all iframes (from parent)
+
+**Examples:**
+```typescript
+// From iframe: communicate with parent
+const client = new IframeMessageClient();
+
+// From parent: communicate with specific iframe
+const iframe = document.querySelector('iframe');
+const host = new IframeMessageHost('my-channel', iframe);
+
+// Dynamic iframe reference
+const service = new IframeMessageService('my-channel', () => 
+  document.querySelector('iframe[data-active="true"]')
+);
+```
+
+#### Worker
+
+**`WorkerMessageClient` / `WorkerMessageHost` / `WorkerMessageService`**
+
+```typescript
+constructor(worker?: Worker)
+```
+
+- **`worker`** (optional): Worker instance for main thread communication
+  - **In main thread**: Must provide `Worker` instance
+  - **In worker thread**: Omit parameter (uses `self` automatically)
+
+**Examples:**
+```typescript
+// Main thread: must provide worker
+const worker = new Worker('./worker.js');
+const service = new WorkerMessageService(worker);
+
+// Inside worker: no parameter needed
+const service = new WorkerMessageService();
+```
+
+#### Broadcast
+
+**`BroadcastMessageClient` / `BroadcastMessageHost` / `BroadcastMessageService`**
+
+```typescript
+constructor(channelName?: string)
+```
+
+- **`channelName`** (optional): Broadcast channel name. Default: `'hermes-broadcast-message'`
+
+**Example:**
+```typescript
+const service = new BroadcastMessageService('app-sync-channel');
+```
+
+#### Chrome
+
+**`ChromeMessageClient` / `ChromeMessageHost`**
+
+```typescript
+constructor(connectionName?: string)
+```
+
+- **`connectionName`** (optional): Connection identifier. Default: `'hermes-chrome-message'`
+
+**Example:**
+```typescript
+const client = new ChromeMessageClient('extension-port');
+```
+
+## API Reference
+
+### Classes
+
+- **`MessageClient`** - Base class for message senders
+- **`MessageHost`** - Base class for message receivers
+- **`IframeMessageClient`** - Iframe client implementation
+- **`IframeMessageHost`** - Iframe host implementation
+- **`IframeMessageService`** - Bidirectional iframe communication
+- **`ChromeMessageClient`** - Chrome extension client
+- **`ChromeMessageHost`** - Chrome extension host
+- **`WorkerMessageService`** - Bidirectional worker communication
+- **`BroadcastMessageClient`** - Broadcast channel client
+- **`BroadcastMessageHost`** - Broadcast channel host
+- **`BroadcastMessageService`** - Bidirectional broadcast communication
+
+### Decorators
+
+- **`@Request(path: string)`** - Decorator for sending messages
+- **`@Listen(path: string)`** - Decorator for receiving messages
+
+### Types
 
-### Workers
+- **`Message`** - Message payload structure
+- **`MessageResponse`** - Response payload structure
+- **`UpcomingMessage<T>`** - Incoming message with sender info (iframe)
 
-Implemented but not documented yet
+## Requirements
 
-------------------------------------------------------------------
+- RxJS 7.x or higher
+- TypeScript 4.x or higher (for decorator support)
+- Modern browser with ES2015+ support
 
-### Broadcast
+## License
 
-Implemented but not documented yet
+MIT © [Thalesrc](https://github.com/thalesrc)

package/broadcast/default-channel-name.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_CHANNEL_NAME = void 0;
+exports.DEFAULT_CHANNEL_NAME = 'HERMES_DEFAULT_CHANNEL';

package/broadcast/default-channel-name.js

@@ -1 +1,3 @@
 export const DEFAULT_CHANNEL_NAME = 'HERMES_DEFAULT_CHANNEL';
+
+//# sourceMappingURL=default-channel-name.js.map

package/broadcast/default-channel-name.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../libs/hermes/src/broadcast/default-channel-name.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,wBAAwB,CAAC","file":"default-channel-name.js","sourcesContent":["export const DEFAULT_CHANNEL_NAME = 'HERMES_DEFAULT_CHANNEL';\n"]}

package/broadcast/index.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Listen = exports.Request = exports.BroadcastMessageService = exports.BroadcastMessageHost = exports.BroadcastMessageClient = void 0;
+var message_client_1 = require("./message-client");
+Object.defineProperty(exports, "BroadcastMessageClient", { enumerable: true, get: function () { return message_client_1.BroadcastMessageClient; } });
+var message_host_1 = require("./message-host");
+Object.defineProperty(exports, "BroadcastMessageHost", { enumerable: true, get: function () { return message_host_1.BroadcastMessageHost; } });
+var message_service_1 = require("./message-service");
+Object.defineProperty(exports, "BroadcastMessageService", { enumerable: true, get: function () { return message_service_1.BroadcastMessageService; } });
+var request_decorator_1 = require("../request.decorator");
+Object.defineProperty(exports, "Request", { enumerable: true, get: function () { return request_decorator_1.Request; } });
+var listen_decorator_1 = require("../listen.decorator");
+Object.defineProperty(exports, "Listen", { enumerable: true, get: function () { return listen_decorator_1.Listen; } });

package/broadcast/index.js

@@ -3,3 +3,5 @@ export { BroadcastMessageHost } from './message-host';
 export { BroadcastMessageService } from './message-service';
 export { Request } from '../request.decorator';
 export { Listen } from '../listen.decorator';
+
+//# sourceMappingURL=index.js.map

package/broadcast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../libs/hermes/src/broadcast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC","file":"index.js","sourcesContent":["export { BroadcastMessageClient } from './message-client';\nexport { BroadcastMessageHost } from './message-host';\nexport { BroadcastMessageService } from './message-service';\nexport { Request } from '../request.decorator';\nexport { Listen } from '../listen.decorator';\n"]}

package/broadcast/message-client.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BroadcastMessageClient = void 0;
+const rxjs_1 = require("rxjs");
+const message_client_1 = require("../message-client");
+const selectors_1 = require("../selectors");
+const default_channel_name_1 = require("./default-channel-name");
+class BroadcastMessageClient extends message_client_1.MessageClient {
+    [selectors_1.RESPONSES$] = new rxjs_1.Subject();
+    #channel;
+    constructor(channelName = default_channel_name_1.DEFAULT_CHANNEL_NAME) {
+        super();
+        this.#channel = new BroadcastChannel(channelName);
+        this.#channel.addEventListener('message', this.#handler);
+    }
+    [selectors_1.SEND](message) {
+        this.#channel.postMessage(message);
+    }
+    #handler = (event) => {
+        this[selectors_1.RESPONSES$].next(event.data);
+    };
+    [selectors_1.GET_NEW_ID]() {
+        return crypto.randomUUID();
+    }
+}
+exports.BroadcastMessageClient = BroadcastMessageClient;

package/broadcast/message-client.js

@@ -20,3 +20,5 @@ export class BroadcastMessageClient extends MessageClient {
         return crypto.randomUUID();
     }
 }
+
+//# sourceMappingURL=message-client.js.map

package/broadcast/message-client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../libs/hermes/src/broadcast/message-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D,MAAM,OAAO,sBAAuB,SAAQ,aAAa;IAC7C,CAAC,UAAU,CAAC,GAAG,IAAI,OAAO,EAAmB,CAAC;IAExD,QAAQ,CAAmB;IAE3B,YAAY,WAAW,GAAG,oBAAoB;QAC5C,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAElD,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC3D,CAAC;IAES,CAAC,IAAI,CAAC,CAAI,OAAmB;QACrC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IAED,QAAQ,GAAG,CAAC,KAAoC,EAAE,EAAE;QAClD,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAA;IAES,CAAC,UAAU,CAAC;QACpB,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC;IAC7B,CAAC;CACF","file":"message-client.js","sourcesContent":["import { Subject } from \"rxjs\";\nimport { MessageClient } from \"../message-client\";\nimport { MessageResponse } from \"../message-response.type\";\nimport { Message } from \"../message.interface\";\nimport { GET_NEW_ID, RESPONSES$, SEND } from \"../selectors\";\nimport { DEFAULT_CHANNEL_NAME } from \"./default-channel-name\";\n\ninterface MessageEvent<T> {\n  data: T;\n}\n\nexport class BroadcastMessageClient extends MessageClient {\n  protected [RESPONSES$] = new Subject<MessageResponse>();\n\n  #channel: BroadcastChannel;\n\n  constructor(channelName = DEFAULT_CHANNEL_NAME) {\n    super();\n\n    this.#channel = new BroadcastChannel(channelName);\n\n    this.#channel.addEventListener('message', this.#handler);\n  }\n\n  protected [SEND]<T>(message: Message<T>) {\n    this.#channel.postMessage(message);\n  }\n\n  #handler = (event: MessageEvent<MessageResponse>) => {\n    this[RESPONSES$].next(event.data);\n  }\n\n  protected [GET_NEW_ID](): string {\n    return crypto.randomUUID();\n  }\n}"]}

package/broadcast/message-host.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BroadcastMessageHost = void 0;
+const rxjs_1 = require("rxjs");
+const message_host_1 = require("../message-host");
+const default_channel_name_1 = require("./default-channel-name");
+class BroadcastMessageHost extends message_host_1.MessageHost {
+    #requests$ = new rxjs_1.Subject();
+    #channel;
+    constructor(channelName = default_channel_name_1.DEFAULT_CHANNEL_NAME) {
+        super();
+        this.#channel = new BroadcastChannel(channelName);
+        this.#channel.addEventListener('message', this.#handler);
+        this.listen(this.#requests$);
+    }
+    response(message) {
+        this.#channel.postMessage(message);
+    }
+    terminate() {
+        this.#channel.removeEventListener('message', this.#handler);
+        this.#channel.close();
+    }
+    #handler = (event) => {
+        this.#requests$.next(event.data);
+    };
+}
+exports.BroadcastMessageHost = BroadcastMessageHost;

package/broadcast/message-host.js

@@ -21,3 +21,5 @@ export class BroadcastMessageHost extends MessageHost {
         this.#requests$.next(event.data);
     };
 }
+
+//# sourceMappingURL=message-host.js.map

package/broadcast/message-host.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../libs/hermes/src/broadcast/message-host.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D,MAAM,OAAO,oBAAqB,SAAQ,WAAW;IACnD,UAAU,GAAG,IAAI,OAAO,EAAW,CAAC;IACpC,QAAQ,CAAmB;IAE3B,YAAY,WAAW,GAAG,oBAAoB;QAC5C,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAElD,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC/B,CAAC;IAES,QAAQ,CAAC,OAAwB;QACzC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IAED,SAAS;QACP,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5D,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;IACxB,CAAC;IAED,QAAQ,GAAG,CAAC,KAA4B,EAAE,EAAE;QAC1C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,CAAA;CACF","file":"message-host.js","sourcesContent":["import { Subject } from \"rxjs\";\nimport { MessageHost } from \"../message-host\";\nimport { MessageResponse } from \"../message-response.type\";\nimport { Message } from \"../message.interface\";\nimport { DEFAULT_CHANNEL_NAME } from \"./default-channel-name\";\n\ninterface MessageEvent<T> {\n  data: T;\n}\n\nexport class BroadcastMessageHost extends MessageHost {\n  #requests$ = new Subject<Message>();\n  #channel: BroadcastChannel;\n\n  constructor(channelName = DEFAULT_CHANNEL_NAME) {\n    super();\n\n    this.#channel = new BroadcastChannel(channelName);\n\n    this.#channel.addEventListener('message', this.#handler);\n    this.listen(this.#requests$);\n  }\n\n  protected response(message: MessageResponse) {\n    this.#channel.postMessage(message);\n  }\n\n  terminate() {\n    this.#channel.removeEventListener('message', this.#handler);\n    this.#channel.close();\n  }\n\n  #handler = (event: MessageEvent<Message>) => {\n    this.#requests$.next(event.data);\n  }\n}"]}

package/broadcast/message-service.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BroadcastMessageService = void 0;
+const mixin_1 = require("@thalesrc/js-utils/class/mixin");
+const default_channel_name_1 = require("./default-channel-name");
+const message_client_1 = require("./message-client");
+const message_host_1 = require("./message-host");
+class BroadcastMessageService extends (0, mixin_1.mixin)(message_host_1.BroadcastMessageHost, message_client_1.BroadcastMessageClient) {
+    constructor(channelName = default_channel_name_1.DEFAULT_CHANNEL_NAME) {
+        super([channelName], [channelName]);
+    }
+}
+exports.BroadcastMessageService = BroadcastMessageService;