devrel looking at boxes, please ignore

.circleci/config.yml

@@ -455,27 +455,16 @@ jobs:
           name: "Build and test"
           command: build aztec-faucet | add_timestamps
 
-  boxes:
-    docker:
-      - image: aztecprotocol/alpine-build-image
-    resource_class: small
-    steps:
-      - *checkout
-      - *setup_env
-      - run:
-          name: "Build"
-          command: cond_spot_run_build boxes 4
-
-  boxes-blank:
-    docker:
-      - image: aztecprotocol/alpine-build-image
-    resource_class: small
-    steps:
-      - *checkout
-      - *setup_env
-      - run:
-          name: "Test"
-          command: cond_spot_run_compose boxes 4 ./docker-compose.yml BOX=box-blank
+  # boxes-blank:
+  #   docker:
+  #     - image: aztecprotocol/alpine-build-image
+  #   resource_class: small
+  #   steps:
+  #     - *checkout
+  #     - *setup_env
+  #     - run:
+  #         name: "Test"
+  #         command: cond_spot_run_compose boxes 4 ./docker-compose.yml BOX=box-blank
 
   boxes-blank-react:
     docker:
@@ -486,18 +475,20 @@ jobs:
       - *setup_env
       - run:
           name: "Test"
-          command: cond_spot_run_compose boxes 4 ./docker-compose.yml BOX=box-blank-react
-
-  boxes-token:
-    docker:
-      - image: aztecprotocol/alpine-build-image
-    resource_class: small
-    steps:
-      - *checkout
-      - *setup_env
+          command: cond_spot_run_compose boxes 4 ./docker-compose.yml
       - run:
-          name: "Test"
-          command: cond_spot_run_compose boxes 4 ./docker-compose.yml BOX=box-token
+          command: "cd blank-react && yarn prep && yarn test"
+
+  # boxes-token:
+  #   docker:
+  #     - image: aztecprotocol/alpine-build-image
+  #   resource_class: small
+  #   steps:
+  #     - *checkout
+  #     - *setup_env
+  #     - run:
+  #         name: "Test"
+  #         command: cond_spot_run_compose boxes 4 ./docker-compose.yml BOX=box-token
 
   end-to-end:
     machine:
@@ -1190,23 +1181,17 @@ workflows:
       - cli: *defaults_yarn_project_prod
       - aztec-faucet: *defaults_yarn_project_prod
 
-      # Boxes.
-      - boxes:
-          requires:
-            - aztec-sandbox
-          <<: *defaults
-      - boxes-blank:
-          requires:
-            - boxes
-          <<: *defaults
+      # # Boxes.
+      # - boxes:
+      #     requires:
+      #       - aztec-sandbox
+      #     <<: *defaults
+      # - boxes-blank:
+      #     <<: *defaults
       - boxes-blank-react:
-          requires:
-            - boxes
-          <<: *defaults
-      - boxes-token:
-          requires:
-            - boxes
           <<: *defaults
+      # - boxes-token:
+      #     <<: *defaults
 
       # End to end tests.
       - e2e-join:
@@ -1281,9 +1266,9 @@ workflows:
             - e2e-browser
             - e2e-card-game
             - pxe
-            - boxes-blank
+            # - boxes-blank
             - boxes-blank-react
-            - boxes-token
+            # - boxes-token
             - cli-docs-sandbox
             - guides-writing-an-account-contract
             - guides-dapp-testing

boxes/blank-react/package.json

@@ -5,10 +5,9 @@
   "type": "module",
   "main": "./dest/index.js",
   "scripts": {
-    "build": "yarn clean && yarn compile && yarn codegen && tsc -b && webpack",
     "clean": "rm -rf ./dest .tsbuildinfo ./src/artifacts ./src/contracts/target",
-    "start": "serve -p 3000 ./dest",
-    "start:dev": "webpack serve --mode=development",
+    "prep": "yarn clean && yarn compile && yarn codegen && tsc -b",
+    "start:dev": "yarn prep && webpack serve --mode development",
     "formatting": "prettier --check ./src && eslint ./src",
     "formatting:fix": "prettier -w ./src",
     "compile": "cd src/contracts && ${AZTEC_NARGO:-aztec-nargo} compile",
@@ -32,11 +31,12 @@
     "rootDir": "./src"
   },
   "dependencies": {
-    "@aztec/accounts": "^0.16.9",
+    "@aztec/accounts": "0.19.0",
     "@aztec/aztec-ui": "^0.1.14",
-    "@aztec/aztec.js": "^0.16.9",
+    "@aztec/aztec.js": "0.19.0",
     "classnames": "^2.3.2",
     "formik": "^2.4.3",
+    "html-webpack-plugin": "^5.6.0",
     "node-sass": "^9.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -75,7 +75,7 @@
     "tty-browserify": "^0.0.1",
     "typescript": "^5.0.4",
     "util": "^0.12.5",
-    "webpack": "^5.88.2",
+    "webpack": "^5.89.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1"
   },

boxes/blank-react/tsconfig.json

@@ -19,7 +19,7 @@
     "resolveJsonModule": true,
     "composite": true,
     "skipLibCheck": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
   },
-  "include": ["src", "src/contracts/target/*.json"]
+  "include": ["src", "src/contracts/target/*.json", "src/artifacts/*.json"],
 }

boxes/blank-react/webpack.config.js

@@ -4,6 +4,7 @@ import { dirname, resolve } from 'path';
 import ResolveTypeScriptPlugin from 'resolve-typescript-plugin';
 import { fileURLToPath } from 'url';
 import webpack from 'webpack';
+import HtmlWebPackPlugin from 'html-webpack-plugin';
 
 const require = createRequire(import.meta.url);