Next

package.json

@@ -13,8 +13,9 @@
     "prestart": "npm run gen-force-name-words",
     "start": "ng serve --host 0.0.0.0",
     "build": "npm run prerun && ng build --configuration=production",
+    "postbuild": "node scripts/generate-seo-pages.js",
     "build:next": "npm run prerun && ng build --configuration=next",
-    "test:ratgenerator": "tsx scripts/ratgenerator_build_table.test.ts",
+    "postbuild:next": "npm run postbuild",
     "test:force-name-words": "tsx scripts/generate-force-name-words.test.ts",
     "test:unit-report-oracles": "tsx scripts/unit-report-oracles.test.ts",
     "test:unit-diagnostics": "tsx scripts/unit-diagnostics.test.ts",

public/manifest.webmanifest

@@ -1,8 +1,8 @@
 {
   "lang": "en-US",
-  "name": "MekBay",
+  "name": "MekBay: BattleTech Force Builder",
   "short_name": "MekBay",
-  "description": "A web-based application for managing forces and viewing record sheets.",
+  "description": "Build and manage BattleTech forces for Classic and Alpha Strike with interactive or printable record sheets.",
   "theme_color": "#292929",
   "background_color": "#292929",
   "display": "standalone",
@@ -34,4 +34,4 @@
     "launch_handler": {
       "client_mode": "auto"
     }
-}
+}

public/privacy.html

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>MekBay Privacy Policy</title>
     <meta name="description" content="Privacy Policy for the hosted MekBay service.">
+    <meta name="robots" content="noindex, follow">
     <link rel="icon" href="/favicon.ico">
     <link rel="stylesheet" href="/legal.css">
 </head>
@@ -125,4 +126,4 @@ <h2>Contact</h2>
         <p class="fine-print">MekBay is a fan-made project and is not affiliated with Catalyst Game Labs, The Topps Company, Inc., or Microsoft.</p>
     </main>
 </body>
-</html>
+</html>

public/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://mekbay.com/sitemap.xml

public/sitemap.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://mekbay.com/</loc>
+  </url>
+  <url>
+    <loc>https://mekbay.com/forcegenerator</loc>
+  </url>
+  <url>
+    <loc>https://mekbay.com/?expanded=true</loc>
+  </url>
+</urlset>

public/terms.html

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>MekBay Terms of Service</title>
     <meta name="description" content="Terms of Service for the hosted MekBay service.">
+    <meta name="robots" content="noindex, follow">
     <link rel="icon" href="/favicon.ico">
     <link rel="stylesheet" href="/legal.css">
 </head>
@@ -123,4 +124,4 @@ <h2>Contact</h2>
         <p class="fine-print">MekBay is a fan-made project and is not affiliated with Catalyst Game Labs, The Topps Company, Inc., or Microsoft.</p>
     </main>
 </body>
-</html>
+</html>

scripts/generate-seo-pages.js

@@ -0,0 +1,59 @@
+// Copyright (C) 2026 The MegaMek Team
+// SPDX-License-Identifier: GPL-3.0-or-later
+// Author: Drake
+
+const fs = require('node:fs');
+const path = require('node:path');
+
+const outputDirectory = path.resolve(__dirname, '..', 'dist', 'browser');
+const indexPath = path.join(outputDirectory, 'index.html');
+
+function replaceRequired(html, pattern, replacement, label, pageName) {
+    if (!pattern.test(html)) {
+        throw new Error(`Could not generate ${pageName} SEO page: ${label} was not found in index.html.`);
+    }
+    return html.replace(pattern, replacement);
+}
+
+const sourceHtml = fs.readFileSync(indexPath, 'utf8');
+const pages = [
+    {
+        outputFile: 'forcegenerator.html',
+        pageName: 'Force Generator',
+        schemaName: 'MekBay BattleTech Force Generator',
+        title: 'BattleTech Force Generator | MekBay',
+        description: 'Generate balanced BattleTech forces for Classic and Alpha Strike by faction, era, unit type, Battle Value, or Point Value.',
+        canonicalUrl: 'https://mekbay.com/forcegenerator',
+    },
+    {
+        outputFile: 'search.html',
+        pageName: 'Unit Search',
+        schemaName: 'MekBay BattleTech Unit Search',
+        title: 'BattleTech Unit Search | MekBay',
+        description: 'Search and compare BattleTech units for Classic and Alpha Strike by name, faction, era, role, Battle Value, Point Value, and more.',
+        canonicalUrl: 'https://mekbay.com/?expanded=true',
+    },
+];
+
+function generateSeoPage(page) {
+    let html = sourceHtml;
+    html = replaceRequired(html, /<title>[^<]*<\/title>/, `<title>${page.title}</title>`, 'title', page.pageName);
+    html = replaceRequired(html, /<link rel="canonical" href="[^"]*"\s*\/?>/, `<link rel="canonical" href="${page.canonicalUrl}">`, 'canonical link', page.pageName);
+    html = replaceRequired(html, /<meta name="description" content="[^"]*"\s*\/?>/, `<meta name="description" content="${page.description}">`, 'description', page.pageName);
+    html = replaceRequired(html, /<meta property="og:title" content="[^"]*"\s*\/?>/, `<meta property="og:title" content="${page.title}">`, 'Open Graph title', page.pageName);
+    html = replaceRequired(html, /<meta property="og:description" content="[^"]*"\s*\/?>/, `<meta property="og:description" content="${page.description}">`, 'Open Graph description', page.pageName);
+    html = replaceRequired(html, /<meta property="og:url" content="[^"]*"\s*\/?>/, `<meta property="og:url" content="${page.canonicalUrl}">`, 'Open Graph URL', page.pageName);
+    html = replaceRequired(html, /<meta name="twitter:title" content="[^"]*"\s*\/?>/, `<meta name="twitter:title" content="${page.title}">`, 'Twitter title', page.pageName);
+    html = replaceRequired(html, /<meta name="twitter:description" content="[^"]*"\s*\/?>/, `<meta name="twitter:description" content="${page.description}">`, 'Twitter description', page.pageName);
+    html = replaceRequired(html, /"name": "MekBay",/, `"name": "${page.schemaName}",`, 'structured-data name', page.pageName);
+    html = replaceRequired(html, /"url": "https:\/\/mekbay\.com\/",/, `"url": "${page.canonicalUrl}",`, 'structured-data URL', page.pageName);
+    html = replaceRequired(html, /"description": "[^"]*",/, `"description": "${page.description}",`, 'structured-data description', page.pageName);
+
+    const outputPath = path.join(outputDirectory, page.outputFile);
+    fs.writeFileSync(outputPath, html);
+    console.log(`Generated ${path.relative(process.cwd(), outputPath)}`);
+}
+
+for (const page of pages) {
+    generateSeoPage(page);
+}

