| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>R8 Blast Radius Visualizer</title> |
| <link rel="stylesheet" href="style.css"> |
| <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"> |
| <script src="https://cdn.jsdelivr.net/npm/protobufjs@7.2.4/dist/protobuf.min.js"></script> |
| </head> |
| <body> |
| <header> |
| <h1>R8 Blast Radius Visualizer</h1> |
| <div id="tabs"> |
| <button class="tab-button active" onclick="switchView('rules')">Keep Rules</button> |
| <button class="tab-button" onclick="switchView('files')">Keep Rule Files</button> |
| <button class="tab-button" onclick="switchView('unused')">Unused Rules <span id="unused-count" class="badge hidden">0</span></button> |
| <button class="tab-button" onclick="switchView('redundant')">Redundant Rules <span id="redundant-count" class="badge hidden">0</span></button> |
| </div> |
| <div id="file-info"></div> |
| </header> |
| |
| <div id="container"> |
| <div id="sidebar"> |
| <div id="drop-zone"> |
| <p>Drop a .pb file here<br>or click to upload</p> |
| <input type="file" id="file-input" class="hidden" accept=".pb"> |
| </div> |
| |
| <div class="search-box hidden"> |
| <input type="text" id="search-input" placeholder="Search keep rules..."> |
| </div> |
| |
| <div id="rule-list"> |
| <!-- Rules will be populated here --> |
| </div> |
| </div> |
| |
| <div id="main-content"> |
| <div id="stats-overview" class="hidden"> |
| <div class="stat-card"> |
| <div class="stat-value" id="stat-rules">0</div> |
| <div class="stat-label">Keep Rules</div> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-value" id="stat-classes">0</div> |
| <div class="stat-label">Total Kept Classes</div> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-value" id="stat-methods">0</div> |
| <div class="stat-label">Total Kept Methods</div> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-value" id="stat-fields">0</div> |
| <div class="stat-label">Total Kept Fields</div> |
| </div> |
| </div> |
| |
| <div id="welcome-message"> |
| <h2>Welcome to the Blast Radius Visualizer</h2> |
| <p>Upload a <code>.pb</code> file generated by R8 with the <code>-printblastradius</code> flag to see how your keep rules affect your build.</p> |
| <p>This tool helps you identify:</p> |
| <ul> |
| <li>Keep rules with the largest impact on your app size.</li> |
| <li>Dependencies that introduce broad keep rules.</li> |
| <li>Redundant keep rules that are subsumed by others.</li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| |
| <script src="main.js"></script> |
| </body> |
| </html> |
