ultra_settings 2.6.0 → 2.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4682a4cd5e85642db5e79cfbb156109d6701b5ad09f6744a0b092bdfc3d9277c
-  data.tar.gz: 8c4a0d4350ce43b7ce4b1c0187bf80c27e2d33261d9bd349ce9155d8fb80a069
+  metadata.gz: f70521135220d74fe5ef4fbc6261c9d5b8a93f200f898af0fead2ebb7d31cbfd
+  data.tar.gz: 42330a1a294bee7ab53c61f37b56cd0b5b6f309326f1809bfd012cbfcd67fa58
 SHA512:
-  metadata.gz: 00c9249324a0c6752dd1449d7b94101050e55aa1d27ba0c47cb3527bb0e8c5909233a64b98a0a0674528acae2413c5578c0097fabe9aaeda6a5b78c47a1854d7
-  data.tar.gz: a46516c99004973b58496e44c38c375b6698be941aba85fd2e3c0bf08db032c8b9c71ce371aef051bd8649419e5dc6752be0e1f259c2019ce3baa270c8b52460
+  metadata.gz: aab2c06121a67e227f1628d1dd3a22590e0bb174f132506840112278a5c09484e57dd6bc176ddbb35d576388c29bb5f6da462473f1c5ebf76724fe8677312ed2
+  data.tar.gz: f7e9bd08a2958def30780e0ef966d8b90321d3f9c1bf469677b7c51ab8b512e867bf0e1fc1d910d72f24c9f71818a34050b3a2dbfdc2c5adb9afa4a3e048948a

data/CHANGELOG.md

@@ -4,11 +4,24 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## 2.7.0
+
+### Added
+
+- Added new setting to indicate if the runtime settings engine is secure. If the engine is marked as not secure, then runtime settings will be disabled for all fields marked as secret. This protects sensitive information from being exposed in the web UI or through the API. The default value is `true` to maintain backwards compatibility.
+
+## 2.6.1
+
+### Added
+
+- Show icons on the web UI that open a dialog with the current value for each data source.
+- Added support for passing the field description in `UltraSettings.runtime_settings_url` using the `${description}` placeholder in the URL.
+
 ## 2.6.0
 
 ### Added
 
-- Added support for passing the type in `UltraSettings.runtime_settings_url` as `${type}` in the URL.
+- Added support for passing the type in `UltraSettings.runtime_settings_url` using the `${type}` placeholder in the URL.
 
 ### Changed
 

data/README.md

@@ -81,7 +81,6 @@ class MyServiceConfiguration < UltraSettings::Configuration
   field :auth_token,
     type: :string,
     env_var: "MY_SERVICE_TOKEN",
-    runtime_setting: false,
     yaml_key: false,
     description: "Bearer token for accessing the service",
     secret: true
@@ -114,7 +113,7 @@ You can customize the behavior of each field using various options:
 
 - `:default_if` - Provides a condition for when the default should be used. This should be a Proc or the name of a method within the class. Useful for ensuring values meet specific constraints. This can provide protection from misconfiguration that can break the application. In the above example, the default value for `timeout` will be used if the value is less than or equal to 0.
 
-- `:secret` - Marks the field as secret. Secret fields are not displayed in the web UI. By default, all fields are considered secret to avoid accidentally exposing sensitive values. You can change this default behavior by setting `fields_secret_by_default` to `false` either globally or per configuration.
+- `:secret` - Marks the field as secret. Secret fields are not displayed in the web UI. By default, all fields are considered secret to avoid accidentally exposing sensitive values. You can change this default behavior by setting `fields_secret_by_default` to `false` either globally or per configuration. Additionaly, if you set `UltraSettings.runtime_settings_secure` to false, then runtime settings will be disabled on secret fields.
 
 - `:env_var` - Overrides the environment variable name used to populate the field. This is useful if the variable name does not follow the conventional pattern. Set this to `false` to disable loading the field from an environment variable.
 
@@ -172,6 +171,9 @@ UltraSettings.runtime_settings = RedisRuntimeSettings.new
 
 The runtime settings implementation may also define an `array` method that takes a single parameter to return an array value. If this method is not implemented, then array values must be returned as single line CSV strings.
 
