Add a simple Worker

assets/js/main.js

@@ -12,6 +12,18 @@ import { hello4 } from './lib';
 // From the Hugo template.
 import * as params from '@params';
 
+var worker = new Worker(params.myworker);
+
+worker.addEventListener(
+	'message',
+	function(e) {
+		console.log('Worker said: ', e.data);
+	},
+	false
+);
+
+worker.postMessage('Hello Worker');
+
 // https://github.com/gohugoio/hugo/issues/7948
 // TODO(bep) make this work in Hugo integration tests import { helloNodeModules } from 'mynodemod';
 

assets/js/myworker.js

@@ -0,0 +1,7 @@
+self.addEventListener(
+	'message',
+	function(e) {
+		self.postMessage('Echo From Worker: ' + e.data);
+	},
+	false
+);

layouts/index.html

@@ -10,8 +10,10 @@
       <script src="https://unpkg.com/react@17/umd/react.production.min.js" crossorigin></script>
       <script src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js" crossorigin></script>
     {{ end }}
+    {{/* We (Hugo/ESBuild) needs to improve the worker integration, but this could be a OK workaround. */}}
+    {{ $worker := resources.Get "js/myworker.js" | js.Build }}
     {{ $inject := slice "js/shims/process.js" }}
-    {{ $js := resources.Get "js/main.js" | js.Build (dict "minify" false "params" (dict "myparam" "Hugo Rocks!") "inject" $inject ) }}
+    {{ $js := resources.Get "js/main.js" | js.Build (dict "minify" false "params" (dict "myparam" "Hugo Rocks!" "myworker" $worker.RelPermalink) "inject" $inject ) }}
     <script src="{{ $js.RelPermalink }}"></script>
     {{ partialCached "jslibs/alpinejs/script-src.html" "-" }}
   </head>