chore: use icp-cli for the candid ui

Author: raymondk

tools/ui/.gitignore

@@ -7,10 +7,15 @@
 .DS_Store
 **/.DS_Store
 
-# dfx temporary files
-.dfx/
+# icp-cli ephemeral state (local network + build cache).
+# Persistent data such as mainnet canister id mappings lives in .icp/data/
+# and IS committed.
+.icp/cache/
 
 # frontend code
 node_modules/
 dist/
 ts-out/
+
+.dfx
+.icp/cache

tools/ui/.icp/data/mappings/ic.ids.json

@@ -0,0 +1,3 @@
+{
+  "didjs": "a4gq6-oaaaa-aaaab-qaa4q-cai"
+}

tools/ui/Cargo.lock

@@ -7,17 +7,27 @@ The frontend `ui` fetches the Candid interface from the running canister (curren
 
 ## Build
 
-You need `dfx`, `cargo`, `npm` and `wasm-opt` for building the canister.
+You need [`icp`](https://cli.internetcomputer.org), `cargo`, `npm`, `wasm-opt` and
+`ic-wasm` for building the canister. The frontend is bundled with [Vite](https://vite.dev).
 
 ```bash
 cd ui/
 npm install
-dfx start --background
-dfx canister create --all
-dfx build
-dfx canister install --all
+icp network start -d   # start a local replica in the background
+icp deploy             # build + deploy the didjs canister locally
 ```
 
+To deploy to mainnet (the `ic` environment), which targets the existing
+`a4gq6-oaaaa-aaaab-qaa4q-cai` canister:
+
+```bash
+icp deploy -e ic
+```
+
+Project configuration lives in `icp.yaml`. Canister id mappings are stored under
+`.icp/`: the mainnet mapping (`.icp/data/mappings/ic.ids.json`) is committed, while
+local replica state under `.icp/cache/` is ephemeral and git-ignored.
+
 ## Usage
 
 Open the `ui` canister in a browser and supply the id parameter in the URL to render a specific canister,

tools/ui/README.md

@@ -0,0 +1,11 @@
+canisters:
+  - name: didjs
+    build:
+      steps:
+        - type: script
+          commands:
+            - npm run build
+            - cargo build --target wasm32-unknown-unknown --profile canister --package didjs
+            - wasm-opt --strip-debug -Oz target/wasm32-unknown-unknown/canister/didjs.wasm -o target/wasm32-unknown-unknown/canister/didjs_opt.wasm
+            - ic-wasm target/wasm32-unknown-unknown/canister/didjs_opt.wasm -o target/wasm32-unknown-unknown/canister/didjs_opt.wasm metadata candid:service -f src/didjs/didjs.did -v public
+            - cp target/wasm32-unknown-unknown/canister/didjs_opt.wasm "$ICP_WASM_OUTPUT_PATH"

tools/ui/canister_ids.json

@@ -137,5 +137,6 @@ <h1 id="title">Candid UI</h1>
         outputButton.click();
       }
     </script>
+    <script type="module" src="/src/index.ts"></script>
   </body>
 </html>