From 5fde56c3e1d367bc17c37d89edb4e0352e804757 Mon Sep 17 00:00:00 2001
From: Bruno Besson <bruno.besson@viseo.com>
Date: Tue, 18 Oct 2022 15:52:08 +0200
Subject: [PATCH] build: allow to use docker production build with demo
 configuration

If hostname is that of the demo, then use demo urls.
---
 src/js/config.js                               | 6 +++++-
 src/views/Navigation.vue                       | 4 ++--
 src/views/document/utils/boxes/CommentsBox.vue | 2 +-
 vue.config.js                                  | 4 ++--
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/js/config.js b/src/js/config.js
index 48e4700972..6a564ed9f5 100644
--- a/src/js/config.js
+++ b/src/js/config.js
@@ -12,8 +12,12 @@ config.setUrlsName = function (name) {
 
 const urlsName = window.localStorage.getItem(LOCAL_STORAGE_KEY) ?? config.urls.name;
 
-if (!config.isProduction) {
+if (config.isBackendSelectable) {
   config.urls = config.urlsConfigurations[urlsName];
+} else if (location.hostname === 'www.demov6.camptocamp.org') {
+  // production builds use production urls by default.
+  // use hostname to set urls for demo
+  config.urls = config.urlsConfigurations['demo'];
 }
 
 export default config;
diff --git a/src/views/Navigation.vue b/src/views/Navigation.vue
index 0bce127439..bf4087f167 100644
--- a/src/views/Navigation.vue
+++ b/src/views/Navigation.vue
@@ -38,14 +38,14 @@
       </div>
 
       <div
-        v-if="!siteConfiguration.isProduction"
+        v-if="siteConfiguration.isBackendSelectable"
         class="navigation-item is-hidden-mobile"
         :title="'This page may contains bugs or incomplete features'"
       >
         <fa-icon icon="bug" size="lg" class="has-text-danger" />
       </div>
 
-      <div v-if="!siteConfiguration.isProduction" class="navigation-item dropdown is-hoverable is-hidden-mobile">
+      <div v-if="siteConfiguration.isBackendSelectable" class="navigation-item dropdown is-hoverable is-hidden-mobile">
         <div class="dropdown-trigger">
           <fa-icon icon="database" />
         </div>
diff --git a/src/views/document/utils/boxes/CommentsBox.vue b/src/views/document/utils/boxes/CommentsBox.vue
index a1fb1656d5..cc91ec45c7 100644
--- a/src/views/document/utils/boxes/CommentsBox.vue
+++ b/src/views/document/utils/boxes/CommentsBox.vue
@@ -95,7 +95,7 @@ const computeCooked = function (cooked) {
 };
 
 export default {
-  isProduction: config.isProduction,
+  isProduction: config.urls.name === 'prod',
 
   mixins: [requireDocumentProperty, viewModeMixin],
 
diff --git a/vue.config.js b/vue.config.js
index c64af9d60c..25f77aa244 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -87,7 +87,7 @@ const config = {
   ignApiKey: undefined,
   bingApiKey: undefined,
   ordnanceSurveyApiKey: 'eUaDulZ6AqXJo7iyoP2lRsgUjKfZWA71',
-  isProduction: false,
+  isBackendSelectable: true,
   addthisPublicId: 'ra-58abf6b4f3a680cb',
   googleAnalyticsKey: 'UA-2814179-1',
   urlsConfigurations: {
@@ -158,7 +158,7 @@ if (process.env.BUILD_ENV === 'local' || process.env.BUILD_ENV === undefined) {
   config.ignApiKey = '1qdmi4d0spl50eef78ftvm3j';
   config.bingApiKey = 'AudizIfCd3NAdt91ubJMGkMI-swfHxe1R-_U7KiLxCHqepDy70txQ-_-89_eevxc';
 
-  config.isProduction = true; // explicit prod flag
+  config.isBackendSelectable = false; // explicit flag
 
   // set a warning if bundle size is too big
   result.configureWebpack.performance.hints = 'warning';