commit | 97ec10a3d05f5803d0a55153760d32516bd3a8ac | [log] [tgz] |
---|---|---|
author | Mitchell Kember <mkember@google.com> | Wed Jul 21 17:51:46 2021 +0000 |
committer | Mitchell Kember <mkember@google.com> | Wed Jul 21 17:51:46 2021 +0000 |
tree | f225e9a751364e97be08bf2dc1c1a853b6a37a51 | |
parent | 154d1867cb231a9b4eb892f02f6f073960d85686 [diff] |
Support new FIDL syntax This CL makes fidlbolt pass `--experimental allow_new_syntax` to allow the new syntax. It also presents a notice/alert at the top of the page about the new syntax (which can be dismissed), and offers to automatically convert FIDL to the new syntax if it detects the user is using the old syntax. Change-Id: I4e4f33f177860be8db7a139b9d81192e0bca7d1e Reviewed-on: https://fuchsia-review.googlesource.com/c/fidlbolt/+/557964 Reviewed-by: Yifei Teng <yifeit@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_{llcpp,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 1.13. 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.