Enable stats viewing if the server supports it

Author: tiennou

src/clientApp.ts

@@ -336,6 +336,12 @@ koa.use(async (context, next) => {
                         }
                     }
                 }
+                // Add an hasFeature function to help with checking specific features from the HTML pages
+                src = src.replace(
+                    't.Math=Math,t.isOffServer',
+                    't.Math=Math,t.hasFeature=function(feature){var f=m.get("Api").options.serverData.features;if(!f)return false;return f.some((feat)=>feat.name===feature);},t.isOffServer',
+                );
+
                 if (!isOfficial) {
                     // Replace room-history URL
                     src = src.replace(
@@ -367,6 +373,55 @@ koa.use(async (context, next) => {
                 `<img ng:src="{{Profile.mapUrl}}{{isMultiShard() ? shardName+'/' : ''}}{{roomName}}.png">`,
             );
 
+            // Stats view on profile
+            src = src.replace(
+                "<div class='survival' ng-if='isOffServer()'>",
+                "<div class='survival' ng-if='isOffServer() || hasFeature(\"screepsmod-stats\")'>",
+            );
+            src = src.replace(
+                "<div class='stats-controls' ng-if='isOffServer()'>",
+                "<div class='stats-controls' ng-if='isOffServer() || hasFeature(\"screepsmod-stats\")'>",
+            );
+            src = src.replace(
+                "<app-profile-stats ng-if='isOffServer()' stats='Profile.data.stats'></app-profile-stats>",
+                "<app-profile-stats ng-if='isOffServer() || hasFeature(\"screepsmod-stats\")' stats='Profile.data.stats'></app-profile-stats>",
+            );
+
+            return src;
+        } else if (urlPath === 'components/game/overview/overview.html') {
+            let src = await file.async('text');
+
+            // Enable period filter if we have stats
+            src = src.replace(
+                "<ui-drop-group class='btn-more' ng-if='isOffServer()'>",
+                "<ui-drop-group class='btn-more' ng-if='isOffServer() || hasFeature(\"screepsmod-stats\")'>",
+            );
+
+            // Enable leaderboard overview if we have stats
+            src = src.replaceAll(
+                "<div class='overview-rank-right' ng-if='isOffServer()'>",
+                "<div class='overview-rank-right' ng-if='isOffServer() || hasFeature(\"screepsmod-stats\")'>",
+            );
+            src = src.replaceAll(
+                "<div class='overview-rank-right' ng-if='!isOffServer()'>",
+                "<div class='overview-rank-right' ng-if='!isOffServer() &amp;&amp; !hasFeature(\"screepsmod-stats\")'>",
+            );
+            src = src.replace(
+                "<div class='overview-rooms-controls' ng-if='isOffServer()'>",
+                "<div class='overview-rooms-controls' ng-if='isOffServer() || hasFeature(\"screepsmod-stats\")'>",
+            );
+
+            // Show stats section
+            src = src.replace(
+                "<app-profile-stats ng-if='isOffServer()' normalize='false' stats='GameOverview.data.overview.totals'></app-profile-stats>",
+                "<app-profile-stats ng-if='isOffServer() || hasFeature(\"screepsmod-stats\")' normalize='false' stats='GameOverview.data.overview.totals'></app-profile-stats>",
+            );
+
+            src = src.replace(
+                `<img ng:src="{{GameOverview.mapUrl}}{{isShards() ? shardName+'/' : ''}}{{roomName}}.png">`,
+                `<img ng:src="{{GameOverview.mapUrl}}{{isMultiShard() ? shardName+'/' : ''}}{{roomName}}.png">`,
+            );
+
             return src;
         } else {
             // JSZip doesn't implement their read stream correctly and it causes EPIPE crashes. Pass it