Rebrand

frontend/src/scripts/analytics.ts

@@ -1,7 +1,7 @@
 import { init as plausibleInit } from '@plausible-analytics/tracker';
 
 const ANALYTICS_AUTO_CAPTURE_PAGEVIEWS = true;
-const ANALYTICS_DOMAIN = 'decla.red';
+const ANALYTICS_DOMAIN = 'doppler.schmelczer.dev';
 const ANALYTICS_ENDPOINT = 'https://stats.schmelczer.dev/status';
 const ANALYTICS_LOGGING = process.env.NODE_ENV !== 'production';
 

frontend/src/scripts/configuration.ts

@@ -1,18 +1,20 @@
 /**
  * Hardcoded list of game servers the landing page offers to players.
  *
- * Each entry is the public origin of a dockerized `declared-server` instance.
+ * Each entry is the public origin of a dockerized `doppler-server` instance.
  * The join screen polls `<origin>/state` (see `serverInformationEndpoint`) and
  * only shows a server once it responds, so listing an offline origin here is
  * harmless. Add or remove origins as you deploy more server containers.
  */
+// This origin predates the rebrand; update it once the game server is
+// redeployed under a doppler subdomain.
 const productionServers: Array<string> = ['https://declared.schmelczer.dev'];
 
 /**
  * When the page is served from localhost (i.e. the webpack-dev-server), also
  * offer the local backend so a `npm start` server can be joined during
  * development. The backend's default port is 3000 (see backend/src/options.ts).
- * In production the hostname is `declared.schmelczer.dev`, so this never leaks.
+ * In production the page is served from its own hostname, so this never leaks.
  */
 const isDevelopment =
   typeof location !== 'undefined' &&

frontend/src/scripts/scoreboard.ts

@@ -8,35 +8,35 @@ import { CharacterTeam, UpdateGameState, clamp, settings } from 'shared';
 export class Scoreboard {
   public readonly element = document.createElement('div');
 
-  private readonly declaFill = document.createElement('div');
+  private readonly blueFill = document.createElement('div');
   private readonly redFill = document.createElement('div');
-  private readonly declaScore = document.createElement('span');
+  private readonly blueScore = document.createElement('span');
   private readonly redScore = document.createElement('span');
   private readonly youMarker = document.createElement('div');
 
   constructor() {
     this.element.className = 'planet-progress';
 
-    this.declaFill.className = 'fill decla';
+    this.blueFill.className = 'fill blue';
     this.redFill.className = 'fill red';
 
-    this.declaScore.className = 'score decla';
+    this.blueScore.className = 'score blue';
     this.redScore.className = 'score red';
 
     this.youMarker.className = 'you-marker';
     this.youMarker.innerText = 'YOU';
 
     this.element.append(
-      this.declaFill,
+      this.blueFill,
       this.redFill,
-      this.declaScore,
+      this.blueScore,
       this.redScore,
       this.youMarker,
     );
   }
 
   public update(
-    { declaCount, redCount, limit }: UpdateGameState,
+    { blueCount, redCount, limit }: UpdateGameState,
     localTeam: CharacterTeam | undefined,
   ) {
     const { scoreboardHalfWidthPercent, scoreboardMinFillPercent } = settings;
@@ -46,23 +46,23 @@ export class Scoreboard {
         clamp(count / limit, 0, 1) * scoreboardHalfWidthPercent,
       );
 
-    this.declaFill.style.width = fraction(declaCount) + '%';
+    this.blueFill.style.width = fraction(blueCount) + '%';
     this.redFill.style.width = fraction(redCount) + '%';
 
     const isMatchPoint = (count: number) =>
       count / limit >= settings.matchPointScoreRatio;
-    this.declaFill.classList.toggle('match-point', isMatchPoint(declaCount));
+    this.blueFill.classList.toggle('match-point', isMatchPoint(blueCount));
     this.redFill.classList.toggle('match-point', isMatchPoint(redCount));
 
-    this.declaScore.innerText = String(Math.round(declaCount));
+    this.blueScore.innerText = String(Math.round(blueCount));
     this.redScore.innerText = String(Math.round(redCount));
 
-    this.declaScore.classList.toggle('leading', declaCount > redCount);
-    this.redScore.classList.toggle('leading', redCount > declaCount);
+    this.blueScore.classList.toggle('leading', blueCount > redCount);
+    this.redScore.classList.toggle('leading', redCount > blueCount);
 
-    if (localTeam === CharacterTeam.decla || localTeam === CharacterTeam.red) {
+    if (localTeam === CharacterTeam.blue || localTeam === CharacterTeam.red) {
       this.youMarker.style.display = '';
-      this.youMarker.classList.toggle('decla', localTeam === CharacterTeam.decla);
+      this.youMarker.classList.toggle('blue', localTeam === CharacterTeam.blue);
       this.youMarker.classList.toggle('red', localTeam === CharacterTeam.red);
     } else {
       this.youMarker.style.display = 'none';

frontend/src/scripts/tutorial.ts

@@ -86,7 +86,7 @@ export class Tutorial extends CommandReceiver {
       }
       if (standing) {
         const drift = standing.ownership - this.standingBaseline;
-        const progress = player.team === CharacterTeam.decla ? -drift : drift;
+        const progress = player.team === CharacterTeam.blue ? -drift : drift;
         if (progress > captureProgressThreshold) {
           this.finish();
         }