feat(settings): expose name on setting creation

Author: feildmaster

changelog.md

@@ -1,6 +1,6 @@
 # UnderScript Changelog
 
-## Version 0.60.0 (2025-03-15)
+## Version 0.60.1 (2025-03-15)
 The great plugin (& bug fix) update
 ### Fixes
 1. Deck Storage now translates card names
@@ -14,6 +14,10 @@ The great plugin (& bug fix) update
 1. Added `map` setting type
 1. Allow event listeners to be turned off
 1. Renamed event `:loaded` to `:preload`
+1. Added `name` to setting creation
+
+## Version 0.60.0 (2025-03-15)
+- See v0.60.1
 
 ## Version 0.59.0 (2025-01-31)
 New release for a new year. Enjoy~

src/utils/settings/index.js

@@ -89,6 +89,7 @@ function createSetting(setting = defaultSetting) {
   events.emit(`create:${key}`);
   ret.addClass(getCSSName(type.name));
   const container = $(`<div>`).addClass('flex-stretch');
+  const name = translateText(setting.name);
   const el = $(type.element(setting.value, (...args) => {
     if (!updateLock) updateLock = setting;
     setting.update(...args);
@@ -97,6 +98,7 @@ function createSetting(setting = defaultSetting) {
     data: setting.data,
     remove: setting.remove,
     container,
+    name,
     key,
     removeSetting() {
       removeSetting(setting, el);
@@ -106,7 +108,7 @@ function createSetting(setting = defaultSetting) {
     id: key,
   });
 
-  const label = $(`<label for="${key}">`).html(translateText(setting.name));
+  const label = $(`<label for="${key}">`).html(name);
   const labelPlacement = type.labelFirst();
   if (labelPlacement) {
     ret.append(label, ' ', el);
@@ -140,6 +142,7 @@ function createSetting(setting = defaultSetting) {
     // TODO: reset is technically dynamic
     el.prop('disabled', setting.disabled);
     label.toggleClass('disabled', setting.disabled);
+    label.html(translateText(setting.name)); // Name is dynamic...
   }
   refresh();
   untilClose(`refresh:${key}`, refresh, `create:${key}`);