feat: boxes refactor pt2

[signorecello]

Refactoring boxes.

This PR refactors boxes, namely blank and blank-react.

• Removed A LOT of the code to make it as unopinionated as possible.
• Moved artifacts and tests outside of the src folder, and other similar cleanups like removing duplicated code setting up PXE, etc
• Used a more barebones contract that just reads and writes stuff
• Makes the README much more straightforward. Less.
• Updated package.json to make dev run webpack dev server, build to build it for prod, etc
• Adds an npx script to make it easy to start with boxes, this needs to be deployed to npm. It's fairly interactive, serving as a front to clone boxes, install sandbox, and run sandbox.
• Suggests a way to use the PXE and wallets in a util class

Closes AztecProtocol/dev-rel#134

[AztecBot]

Benchmark results

No metrics with a significant change found.

Detailed results

All benchmarks are run on txs on the Benchmarking contract on the repository. Each tx consists of a batch call to create_note and increment_balance, which guarantees that each tx has a private call, a nested private call, a public call, and a nested public call, as well as an emitted private note, an unencrypted log, and public storage read and write.

This benchmark source data is available in JSON format on S3 here.

Values are compared against data from master at commit 4c7f24f8 and shown if the difference exceeds 1%.

L2 block published to L1

Each column represents the number of txs on an L2 block published to L1.

Metric	8 txs	32 txs	128 txs
l1_rollup_calldata_size_in_bytes	46,020	181,668	724,260
l1_rollup_calldata_gas	227,076	888,648	3,535,512
l1_rollup_execution_gas	321,262	1,008,096	3,756,913
l2_block_processing_time_in_ms	1,193 (-1%)	4,471	17,727
note_successful_decrypting_time_in_ms	213 (-2%)	601	2,139
note_trial_decrypting_time_in_ms	22.5 (-21%)	40.4 (-70%)	174 (+1%)
l2_block_building_time_in_ms	18,931	74,908	300,819
l2_block_rollup_simulation_time_in_ms	13,799	54,574	219,782
l2_block_public_tx_process_time_in_ms	5,103	20,258	80,789

L2 chain processing

Each column represents the number of blocks on the L2 chain where each block has 16 txs.

Metric	5 blocks	10 blocks
node_history_sync_time_in_ms	15,502 (-15%)	29,784 (-1%)
note_history_successful_decrypting_time_in_ms	1,476 (+1%)	2,887 (+3%)
note_history_trial_decrypting_time_in_ms	184 (+2%)	269 (+17%)
node_database_size_in_bytes	17,289,296	33,173,584
pxe_database_size_in_bytes	29,923	59,478

Circuits stats

Stats on running time and I/O sizes collected for every circuit run across all benchmarks.

Circuit	circuit_simulation_time_in_ms	circuit_input_size_in_bytes	circuit_output_size_in_bytes
private-kernel-init	329	44,664	25,409
private-kernel-ordering	211	43,729	14,627
base-rollup	1,493	128,080	933
root-rollup	84.2	4,192	825
private-kernel-inner	432	71,051	25,409
public-kernel-app-logic	261	32,126	25,251
merge-rollup	7.91	2,712	933

Tree insertion stats

The duration to insert a fixed batch of leaves into each tree type.

