chore: cleanup

elk-zone · Feb 6, 2023 · 1153c3e · 1153c3e
1 parent 26e652d
commit 1153c3e
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 10 deletions.
diff --git a/composables/pwa.ts b/composables/pwa.ts
diff --git a/plugins/page-lifecycle.client.ts b/plugins/page-lifecycle.client.ts
@@ -7,9 +7,8 @@ export default defineNuxtPlugin(() => {
   const frozenListeners: (() => void)[] = []
 
   lifecycle.addEventListener('statechange', (evt) => {
-    // TODO: remove isPWAInstalled before merge
     if (evt.newState === 'freeze')
-      /* isPWAInstalled && */frozenListeners.forEach(listener => listener())
+      frozenListeners.forEach(listener => listener())
     else
       state.value = evt.newState
   })

diff --git a/plugins/pwa.client.ts b/plugins/pwa.client.ts
@@ -8,6 +8,12 @@ export default defineNuxtPlugin(() => {
   const showInstallPrompt = ref(false)
   const hideInstall = useLocalStorage(STORAGE_KEY_PWA_HIDE_INSTALL, false)
 
+  // https://thomashunter.name/posts/2021-12-11-detecting-if-pwa-twa-is-installed
+  const ua = navigator.userAgent
+  const ios = ua.match(/iPhone|iPad|iPod/)
+  const standalone = window.matchMedia('(display-mode: standalone)').matches
+  const isInstalled = !!(standalone || (ios && !ua.match(/Safari/)))
+
   const registerPeriodicSync = (swUrl: string, r: ServiceWorkerRegistration) => {
     setInterval(async () => {
       if (!online.value)
@@ -99,7 +105,7 @@ export default defineNuxtPlugin(() => {
   return {
     provide: {
       pwa: reactive({
-        isInstalled: isPWAInstalled,
+        isInstalled,
         showInstallPrompt,
         cancelInstall,
         install,

diff --git a/shims.d.ts b/shims.d.ts
@@ -2,7 +2,6 @@
 /// <reference types="vite-plugin-pwa/info" />
 /// <reference types="vite-plugin-pwa/client" />
 
-
 declare global {
   namespace NodeJS {
     interface Process {