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,55 @@
+(function () {
+  "use strict";
+
+  window.CO_DirectConnect = {
+    render: function (root, state) {
+      var pane = root.querySelector('[data-pane="direct-connect"]');
+      if (!pane) return;
+
+      var address = state.directConnect.address || "127.0.0.1";
+      var port = state.directConnect.port || "7777";
+
+      pane.innerHTML =
+        '<div class="co-direct-connect">' +
+        "<h2>Direct Connect</h2>" +
+        '<div class="co-direct-row">' +
+        '<label for="co-dc-address">Server Address</label>' +
+        '<input class="co-filter-input" id="co-dc-address" type="text" value="' + escapeAttr(address) + '">' +
+        "</div>" +
+        '<div class="co-direct-row">' +
+        '<label for="co-dc-port">Port</label>' +
+        '<input class="co-filter-input" id="co-dc-port" type="text" value="' + escapeAttr(port) + '">' +
+        "</div>" +
+        '<button type="button" class="co-btn co-dc-connect">Connect</button>' +
+        '<p class="co-detail-desc" style="margin-top:16px">Enter a server address to connect directly without browsing the list.</p>' +
+        "</div>";
+    },
+
+    bind: function (root, onConnect) {
+      var pane = root.querySelector('[data-pane="direct-connect"]');
+      if (!pane) return;
+
+      pane.addEventListener("click", function (e) {
+        if (!e.target.closest(".co-dc-connect")) return;
+        var address = pane.querySelector("#co-dc-address");
+        var port = pane.querySelector("#co-dc-port");
+        onConnect(address ? address.value : "", port ? port.value : "");
+      });
+    },
+
+    getValues: function (root) {
+      var pane = root.querySelector('[data-pane="direct-connect"]');
+      if (!pane) return { address: "127.0.0.1", port: "7777" };
+      var address = pane.querySelector("#co-dc-address");
+      var port = pane.querySelector("#co-dc-port");
+      return {
+        address: address ? address.value : "127.0.0.1",
+        port: port ? port.value : "7777"
+      };
+    }
+  };
+
+  function escapeAttr(value) {
+    return String(value).replace(/"/g, "&quot;");
+  }
+})();