+> [!TIP]
+> If your runtime settings implementation does not securely store values, you should set `UltraSettings.runtime_settings_secure` to `false`. This will disable runtime settings on fields marked as secret to prevent leaking sensitive information.
+
 #### Using the `super_settings` gem
 
 There is a companion gem [super_settings](https://github.com/bdurand/super_settings) that can be used as a drop in implementation for the runtime settings. You just need to set the runtime settings to the `SuperSettings` object.
@@ -211,7 +213,7 @@ You can customize the behavior of runtime setting names with the following optio
 
 - **Disabling Runtime Settings:** You can disable runtime settings as a default source for fields by setting `runtime_settings_disabled` to `true` in your configuration class. You can disable runtime settings on individual fields by setting `runtime_setting` on the field to `false`.
 
-- **Editing Links** You can specify a URL for editing runtime settings from the web UI by setting `UltraSettings.runtime_settings_url` to the desired URL. This will add links to the runtime settings in the web UI. You can use the placeholders `${name}` and `${type}` in the URL which will be replaced with the name and type of the runtime setting, respectively. If you are using the `super_settings` gem for runtime settings, then you can target a setting by adding `#edit=${name}&type=${type}` to the root URL where `super_settings` is mounted.
+- **Editing Links** You can specify a URL for editing runtime settings from the web UI by setting `UltraSettings.runtime_settings_url` to the desired URL. This will add links to the runtime settings in the web UI. You can use the placeholders `${name}`, `${type}`, and `${description}` in the URL which will be replaced with the name, type, and description of the field respectively. If you are using the `super_settings` gem for runtime settings, then you can target a setting by adding `#edit=${name}&type=${type}&description=${description}` to the root URL where `super_settings` is mounted.
 
 If a setting value cannot be loaded from the runtime settings, then it's value will attempt to be loaded from a YAML file.
 

data/VERSION

@@ -1 +1 @@
-2.6.0
+2.7.0

data/app/application.css

@@ -6,7 +6,6 @@
   margin: 0;
 }
 
-/* Configuration file header */
 .ultra-settings-config-file {
   margin-bottom: 1.5rem;
   padding: 1rem;
@@ -23,7 +22,7 @@
 
 .ultra-settings-config-file-path {
   font-family: monospace;
-  font-size: 0.9rem;
+  font-size: 0.875rem;
   color: var(--code-color);
   font-weight: 600;
 }
@@ -34,14 +33,16 @@
   margin-left: 0.5rem;
 }
 
-/* Fields container */
 .ultra-settings-fields {
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: 1.75rem;
+}
+
+.ultra-settings-fields svg {
+  vertical-align: middle;
 }
 
-/* Individual field card */
 .ultra-settings-field {
   border: 1px solid var(--field-border-color);
   border-radius: 0.5rem;
@@ -49,7 +50,6 @@
   overflow: hidden;
 }
 
-/* Field header */
 .ultra-settings-field-header {
   display: flex;
   justify-content: space-between;
@@ -80,7 +80,6 @@
   letter-spacing: 0.025em;
 }
 
-/* Field badges */
 .ultra-settings-field-badge {
   display: inline-block;
   padding: 0.125rem 0.5rem;
@@ -101,16 +100,15 @@
   color: var(--static-badge-text-color);
 }
 
-/* Field value */
 .ultra-settings-field-value {
   padding: 1rem;
   background-color: var(--value-bg-color);
   border-bottom: 1px solid var(--field-border-color);
 }
 
