feat: stubbed in various unreal pages

Author: zaucy

src/app/start/start.component.html

@@ -45,7 +45,10 @@
 		</ecsact-sidenav-section>
 		<ecsact-sidenav-section title="Unreal Engine">
 			<a routerLink="/start/unreal" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">Setup</a>
+			<a routerLink="/start/unreal/runtime" routerLinkActive="active">Runtime</a>
 			<a routerLink="/start/unreal/codegen" routerLinkActive="active">Codegen</a>
+			<a routerLink="/start/unreal/runner" routerLinkActive="active">Runner</a>
+			<a routerLink="/start/unreal/subsystems" routerLinkActive="active">Subsystems</a>
 		</ecsact-sidenav-section>
 		<ecsact-sidenav-section title="Godot">
 			<a routerLink="/start/godot" routerLinkActive="active"

src/app/start/unreal/BUILD.bazel

@@ -11,6 +11,9 @@ ng_project(
     ],
     deps = [
         "//src/app/start/unreal/codegen",
+        "//src/app/start/unreal/runtime",
+        "//src/app/start/unreal/runner",
+        "//src/app/start/unreal/subsystems",
         "//:node_modules/@angular/common",
         "//:node_modules/@angular/core",
         "//:node_modules/@angular/router",

src/app/start/unreal/runner/BUILD.bazel

@@ -0,0 +1,18 @@
+load("//tools:ng.bzl", "ng_project")
+
+package(default_visibility = ["//:__subpackages__"])
+
+ng_project(
+    name = "runner",
+    srcs = [
+        "unreal-runner.component.html",
+        "unreal-runner.component.ts",
+    ],
+    deps = [
+        "//:node_modules/@angular/common",
+        "//:node_modules/@angular/core",
+        "//:node_modules/@angular/router",
+        "//src/components/code-block-variation",
+        "//src/components/prism",
+    ],
+)

src/app/start/unreal/runner/unreal-runner.component.html

@@ -0,0 +1,3 @@
+<article>
+	<h1>Ecsact Runner</h1>
+</article>

src/app/start/unreal/runner/unreal-runner.component.ts

@@ -0,0 +1,15 @@
+import {Component, OnInit, ChangeDetectionStrategy} from '@angular/core';
+import {RouterLink} from '@angular/router';
+import {PrismComponent} from '../../../../components/prism/prism.component';
+
+@Component({
+	templateUrl: './unreal-runner.component.html',
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	standalone: true,
+	imports: [RouterLink, PrismComponent],
+})
+export class UnrealRunnerComponent implements OnInit {
+	constructor() {}
+
+	ngOnInit(): void {}
+}

src/app/start/unreal/runtime/BUILD.bazel

@@ -0,0 +1,18 @@
+load("//tools:ng.bzl", "ng_project")
+
+package(default_visibility = ["//:__subpackages__"])
+
+ng_project(
+    name = "runtime",
+    srcs = [
+        "unreal-runtime.component.html",
+        "unreal-runtime.component.ts",
+    ],
+    deps = [
+        "//:node_modules/@angular/common",
+        "//:node_modules/@angular/core",
+        "//:node_modules/@angular/router",
+        "//src/components/code-block-variation",
+        "//src/components/prism",
+    ],
+)

src/app/start/unreal/runtime/unreal-runtime.component.html

@@ -0,0 +1,6 @@
+<article>
+	<h1>Ecsact Runtime access</h1>
+	<section>
+		
+	</section>
+</article>

src/app/start/unreal/runtime/unreal-runtime.component.ts

@@ -0,0 +1,15 @@
+import {Component, OnInit, ChangeDetectionStrategy} from '@angular/core';
+import {RouterLink} from '@angular/router';
+import {PrismComponent} from '../../../../components/prism/prism.component';
+
+@Component({
+	templateUrl: './unreal-runtime.component.html',
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	standalone: true,
+	imports: [RouterLink, PrismComponent],
+})
+export class UnrealRuntimeComponent implements OnInit {
+	constructor() {}
+
+	ngOnInit(): void {}
+}

src/app/start/unreal/start-unreal-routing.module.ts

@@ -16,6 +16,30 @@ const routes: Routes = [
 				m => m.UnrealCodegenComponent,
 			),
 	},
+	{
+		path: 'runner',
+		pathMatch: 'full',
+		loadComponent: () =>
+			import('./runner/unreal-runner.component').then(
+				m => m.UnrealRunnerComponent,
+			),
+	},
+	{
+		path: 'runtime',
+		pathMatch: 'full',
+		loadComponent: () =>
+			import('./runtime/unreal-runtime.component').then(
+				m => m.UnrealRuntimeComponent,
+			),
+	},
+	{
+		path: 'subsystems',
+		pathMatch: 'full',
+		loadComponent: () =>
+			import('./subsystems/unreal-subsystems.component').then(
+				m => m.UnrealSubsystemsComponent,
+			),
+	},
 ];
 
 @NgModule({

src/app/start/unreal/start-unreal.component.html

@@ -67,7 +67,7 @@ <h2 id="ecsact-unreal-plugin-features">Ecsact Unreal Plugin Features</h2>
 			</a>
 			<a
 				class="aspect-video rounded-lg shadow-lg border border-transparent hover:border-secondary transition-colors bg-content-bg py-4 px-8"
-				routerLink="/start/unreal/runner-subsystems">
+				routerLink="/start/unreal/subsystems">
 				<div>Ecsact Runner Subsystems</div>
 				<div>TODO</div>
 			</a>