Add PrismaUI HTML server browser & integration

Integrate a PrismaUI_F4-based HTML server browser and related tooling. Adds a ThirdParty submodule (framework-F4-Conversion), UI views (CommonwealthOnline browser HTML/JS/CSS), and multiple plugin headers/sources to bridge PrismaUI/Scaleform, handle menu input, and manage server browser data and actions (mock server list, join/connect flow). Key changes: - New build/deploy scripts: build-prismaui.bat, build-all.bat, deploy-all.bat, deploy-ui.bat and a PowerShell helper for linking the Ultralight SDK (ULTRALIGHT_SDK_PATH, default F:\\UltralightSDK). - Plugin additions: F4TPrismaUI, F4TScaleformUI, F4TServerBrowserBridge, F4TServerBrowserData, F4TMenuInput, F4TDebugOverlay and implementations to create/show/hide the HTML view, forward controller input, register Scaleform functions (openManager/closeManager), and push UI events. - Networking: add ConnectToServer(host,port) and keep ConnectToLocalServer() as wrapper; update connection logs and error handling. - Main menu SWF/AS updates: updated MainMenu.swf and MainMenu.as to call closeManager() when leaving multiplayer and to integrate open/close hooks. - Documentation: plugin/setup.md updated with PrismaUI build/deploy instructions. - Removed Main_ModManager.swf (deleted). Primary intent: provide an in-game HTML server browser (toggleable with F9 or Scaleform calls), wire up controller input, and add build/deploy workflow for PrismaUI/Ultralight so developers can build and deploy the UI and plugin together. Mock server data is used for now; network join/connect plumbing is provided for local/dev servers.
2026-06-08 14:02:49 +12:00
parent 2ced73f7b9
commit fe620020be
38 changed files with 3565 additions and 15 deletions
@@ -0,0 +1,60 @@
+(function () {
+  "use strict";
+
+  window.CO_ServerDetails = {
+    render: function (root, state) {
+      var el = root.querySelector(".co-details");
+      if (!el) return;
+
+      el.className = "co-details" + (state.focusZone === "details" ? " focused" : "");
+
+      var server = state.servers[state.selectedServerIndex];
+      if (!server) {
+        el.innerHTML = '<div class="co-details-title">Server Details</div><div class="co-empty">Select a server</div>';
+        return;
+      }
+
+      var rulesHtml = "";
+      if (server.rules && server.rules.length) {
+        rulesHtml = "<ul class=\"co-detail-rules\">" + server.rules.map(function (r) {
+          return "<li>" + escapeHtml(r) + "</li>";
+        }).join("") + "</ul>";
+      }
+
+      var previewHtml = server.previewImage
+        ? '<img src="' + escapeAttr(server.previewImage) + '" alt="Preview">'
+        : "Preview Unavailable";
+
+      el.innerHTML =
+        '<div class="co-details-title">Server Details</div>' +
+        '<div class="co-preview">' + previewHtml + "</div>" +
+        '<div class="co-detail-name">' + escapeHtml(server.name) + "</div>" +
+        detailRow("Region", server.region) +
+        detailRow("Players", server.players + "/" + server.maxPlayers) +
+        detailRow("Ping", server.ping + " ms") +
+        detailRow("Worldspace", server.worldspace) +
+        detailRow("Mode", server.mode) +
+        detailRow("Status", server.status) +
+        detailRow("Modded", server.modded ? "Yes" : "No") +
+        detailRow("Password", server.passworded ? "Required" : "None") +
+        '<div class="co-detail-desc">' + escapeHtml(server.description || "") + "</div>" +
+        rulesHtml +
+        '<div class="co-detail-desc" style="margin-top:8px;color:var(--co-text-dim)">Mod list: coming soon</div>';
+    }
+  };
+
+  function detailRow(label, value) {
+    return '<div class="co-detail-row"><span>' + label + '</span><span>' + escapeHtml(String(value)) + "</span></div>";
+  }
+
+  function escapeHtml(value) {
+    return String(value)
+      .replace(/&/g, "&amp;")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;");
+  }
+
+  function escapeAttr(value) {
+    return String(value).replace(/"/g, "&quot;");
+  }
+})();