-.ultra-settings-field-value code {
+code.ultra-settings-field-data-value {
   font-family: monospace;
-  font-size: 0.95rem;
+  font-size: 0.875rem;
   word-break: break-all;
   color: var(--value-text-color);
   background-color: var(--value-code-bg-color);
@@ -122,14 +120,11 @@
 .ultra-settings-nil-value {
   font-style: italic;
   color: var(--nil-color);
-  font-size: 0.9rem;
 }
 
-/* Field description */
 .ultra-settings-field-description {
   padding: 0.75rem 1rem;
   color: var(--description-color);
-  font-size: 0.9rem;
   line-height: 1.5;
   border-bottom: 1px solid var(--field-border-color);
   display: flex;
@@ -141,15 +136,6 @@
   flex: 1;
 }
 
-.ultra-settings-info-icon {
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-  margin-top: 0.125rem; /* Align with first line of text based on line-height */
-  color: var(--description-color);
-}
-
-/* Sources section */
 .ultra-settings-field-sources {
   padding: 0.5rem;
 }
@@ -172,7 +158,7 @@
 }
 
 .ultra-settings-source-type {
-  font-size: 0.8rem;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--source-type-color);
   text-transform: uppercase;
@@ -182,8 +168,9 @@
 
 .ultra-settings-source-value {
   font-family: monospace;
-  font-size: 0.85rem;
+  font-size: 0.875rem;
   color: var(--source-value-color);
+  font-weight: 550;
   flex: 1;
   margin: 0 0.75rem;
   word-break: break-all;
@@ -197,6 +184,26 @@
   letter-spacing: 0.025em;
 }
 
+.ultra-settings-source-value-dfn {
+  display: inline-block;
+  margin-left: 0.25rem;
+}
+
+.ultra-settings-icon-info {
+  color: var(--info-color);
+  cursor: pointer;
+}
+
+.ultra-settings-icon-not-set {
+  color: var(--warning-color);
+  cursor: pointer;
+}
+
+.ultra-settings-icon-secret {
+  color: var(--disabled-color);
+  cursor: pointer;
+}
+
 .ultra-settings-edit-link {
   color: var(--edit-link-color);
   text-decoration: none;
@@ -211,11 +218,6 @@
   opacity: 1;
 }
 
-.ultra-settings-edit-icon {
-  width: 16px;
-  height: 16px;
-}
-
 .ultra-settings-select {
   display: inline-block;
   padding: .375rem 2.25rem .375rem .75rem;
@@ -236,3 +238,39 @@
   -moz-appearance: none;
   appearance: none;
 }
+
+.ultra-settings-dialog {
+  min-width: 20rem;
+  padding: 0;
+  border: 1px solid var(--field-border-color);
+  border-radius: 0.375rem;
+}
+
+.ultra-settings-dialog-header {
+  padding: 0.5rem;
+  background-color: var(--field-header-bg-color);
+  color: var(--field-header-text-color);
+  font-size: 1rem;
+  display: flex;
+  align-items: top;
+}
+
+.ultra-settings-dialog-title {
+  flex: 1;
+  text-align: center;
+  font-weight: 550;
+}
+
+.ultra-settings-dialog-close {
+  border: none;
+  background: none;
+  color: var(--field-header-text-color);
+  cursor: pointer;
+  padding: 0.25rem;
+}
+
+.ultra-settings-dialog-body {
+  padding: 1rem;
+  background-color: var(--background-color);
+  color: var(--text-color);
+}

data/app/application_vars.css.erb

@@ -10,7 +10,8 @@
     --config-file-border-color: #e8e8e8;
     --field-bg-color: #ffffff;
     --field-border-color: #b8b8b8;
-    --field-header-bg-color: #f8f8f8;
+    --field-header-bg-color: #e8e8e8;
+    --field-header-text-color: #212529;
     --value-bg-color: #fdfdfe;
     --value-text-color: #212529;
     --value-code-bg-color: #f8f8f8;
@@ -18,7 +19,9 @@
     --type-color: #6c757d;
     --description-color: #4a83b5;
     --nil-color: #6c757d;
-    --warning-color: #dc3545;
+    --warning-color: #b9202f;
+    --info-color: #6ea8fe;
+    --disabled-color: #adb5bd;
 
     /* Source colors */
     --source-bg-color: #f8f9fa;
@@ -26,7 +29,7 @@
     --source-active-bg-color: #e7f3ff;
     --source-active-border-color: #0d6efd;
     --source-type-color: #666666;
-    --source-value-color: #666666;
+    --source-value-color: #444444;
     --source-indicator-color: #0d6efd;
 
     /* Badge colors */
@@ -48,15 +51,16 @@
     --form-control-color: #eee;
     --form-control-bg-color: #666;
     --form-control-border-color: #555;
-    --code-color: #ff6b9d;
+    --code-color: #fd76a3;
     --em-color: #adb5bd;
 
     /* Card layout colors */
-    --config-file-bg-color: #2b2b2b;
+    --config-file-bg-color: #4b4b4b;
     --config-file-border-color: #444;
     --field-bg-color: #1e1e1e;
     --field-border-color: #444;
     --field-header-bg-color: #2b2b2b;
+    --field-header-text-color: #ced4da;
     --value-bg-color: #252525;
     --value-text-color: #e9ecef;
     --value-code-bg-color: #2b2b2b;
@@ -65,6 +69,8 @@
     --description-color: #a9d9f8;
     --nil-color: #cdcecfff;
     --warning-color: #dc3545;
+    --info-color: #6ea8fe;
+    --disabled-color: #adb5bd;
 
     /* Source colors */
     --source-bg-color: #2b2b2b;

data/app/configuration.html.erb

@@ -32,17 +32,15 @@
           <% if configuration[field.name].nil? %>
             <span class="ultra-settings-nil-value">nil</span>
           <% elsif field.secret? %>
-            <code><%= html_escape(secret_value(configuration[field.name])) %></code>
+            <code class="ultra-settings-field-data-value"><%= html_escape(secret_value(configuration[field.name])) %></code>
           <% else %>
-            <code><%= html_escape(display_value(configuration[field.name])) %></code>
+            <code class="ultra-settings-field-data-value"><%= html_escape(display_value(configuration[field.name])) %></code>
           <% end %>
         </div>
 
         <% unless field.description.to_s.empty? %>
           <div class="ultra-settings-field-description">
-            <svg class="ultra-settings-info-icon" width="16" height="16" fill="currentColor">
-              <use href="#info-icon"/>
-            </svg>
+            <%= info_icon %>
             <div class="ultra-settings-description-text">
               <%= html_escape(field.description) %>
             </div>
@@ -52,8 +50,13 @@
         <div class="ultra-settings-field-sources">
           <% if field.env_var && !configuration.class.environment_variables_disabled? %>
             <div class="ultra-settings-source <%= 'ultra-settings-source-active' if source == :env %>">
-              <span class="ultra-settings-source-type">Environment Variable</span>
-              <code class="ultra-settings-source-value"><%= show_defined_value(field.env_var, configuration.__value_from_source__(field.name, :env), field.secret?) %></code>
+              <span class="ultra-settings-source-type">
+                Environment Variable
+              </span>
+              <code class="ultra-settings-source-value">
+                <%= field.env_var %>
+                <%= show_defined_value(field.env_var, configuration.__value_from_source__(field.name, :env), field.secret?) %>
+              </code>
               <% if source == :env %>
                 <span class="ultra-settings-source-indicator">Currently active</span>
               <% end %>
@@ -63,16 +66,17 @@
           <% if field.runtime_setting && !configuration.class.runtime_settings_disabled? %>
             <div class="ultra-settings-source <%= 'ultra-settings-source-active' if source == :settings %>">
               <span class="ultra-settings-source-type">Runtime Setting</span>
-              <code class="ultra-settings-source-value"><%= show_defined_value(field.runtime_setting, configuration.__value_from_source__(field.name, :settings), field.secret?) %></code>
+              <code class="ultra-settings-source-value">
+                <%= field.runtime_setting %>
+                <%= show_defined_value(field.runtime_setting, configuration.__value_from_source__(field.name, :settings), field.secret?) %>
+              </code>
               <% if source == :settings %>
                 <span class="ultra-settings-source-indicator">Currently active</span>
               <% end %>
-              <% edit_url = UltraSettings.runtime_settings_url(field.runtime_setting, field.type) %>
+              <% edit_url = UltraSettings.runtime_settings_url(name: field.runtime_setting, type: field.type, description: field.description) %>
               <% if edit_url %>
                 <a href="<%= html_escape(edit_url) %>" class="ultra-settings-edit-link" title="Edit <%= html_escape(field.runtime_setting) %>">
-                  <svg class="ultra-settings-edit-icon" width="16" height="16" fill="currentColor">
-                    <use href="#edit-icon"/>
-                  </svg>
+                  <%= edit_icon %>
                 </a>
               <% end %>
             </div>
@@ -81,25 +85,22 @@
           <% if field.yaml_key && !configuration.class.yaml_config_disabled? %>
             <div class="ultra-settings-source <%= 'ultra-settings-source-active' if source == :yaml %>">
               <span class="ultra-settings-source-type">Configuration File</span>
-              <code class="ultra-settings-source-value"><%= show_defined_value(field.yaml_key, configuration.__value_from_source__(field.name, :yaml), field.secret?) %></code>
+              <code class="ultra-settings-source-value">
+                <%= field.yaml_key %>
+                <%= show_defined_value(field.yaml_key, configuration.__value_from_source__(field.name, :yaml), field.secret?) %>
+              </code>
               <% if source == :yaml %>
                 <span class="ultra-settings-source-indicator">Currently active</span>
               <% end %>
             </div>
           <% end %>
 
-          <% if field.default.nil? %>
-            <% if source == :default %>
-              <div class="ultra-settings-source ultra-settings-source-active">
-                <span class="ultra-settings-source-type">Default Value</span>
-                <span class="ultra-settings-source-value"><em>Not set</em></span>
-                <span class="ultra-settings-source-indicator">Currently active</span>
-              </div>
-            <% end %>
-          <% else %>
+          <% if !field.default.nil? || source == :default %>
             <div class="ultra-settings-source <%= 'ultra-settings-source-active' if source == :default %>">
               <span class="ultra-settings-source-type">Default Value</span>
-              <code class="ultra-settings-source-value"><%= show_defined_value("", field.default, field.secret?) %></code>
+              <code class="ultra-settings-source-value">
+                <%= show_defined_value("Default Value", field.default, field.secret?) %>
+              </code>
               <% if source == :default %>
                 <span class="ultra-settings-source-indicator">Currently active</span>
               <% end %>
@@ -109,4 +110,16 @@
       </div>
     <% end %>
   </div>
+
+  <dialog class="ultra-settings-dialog" closedby="any">
+    <div class="ultra-settings-dialog-header">
+      <div class="ultra-settings-dialog-title"></div>
+      <button class="ultra-settings-dialog-close" onclick="this.closest('.ultra-settings-dialog').close();">
+        <%= close_icon %>
+      </button>
+    </div>
+    <div class="ultra-settings-dialog-body">
+      <code class="ultra-settings-field-data-value ultra-settings-dialog-value"></code>
+    </div>
+  </dialog>
 </div>

data/app/index.html.erb

@@ -1,19 +1,5 @@
 <%= style_tag %>
 
-<!-- SVG Icons -->
-<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <symbol id="edit-icon" viewBox="0 0 16 16">
-      <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
-      <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z"/>
-    </symbol>
-    <symbol id="info-icon" viewBox="0 0 16 16">
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
-      <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>
-    </symbol>
-  </defs>
-</svg>
-
 <div class="ultra-settings">
   <div class="ultra-settings-nav">
     <form onsubmit="return false" style="margin-bottom: 0.5rem;">

data/lib/ultra_settings/application_view.rb

@@ -15,23 +15,37 @@ module UltraSettings
   class ApplicationView
     attr_reader :css
 
+    # Initialize the application view with a color scheme.
+    #
+    # @param color_scheme [Symbol] The color scheme to use (:light, :dark, or :system).
     def initialize(color_scheme: :light)
       @css = application_css(color_scheme)
       @css = @css.html_safe if @css.respond_to?(:html_safe)
     end
 
+    # Render the HTML for the configuration settings UI.
+    #
+    # @param select_class [String] CSS class for the select element.
+    # @param table_class [String] CSS class for the table element (for backwards compatibility).
+    # @return [String] The rendered HTML.
     def render(select_class: "ultra-settings-select", table_class: "")
       html = ViewHelper.erb_template("index.html.erb").result(binding)
       html = html.html_safe if html.respond_to?(:html_safe)
       html
     end
 
+    # Generate an HTML style tag with the CSS for the view.
+    #
+    # @return [String] The HTML style tag with CSS.
     def style_tag
       tag = "<style type=\"text/css\">\n#{css}\n</style>"
       tag = tag.html_safe if tag.respond_to?(:html_safe)
       tag
     end
 
+    # Convert the view to a string by rendering it.
+    #
+    # @return [String] The rendered HTML.
     def to_s
       render
     end

data/lib/ultra_settings/coerce.rb

@@ -93,11 +93,13 @@ module UltraSettings
         time
       end
 
+      # @param value [Object] The value to check.
       # @return [Boolean] true if the value is a numeric type or a string representing a number.
       def numeric?(value)
         value.is_a?(Numeric) || (value.is_a?(String) && value.to_s.match?(NUMERIC_REGEX))
       end
 
+      # @param value [Object] The value to check.
       # @return [Boolean] true if the value is nil or empty.
       def blank?(value)
         return true if value.nil?
@@ -109,6 +111,7 @@ module UltraSettings
         end
       end
 
+      # @param value [Object] The value to check.
       # @return [Boolean] true if the value is not nil and not empty.
       def present?(value)
         !blank?(value)

data/lib/ultra_settings/config_helper.rb

@@ -1,16 +1,20 @@
 # frozen_string_literal: true
 
 module UltraSettings
-  # Helper module for setting up a class to use the config methods
+  # Helper module for setting up a class to use the config methods.
   #
-  # Usage:
-  # class TestClass
-  #   extend UltraSettings::ConfigHelper
-  #   configuration_class TestConfiguration
-  # end
-  # TestClass.config => TestConfiguration.instance
-  # TestClass.new.config => TestConfiguration.instance
+  # @example
+  #   class TestClass
+  #     extend UltraSettings::ConfigHelper
+  #     configuration_class TestConfiguration
+  #   end
+  #   TestClass.config # => TestConfiguration.instance
+  #   TestClass.new.config # => TestConfiguration.instance
   module ConfigHelper
+    # Define the configuration class and create config methods.
+    #
+    # @param config_class [Class] The configuration class to use.
+    # @return [void]
     def configuration_class(config_class)
       define_singleton_method :config do
         config_class.instance

data/lib/ultra_settings/configuration.rb

@@ -61,7 +61,7 @@ module UltraSettings
           default: default,
           default_if: default_if,
           env_var: construct_env_var(name, env_var),
-          runtime_setting: (static ? nil : construct_runtime_setting(name, runtime_setting)),
+          runtime_setting: construct_runtime_setting(name, runtime_setting),
           yaml_key: construct_yaml_key(name, yaml_key),
           static: static,
           secret: secret

data/lib/ultra_settings/configuration_view.rb

@@ -11,10 +11,17 @@ module UltraSettings
   #  <h1>Service Configuration</h1>
   #  <%= UltraSettings::ConfigurationView.new(ServiceConfiguration.instance).render %>
   class ConfigurationView
+    # Initialize the configuration view with a configuration instance.
+    #
+    # @param configuration [UltraSettings::Configuration] The configuration instance to display.
     def initialize(configuration)
       @configuration = configuration
     end
 
+    # Render the HTML for the configuration view.
+    #
+    # @param table_class [String] CSS class for the table element (maintained for backwards compatibility).
+    # @return [String] The rendered HTML.
     def render(table_class: "")
       configuration = @configuration
       html = ViewHelper.erb_template("configuration.html.erb").result(binding)
@@ -22,6 +29,9 @@ module UltraSettings
       html
     end
 
+    # Convert the view to a string by rendering it.
+    #
+    # @return [String] The rendered HTML.
     def to_s
       render
     end
@@ -42,14 +52,29 @@ module UltraSettings
     end
 
     def show_defined_value(label, value, secret)
-      title = if value.nil?
-        "Not set"
+      val = nil
+      icon = nil
+      css_class = nil
+
+      if value.nil?
+        val = "Not set"
+        icon = not_set_icon
+        css_class = "ultra-settings-icon-not-set"
       elsif secret
-        "Secret value"
+        val = secret_value(value)
+        icon = lock_icon
+        css_class = "ultra-settings-icon-secret"
       else
-        "Value: #{display_value(value)}"
+        val = display_value(value)
+        icon = eye_icon
+        css_class = "ultra-settings-icon-info"
       end
-      "<dfn style=\"text-decoration: underline dotted;\" title=\"#{html_escape(title)}\">#{html_escape(label)}</dfn>"
+
+      <<~HTML
+        <dfn class="#{css_class}" title="#{html_escape(val)}" onclick="#{html_escape(open_dialog_script)}" data-label="#{html_escape(label)}">
+          #{icon}
+        </dfn>
+      HTML
     end
 
     def secret_value(value)
@@ -68,5 +93,69 @@ module UltraSettings
       end
       path.relative_path_from(root_path)
     end
+
+    def info_icon(size = 16)
+      <<~HTML
+        <svg width="#{size}" height="#{size}" fill="currentColor" viewBox="0 0 16 16">
+          <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
+          <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>
+        </svg>
+      HTML
+    end
+
+    def not_set_icon(size = 16)
+      <<~HTML
+        <svg width="#{size}" height="#{size}" fill="currentColor" viewBox="0 0 16 16">
+          <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
+          <path d="M11.354 4.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708"/>
+        </svg>
+      HTML
+    end
+
+    def lock_icon(size = 16)
+      <<~HTML
+        <svg width="#{size}" height="#{size}" fill="currentColor" viewBox="0 0 16 16">
+          <path fill-rule="evenodd" d="M8 0a4 4 0 0 1 4 4v2.05a2.5 2.5 0 0 1 2 2.45v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 13.5v-5a2.5 2.5 0 0 1 2-2.45V4a4 4 0 0 1 4-4m0 1a3 3 0 0 0-3 3v2h6V4a3 3 0 0 0-3-3"/>
+        </svg>
+      HTML
+    end
+
+    def edit_icon(size = 16)
+      <<~HTML
+        <svg width="#{size}" height="#{size}" fill="currentColor" viewBox="0 0 16 16">
+          <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
+          <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z"/>
+        </svg>
+      HTML
+    end
+
+    def eye_icon(size = 16)
+      <<~HTML
+        <svg width="#{size}" height="#{size}" fill="currentColor" viewBox="0 0 16 16">
+          <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z"/>
+          <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"/>
+        </svg>
+      HTML
+    end
+
+    def close_icon(size = 16)
+      <<~HTML
+        <svg width="#{size}" height="#{size}" fill="currentColor" viewBox="0 0 16 16">
+          <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
+          <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
+        </svg>
+      HTML
+    end
+
+    private
+
+    def open_dialog_script
+      <<~JAVASCRIPT.gsub(/\s+/, " ").tr('"', "'")
+        this.closest('.ultra-settings-configuration').querySelector('.ultra-settings-dialog-title').textContent = this.dataset.label;
+        this.closest('.ultra-settings-configuration').querySelector('.ultra-settings-dialog-value').textContent = this.title;
+        this.closest('.ultra-settings-configuration').querySelector('.ultra-settings-dialog').showModal();
+        this.closest('.ultra-settings-configuration').querySelector('.ultra-settings-dialog-close').blur();
+      JAVASCRIPT
+    end
   end
 end

data/lib/ultra_settings/field.rb

@@ -118,6 +118,7 @@ module UltraSettings
     end
 
     def runtime_setting_value(settings)
+      return nil if static? || (secret? && !UltraSettings.runtime_settings_secure?)
       return nil unless settings && runtime_setting
 
       if type == :array && settings.respond_to?(:array)

data/lib/ultra_settings/rack_app.rb

@@ -5,11 +5,18 @@ module UltraSettings
   # No setting values are displayed, but you should still add some
   # sort of authentication if you want to use this in production.
   class RackApp
+    # Initialize a new Rack application for displaying settings.
+    #
+    # @param color_scheme [Symbol, nil] The color scheme to use in the UI (:light, :dark, or :system).
     def initialize(color_scheme: nil)
       @webview = nil
       @color_scheme = color_scheme
     end
 
+    # Handle Rack requests and return the settings HTML page.
+    #
+    # @param env [Hash] The Rack environment.
+    # @return [Array] A Rack response array [status, headers, body].
     def call(env)
       [200, {"content-type" => "text/html; charset=utf8"}, [webview.render_settings]]
     end

data/lib/ultra_settings/uninitialized_runtime_settings.rb

@@ -3,26 +3,31 @@
 module UltraSettings
   # This class is used to represent runtime settings that have not been initialized yet.
   # You can use this to protect your application from accidentally accessing runtime settings
-  # before they are initialized. Doing this can cquse unexpected behavior if the runtime settings
-  # engine has not yet been initialized. For instance, if your runtime settings enging reads from
+  # before they are initialized. Doing this can cause unexpected behavior if the runtime settings
+  # engine has not yet been initialized. For instance, if your runtime settings engine reads from
   # a database it would not be available until the database connection is established.
   #
-  # The intention of this class is to set it a the runtime settings at the beginning of initialization
+  # The intention of this class is to set it as the runtime settings at the beginning of initialization
   # and then set the actual runtime settings engine after the initialization is complete. It will
   # act as a guard to prevent invalid runtime settings backed configurations from being used during
   # initialization.
   #
   # @example
   #
-  # UltraSettings.runtime_settings = UltraSettings::UninitializedRuntimeSettings
-  # ActiveSupport.on_load(:active_record) do
-  #   UltraSettings.runtime_settings = SuperSettings
-  # end
+  #   UltraSettings.runtime_settings = UltraSettings::UninitializedRuntimeSettings
+  #   ActiveSupport.on_load(:active_record) do
+  #     UltraSettings.runtime_settings = SuperSettings
+  #   end
   class UninitializedRuntimeSettings
     class Error < StandardError
     end
 
     class << self
+      # Raises an error when attempting to access runtime settings during initialization.
+      #
+      # @param key [String] The key being accessed.
+      # @return [void]
+      # @raise [Error] Always raises an error to prevent access during initialization.
       def [](key)
         raise Error.new("Attempt to call runtime setting #{key} during initialization")
       end

data/lib/ultra_settings/view_helper.rb

@@ -6,14 +6,25 @@ module UltraSettings
     @cache = {}
 
     class << self
+      # Get an ERB template for rendering.
+      #
+      # @param path [String] The path to the template file.
+      # @return [ERB] The compiled ERB template.
       def erb_template(path)
         @cache["erb:#{path}"] ||= ERB.new(read_app_file(path))
       end
 
+      # Read a file from the app directory.
+      #
+      # @param path [String] The path to the file relative to the app directory.
+      # @return [String] The contents of the file.
       def read_app_file(path)
         @cache["file:#{path}"] ||= File.read(File.join(app_dir, path))
       end
 
+      # Get the app directory path.
+      #
+      # @return [String] The absolute path to the app directory.
       def app_dir
         File.expand_path(File.join("..", "..", "app"), __dir__)
       end

data/lib/ultra_settings/web_view.rb

@@ -5,18 +5,26 @@ module UltraSettings
   class WebView
     attr_reader :layout_css
 
+    # Initialize a new WebView with the specified color scheme.
+    #
     # @param color_scheme [Symbol] The color scheme to use in the UI. This can be `:light`,
-    #  `:dark`, or `:system`. The default is `:light`.
+    #   `:dark`, or `:system`. The default is `:light`.
     def initialize(color_scheme: :light)
       @color_scheme = (color_scheme || :light).to_sym
       @layout_template = ViewHelper.erb_template("layout.html.erb")
       @layout_css = scheme_layout_css(@color_scheme)
     end
 
+    # Render the complete settings page HTML.
+    #
+    # @return [String] The rendered HTML page.
     def render_settings
       @layout_template.result(binding)
     end
 
+    # Get the content for the settings page.
+    #
+    # @return [String] The HTML content for the settings.
     def content
       UltraSettings::ApplicationView.new(color_scheme: @color_scheme).render
     end

data/lib/ultra_settings/yaml_config.rb

@@ -33,11 +33,18 @@ module UltraSettings
   # In addition, the keys are flattened into a one level deep hash with dots
   # separating the keys.
   class YamlConfig
+    # Initialize a YAML configuration loader.
+    #
+    # @param path [String, Pathname] The path to the YAML configuration file.
+    # @param environment [String] The environment section to load from the YAML file.
     def initialize(path, environment)
       yaml = load_yaml(path)
       @config = environment_config(yaml, environment)
     end
 
+    # Convert the loaded configuration to a hash.
+    #
+    # @return [Hash] The flattened configuration hash.
     def to_h
       @config
     end

data/lib/ultra_settings.rb

@@ -38,6 +38,7 @@ module UltraSettings
   @mutex = Mutex.new
   @runtime_settings = nil
   @runtime_settings_url = nil
+  @runtime_settings_secure = true
 
   class << self
     # Adds a configuration to the root namespace. The configuration will be
@@ -111,6 +112,7 @@ module UltraSettings
     # Defaults to "development".
     #
     # @param value [String] The environment name to use.
+    # @return [void]
     def yaml_config_env=(value)
       Configuration.yaml_config_env = value
     end
@@ -128,6 +130,7 @@ module UltraSettings
     # this is a period.
     #
     # @param value [String] The delimiter to use.
+    # @return [void]
     def runtime_setting_delimiter=(value)
       Configuration.runtime_setting_delimiter = value.to_s
     end
@@ -162,6 +165,9 @@ module UltraSettings
     # Set the object to use for runtime settings. This can be any object that
     # responds to the [] method. If you are using the `super_settings` gem,
     # you can set this to `SuperSettings`.
+    #
+    # @param value [#[]] The object to use for runtime settings.
+    # @return [void]
     attr_writer :runtime_settings
 
     # Get the object to use for runtime settings.
@@ -176,21 +182,46 @@ module UltraSettings
     # URL will be displayed in the web view for fields that support runtime settings.
     # The URL may contain a `${name}` placeholder that will be replaced with the name
     # of the setting.
+    #
+    # @param value [String] The URL for changing runtime settings.
+    # @return [void]
     attr_writer :runtime_settings_url
 
     # Get the URL for changing runtime settings.
     #
     # @param name [String] The name of the setting.
+    # @param type [String] The type of the setting.
+    # @param description [String] The description of the setting.
     # @return [String, nil]
     # @api private
-    def runtime_settings_url(name, type)
+    def runtime_settings_url(name: nil, type: nil, description: nil)
       url = @runtime_settings_url.to_s
       return nil if url.empty?
 
-      url = url.gsub("${name}", URI.encode_www_form_component(name.to_s))
-      url.gsub("${type}", URI.encode_www_form_component(type.to_s))
+      url.gsub("${name}", URI.encode_www_form_component(name.to_s))
+        .gsub("${type}", URI.encode_www_form_component(type.to_s))
+        .gsub("${description}", URI.encode_www_form_component(description.to_s))
+    end
+
+    # Set whether or not the runtime settings engine is considered secure. If this is set
+    # to false, then runtime settings will be disabled for all fields marked as secret.
+    # The default value is true.
+    #
+    # @param value [Boolean] Whether the runtime settings engine is secure.
+    # @return [void]
+    attr_writer :runtime_settings_secure
+
+    # Check if the runtime settings engine is considered secure.
+    #
+    # @return [Boolean]
+    def runtime_settings_secure?
+      @runtime_settings_secure
     end
 
+    # Set whether fields should be considered secret by default.
+    #
+    # @param value [Boolean] Whether fields should be secret by default.
+    # @return [void]
     def fields_secret_by_default=(value)
       Configuration.fields_secret_by_default = value
     end
@@ -245,6 +276,7 @@ module UltraSettings
           unless klass < Configuration
             raise TypeError.new("Configuration class #{class_name} does not inherit from UltraSettings::Configuration")
           end
+
           @configurations[name] = klass
         end
       end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ultra_settings
 version: !ruby/object:Gem::Version
-  version: 2.6.0
+  version: 2.7.0
 platform: ruby
 authors:
 - Brian Durand
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-22 00:00:00.000000000 Z
+date: 2025-09-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler