feat(Header): show local or staging suffix if not in prod. ref #876

openfoodfacts · Oct 22, 2024 · c5b88b6 · c5b88b6
1 parent 7ec6a3e
commit c5b88b6
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/.env.local b/.env.local
@@ -1,3 +1,4 @@
+VITE_OPEN_PRICES_ENV = "local"
 VITE_OPEN_PRICES_APP_URL = "http://127.0.0.1:8000"
 VITE_OPEN_PRICES_API_URL = "http://127.0.0.1:8000/api/v1"
 VITE_MANIFEST_PATH = "/manifest.local.json"

diff --git a/.env.preprod b/.env.preprod
@@ -1,3 +1,4 @@
+VITE_OPEN_PRICES_ENV = "staging"
 VITE_OPEN_PRICES_APP_URL = "https://prices.openfoodfacts.net"
 VITE_OPEN_PRICES_API_URL = "https://prices.openfoodfacts.net/api/v1"
 VITE_MANIFEST_PATH = "/manifest.preprod.json"

diff --git a/.env.prod b/.env.prod
@@ -1,3 +1,4 @@
+VITE_OPEN_PRICES_ENV = "prod"
 VITE_OPEN_PRICES_APP_URL = "https://prices.openfoodfacts.org"
 VITE_OPEN_PRICES_API_URL = "https://prices.openfoodfacts.org/api/v1"
 VITE_MANIFEST_PATH = "/manifest.prod.json"

diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -5,6 +5,7 @@
       <span style="cursor:pointer" @click="$router.push('/')">
         <img src="/favicon.svg" height="28" width="28" style="vertical-align:bottom">
         {{ APP_NAME }}
+        <span v-if="ENV !== 'prod'" class="text-caption">{{ ENV }}</span>
       </span>
     </v-app-bar-title>
     <v-btn v-if="!$vuetify.display.smAndUp" icon="mdi-magnify" to="/search" :aria-label="$t('Common.Search')" />
@@ -62,6 +63,7 @@ export default {
   data() {
     return {
       APP_NAME: constants.APP_NAME,
+      ENV: import.meta.env.VITE_OPEN_PRICES_ENV,
       showDrawerMenu: false,
       showProfileMenu: false,
     }

diff --git a/src/constants.js b/src/constants.js
@@ -17,12 +17,12 @@ const LOCATION_TYPE_ONLINE_ICON = 'mdi-web'
 
 export default {
   APP_NAME: 'Open Prices',
-  APP_URL: 'https://prices.openfoodfacts.org',
-  APP_API_URL: 'https://prices.openfoodfacts.org/api/docs',
+  APP_URL: import.meta.env.VITE_OPEN_PRICES_APP_URL,
+  APP_API_URL: `${import.meta.env.VITE_OPEN_PRICES_APP_URL}/api/docs`,
   APP_USER_AGENT: 'Open Prices Web App',
-  APP_DUMP_PRICES_URL: 'https://prices.openfoodfacts.org/data/prices.jsonl.gz',
-  APP_DUMP_PROOFS_URL: 'https://prices.openfoodfacts.org/data/proofs.jsonl.gz',
-  APP_DUMP_LOCATIONS_URL: 'https://prices.openfoodfacts.org/data/locations.jsonl.gz',
+  APP_DUMP_PRICES_URL: `${import.meta.env.VITE_OPEN_PRICES_APP_URL}/data/prices.jsonl.gz`,
+  APP_DUMP_PROOFS_URL: `${import.meta.env.VITE_OPEN_PRICES_APP_URL}/data/proofs.jsonl.gz`,
+  APP_DUMP_LOCATIONS_URL: `${import.meta.env.VITE_OPEN_PRICES_APP_URL}/data/locations.jsonl.gz`,
   APP_GITHUB_FRONTEND_URL: 'https://github.com/openfoodfacts/open-prices-frontend',
   OFF_NAME: OFF_NAME,
   OFF_URL: 'https://world.openfoodfacts.org',