commit | a6747cdaa4a1a00d0fa1b7b63c7b368106b4bb5c | [log] [tgz] |
---|---|---|
author | Mitchell Kember <mkember@google.com> | Fri Oct 14 18:46:58 2022 +0000 |
committer | Mitchell Kember <mkember@google.com> | Fri Oct 14 18:46:58 2022 +0000 |
tree | 2d0f994c6200514d136dad5e95e359b4c2b23e8e | |
parent | fe0740532928ed400da7b5340497e7781d1e546f [diff] |
Allow overriding background selection color The Ace editor uses the same color for regular selections and search highlights, which is fairly low contrast in all themes. This CL adds an input to the settings form to override that color. Fixed: 112017 Change-Id: I1bea0beae7e7ab7f94f5db49463f79061bff1169 Reviewed-on: https://fuchsia-review.googlesource.com/c/fidlbolt/+/740607 Reviewed-by: Mukesh Agrawal <quiche@google.com>
fidlbolt is web app for exploring FIDL code and bytes, inspired by Matt Godbolt's Compiler Explorer.
To run a local fidlbolt server:
fx build host_x64/{fidlc,fidlgen_{cpp,hlcpp,rust,go,dart}} zircon/tools
.make run
.http://localhost:8080
.If you don't want changes in the Fuchsia tree (e.g. rebuilding fidlc or changing FIDL libraries) to affect the running fidlbolt, run ./prepare_deployment.sh
and use make run DEPLOYMENT=1
instead.
The backend is written in Go. It uses net/http to serve static files and handle POST requests.
The frontend is written in Elm and TypeScript. It uses webpack for bundling.
To set up the frontend:
sudo apt-get install npm
.cd frontend && npm ci
(using ci
instead of install
ensures a repeatable build).Then, use one of the commands listed in npm run
:
npm run dev
: build in development modenpm run watch
: rebuild in development mode on every file changenpm run tc
: typecheck TypeScript filesnpm run lint
: run eslint on TypeScript filesnpm run fix
: format and fix lint issues in TypeScript and Elm filesnpm run build
: build in production modeThe build commands read files in frontend/src/
and generate output in frontend/dist/
.
If you are developing on Linux, ./watch.sh
provides an easy workflow. It automatically watches code in the frontend (using npm run watch
) and backend (using inotifywait), rebuilding and restarting the server as necessary. It does not perform hot/live reloading: you still need to refresh the browser manually to see changes.
Before making a CL, always run make format
.
The project uses Docker for containerized deployment.
To build and run a new image locally:
sudo apt-get install docker-ce
../prepare_deployment.sh
docker image build -t fidlbolt .
docker container run --publish 8080:8080 --detach --name fb fidlbolt
You might need to use sudo
with the Docker commands.