Extract reusable settings UI

Move the Commonwealth Online settings screen into a shared module with its own data, styles, and controller API. The pause menu now mounts the reusable component, keeps the prompt bar behavior consistent, and animates the panel open/close with a subtler transition.
2026-07-05 21:30:52 +12:00
parent 1af6bbd3d2
commit 8acdb4f555
8 changed files with 1359 additions and 1217 deletions
@@ -0,0 +1,172 @@
+(function () {
+  "use strict";
+
+  /**
+   * Default multiplayer settings schema for Commonwealth Online.
+   * Host views can pass a custom copy via CO_Settings.create({ settingsData }).
+   */
+  window.CO_SettingsData = [
+    {
+      section: "PROFILE",
+      items: [
+        {
+          key: "profile.displayName",
+          label: "Display Name",
+          type: "text",
+          value: "LoneWanderer",
+          description: "The name other players see in Commonwealth Online."
+        },
+        {
+          key: "profile.onlineStatus",
+          label: "Online Status",
+          type: "select",
+          value: "Friends",
+          options: ["Everyone", "Friends", "Nobody"],
+          description: "Who can see when you are online."
+        },
+        {
+          key: "profile.allowFriendJoin",
+          label: "Allow Friend Join",
+          type: "select",
+          value: "Ask First",
+          options: ["Always", "Ask First", "Never"],
+          description: "How friends may join your current session."
+        },
+        {
+          key: "profile.showLocationToFriends",
+          label: "Show Location To Friends",
+          type: "toggle",
+          value: true,
+          description: "Share your current cell or region with friends."
+        }
+      ]
+    },
+    {
+      section: "VOICE CHAT",
+      items: [
+        {
+          key: "voice.voiceChat",
+          label: "Voice Chat",
+          type: "toggle",
+          value: true,
+          description: "Enable voice chat with other players."
+        },
+        {
+          key: "voice.pushToTalk",
+          label: "Push To Talk",
+          type: "toggle",
+          value: true,
+          description: "Require a key hold to transmit voice chat."
+        },
+        {
+          key: "voice.pushToTalkKey",
+          label: "Push To Talk Key",
+          type: "keybind",
+          value: "V",
+          description: "Key used for push-to-talk voice chat."
+        },
+        {
+          key: "voice.voiceChatVolume",
+          label: "Voice Chat Volume",
+          type: "slider",
+          value: 85,
+          min: 0,
+          max: 100,
+          step: 5,
+          description: "Adjusts incoming voice chat volume."
+        },
+        {
+          key: "voice.mutePlayersByDefault",
+          label: "Mute Players By Default",
+          type: "toggle",
+          value: false,
+          description: "Start new sessions with other players muted."
+        }
+      ]
+    },
+    {
+      section: "MAP & SOCIAL",
+      items: [
+        {
+          key: "map.showPlayerMarkers",
+          label: "Show Player Markers",
+          type: "toggle",
+          value: true,
+          description: "Show other connected players on the world map."
+        },
+        {
+          key: "map.showFriendMarkers",
+          label: "Show Friend Markers",
+          type: "toggle",
+          value: true,
+          description: "Highlight friends with distinct map markers."
+        },
+        {
+          key: "map.showNameplates",
+          label: "Show Nameplates",
+          type: "toggle",
+          value: true,
+          description: "Show player nameplates above nearby remote players."
+        },
+        {
+          key: "map.mapMarkerSize",
+          label: "Map Marker Size",
+          type: "select",
+          value: "Medium",
+          options: ["Small", "Medium", "Large"],
+          description: "Size of player and friend markers on the map."
+        },
+        {
+          key: "map.friendRequests",
+          label: "Friend Requests",
+          type: "select",
+          value: "Everyone",
+          options: ["Everyone", "Friends of Friends", "Nobody"],
+          description: "Who can send you friend requests."
+        }
+      ]
+    },
+    {
+      section: "NETWORK",
+      items: [
+        {
+          key: "network.regionPreference",
+          label: "Region Preference",
+          type: "select",
+          value: "Auto",
+          options: ["Auto", "North America", "Europe", "Asia", "Oceania"],
+          description: "Preferred matchmaking region for public servers."
+        },
+        {
+          key: "network.networkSmoothing",
+          label: "Network Smoothing",
+          type: "toggle",
+          value: true,
+          description: "Smooth remote transforms when packets arrive late."
+        },
+        {
+          key: "network.interpolationQuality",
+          label: "Interpolation Quality",
+          type: "select",
+          value: "High",
+          options: ["Low", "Medium", "High"],
+          description: "Smoothness of remote player movement interpolation."
+        },
+        {
+          key: "network.showPing",
+          label: "Show Ping",
+          type: "toggle",
+          value: true,
+          description: "Display your current latency on the HUD."
+        },
+        {
+          key: "network.networkStatsOverlay",
+          label: "Network Stats Overlay",
+          type: "toggle",
+          value: false,
+          description: "Show packet and bandwidth stats for debugging."
+        }
+      ]
+    }
+  ];
+})();