Merge pull request #1290 from mathjax/fix/file-url-worker

Allow Chrome to load speech worker from CDN in a page from a file:// URL

Author: dpvc

components/mjs/a11y/speech/speech.js

@@ -14,7 +14,7 @@ if (MathJax.loader) {
   } else {
     const REQUIRE = typeof require !== 'undefined' ? require : MathJax.config.loader.require;
     if (REQUIRE?.resolve) {
-      path = REQUIRE.resolve(`${path}/package.json`).replace(/\/[^\/]*$/, '');
+      path = REQUIRE.resolve(`${path}/require.mjs`).replace(/\/[^\/]*$/, '');
       maps = REQUIRE.resolve(`${maps}/base.json`).replace(/\/[^\/]*$/, '');
     } else {
       path = maps = '';

components/mjs/a11y/sre/worker/config.json

@@ -6,7 +6,6 @@
     "to": "../../../../../bundle/sre",
     "from": "../../../../../ts/a11y/sre",
     "copy": [
-      "package.json",
       "require.mjs",
       "require.d.mts"
     ]

components/mjs/a11y/sre/worker/webpack.cjs

@@ -1,8 +1,6 @@
 const webpack = require('webpack');
 
 module.exports = (pkg) => {
-  pkg.experiments = {outputModule: true};
-  pkg.output.library = {type: 'module'};
   pkg.plugins.push(
     new webpack.optimize.LimitChunkCountPlugin({
       maxChunks: 1,

ts/a11y/sre/package.json

@@ -110,11 +110,11 @@ declare const SRE: any;
   //
   // Load SRE
   //
-  await import('./sre.js')
-    .catch((_) => import(/* webpackIgnore: true */ './sre-lab.js')) // for use in the lab
-    .then((SRE) => {
-      global.SRE = SRE;
-    });
+  await (
+    global.isLab
+      ? import(/* webpackIgnore: true */ './sre-lab.js') // for use in the lab
+      : import('./sre.js')
+  ).then((SRE) => (global.SRE = SRE));
 
   /*****************************************************************/
 

ts/a11y/sre/speech-worker.ts

@@ -627,12 +627,12 @@ export class HTMLAdaptor<
     const file = `${path}/${worker}`;
     const content = `
       self.maps = '${quoted(maps)}';
-      import('${quoted(file)}');
+      importScripts('${quoted(file)}');
     `;
     const url = URL.createObjectURL(
       new Blob([content], { type: 'text/javascript' })
     );
-    const webworker = new Worker(url, { type: 'module' });
+    const webworker = new Worker(url);
     webworker.onmessage = listener;
     URL.revokeObjectURL(url);
     return webworker;