Live: move centrifuge service to a web worker (#41090)

* Fix: make webpack pickup workers written in TS * Add comlink to dependencies * Temporary fix: copy paste `toDataQueryError` from @grafana/runtime to avoid web dependencies * Implemented comlink-based centrifuge worker & worker proxy * Temporary fix: implement comlink transferHandlers for subscriptions and streamingdataframes * Move liveTimer filtering from CentrifugeService into GrafanaLiveService * Switch from CentrifugeService to CentrifugeServiceWorkerProxy in GrafanaLive * Naming fix * Refactor: move liveTimer-based data filtering from GrafanaLiveService to CentrifugeServiceWorker * observe dataStream on an async scheduler * Fix: - Unsubscribe is now propagated from the main thread to the worker, - improve worker&workerProxy types * Fix: Prettify types * Fix: Add error & complete observers * Docs: Add comment explaining the `subscriberTransferHandler` * Fix: Replace `StreamingDataFrameHandler` with explicitly converting StreamingDataFrame to a DataFrameDTO * Refactor: move liveTimer filtering to service.ts to make it easy to implement a `live-service-web-worker` feature flag * Feat: add `live-service-web-worker` feature flag * Fix: extract toDataQueryError.ts to a separate file within `@grafana-runtime` to avoid having a dependency from webworker to the whole package (@grafana-runtime/index.ts) * Update public/app/features/dashboard/dashgrid/liveTimer.ts Co-authored-by: Leon Sorokin <leeoniya@gmail.com> * Fix: fixed default import class in worker file * Fix: cast worker as Endpoint * Migrate from worker-loader to webpack native worker support v1 - broken prod build * Fix: Use custom path in HtmlWebpackPlugin * Fix: Loading workers from CDNs * Fix: Avoid issues with jest ESM support by mocking `createWorker` files * Fix: move the custom mockWorker rendering layout to `test/mocks` Co-authored-by: Leon Sorokin <leeoniya@gmail.com>
2025-07-27 08:22:10 +08:00 · 2021-11-09 21:05:01 +04:00
parent e2ed140de2
commit f45eb309ef
23 changed files with 387 additions and 92 deletions
--- a/scripts/webpack/plugins/CorsWorkerPlugin.js
+++ b/scripts/webpack/plugins/CorsWorkerPlugin.js
@ -0,0 +1,64 @@
+const { RuntimeGlobals, RuntimeModule } = require('webpack');
+
+class CorsWorkerPublicPathRuntimeModule extends RuntimeModule {
+  constructor(publicPath) {
+    super('publicPath', RuntimeModule.STAGE_BASIC);
+    this.publicPath = publicPath;
+  }
+
+  /**
+   * @returns {string} runtime code
+   */
+  generate() {
+    const { compilation, publicPath } = this;
+
+    const publicPathValue = compilation.getPath(publicPath || '', {
+      hash: compilation.hash || 'XXXX',
+    });
+    return `${RuntimeGlobals.publicPath} = __webpack_worker_public_path__ || '${publicPathValue}';`;
+  }
+}
+
+// https://github.com/webpack/webpack/discussions/14648#discussioncomment-1604202
+// by @ https://github.com/piotr-oles
+class CorsWorkerPlugin {
+  /**
+   * @param {import('webpack').Compiler} compiler
+   */
+  apply(compiler) {
+    compiler.hooks.compilation.tap(
+      'CorsWorkerPlugin',
+      /**
+       * @param {import('webpack').Compilation} compilation
+       */
+      (compilation) => {
+        const getChunkLoading = (chunk) => {
+          const entryOptions = chunk.getEntryOptions();
+          return entryOptions && entryOptions.chunkLoading !== undefined
+            ? entryOptions.chunkLoading
+            : compilation.outputOptions.chunkLoading;
+        };
+        const getChunkPublicPath = (chunk) => {
+          const entryOptions = chunk.getEntryOptions();
+          return entryOptions && entryOptions.publicPath !== undefined
+            ? entryOptions.publicPath
+            : compilation.outputOptions.publicPath;
+        };
+
+        compilation.hooks.runtimeRequirementInTree.for(RuntimeGlobals.publicPath).tap('CorsWorkerPlugin', (chunk) => {
+          if (getChunkLoading(chunk) === 'import-scripts') {
+            const publicPath = getChunkPublicPath(chunk);
+
+            if (publicPath !== 'auto') {
+              const module = new CorsWorkerPublicPathRuntimeModule(publicPath);
+              compilation.addRuntimeModule(chunk, module);
+              return true;
+            }
+          }
+        });
+      }
+    );
+  }
+}
+
+module.exports = CorsWorkerPlugin;