scripts/lib/bfs-generation.ts

@@ -257,7 +257,7 @@ export function renderBfsGenerationReport(files: readonly PlannedBfsFile[], aero
         `- Supported definitions: **${files.length}** (${files.length - existing} new, ${existing} existing)`,
         `- Linked MTF/BLK definitions: **${linked}**`,
         `- Standalone emplacements: **${files.length - linked}**`,
-        `- skipped Aerospace: **${aerospace.length}**`,
+        `- Aerospace rows blocked: **${aerospace.length}**`,
         '',
         '## Generated definitions',
         '',

src/app/app.html

@@ -30,12 +30,12 @@
                         </a>
                     </div>
                     <div class="right home-actions">
-                        <button type="button" class="home-button home-action-button" (click)="showForceGeneratorDialog()" aria-label="Force Generator">
+                        <a class="home-button home-action-button" routerLink="/forcegenerator" queryParamsHandling="preserve" aria-label="Force Generator">
                             <svg fill="currentColor" width="32px" height="32px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                 <path d="M30.8,2.29A.49.49,0,0,0,30.35,2H16.42a.5.5,0,0,0-.42.23l-10.71,17A.49.49,0,0,0,5.7,20h7.67L6.6,33.25a.52.52,0,0,0,.46.75h3a.5.5,0,0,0,.37-.16L28,14.85a.5.5,0,0,0-.37-.85H20.89L30.72,2.82A.49.49,0,0,0,30.8,2.29Z"></path>
                             </svg>
                             <span class="home-action-label">Force Generator</span>
-                        </button>
+                        </a>
                         <button type="button" class="home-button home-action-button" (click)="showLoadForceDialog()" aria-label="Load Force">
                             <svg fill="currentColor" width="32px" height="32px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
                                 <path d="m572.501 747-254.933 815.893-101.867-31.786 278.507-890.774h1105.813v-320H783.808L612.181 107H.021v1546.667c0 88.213 71.787 160 160 160h1388.054c75.946 0 141.973-54.08 156.906-128.64L1892.608 747H572.501Z" fill-rule="evenodd" />
@@ -183,7 +183,7 @@
                 </div>
             </div>
 
-            <div class="footer">
+            <div class="footer" data-nosnippet>
                 @if (showInstallButton()) {
                 <div class="install-container">
                     <button class="bt-button install-button" (click)="installPwa()">

src/app/app.scss

@@ -300,6 +300,7 @@ svg-viewer {
         line-height: 1;
         display: flex;
         align-items: center;
+        text-decoration: none;
     }
 
     .home-action-button svg {

src/app/app.ts

@@ -39,8 +39,9 @@ import { LoadingSpinnerComponent } from './components/loading-spinner/loading-sp
 import { LobbyService } from './services/lobby.service';
 
 import { GameSystem } from './models/common.model';
-import { Router, RouterOutlet } from '@angular/router';
+import { Router, RouterLink, RouterOutlet } from '@angular/router';
 import { UrlService } from './services/url.service';
+import { SeoService } from './services/seo.service';
 
 const ANDROID_PWA_BACK_EXIT_HISTORY_STATE_KEY = 'mekbayAndroidPwaBackExit';
 const ANDROID_PWA_BACK_RESTORE_GUARD_MS = 1000;
@@ -62,6 +63,7 @@ const PENDING_UPDATE_RELOAD_AFTER_NO_FOCUS_MS = 6 * 60 * 60 * 1000; // 6 hours
     OverlayModule,
     PortalModule,
     LoadingSpinnerComponent,
+    RouterLink,
     RouterOutlet
 ],
     templateUrl: './app.html',
@@ -82,6 +84,7 @@ export class App {
     private wsService = inject(WsService);
     private dialogService = inject(DialogsService);
     private toastService = inject(ToastService);
+    private seoService = inject(SeoService);
     protected optionsService = inject(OptionsService);
     public unitSearchFiltersService = inject(UnitSearchFiltersService);
     public injector = inject(Injector);
@@ -130,6 +133,7 @@ export class App {
     protected unitSearchPortalForceBuilder = signal<DomPortal<any> | undefined>(undefined);
 
     constructor() {
+        this.seoService.initialize();
         // if ("virtualKeyboard" in navigator) {
         //     (navigator as any).virtualKeyboard.overlaysContent = true; // Opt out of the automatic handling.
         // }

src/app/components/automation-review-dialog/automation-review-dialog.component.html

@@ -0,0 +1,88 @@
+<div class="panel glass preventZoomReset framed-borders has-shadow" (click)="$event.stopPropagation()">
+    <div class="header">{{ data.title }}</div>
+    <div class="body automation-review-body">
+        <p class="automation-review-message">{{ data.message }}</p>
+
+        <div class="automation-event-list">
+            @for (item of data.events; track item.id) {
+                <article class="automation-event"
+                    [class.single-event]="data.events.length === 1"
+                    [class.accepted]="decision(item.id) === true"
+                    [class.rejected]="decision(item.id) === false">
+                    <div class="automation-event-info">
+                        <h3>{{ item.subject }}</h3>
+                        <div class="automation-event-name">{{ item.event }}</div>
+                        <div class="automation-event-description">
+                            <span>{{ item.description }}</span>
+                            @if (item.delta) {
+                                <strong class="automation-event-delta"
+                                    [class.cooling]="item.delta < 0"
+                                    [class.heating]="item.delta > 0">
+                                    ({{ signed(item.delta) }})
+                                </strong>
+                            }
+                        </div>
+                        @if (item.effects?.length) {
+                            <div class="automation-event-effects" aria-label="Effects">
+                                @for (effect of item.effects; track effect) {
+                                    <span>{{ effect }}</span>
+                                }
+                            </div>
+                        }
+                    </div>
+                    @if (item.breakdown?.length || data.events.length > 1) {
+                        <div class="automation-event-side">
+                            @if (item.breakdown?.length) {
+                                <div class="automation-event-breakdown" aria-label="Heat breakdown">
+                                    @for (detail of item.breakdown; track detail.id) {
+                                        <div class="automation-event-breakdown-row">
+                                            <span>{{ detail.label }}</span>
+                                            <strong [class.cooling]="detail.value < 0"
+                                                [class.heating]="detail.value > 0">
+                                                {{ signed(detail.value) }}
+                                            </strong>
+                                        </div>
+                                    }
+                                </div>
+                            }
+                            @if (data.events.length > 1) {
+                                <div class="automation-event-actions" role="radiogroup"
+                                    [attr.aria-label]="item.subject + ': ' + item.event">
+                                    <button type="button" class="bt-button success"
+                                        role="radio"
+                                        [class.selected]="decision(item.id) === true"
+                                        [attr.aria-checked]="decision(item.id) === true"
+                                        (click)="choose(item.id, true)">ACCEPT</button>
+                                    <button type="button" class="bt-button danger"
+                                        role="radio"
+                                        [class.selected]="decision(item.id) === false"
+                                        [attr.aria-checked]="decision(item.id) === false"
+                                        (click)="choose(item.id, false)">SKIP</button>
+                                </div>
+                            }
+                        </div>
+                    }
+                </article>
+            }
+        </div>
+    </div>
+
+    <div class="actions automation-review-actions">
+        @if (data.events.length === 1) {
+            <button type="button" class="bt-button primary" (click)="resolveSingle(true)">ACCEPT</button>
+            <button type="button" class="bt-button" (click)="resolveSingle(false)">SKIP</button>
+        } @else {
+            <button type="button" class="bt-button"
+                [class.success]="reviewAction().tone === 'success'"
+                [class.primary]="reviewAction().tone === 'primary'"
+                [class.danger]="reviewAction().tone === 'danger'"
+                [disabled]="reviewAction().disabled"
+                (click)="performReviewAction()">
+                {{ reviewAction().label }}
+            </button>
+        }
+        @if (data.allowCancel) {
+            <button type="button" class="bt-button" (click)="cancel()">CANCEL</button>
+        }
+    </div>
+</div>