https://github.com/vanilagy/rescala-inspector
Graph-based inspector for REScala programs
https://github.com/vanilagy/rescala-inspector
Last synced: about 1 year ago
JSON representation
Graph-based inspector for REScala programs
- Host: GitHub
- URL: https://github.com/vanilagy/rescala-inspector
- Owner: Vanilagy
- License: apache-2.0
- Created: 2022-12-26T16:41:26.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-07-18T19:31:19.000Z (about 2 years ago)
- Last Synced: 2025-06-19T02:12:44.171Z (about 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 180 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# REScala Inspector
This project implements an interactive inspector for [REScala](https://www.rescala-lang.com/) applications, realized
as a Chromium DevTools extension. Features of the inspector include:
- Complete visualization of the entire graph
- Going back and forth in time
- Showing only sections of the entire graph
- Smooth animation of changes
This project can not be used to change the state of the REScala application, but it can be used to inspect and debug it.
## Implementation
The inspector is implemented using a force-directed graph layout rendered in an HTML canvas. The UI elements are
implemented in Svelte. The core code can be found in `extension/panel`.
## Setup & Installation
Within the cloned repo, run `npm install` to install all of the required dependencies. Then, to bundle the code into
useable JavaScript, run `npm run watch`. The resulting `dist` folder can be directly loaded as an unpacked extension
by the Chromium DevTools with developer mode on.