web-background 0.0.11 → 0.0.13

package/dist/index.js

@@ -20,13 +20,13 @@ class UtilWorker extends TypedWorker {
             this.removeEventListener('message', onMessage);
         };
     }
-    request(...payloads) {
+    request(payload) {
         return new Promise(resolve => {
             const onMessage = ({ data }) => {
                 resolve(data);
                 this.removeEventListener('message', onMessage);
             };
-            this.postMessage(payloads);
+            this.postMessage(payload);
             this.addEventListener('message', onMessage);
         });
     }
@@ -77,23 +77,35 @@ class WorkerBuilder {
         });
       `.trim();
         const blob = new Blob([code]);
-        return new Worker(URL.createObjectURL(blob), options);
+        const url = URL.createObjectURL(blob);
+        const worker = new Worker(url, options);
+        const originTerminate = worker.terminate;
+        worker.terminate = () => {
+            originTerminate.call(worker);
+            URL.revokeObjectURL(url);
+        };
+        return worker;
     }
 }
 
+const workerCleanupRegistry = new FinalizationRegistry((heldWorker) => heldWorker.terminate());
+
 function background(fn) {
     function createWorker() {
         return WorkerBuilder.fromModule((UtilWorker), { module: fn });
     }
-    if (typeof window === 'undefined') {
-        function runWithCreatingWorker(...payload) {
-            const worker = createWorker();
-            return worker.request.call(worker, ...payload);
+    let worker = null;
+    function request(...payload) {
+        if (typeof window === 'undefined') {
+            throw new Error('[web-background] You must use background in browser');
+        }
+        if (worker == null) {
+            worker = createWorker();
+            workerCleanupRegistry.register(request, worker);
         }
-        return runWithCreatingWorker;
+        return worker.request.call(worker, payload.length > 1 ? payload : payload[0]);
     }
-    const worker = createWorker();
-    return worker.request.bind(worker);
+    return request;
 }
 
 export { background };

package/dist/modules/UtilWorker.d.ts

@@ -2,5 +2,5 @@ import { TypedWorker } from "./TypedWorker";
 export declare class UtilWorker<Payload = never, Result = void> extends TypedWorker<Payload, Result> {
     constructor(scriptURL: string | URL, options?: WorkerOptions);
     subscribe(observer: (response: Result) => void): () => void;
-    request(...payloads: Payload[]): Promise<Result>;
+    request(payload: Payload): Promise<Result>;
 }

package/dist/modules/workerCleanupRegistry.d.ts

@@ -0,0 +1 @@
+export declare const workerCleanupRegistry: FinalizationRegistry<Worker>;

package/package.json

@@ -7,7 +7,7 @@
     "Background",
     "Web Background"
   ],
-  "version": "0.0.11",
+  "version": "0.0.13",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",
@@ -24,6 +24,7 @@
     "@babel/preset-env": "^7.23.3",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
     "rollup": "^4.4.0",
     "rollup-plugin-typescript2": "^0.36.0",
     "typescript": "5.2"