refactor: env config (#769)

config/pwa.ts

@@ -1,7 +1,7 @@
 import { isCI, isDevelopment } from 'std-env'
 import type { VitePWANuxtOptions } from '../modules/pwa/types'
-
-const isPreview = process.env.PULL_REQUEST === 'true'
+import { APP_NAME } from '../constants'
+import { getEnv } from './env'
 
 export const pwa: VitePWANuxtOptions = {
   mode: isCI ? 'production' : 'development',
@@ -13,33 +13,37 @@ export const pwa: VitePWANuxtOptions = {
   strategies: 'injectManifest',
   injectRegister: false,
   includeManifestIcons: false,
-  manifest: {
-    scope: '/',
-    id: '/',
-    name: `Elk${isCI ? isPreview ? ' (preview)' : '' : ' (dev)'}`,
-    short_name: `Elk${isCI ? isPreview ? ' (preview)' : '' : ' (dev)'}`,
-    description: `A nimble Mastodon Web Client${isCI ? isPreview ? ' (preview)' : '' : ' (development)'}`,
-    theme_color: '#ffffff',
-    icons: [
-      {
-        src: 'pwa-192x192.png',
-        sizes: '192x192',
-        type: 'image/png',
-      },
-      {
-        src: 'pwa-512x512.png',
-        sizes: '512x512',
-        type: 'image/png',
-      },
-      /*
-      {
-        src: 'logo.svg',
-        sizes: '250x250',
-        type: 'image/png',
-        purpose: 'any maskable',
-      },
-*/
-    ],
+  manifest: async () => {
+    const { env } = await getEnv()
+    const envName = `${env !== 'release' ? '' : ` (${env})`}`
+    return {
+      scope: '/',
+      id: '/',
+      name: `${APP_NAME}${envName}`,
+      short_name: `${APP_NAME}${envName}`,
+      description: `A nimble Mastodon Web Client${envName}`,
+      theme_color: '#ffffff',
+      icons: [
+        {
+          src: 'pwa-192x192.png',
+          sizes: '192x192',
+          type: 'image/png',
+        },
+        {
+          src: 'pwa-512x512.png',
+          sizes: '512x512',
+          type: 'image/png',
+        },
+        /*
+        {
+          src: 'logo.svg',
+          sizes: '250x250',
+          type: 'image/png',
+          purpose: 'any maskable',
+        },
+  */
+      ],
+    }
   },
   injectManifest: {
     globPatterns: ['**/*.{js,json,css,html,txt,svg,png,ico,webp,woff,woff2,ttf,eot,otf,wasm}'],