refactor: env config (#769)

config/env.ts

@@ -0,0 +1,39 @@
+import Git from 'simple-git'
+import { isDevelopment } from 'std-env'
+
+export { version } from '../package.json'
+
+/**
+ * Environment variable `PULL_REQUEST` provided by Netlify.
+ * @see {@link https://docs.netlify.com/configure-builds/environment-variables/#git-metadata}
+ *
+ * Whether triggered by a GitHub PR
+ */
+export const isPR = process.env.PULL_REQUEST === 'true'
+
+/**
+ * Environment variable `CONTEXT` provided by Netlify.
+ * @see {@link https://docs.netlify.com/configure-builds/environment-variables/#build-metadata}
+ *
+ * Whether triggered by PR, `deploy-preview` or `dev`.
+ */
+export const isPreview = isPR || process.env.CONTEXT === 'deploy-preview' || process.env.CONTEXT === 'dev'
+
+const git = Git()
+export const getGitInfo = async () => {
+  const branch = await git.revparse(['--abbrev-ref', 'HEAD'])
+  const commit = await git.revparse(['HEAD'])
+  return { branch, commit }
+}
+
+export const getEnv = async () => {
+  const { commit, branch } = await getGitInfo()
+  const env = isDevelopment
+    ? 'dev'
+    : isPreview
+      ? 'preview'
+      : branch === 'main'
+        ? 'main'
+        : 'release'
+  return { commit, branch, env } as const
+}

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}'],