finish all settings editor: allow for string / enum changing, allow for quick & easy url copy for setttings locked into it

refactor settings meta

Author: zardoy

src/defaultOptions.ts

@@ -202,3 +202,89 @@ export const serverSafeSettings: Partial<Record<keyof typeof defaultOptions, tru
   newVersionsLighting: true,
   showCursorBlockInSpectator: true,
 }
+export type OptionValueType = string | number | boolean | string[] | Record<string, any> | null
+
+export type OptionPossibleValues =
+  | string[]
+  | Array<[string, string]> // [value, label] tuples
+
+export type OptionMeta = {
+  possibleValues?: OptionPossibleValues
+  isCustomInput?: boolean // If true, use showInputsModal for string input
+  min?: number
+  max?: number
+  unit?: string
+  text?: string
+  tooltip?: string
+}
+
+export const optionsMeta: Partial<Record<keyof typeof defaultOptions, OptionMeta>> = {
+  gpuPreference: {
+    possibleValues: [['default', 'Auto'], ['high-performance', 'Dedicated'], ['low-power', 'Low Power']]
+  },
+  backgroundRendering: {
+    possibleValues: [
+      ['full', 'NO'],
+      ['5fps', '5 FPS'],
+      ['20fps', '20 FPS'],
+    ]
+  },
+  activeRenderer: {
+    possibleValues: [
+      ['threejs', 'Three.js (stable)'],
+    ]
+  },
+  renderDebug: {
+    possibleValues: ['advanced', 'basic', 'none']
+  },
+  serverResourcePacks: {
+    possibleValues: ['prompt', 'always', 'never']
+  },
+  showMinimap: {
+    possibleValues: ['always', 'singleplayer', 'never']
+  },
+  highlightBlockColor: {
+    possibleValues: [
+      ['auto', 'Auto'],
+      ['blue', 'Blue'],
+      ['classic', 'Classic']
+    ]
+  },
+  wysiwygSignEditor: {
+    possibleValues: ['auto', 'always', 'never']
+  },
+  touchMovementType: {
+    possibleValues: [['modern', 'Modern'], ['classic', 'Classic']]
+  },
+  touchInteractionType: {
+    possibleValues: [['classic', 'Classic'], ['buttons', 'Buttons']]
+  },
+  autoJump: {
+    possibleValues: ['always', 'auto', 'never']
+  },
+  saveLoginPassword: {
+    possibleValues: ['prompt', 'always', 'never']
+  },
+  packetsLoggerPreset: {
+    possibleValues: [
+      ['all', 'All'],
+      ['no-buffers', 'No Buffers']
+    ]
+  },
+  // Custom string inputs (will use showInputsModal)
+  localUsername: {
+    isCustomInput: true
+  },
+  guestUsername: {
+    isCustomInput: true
+  },
+  language: {
+    isCustomInput: true
+  },
+  enabledResourcepack: {
+    isCustomInput: true
+  },
+  useVersionsTextures: {
+    isCustomInput: true
+  }
+}

src/optionsGuiScheme.tsx

@@ -56,7 +56,6 @@ export const guiOptionsScheme: {
       gpuPreference: {
         text: 'GPU Preference',
         tooltip: 'You will need to reload the page for this to take effect.',
-        values: [['default', 'Auto'], ['high-performance', 'Dedicated'], ['low-power', 'Low Power']]
       },
     },
     {
@@ -65,17 +64,9 @@ export const guiOptionsScheme: {
       },
       backgroundRendering: {
         text: 'Background FPS limit',
-        values: [
-          ['full', 'NO'],
-          ['5fps', '5 FPS'],
-          ['20fps', '20 FPS'],
-        ],
       },
       activeRenderer: {
         text: 'Renderer',
-        values: [
-          ['threejs', 'Three.js (stable)'],
-        ],
       },
     },
     {
@@ -104,11 +95,6 @@ export const guiOptionsScheme: {
         tooltip: 'Enable rendering Deadmau5 ears for all players if their skin contains textures for it',
       },
       renderDebug: {
-        values: [
-          'advanced',
-          'basic',
-          'none'
-        ],
       },
       rendererPerfDebugOverlay: {
         text: 'Performance Debug',
@@ -135,11 +121,6 @@ export const guiOptionsScheme: {
       },
       serverResourcePacks: {
         text: 'Download From Server',
-        values: [
-          'prompt',
-          'always',
-          'never'
-        ],
       }
     }
   ],
@@ -302,11 +283,6 @@ export const guiOptionsScheme: {
       showMinimap: {
         text: 'Enable Minimap',
         enableWarning: 'App reload is required to apply this setting',
-        values: [
-          'always',
-          'singleplayer',
-          'never'
-        ],
       },
     },
     {
@@ -315,11 +291,6 @@ export const guiOptionsScheme: {
       },
       highlightBlockColor: {
         text: 'Block Highlight Color',
-        values: [
-          ['auto', 'Auto'],
-          ['blue', 'Blue'],
-          ['classic', 'Classic']
-        ],
       },
       showHand: {
         text: 'Show Hand',
@@ -337,11 +308,6 @@ export const guiOptionsScheme: {
       },
       wysiwygSignEditor: {
         text: 'WYSIWG Editor',
-        values: [
-          'auto',
-          'always',
-          'never'
-        ],
       },
     },
     {
@@ -456,11 +422,9 @@ export const guiOptionsScheme: {
       },
       touchMovementType: {
         text: 'Movement Controls',
-        values: [['modern', 'Modern'], ['classic', 'Classic']],
       },
       touchInteractionType: {
         text: 'Interaction Controls',
-        values: [['classic', 'Classic'], ['buttons', 'Buttons']],
       },
     },
     {
@@ -474,11 +438,6 @@ export const guiOptionsScheme: {
         return <Category>Auto Jump</Category>
       },
       autoJump: {
-        values: [
-          'always',
-          'auto',
-          'never'
-        ],
         disableIf: [
           'autoParkour',
           true
@@ -580,11 +539,6 @@ export const guiOptionsScheme: {
     {
       saveLoginPassword: {
         tooltip: 'Controls whether to save login passwords for servers in this browser memory.',
-        values: [
-          'prompt',
-          'always',
-          'never'
-        ]
       },
     },
     {
@@ -656,10 +610,6 @@ export const guiOptionsScheme: {
     {
       packetsLoggerPreset: {
         text: 'Packets Logger Preset',
-        values: [
-          ['all', 'All'],
-          ['no-buffers', 'No Buffers']
-        ],
       },
     },
     {