[Tech] Correction de la messagerie (UPDATE ENV VAR) (#3029)

## Linked issues

- Resolve #3015 

----

- [ ] Tests E2E (Cypress)


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **Refactor**
- Updated environment variable names and configurations for chat
integration.
- **New Features**
- Simplified the configuration setup for injecting chat functionality in
the frontend application.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

frontend/.env.example

@@ -1,9 +1,7 @@
 ################################################################################
 # Chat
 
-# We need to use a VITE_ env var to replace the HTML index file
-# see: https://vitejs.dev/guide/env-and-mode.html#html-env-replacement
-VITE_SMALL_CHAT_SNIPPET=
+FRONTEND_SMALL_CHAT_SNIPPET=
 
 ################################################################################
 # Feature flags

frontend/.env.local.defaults

@@ -3,7 +3,7 @@
 
 # We need to use a VITE_ env var to replace the HTML index file
 # see: https://vitejs.dev/guide/env-and-mode.html#html-env-replacement
-VITE_SMALL_CHAT_SNIPPET=
+FRONTEND_SMALL_CHAT_SNIPPET=
 
 ################################################################################
 # Feature flags

frontend/cypress/support/e2e.ts

@@ -117,7 +117,7 @@ beforeEach(() => {
     }
   )
 
-  // PROD :: VITE_SMALL_CHAT_SNIPPET
+  // PROD :: FRONTEND_SMALL_CHAT_SNIPPET
   cy.intercept(
     { url: /^https:\/\/embed\.small\.chat\/.*/ },
     {

frontend/index.html

@@ -13,10 +13,6 @@
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
 
-    <!-- We need to use a VITE_ env var to replace the HTML index file -->
-    <!-- see: https://vitejs.dev/guide/env-and-mode.html#html-env-replacement -->
-    %VITE_SMALL_CHAT_SNIPPET%
-
     <!-- This script will be used by the `import-meta-env` library to inject -->
     <!-- runtime environment variables when running in production -->
     <!-- see: https://import-meta-env.org/guide/getting-started/introduction.html -->

frontend/src/App.tsx

@@ -83,6 +83,10 @@ export function App({ auth }: AppProps) {
           </AuthorizationContext.Provider>
         </FrontendErrorBoundary>
       </RsuiteCustomProvider>
+      {/* This script is used to inject the chat */}
+      {import.meta.env.FRONTEND_SMALL_CHAT_SNIPPET && (
+        <script async src={import.meta.env.FRONTEND_SMALL_CHAT_SNIPPET} />
+      )}
     </ThemeProvider>
   )
 }

frontend/src/env.d.ts

@@ -14,6 +14,7 @@ interface ImportMetaEnv {
   readonly FRONTEND_OIDC_REDIRECT_URI: string
   readonly FRONTEND_SENTRY_DSN?: string
   readonly FRONTEND_SHOM_KEY: string
+  readonly FRONTEND_SMALL_CHAT_SNIPPET: string
 }
 
 interface ImportMeta {

infra/docker/docker-compose.cypress.yml

@@ -44,9 +44,9 @@ services:
       - FRONTEND_OIDC_REDIRECT_URI=https://monitorfish.din.developpement-durable.gouv.fr
       - FRONTEND_SENTRY_DSN=https://[email protected]/8
       - FRONTEND_SHOM_KEY=rg8ele7cft4ujkwjspsmtwas
-      - VITE_SMALL_CHAT_SNIPPET=
       - FRONTEND_MISSION_FORM_AUTO_SAVE_ENABLED=true # Even if we inject this env var, the value is not used (see cypress.config.ts)
       - FRONTEND_MISSION_FORM_AUTO_UPDATE_ENABLED=true
+      - FRONTEND_SMALL_CHAT_SNIPPET=
     ports:
       - 8880:8880
       - 8000:8000

infra/docker/docker-compose.puppeteer.yml

@@ -60,9 +60,9 @@ services:
       - FRONTEND_OIDC_REDIRECT_URI=https://monitorfish.din.developpement-durable.gouv.fr
       - FRONTEND_SENTRY_DSN=https://[email protected]/8
       - FRONTEND_SHOM_KEY=rg8ele7cft4ujkwjspsmtwas
-      - VITE_SMALL_CHAT_SNIPPET=
       - FRONTEND_MISSION_FORM_AUTO_SAVE_ENABLED=true
       - FRONTEND_MISSION_FORM_AUTO_UPDATE_ENABLED=true
+      - FRONTEND_SMALL_CHAT_SNIPPET=
     ports:
       - 8880:8880
       - 8000:8000

infra/remote/docker-compose.yml

@@ -36,6 +36,7 @@ services:
       - FRONTEND_OIDC_ENABLED=$MONITORFISH_OIDC_ENABLED
       - MONITORFISH_OIDC_ENABLED=$MONITORFISH_OIDC_ENABLED
       - MONITORFISH_API_PROTECTED_API_KEY=$MONITORFISH_API_PROTECTED_API_KEY
+      - FRONTEND_SMALL_CHAT_SNIPPET=
     ports:
       - 8880:8880
       - 8000:8000