@gravity-ui/app-builder 0.8.1 → 0.8.3

package/README.md

@@ -299,7 +299,7 @@ declare module '*.worker.ts' {
 ```ts
 import {Worker} from '@gravity-ui/app-builder/worker';
 
-const MyWorker = new Worker(new URL('./my.worker'), import.meta.url);
+const MyWorker = new Worker(new URL('./my.worker', import.meta.url));
 ```
 
 To use the web worker in your main script, you need to communicate with it using the postMessage and onmessage methods. For example:

package/dist/common/webpack/worker/web-worker.d.mts

@@ -0,0 +1,8 @@
+import { SharedWorkerPolyfill } from '@okikio/sharedworker';
+declare class WebWorker extends Worker {
+    constructor(url: string | URL, options?: WorkerOptions);
+}
+declare class SharedWebWorker extends SharedWorkerPolyfill {
+    constructor(url: string | URL, options?: string | WorkerOptions);
+}
+export { WebWorker as Worker, SharedWebWorker as SharedWorker };

package/dist/common/webpack/worker/web-worker.mjs

@@ -0,0 +1,33 @@
+// @ts-expect-error ts does not find types in @okikio/sharedworker/@types/index.d.ts
+import { SharedWorkerPolyfill } from '@okikio/sharedworker';
+class WebWorker extends Worker {
+    constructor(url, options) {
+        const objectURL = generateWorkerLoader(url);
+        super(objectURL, options);
+        URL.revokeObjectURL(objectURL);
+    }
+}
+class SharedWebWorker extends SharedWorkerPolyfill {
+    constructor(url, options) {
+        const objectURL = generateWorkerLoader(url);
+        super(objectURL, options);
+        URL.revokeObjectURL(objectURL);
+    }
+}
+export { WebWorker as Worker, SharedWebWorker as SharedWorker };
+function generateWorkerLoader(url) {
+    // eslint-disable-next-line camelcase
+    const publicPath = __webpack_public_path__;
+    const workerPublicPath = publicPath.match(/^https?:\/\//)
+        ? publicPath
+        : new URL(publicPath, window.location.href).toString();
+    const objectURL = URL.createObjectURL(new Blob([
+        [
+            `self.__PUBLIC_PATH__ = ${JSON.stringify(workerPublicPath)}`,
+            `importScripts(${JSON.stringify(url.toString())});`,
+        ].join('\n'),
+    ], {
+        type: 'application/javascript',
+    }));
+    return objectURL;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/app-builder",
-  "version": "0.8.1",
+  "version": "0.8.3",
   "description": "Develop and build your React client-server projects, powered by typescript and webpack",
   "license": "MIT",
   "type": "commonjs",
@@ -8,8 +8,8 @@
   "types": "dist/index.d.ts",
   "exports": {
     "./worker": {
-      "types": "./dist/common/webpack/worker/web-worker.d.ts",
-      "default": "./dist/common/webpack/worker/web-worker.js"
+      "types": "./dist/common/webpack/worker/web-worker.d.mts",
+      "default": "./dist/common/webpack/worker/web-worker.mjs"
     },
     ".": {
       "types": "./dist/index.d.ts",
@@ -22,7 +22,7 @@
         "./dist/index.d.ts"
       ],
       "worker": [
-        "./dist/common/webpack/worker/web-worker.d.ts"
+        "./dist/common/webpack/worker/web-worker.d.mts"
       ]
     }
   },
@@ -68,6 +68,7 @@
     "@babel/preset-react": "^7.22.0",
     "@babel/preset-typescript": "^7.22.0",
     "@babel/runtime": "^7.22.0",
+    "@okikio/sharedworker": "^1.0.4",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
     "@sentry/webpack-plugin": "^2.7.1",
     "@statoscope/webpack-plugin": "^5.27.0",

package/dist/common/webpack/worker/web-worker.d.ts

@@ -1,4 +0,0 @@
-declare class WebWorker extends Worker {
-    constructor(url: string | URL, options?: WorkerOptions);
-}
-export { WebWorker as Worker };

package/dist/common/webpack/worker/web-worker.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Worker = void 0;
-class WebWorker extends Worker {
-    constructor(url, options) {
-        // eslint-disable-next-line camelcase
-        const publicPath = __webpack_public_path__;
-        const workerPublicPath = publicPath.match(/^https?:\/\//)
-            ? publicPath
-            : new URL(publicPath, window.location.href).toString();
-        const objectURL = URL.createObjectURL(new Blob([
-            [
-                `self.__PUBLIC_PATH__ = ${JSON.stringify(workerPublicPath)}`,
-                `importScripts(${JSON.stringify(url.toString())});`,
-            ].join('\n'),
-        ], {
-            type: 'application/javascript',
-        }));
-        super(objectURL, options);
-        URL.revokeObjectURL(objectURL);
-    }
-}
-exports.Worker = WebWorker;