KZG Ceremony Frontend

Work in Progress

This React App is a graphic interface to interact with the Ethereum KZG Ceremony. Participants can checkout the website at https://kzg-ceremony.party/

Start

To start this app execute the following steps:

Run the sequencer app from https://github.com/ethereum/kzg-ceremony-sequencer. It is assumed that the assigned port is 3000 and that our react app would use port 3001. You can set PORT env variable with a specific port for React.
Setup environment variables:

Sequencer API URL

Ubuntu: export REACT_APP_API_ROOT=http://localhost:3000 Windows (Powershell): $env:REACT_APP_API_ROOT="http://localhost:3000"

Install dependencies: yarn install
Start application: yarn start

Note: If the Rust code is updated, copy the /wasm directory from the wrapper library in the public/ directory. Most of the times the wasm-worker.js text will not change.

Build for IPFS

A build for IPFS should result in the same CID as others who have built from the same source. However, it is necessary to use a compatible environment and tool set to ensure that differences aren't introduced.

The following environment was used to build the IPFS release:

Component	Version
OS	Ubuntu 22.04
node.js	v18.12.1
Package manager	npm v9.1.2
rustc	1.65.0 (897e37553 2022-11-02)
cargo	1.65.0 (897e37553 2022-11-02)
wasm-pack	0.10.3

Clone this repo

git clone -b ipfs-release https://github.com/zkparty/trusted-setup-frontend.git

Install dependencies

cd trusted-setup-frontend

npm install

Build the computation code

The computation code is written in Rust and compiled to WASM. The compiled WASM package is available in this repo for convenience, but a thorough build for IPFS will involve rebuilding that package.

Clone the repo at https://github.com/zkparty/wrapper-small-pot

Follow the instructions there to build the code as a wasm package.

Copy the wrapper-small-pot/wasm folder to trusted-setup-frontend/wasm

Build the front-end

npm run build

This will create the build folder and add the site content to it.

Add to IPFS

Choose an IPFS node, or install one locally. See here to install a node.

The site needs to be added to IPFS as a folder. The command to this in ipfs cli is: ipfs add -r <your path>/trusted-setup-frontend/build

This will result in a series of log messages reporting the CID of each object in the folder. The CID of the build folder itself is the important one for our purposes.

...
added QmV7zRBYTYf8wmQQzXfnfRFTyYBUByJGaLB37VuHjsj6Y6 build/wasm/pkg
added QmZTdJheNur4R2esdej5w1gktGS5aLHYHtLsChMjACmzuk build/wasm
added QmbTGA1mPf3nb5RRWehvrHn7cz3jwVQdj91r3c6eHmdx4k build
13.80 MiB / 13.80 MiB [=======================================================================================] 100.00%

The build as at the release time has this CID: QmSCqoKMuRdoT8d8tXoq8wuNJBDHsuz2xWm6PKhfzgskKP

or, in base32: bafybeibzn2r7w3cyxu6bwjamr6vfc7qrslcpdlpeens6j5pjzvqeqjugsy

taxmeifyoucan / trusted-setup-frontend