Compiler Explorer UI

[xermicus]

The revive explorer utility provides us with insights about the code generation. But it lacks a user interface. A UI will make it more convenient to find sub-optimal aspects of the codegen and improve debug information.

I envision a 2 pane WebUI with the YUL and the corresponding RISC-V code. Akin to the compiler explorer..

• Clicking on a YUL location should jump the RISCV pane to the right place
• Color-highlighting of the currently selected line
• The WebUI in the first version doesn't need to have a compiler backend.
  • The explorer currently uses the dwarfdump utility. It only extracts the locations. But we'd also want to see the instructions. I suggest:
  • On startup, it analyzes the shared object with dwarfdump and objdump
  • Once done, the webUI starts and just displays information (processing does not need to happen in the UI - can be added later)

[xermicus]

We first aim for an integration into to the compiler explorer.. Open Question is how it works in our case because the debug locations are referring to the YUL and not Solidity. As a starter I suggest adding YUL as input so we can use it for analyzing artifacts. The YUL source contains some sort of Solidity source location as comments, which could be used too for getting location in Solidity mode. This can later be implemented via tooling (i.e. in compiler explorer) or in resolc itself. As a starter I suggest just to not indicate debug locations for Solidity.

[gboigwe]

Implementation Complete

I've implemented the Compiler Explorer WebUI as requested!

Features Delivered:

• Two-pane interface: YUL source RISC-V assembly
• Interactive click navigation from YUL to assembly
• Color highlighting of selected lines
• Startup analysis with dwarfdump and objdump
• REST API serving pre-processed data

Implementation:

• Added web server mode to revive-explorer with --web flag
• Built HTTP server using axum with static file serving
• Created assembly analyzer using objdump for RISC-V disassembly
• Implemented source mapper for YUL-to-assembly correlation

Pull Request: #387

Usage:

cargo run --bin revive-explorer -- --web /path/to/debug/shared-object.so
# Opens WebUI at http://127.0.0.1:8080

[xermicus]

@gboigwe thanks for your contribution. This issue was already assigned and as indicated by above comment, in the process we found out that we want to integrate resolc in compiler explorer instead. This work is already nearly complete. I don't think we want to maintain both. So sorry!

[elle-j]

Closing this ticket as Resolc has been integrated into Compiler Explorer as part of CE PR 8164 (and extra features in CE PR 8219).