Environment variables: reloaded

After all these years, our Web console’s codebase needed some technical updates. We chose new libraries to build our UI (templating, components…) and decided to introduce them progressively, feature by feature.

In order to test this new stack, we chose to improve an existing feature: the environment variables.

We’ll get into the “under the hood” details in another article. For now, let’s focus on what’s new from the user’s perspective.

What’s new?

Multiline support

There was no real/official multiline support for your environement variables.

Now you can press the enter key in the value field: (it also works with copy/paste)





In expert mode, your multiline variables need to be quoted:



Edits then update

The update mechanism has changed. First, you make your modifications (new vars, edits, deletions…) in simple or expert mode. Then you click on “update changes”.



Input validation

We improved the client-side validation and tried to display detailed errors.

New variable names are checked against conventions:



Expert mode also gets its real-time error report:





Small UX improvements

We also improved some small user-experience details:

  • The design of the focus ring has been improved.
    It should be more visible for any keyboard user that needs it.



  • We’re introducing a skeleton screen when data is loading:



  • We use a loader animation when data is updating:



  • For add-ons, we reuse the same component but in read-only mode:



  • For add-ons, you still have the expert mode so you can copy/paste easily from it:



What’s next?

We hope these improvements will help you in your usage of the Clever Cloud console. Please give us feedbacks.

We’ll be back with details about how we changed our stack using Web Components…

Blog

À lire également

Clever Cloud and Cloud Temple announce partnership

Cloud Temple, the reference secure cloud provider, and Clever Cloud, the leader in Platform as a Service (PaaS), have announced a strategic partnership to offer a complete, secure and sovereign French cloud solution, with the aim of making Clever Cloud's PaaS available on Cloud Temple's SecNumCloud-qualified infrastructures.
Company Press

Clever Cloud achieves ISO 27001 : 2022 certification

We are proud to announce that Clever Cloud has achieved a major milestone in its ongoing commitment to the security and confidentiality of our customers' data: ISO 27001 : 2022 certification.
Company Press

Clever Cloud structures itself to support its organic growth

In 2023, Clever Cloud has once again made great strides, with a significant increase in its turnover. Having recently passed the 60-strong mark, the company is welcoming new profiles to support its development, and is expanding its Management Committee.
Company Press