ui: seperate worker build

packages/ui-default/build/config/webpack.ts

@@ -34,7 +34,7 @@ export default function (env: { watch?: boolean, production?: boolean, measure?:
   function postcssLoader() {
     return {
       loader: 'postcss-loader',
-      options: { postcssOptions: { sourceMap: env.production, config: root('postcss.config.js') } },
+      options: { postcssOptions: { sourceMap: false, config: root('postcss.config.js') } },
     };
   }
 
@@ -74,6 +74,8 @@ export default function (env: { watch?: boolean, production?: boolean, measure?:
       hydro: './entry.js',
       polyfill: './polyfill.ts',
       'default.theme': './theme/default.js',
+      'service-worker': './service-worker.ts',
+      'messages-shared-worker': './components/message/worker.ts',
     },
     cache: {
       type: 'filesystem',

packages/ui-default/components/message/index.page.ts

@@ -45,7 +45,7 @@ const endpoint = url.toString().replace('http', 'ws');
 const initWorkerMode = () => {
   console.log('Messages: using SharedWorker');
   // @ts-ignore
-  const worker = new SharedWorker(new URL('./worker?inline', import.meta.url), { name: 'HydroMessagesWorker' });
+  const worker = new SharedWorker('/message-shared-worker.js', { name: 'HydroMessagesWorker' });
   worker.port.start();
   window.addEventListener('beforeunload', () => {
     worker.port.postMessage({ type: 'unload' });

packages/ui-default/entry.js

@@ -29,7 +29,7 @@ console.log(
 
 if ('serviceWorker' in navigator) {
   window.addEventListener('load', () => {
-    navigator.serviceWorker.register(new URL('./service-worker', import.meta.url)).then((registration) => {
+    navigator.serviceWorker.register('/service-worker.js').then((registration) => {
       console.log('SW registered: ', registration);
     }).catch((registrationError) => {
       console.log('SW registration failed: ', registrationError);