commit | b82cff256a0627a9e538895bfa40b8c1b74336a6 | [log] [tgz] |
---|---|---|
author | Mitchell Kember <mkember@google.com> | Thu Sep 30 19:09:05 2021 +0000 |
committer | Mitchell Kember <mkember@google.com> | Thu Sep 30 19:09:05 2021 +0000 |
tree | 0ba36899e5afecfcc17ab1cbbe8142b0cce1d20f | |
parent | caf6e061b6440d94def74af1f6f6f99bed921528 [diff] |
Conform localStorage form values after decoding This CL makes the fidlbolt client throw out any invalid form values that get populated from localStorage. This means API breakage for form values only imposes a refresh on users, rather than requiring them to find and click the "Reset all data" button. Change-Id: Id8d6206210f20118df406cc4d03000110af57f62 Reviewed-on: https://fuchsia-review.googlesource.com/c/fidlbolt/+/587933 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.