Metric	1 leaves	2 leaves	8 leaves	16 leaves	32 leaves	128 leaves	64 leaves	512 leaves	1024 leaves	2048 leaves	8192 leaves
batch_insert_into_append_only_tree_16_depth_ms	10.3	10.7 (-1%)	12.6 (-1%)	17.3	22.9	64.3	N/A	N/A	N/A	N/A	N/A
batch_insert_into_append_only_tree_16_depth_hash_count	16.9	17.5	23.0	31.6	47.0	143	N/A	N/A	N/A	N/A	N/A
batch_insert_into_append_only_tree_16_depth_hash_ms	0.595	0.593 (-1%)	0.535 (-1%)	0.532	0.478	0.443	N/A	N/A	N/A	N/A	N/A
batch_insert_into_append_only_tree_32_depth_ms	N/A	N/A	N/A	N/A	N/A	76.2	47.6 (-1%)	239 (-1%)	467 (-1%)	901	3,551
batch_insert_into_append_only_tree_32_depth_hash_count	N/A	N/A	N/A	N/A	N/A	159	96.0	543	1,055	2,079	8,223
batch_insert_into_append_only_tree_32_depth_hash_ms	N/A	N/A	N/A	N/A	N/A	0.470	0.487 (-1%)	0.436 (-1%)	0.435 (-1%)	0.429	0.427
batch_insert_into_indexed_tree_20_depth_ms	N/A	N/A	N/A	N/A	N/A	104 (-2%)	56.9	349	694	1,360	5,427
batch_insert_into_indexed_tree_20_depth_hash_count	N/A	N/A	N/A	N/A	N/A	197	104	691	1,363	2,707	10,771
batch_insert_into_indexed_tree_20_depth_hash_ms	N/A	N/A	N/A	N/A	N/A	0.492 (-1%)	0.496	0.474	0.474	0.470	0.471
batch_insert_into_indexed_tree_40_depth_ms	N/A	N/A	N/A	57.1	N/A	N/A	N/A	N/A	N/A	N/A	N/A
batch_insert_into_indexed_tree_40_depth_hash_count	N/A	N/A	N/A	94.1	N/A	N/A	N/A	N/A	N/A	N/A	N/A
batch_insert_into_indexed_tree_40_depth_hash_ms	N/A	N/A	N/A	0.578	N/A	N/A	N/A	N/A	N/A	N/A	N/A

Miscellaneous

Transaction sizes based on how many contracts are deployed in the tx.

Metric	0 deployed contracts	1 deployed contracts
tx_size_in_bytes	15,388	36,001

Transaction processing duration by data writes.

Metric	0 new commitments	1 new commitments
tx_pxe_processing_time_ms	572	1,492

Metric	0 public data writes	1 public data writes
tx_sequencer_processing_time_ms	0.0294 (-8%)	630

[socket-security]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@inquirer/confirm@3.0.0	Transitive: environment	+12	4.31 MB	sboudrias
npm/@inquirer/core@7.0.0	Transitive: environment	+11	4.3 MB	sboudrias
npm/@inquirer/input@2.0.0	Transitive: environment	+12	4.31 MB	sboudrias
npm/@inquirer/select@2.0.0	Transitive: environment	+12	4.32 MB	sboudrias
npm/@inquirer/type@1.2.0	None	0	4.62 kB	sboudrias
npm/@npmcli/agent@2.2.1	environment, network	+12	1.06 MB	npm-cli-ops
npm/@types/react-dom@18.2.19	None	+1	454 kB	types
npm/@types/wrap-ansi@3.0.0	None	0	3.07 kB	types
npm/ansi-colors@4.1.3	environment	0	26.1 kB	jonschlinkert
npm/cli-width@4.1.0	environment	0	4.77 kB	knownasilya
npm/colorette@1.2.1	None	0	11.8 kB	jorgebucaran
npm/dotenv@16.4.5	environment, filesystem	0	79.1 kB	motdotla
npm/enquirer@2.3.6	environment	+1	224 kB	jonschlinkert
npm/figures@3.2.0	None	0	12.1 kB	sindresorhus
npm/fuzzysearch@1.0.3	None	0	5.48 kB	bevacqua
npm/globalyzer@0.1.0	None	0	11.4 kB	terkelg
npm/globrex@0.1.2	None	0	14.2 kB	terkelg
npm/mri@1.1.6	None	0	12.6 kB	lukeed
npm/mute-stream@1.0.0	None	0	6.43 kB	lukekarrys
npm/node-pty@1.0.0	environment, filesystem, network, shell	+1	1.57 MB	tyriar
npm/possible-typed-array-names@1.0.0	None	0	10.9 kB	ljharb
npm/react-toastify@10.0.4	Transitive: environment	+4	5.33 MB	sniphpet
npm/run-async@3.0.0	None	0	7.71 kB	sboudrias
npm/sass-loader@13.3.3	environment Transitive: eval, filesystem, network, shell, unsafe	+128	23 MB	evilebottnawi
npm/tiged@2.12.7	environment, filesystem, network, shell	+16	689 kB	nake89
npm/tiny-glob@0.2.8	filesystem	+2	37.9 kB	terkelg
npm/viem@1.21.4	network	+6	8.24 MB	jmoxey

