Typing env and secret name automatically upcases (#1736)

lib/livebook_web/components/form_components.ex

@@ -14,6 +14,7 @@ defmodule LivebookWeb.FormComponents do
   attr :value, :any
   attr :errors, :list, default: []
   attr :field, Phoenix.HTML.FormField, doc: "a form field struct retrieved from the form"
+  attr :class, :string, default: nil
 
   attr :rest, :global, include: ~w(autocomplete readonly disabled)
 
@@ -27,7 +28,7 @@ defmodule LivebookWeb.FormComponents do
         name={@name}
         id={@id || @name}
         value={Phoenix.HTML.Form.normalize_value("text", @value)}
-        class="input"
+        class={["input", @class]}
         {@rest}
       />
     </.field_wrapper>

lib/livebook_web/live/env_var_component.ex

@@ -45,6 +45,7 @@ defmodule LivebookWeb.EnvVarComponent do
             field={f[:name]}
             label="Name (alphanumeric and underscore)"
             autofocus={@operation == :new}
+            class="uppercase"
           />
           <.text_field field={f[:value]} label="Value" autofocus={@operation == :edit} />
           <.hidden_field field={f[:operation]} value={@operation} />

lib/livebook_web/live/session_live/secrets_component.ex

@@ -98,6 +98,7 @@ defmodule LivebookWeb.SessionLive.SecretsComponent do
               spellcheck="false"
               autocomplete="off"
               phx-debounce="blur"
+              class="uppercase"
             />
             <.text_field
               field={f[:value]}