Feat(viewer): Add bloat analysis

Author: klieret

codeclash/viewer/app.py

@@ -527,6 +527,72 @@ def get_available_trajectories(self) -> list[tuple]:
 
         return sorted(trajectories)
 
+    def analyze_line_counts(self) -> dict[str, Any]:
+        """Analyze line counts across all rounds for all files that appear in changed files"""
+        # Collect all files that appear in any changed files across all rounds and players
+        all_files = set()
+        players_dir = self.log_dir / "players"
+
+        if not players_dir.exists():
+            return {"all_files": [], "line_counts_by_round": {}}
+
+        # First pass: collect all files from all changes_r*.json files
+        for player_dir in players_dir.iterdir():
+            if not player_dir.is_dir():
+                continue
+
+            for changes_file in player_dir.glob("changes_r*.json"):
+                try:
+                    changes_data = json.loads(changes_file.read_text())
+                    modified_files = changes_data.get("modified_files", {})
+                    all_files.update(modified_files.keys())
+                except (json.JSONDecodeError, KeyError):
+                    continue
+
+        all_files_list = sorted(list(all_files))
+
+        # Second pass: count lines for each file in each round for each player
+        line_counts_by_round = {}
+
+        for player_dir in players_dir.iterdir():
+            if not player_dir.is_dir():
+                continue
+
+            player_name = player_dir.name
+
+            # Get all rounds for this player
+            changes_files = sorted(player_dir.glob("changes_r*.json"), key=lambda x: int(x.stem.split("_r")[1]))
+
+            # Track line counts for this player across rounds
+            player_line_counts = {}
+            current_file_lines = {}  # Track current state of each file
+
+            for changes_file in changes_files:
+                try:
+                    round_num = int(changes_file.stem.split("_r")[1])
+                    changes_data = json.loads(changes_file.read_text())
+                    modified_files = changes_data.get("modified_files", {})
+
+                    # Update line counts for files that changed in this round
+                    for file_path, file_content in modified_files.items():
+                        if file_content:
+                            current_file_lines[file_path] = len(file_content.splitlines())
+
+                    # Record line counts for all files in this round
+                    round_line_counts = {}
+                    for file_path in all_files_list:
+                        round_line_counts[file_path] = current_file_lines.get(file_path, 0)
+
+                    player_line_counts[round_num] = round_line_counts
+
+                except (json.JSONDecodeError, KeyError, ValueError):
+                    continue
+
+            if player_line_counts:
+                line_counts_by_round[player_name] = player_line_counts
+
+        return {"all_files": all_files_list, "line_counts_by_round": line_counts_by_round}
+
 
 app = Flask(__name__)
 
@@ -583,6 +649,9 @@ def index():
         if trajectory:
             trajectories_by_round[round_num].append(trajectory)
 
+    # Get analysis data
+    analysis_data = parser.analyze_line_counts()
+
     # Get the full path of the selected folder
     selected_folder_path = str(folder_path)
 
@@ -592,6 +661,7 @@ def index():
         selected_folder_path=selected_folder_path,
         metadata=metadata,
         trajectories_by_round=trajectories_by_round,
+        analysis_data=analysis_data,
     )
 
 
@@ -887,4 +957,28 @@ def move_folder():
         return jsonify({"success": False, "error": str(e)})
 
 
+@app.route("/analysis/line-counts")
+def analysis_line_counts():
+    """Get line count analysis data for the current game"""
+    selected_folder = request.args.get("folder")
+
+    if not selected_folder:
+        return jsonify({"success": False, "error": "No folder specified"})
+
+    # Validate the selected folder exists and is a game folder
+    logs_dir = LOG_BASE_DIR
+    folder_path = logs_dir / selected_folder
+
+    if not folder_path.exists() or not is_game_folder(folder_path):
+        return jsonify({"success": False, "error": "Invalid folder"})
+
+    try:
+        parser = LogParser(folder_path)
+        analysis_data = parser.analyze_line_counts()
+
+        return jsonify({"success": True, "data": analysis_data})
+    except Exception as e:
+        return jsonify({"success": False, "error": str(e)})
+
+
 # Use run_viewer.py to launch the application

codeclash/viewer/static/css/style.css

@@ -1331,3 +1331,77 @@ summary:focus {
 .move-dialog-buttons button:last-child:hover {
   background-color: var(--bg-tertiary);
 }
+
+/* Analysis Section Styles */
+.analysis-section {
+  margin-bottom: 2rem;
+}
+
+.line-analysis-container {
+  margin-top: 1rem;
+}
+
+.file-selector {
+  margin-bottom: 1.5rem;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.file-selector label {
+  font-weight: 500;
+  color: var(--text-primary);
+}
+
+.file-dropdown {
+  padding: 0.5rem;
+  border: 1px solid var(--border-color);
+  border-radius: 0.375rem;
+  background-color: var(--bg-primary);
+  color: var(--text-primary);
+  font-size: 0.875rem;
+  min-width: 300px;
+  max-width: 100%;
+}
+
+.file-dropdown:focus {
+  outline: none;
+  border-color: var(--accent-color);
+  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
+}
+
+[data-theme="dark"] .file-dropdown:focus {
+  box-shadow: 0 0 0 0.2rem rgba(77, 171, 247, 0.25);
+}
+
+.chart-container {
+  position: relative;
+  height: 400px;
+  margin: 1rem 0;
+  background-color: var(--bg-primary);
+  border: 1px solid var(--border-color);
+  border-radius: 0.375rem;
+  padding: 1rem;
+}
+
+.chart-container canvas {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+/* Responsive design for analysis */
+@media (max-width: 768px) {
+  .file-selector {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .file-dropdown {
+    min-width: 100%;
+  }
+
+  .chart-container {
+    height: 300px;
+    padding: 0.5rem;
+  }
+}

codeclash/viewer/templates/index.html

@@ -15,6 +15,7 @@
         {% include 'includes/readme.html' %}
         {% include 'includes/setup.html' %}
         {% include 'includes/overview.html' %}
+        {% include 'includes/analysis.html' %}
         {% include 'includes/rounds.html' %}
     </main>
 
@@ -34,6 +35,9 @@
                     <button class="toc-item" onclick="scrollToElement('.overview-section')">
                         📊 Overview
                     </button>
+                    <button class="toc-item" onclick="scrollToElement('.analysis-section')">
+                        📈 Analysis
+                    </button>
                     <button class="toc-item" onclick="scrollToElement('.rounds-section')">
                         🎯 Rounds
                     </button>
@@ -66,11 +70,13 @@ <h3>Move/Rename Folder</h3>
     </div>
 
     <script src="https://unpkg.com/jsoneditor@latest/dist/jsoneditor.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <script src="{{ url_for('static', filename='js/app.js') }}"></script>
     <script src="{{ url_for('static', filename='js/clipboard.js') }}"></script>
     <script src="{{ url_for('static', filename='js/experiment.js') }}"></script>
     <script src="{{ url_for('static', filename='js/readme.js') }}"></script>
     <script src="{{ url_for('static', filename='js/json-editors.js') }}"></script>
+    <script src="{{ url_for('static', filename='js/analysis.js') }}"></script>
     <script>
         // Initialize all components when page loads
         document.addEventListener('DOMContentLoaded', function() {