nullstack · Mortaro · Jun 13, 2023 · Jun 1, 2023 · Jun 2, 2023 · Jun 10, 2023
diff --git a/client/worker.js b/client/worker.js
@@ -34,25 +34,34 @@ const workerProxyHandler = {
 const proxy = new Proxy(worker, workerProxyHandler)
 
 async function register() {
-  if ('serviceWorker' in navigator) {
-    const request = `/service-worker.js`
-    try {
-      proxy.registration = await navigator.serviceWorker.register(request, { scope: '/' })
-      if (environment.development) {
-        proxy.registration.unregister()
-      }
-    } catch (error) {
-      console.error(error)
-    }
+  if (!environment.production) return
+  const request = `/service-worker.js`
+  try {
+    proxy.registration = await navigator.serviceWorker.register(request, { scope: '/' })
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+async function unregister() {
+  if (!environment.development) return
+  const registrations = await navigator.serviceWorker.getRegistrations()
+  for (let registration of registrations) {
+    window.location.reload()
+    console.log("SW FOUND", { registration })
+    registration.unregister();
   }
 }
 
 if (worker.enabled) {
-  window.addEventListener('beforeinstallprompt', function (event) {
-    event.preventDefault()
-    proxy.installation = event
-  })
-  register()
+  if ('serviceWorker' in navigator) {
+    window.addEventListener('beforeinstallprompt', async function (event) {
+      event.preventDefault()
+      proxy.installation = event
+      unregister()
+    })
+    register()
+  }
 }
 
 window.addEventListener('online', () => {

diff --git a/server/hmr.js b/server/hmr.js
@@ -1,5 +1,5 @@
 /* eslint-disable nullstack/no-undef */
-import { existsSync, open } from 'fs'
+import { existsSync, open, writeFileSync } from 'fs'
 import path from 'path'
 import logger from '../builders/logger'
 
@@ -54,12 +54,17 @@ export default function hmr(server) {
 
     const instance = webpackDevMiddleware(compiler, webpackDevMiddlewareOptions)
 
-    instance.waitUntilValid(() => {
+    instance.waitUntilValid(async () => {
       progress.stop()
       console.info(
         '\x1b[36m%s\x1b[0m',
         `\n 🚀 Your application is ready at http://${process.env.NULLSTACK_PROJECT_DOMAIN}:${process.env.NULLSTACK_SERVER_PORT || process.env.PORT || 3000}\n`,
       )
+      if (disk) {
+        const content = await server.prerender('/')
+        const target = `${process.cwd()}/.development/index.html`
+        writeFileSync(target, content)
+      }
     })
 
     server.use(instance)

diff --git a/server/worker.js b/server/worker.js
@@ -21,7 +21,7 @@ import settings from './settings'
 
 const worker = {}
 
-worker.enabled = environment.production
+worker.enabled = true
 worker.fetching = false
 worker.preload = []
 worker.staleWhileRevalidate = []

diff --git a/workers/activate.js b/workers/activate.js
@@ -4,7 +4,7 @@ function activate(event) {
       const cacheNames = await caches.keys()
       const cachesToDelete = cacheNames.filter((cacheName) => cacheName !== self.context.environment.key)
       await Promise.all(cachesToDelete.map((cacheName) => caches.delete(cacheName)))
-      if (self.registration.navigationPreload) {
+      if ('navigationPreload' in self.registration) {
         await self.registration.navigationPreload.enable()
       }
       self.clients.claim()