[Feature]: Add a method to identify the current environment in JavaScript

[berengers]

Is there an existing issue for this?

• I have searched the existing issues

Summary

In Appsmith, it is possible to switch between different environments (staging, production, etc.). However, in the JavaScript code used within applications, there is currently no method to determine the active environment. Such a feature would allow developers to dynamically configure environment-specific variables, such as bucket URLs, selecting the correct bucket for S3 requests, or applying visual styles (e.g., different banner colors).

Why should this be worked on?

Being able to identify the active environment directly in JavaScript would provide additional flexibility and reduce the risk of errors, especially in production. For example:

Automatically configure the correct S3 bucket for requests based on the active environment (staging, production, etc.).
Display distinct visual indicators to avoid confusion between staging and production.
Simplify maintenance and application configuration by centralizing environment-specific logic.
This feature would enhance the quality and security of applications built with Appsmith while improving the developer experience.

[Nikhil-Nandagopal]

This is a duplicate of #26610
One way to achieve this today would be to use Git to have a staging and production branch and customise the app / datasource based on that.