Make special behavior for workers based on the filename ending in .worker.js.

This allows us to keep the worker file located close to the file
which uses it. It also makes it easier to have equivalent handling
in esbuild.

Author: mstange

src/test/setup.ts

@@ -25,8 +25,8 @@ fetchMock.mockGlobal();
 (global as any).fetchMock = fetchMock;
 
 // Mock the effects of the file-loader which our Webpack config defines
-// for JS files under res: The "default export" is the path to the file.
-jest.mock('firefox-profiler-res/gz-worker.js', () => './res/gz-worker.js');
+// for files ending in .worker.js: The "default export" is the path to the file.
+jest.mock('../utils/gz.worker.js', () => 'src/utils/gz.worker.js');
 
 // Install a Worker class which is similar to the DOM Worker class.
 (global as any).Worker = NodeWorker;

src/types/globals/global.d.ts

@@ -5,7 +5,7 @@
 // Added by webpack's DefinePlugin
 declare const AVAILABLE_STAGING_LOCALES: string[] | null;
 
-declare module 'firefox-profiler-res/*.js' {
+declare module '*.worker.js' {
   const content: string;
   export default content;
 }

src/utils/gz.ts

@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import gzWorkerPath from 'firefox-profiler-res/gz-worker.js';
+import gzWorkerPath from './gz.worker.js';
 
 function runGzWorker(
   kind: 'compress' | 'decompress',

res/gz-worker.js src/utils/gz.worker.jsres/gz-worker.js renamed to src/utils/gz.worker.js

@@ -31,7 +31,7 @@ async function readableStreamToBuffer(stream) {
 }
 
 onmessage = async (e) => {
-  let data = e.data;
+  const data = e.data;
   if (data.kind === 'compress') {
     // Create a gzip compression stream
     const compressionStream = new CompressionStream('gzip');
@@ -42,7 +42,7 @@ onmessage = async (e) => {
     writer.close();
 
     // Read the compressed data back into a buffer
-    let result = await readableStreamToBuffer(compressionStream.readable);
+    const result = await readableStreamToBuffer(compressionStream.readable);
     postMessage(result, [result.buffer]);
   } else if (data.kind === 'decompress') {
     // Create a gzip compression stream
@@ -54,7 +54,7 @@ onmessage = async (e) => {
     writer.close();
 
     // Read the compressed data back into a buffer
-    let result = await readableStreamToBuffer(decompressionStream.readable);
+    const result = await readableStreamToBuffer(decompressionStream.readable);
     postMessage(result, [result.buffer]);
   } else {
     throw new Error('unknown message');

webpack.config.js

@@ -32,15 +32,15 @@ const config = {
   devtool: 'source-map',
   module: {
     rules: [
-      {
-        test: /\.js$/,
-        use: ['file-loader'],
-        include: [path.join(__dirname, 'res')],
-      },
       {
         test: /\.(js|ts|tsx)$/,
         use: ['babel-loader'],
-        include: [path.join(__dirname, 'src')],
+        include: includes,
+      },
+      {
+        test: /\.worker\.js$/,
+        use: ['file-loader'],
+        include: includes,
       },
       {
         test: /\.json$/,
@@ -99,7 +99,6 @@ const config = {
       patterns: [
         'res/_headers',
         'res/_redirects',
-        'res/gz-worker.js',
         'res/contribute.json',
         'res/robots.txt',
         'res/service-worker-compat.js',