@vorplex/chrome-extension 0.0.4 → 0.0.9

package/dist/devtools-extension.model.d.ts

@@ -0,0 +1,25 @@
+import { Subscribable } from '@vorplex/core';
+export type ChromeExtensionMessage = {
+    extension: string;
+    type: string;
+    data: any;
+};
+export type ChromeExtensionRequest<TType extends string = string, TRequest = any, TResponse = any> = {
+    type: TType;
+    request: TRequest;
+    response: TResponse;
+};
+export type ChromeExtensionHandler<T extends ChromeExtensionRequest> = {
+    [key in T['request'] as T['type']]: (request: T['request']) => Promise<T['response']>;
+};
+export declare class ChromeExtension<TOutgoingContracts extends ChromeExtensionRequest, TIncomingContracts extends ChromeExtensionRequest> extends Subscribable<TIncomingContracts> {
+    name: string;
+    handlers: ChromeExtensionHandler<TIncomingContracts>;
+    static readonly isServiceWorker: boolean;
+    constructor(name: string, handlers: ChromeExtensionHandler<TIncomingContracts>);
+    request<T extends TOutgoingContracts['type']>(type: T, data: (TOutgoingContracts & {
+        type: T;
+    })['request']): Promise<(TOutgoingContracts & {
+        type: T;
+    })['response']>;
+}

package/dist/devtools-extension.model.js

@@ -0,0 +1,42 @@
+import { Subscribable } from '@vorplex/core';
+export class ChromeExtension extends Subscribable {
+    name;
+    handlers;
+    static isServiceWorker = typeof window === 'undefined' && typeof document === 'undefined';
+    constructor(name, handlers) {
+        super();
+        this.name = name;
+        this.handlers = handlers;
+        chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+            (async () => {
+                try {
+                    if (typeof message === 'object' && message.extension === this.name) {
+                        const response = await this.handlers[message.type]?.(message.data);
+                        sendResponse(response);
+                    }
+                }
+                catch (error) {
+                    console.error(error);
+                }
+            })();
+            return true;
+        });
+    }
+    async request(type, data) {
+        const message = {
+            extension: this.name,
+            type,
+            data,
+        };
+        if (ChromeExtension.isServiceWorker) {
+            const [tab] = await chrome.tabs.query({
+                active: true,
+                currentWindow: true,
+            });
+            return await chrome.tabs.sendMessage(tab.id, message);
+        }
+        else {
+            return await chrome.runtime.sendMessage(message);
+        }
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './devtools-extension.model';

package/dist/index.js

@@ -0,0 +1,2 @@
+// **/*.ts
+export * from './devtools-extension.model';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vorplex/chrome-extension",
-  "version": "0.0.4",
+  "version": "0.0.9",
   "type": "module",
   "sideEffects": false,
   "files": [
@@ -16,7 +16,7 @@
   "main": "./dist/index.js",
   "dependencies": {
     "tslib": "^2.8.1",
-    "@vorplex/core": "0.0.4"
+    "@vorplex/core": "0.0.9"
   },
   "devDependencies": {
     "@types/chrome": "^0.0.326"