🚮 Removed packages: npm/@aztec/aztec-ui@0.1.14, npm/@babel/core@7.23.6, npm/@babel/helpers@7.23.6, npm/@babel/runtime@7.23.6, npm/@babel/traverse@7.23.6, npm/@coinbase/wallet-sdk@3.9.1, npm/@emotion/hash@0.8.0, npm/@ethereumjs/common@3.2.0, npm/@ethereumjs/rlp@4.0.1, npm/@ethereumjs/tx@4.2.0, npm/@ethereumjs/util@8.1.0, npm/@ioredis/commands@1.2.0, npm/@json-rpc-tools/provider@1.7.6, npm/@json-rpc-tools/types@1.7.6, npm/@json-rpc-tools/utils@1.7.6, npm/@ledgerhq/connect-kit-loader@1.1.8, npm/@lit-labs/ssr-dom-shim@1.1.2, npm/@lit-labs/ssr-dom-shim@1.2.0, npm/@lit/reactive-element@1.6.3, npm/@metamask/eth-json-rpc-provider@1.0.1, npm/@metamask/json-rpc-engine@7.3.0, npm/@metamask/json-rpc-engine@7.3.2, npm/@metamask/rpc-errors@6.1.0, npm/@metamask/safe-event-emitter@2.0.0, npm/@metamask/utils@8.3.0, npm/@motionone/animation@10.16.3, npm/@motionone/animation@10.17.0, npm/@motionone/dom@10.16.4, npm/@motionone/dom@10.17.0, npm/@motionone/easing@10.16.3, npm/@motionone/easing@10.17.0, npm/@motionone/generators@10.16.4, npm/@motionone/generators@10.17.0, npm/@motionone/svelte@10.16.4, npm/@motionone/types@10.16.3, npm/@motionone/types@10.17.0, npm/@motionone/utils@10.16.3, npm/@motionone/utils@10.17.0, npm/@motionone/vue@10.16.4, npm/@noble/curves@1.1.0, npm/@noble/hashes@1.3.1, npm/@parcel/watcher-android-arm64@2.3.0, npm/@parcel/watcher-android-arm64@2.4.0, npm/@parcel/watcher-darwin-arm64@2.3.0, npm/@parcel/watcher-darwin-arm64@2.4.0, npm/@parcel/watcher-darwin-x64@2.3.0, npm/@parcel/watcher-darwin-x64@2.4.0, npm/@parcel/watcher-freebsd-x64@2.3.0, npm/@parcel/watcher-freebsd-x64@2.4.0, npm/@parcel/watcher-linux-arm-glibc@2.3.0, npm/@parcel/watcher-linux-arm-glibc@2.4.0, npm/@parcel/watcher-linux-arm64-glibc@2.3.0, npm/@parcel/watcher-linux-arm64-glibc@2.4.0, npm/@parcel/watcher-linux-arm64-musl@2.3.0, npm/@parcel/watcher-linux-arm64-musl@2.4.0, npm/@parcel/watcher-linux-x64-glibc@2.3.0, npm/@parcel/watcher-linux-x64-glibc@2.4.0, npm/@parcel/watcher-linux-x64-musl@2.3.0, npm/@parcel/watcher-linux-x64-musl@2.4.0, npm/@parcel/watcher-wasm@2.3.0, npm/@parcel/watcher-wasm@2.4.0, npm/@parcel/watcher-win32-arm64@2.3.0, npm/@parcel/watcher-win32-arm64@2.4.0, npm/@parcel/watcher-win32-ia32@2.3.0, npm/@parcel/watcher-win32-ia32@2.4.0, npm/@parcel/watcher-win32-x64@2.3.0, npm/@parcel/watcher-win32-x64@2.4.0, npm/@parcel/watcher@2.3.0, npm/@parcel/watcher@2.4.0, npm/@pedrouid/environment@1.0.1, npm/@rainbow-me/rainbowkit@0.8.1, npm/@remix-run/router@1.14.1, npm/@remix-run/router@1.15.1, npm/@safe-global/safe-apps-provider@0.15.2, npm/@safe-global/safe-apps-sdk@7.11.0, npm/@safe-global/safe-apps-sdk@7.9.0, npm/@safe-global/safe-gateway-typescript-sdk@3.13.3, npm/@safe-global/safe-gateway-typescript-sdk@3.15.0, npm/@scure/bip32@1.3.1, npm/@scure/bip32@1.3.3, npm/@scure/bip39@1.2.2, npm/@sinonjs/commons@3.0.0, npm/@stablelib/aead@1.0.1, npm/@stablelib/binary@1.0.1, npm/@stablelib/bytes@1.0.1, npm/@stablelib/chacha20poly1305@1.0.1, npm/@stablelib/chacha@1.0.1, npm/@stablelib/constant-time@1.0.1, npm/@stablelib/ed25519@1.0.3, npm/@stablelib/hash@1.0.1, npm/@stablelib/hkdf@1.0.1, npm/@stablelib/hmac@1.0.1, npm/@stablelib/int@1.0.1, npm/@stablelib/keyagreement@1.0.1, npm/@stablelib/poly1305@1.0.1, npm/@stablelib/random@1.0.2, npm/@stablelib/sha256@1.0.1, npm/@stablelib/sha512@1.0.1, npm/@stablelib/wipe@1.0.1, npm/@stablelib/x25519@1.0.3, npm/@tanstack/query-core@4.36.1, npm/@tanstack/query-persist-client-core@4.36.1, npm/@tanstack/query-sync-storage-persister@4.36.1, npm/@tanstack/react-query-persist-client@4.36.1, npm/@tanstack/react-query@4.36.1, npm/@types/babel__traverse@7.20.4, npm/@types/eslint@8.44.9, npm/@types/node@20.10.5, npm/@types/react-dom@18.2.18, npm/@types/react@18.2.45, npm/@types/trusted-types@2.0.7, npm/@typescript-eslint/eslint-plugin@6.15.0, npm/@typescript-eslint/parser@6.15.0, npm/@typescript-eslint/scope-manager@6.15.0, npm/@typescript-eslint/type-utils@6.15.0, npm/@typescript-eslint/types@6.15.0, npm/@typescript-eslint/typescript-estree@6.15.0, npm/@typescript-eslint/utils@6.15.0, npm/@typescript-eslint/visitor-keys@6.15.0, npm/@vanilla-extract/css@1.9.1, npm/@vanilla-extract/dynamic@2.0.2, npm/@vanilla-extract/private@1.0.3, npm/@vanilla-extract/sprinkles@1.5.0, npm/@wagmi/chains@0.1.7, npm/@wagmi/chains@0.2.9, npm/@wagmi/connectors@0.1.2, npm/@wagmi/connectors@0.2.7, npm/@wagmi/core@0.8.6, npm/@wagmi/core@0.9.7, npm/@walletconnect/browser-utils@1.8.0, npm/@walletconnect/client@1.8.0, npm/@walletconnect/core@1.8.0, npm/@walletconnect/core@2.3.3, npm/@walletconnect/crypto@1.0.3, npm/@walletconnect/encoding@1.0.2, npm/@walletconnect/environment@1.0.1, npm/@walletconnect/ethereum-provider@1.8.0, npm/@walletconnect/events@1.0.1, npm/@walletconnect/heartbeat@1.2.0, npm/@walletconnect/iso-crypto@1.8.0, npm/@walletconnect/jsonrpc-http-connection@1.0.7, npm/@walletconnect/jsonrpc-provider@1.0.13, npm/@walletconnect/jsonrpc-types@1.0.3, npm/@walletconnect/jsonrpc-utils@1.0.8, npm/@walletconnect/jsonrpc-ws-connection@1.0.14, npm/@walletconnect/keyvaluestorage@1.1.1, npm/@walletconnect/logger@2.0.1, npm/@walletconnect/mobile-registry@1.4.0, npm/@walletconnect/qrcode-modal@1.8.0, npm/@walletconnect/randombytes@1.0.3, npm/@walletconnect/relay-api@1.0.9, npm/@walletconnect/relay-auth@1.0.4, npm/@walletconnect/safe-json@1.0.0, npm/@walletconnect/sign-client@2.3.3, npm/@walletconnect/signer-connection@1.8.0, npm/@walletconnect/socket-transport@1.8.0, npm/@walletconnect/time@1.0.2, npm/@walletconnect/types@2.3.3, npm/@walletconnect/universal-provider@2.3.3, npm/@walletconnect/utils@2.3.3, npm/@walletconnect/window-getters@1.0.0, npm/@walletconnect/window-getters@1.0.1, npm/@walletconnect/window-metadata@1.0.0, npm/@walletconnect/window-metadata@1.0.1, npm/@web3modal/core@2.4.3, npm/@web3modal/standalone@2.4.3, npm/@web3modal/ui@2.4.3, npm/abitype@0.2.5, npm/abitype@0.3.0, npm/aes-js@3.1.2, npm/ahocorasick@1.0.2, npm/async-mutex@0.2.6, npm/atomic-sleep@1.0.0, npm/axios@0.21.4, npm/bn.js@4.11.8, npm/buffer-alloc-unsafe@1.1.0, npm/buffer-alloc@1.2.0, npm/buffer-fill@1.0.0, npm/caniuse-lite@1.0.30001571, npm/citty@0.1.5, npm/citty@0.1.6, npm/classnames@2.3.2, npm/clipboardy@4.0.0, npm/cliui@5.0.0, npm/cliui@6.0.0, npm/cluster-key-slot@1.1.2, npm/consola@3.2.3, npm/cookie-es@1.0.0, npm/copy-to-clipboard@3.3.3, npm/css-what@5.1.0, npm/decode-uri-component@0.2.2, npm/deep-equal@2.2.3, npm/deep-object-diff@1.1.9, npm/defu@6.1.3, npm/defu@6.1.4, npm/denque@2.1.0, npm/destr@2.0.2, npm/destr@2.0.3, npm/detect-browser@5.2.0, npm/detect-browser@5.3.0, npm/detect-libc@1.0.3, npm/detect-node-es@1.1.0, npm/dijkstrajs@1.0.3, npm/duplexify@4.1.2, npm/eip1193-provider@1.0.1, npm/electron-to-chromium@1.4.615, npm/encode-utf8@1.0.3, npm/es-get-iterator@1.1.3, npm/eslint-plugin-prettier@5.1.0, npm/eth-block-tracker@7.1.0, npm/eth-json-rpc-filters@6.0.1, npm/eth-query@2.1.2, npm/eth-rpc-errors@4.0.3, npm/ethereum-cryptography@2.1.2, npm/ethereum-cryptography@2.1.3, npm/execa@8.0.1, npm/fast-redact@3.3.0, npm/filter-obj@1.1.0, npm/get-nonce@1.0.1, npm/get-port-please@3.1.1, npm/get-port-please@3.1.2, npm/get-stream@8.0.1, npm/h3@1.10.2, npm/h3@1.9.0, npm/hey-listen@1.0.8, npm/http-shutdown@1.2.2, npm/human-signals@5.0.0, npm/ioredis@5.3.2, npm/iron-webcrypto@1.0.0, npm/is-fullwidth-code-point@2.0.0, npm/is-map@2.0.2, npm/is-set@2.0.2, npm/is-weakmap@2.0.1, npm/is-weakset@2.0.2, npm/is-wsl@3.1.0, npm/json-rpc-engine@6.1.0, npm/json-rpc-random-id@1.0.1, npm/keyvaluestorage-interface@1.0.0, npm/listhen@1.5.5, npm/listhen@1.6.0, npm/lit-element@3.3.3, npm/lit-html@2.8.0, npm/lit@2.7.5, npm/lodash.defaults@4.2.0, npm/lodash.isarguments@3.1.0, npm/media-query-parser@2.0.2, npm/micro-ftch@0.3.1, npm/mlly@1.4.2, npm/mlly@1.5.0, npm/motion@10.16.2, npm/mri@1.2.0, npm/multiformats@9.9.0, npm/napi-wasm@1.1.0, npm/node-addon-api@7.1.0, npm/node-fetch-native@1.4.1, npm/node-fetch-native@1.6.2, npm/ofetch@1.3.3, npm/on-exit-leak-free@0.2.0, npm/outdent@0.8.0, npm/pathe@1.1.1, npm/pathe@1.1.2, npm/pify@3.0.0, npm/pify@5.0.0, npm/pino-abstract-transport@0.5.0, npm/pino-std-serializers@4.0.0, npm/pino@7.11.0, npm/pkg-types@1.0.3, npm/pngjs@3.4.0, npm/pngjs@5.0.0, npm/pony-cause@2.1.10, npm/postcss-modules-scope@3.1.0, npm/preact@10.19.5, npm/preact@10.4.1, npm/process-warning@1.0.0, npm/proxy-compare@2.5.1, npm/qrcode@1.4.4, npm/qrcode@1.5.0, npm/query-string@7.1.1, npm/quick-format-unescaped@4.0.4, npm/radix3@1.1.0, npm/react-remove-scroll-bar@2.3.4, npm/react-remove-scroll-bar@2.3.5, npm/react-remove-scroll@2.5.4, npm/react-router-dom@6.21.1, npm/react-router-dom@6.22.1, npm/react-router@6.21.1, npm/react-router@6.22.1, npm/react-style-singleton@2.2.1, npm/real-require@0.1.0, npm/redis-errors@1.2.0, npm/redis-parser@3.0.0, npm/require-main-filename@2.0.0, npm/safe-array-concat@1.0.1, npm/safe-json-utils@1.1.1, npm/safe-regex-test@1.0.0, npm/sass-loader@13.3.2, npm/sass@1.69.5, npm/sass@1.71.0, npm/sonic-boom@2.8.0, npm/spdx-exceptions@2.3.0, npm/split-on-first@1.1.0, npm/split2@4.2.0, npm/standard-as-callback@2.1.0, npm/stop-iteration-iterator@1.0.0, npm/stream-shift@1.0.1, npm/stream-shift@1.0.3, npm/strict-uri-encode@2.0.0, npm/style-loader@3.3.3, npm/thread-stream@0.15.2, npm/toggle-selection@1.0.6, npm/ufo@1.3.2, npm/ufo@1.4.0, npm/uint8arrays@3.1.0, npm/uncrypto@0.1.3, npm/unenv@1.8.0, npm/unenv@1.9.0, npm/unstorage@1.10.1, npm/untun@0.1.3, npm/uqr@0.1.2, npm/use-callback-ref@1.3.0, npm/use-callback-ref@1.3.1, npm/use-sidecar@1.1.2, npm/valtio@1.10.5, npm/viem@1.20.3, npm/wagmi@0.11.7, npm/wagmi@0.9.6, npm/which-collection@1.0.1, npm/which-module@2.0.1, npm/y18n@4.0.3, npm/yargs@13.3.2, npm/yargs@15.4.1, npm/zustand@4.4.7, npm/zustand@4.5.1

View full report↗︎

[socket-security]

👍 Dependency issues cleared. Learn more about Socket for GitHub ↗︎

This PR previously contained dependency changes with security issues that have been resolved, removed, or ignored.

Ignoring: npm/node-pty@1.0.0

View full report↗︎

Next steps

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of ecosystem/package-name@version specifiers. e.g. @SocketSecurity ignore npm/foo@1.0.0 or ignore all packages with @SocketSecurity ignore-all

[signorecello]

@SocketSecurity ignore npm/node-pty@1.0.0

[spalladino]

Left a few nits, feel free to ignore them. Great job, love to see PRs that remove loads of code!!