feat: Initial VersionInfo component

Co-authored-by: AWildErin <[email protected]>

layout/components/version-info.xml

@@ -0,0 +1,17 @@
+<root>
+	<styles>
+		<include src="file://{resources}/styles/components/version-info.scss" />
+	</styles>
+	<scripts>
+		<include src="file://{resources}/scripts/components/version-info.js" />
+	</scripts>
+
+	<Panel class="VersionInfo" onload="VersionInfo.update()">
+		<Label class="VersionInfoText" text="{s:graphics}" />
+		<Label class="VersionInfoText" text="{s:version}" />
+		<Label class="VersionInfoText" text="{s:branch}" />
+		<Label class="VersionInfoText" text="{s:platform}" />
+		<Label class="VersionInfoText" text="{s:physics}" />
+	</Panel>
+</root>
+

scripts/components/version-info.js

@@ -0,0 +1,25 @@
+'use strict';
+
+class VersionInfo {
+	static {
+		$.GetContextPanel().jsClass = this;
+	}
+
+	static update() {
+		const cp = $.GetContextPanel();
+
+		const graphics = VersionAPI.GetGraphicsAPI();
+		const version = VersionAPI.GetVersion();
+		const branch = VersionAPI.GetBranch();
+		const platform = VersionAPI.GetPlatform();
+		const physics = VersionAPI.GetPhysicsEngine();
+
+		// Set the dialog variables so this can be used in label
+		cp.SetDialogVariable("graphics", graphics);
+		cp.SetDialogVariable("version", version);
+		cp.SetDialogVariable("branch", branch);
+		cp.SetDialogVariable("platform", platform);
+		cp.SetDialogVariable("physics", physics);
+	}
+}
+

scripts/util/panel-registration.js

@@ -5,3 +5,4 @@
 //--------------------------------------------------------------------------------------------------
 
 UiToolkitAPI.RegisterPanel2d('LineGraph', 'file://{resources}/layout/components/graphs/line-graph.xml');
+UiToolkitAPI.RegisterPanel2d('VersionInfo', 'file://{resources}/layout/components/version-info.xml');

styles/components/version-info.scss

@@ -0,0 +1,9 @@
+.VersionInfo {
+	flow-children: down;
+
+	.VersionInfoText {
+		font-size: 18px;
+	}
+
+	color: black;
+}