feat(frontend): migrate @dfinity/vetkeys library from @dfinity/* to @icp-sdk/core

- Replace @dfinity/agent, @dfinity/candid, @dfinity/principal, @dfinity/identity
  with @icp-sdk/core
- DefaultEncryptedMapsClient and DefaultKeyManagerClient constructors now accept
  HttpAgent directly instead of HttpAgentOptions (BREAKING — see CHANGELOG.md)
- Remove generated index.js/index.d.ts wrappers, import idlFactory directly
- Update test helpers to use HttpAgent.create() from @icp-sdk/core/agent
- Update local dev network port from 4943 to 8000
- Test scripts migrated from dfx CLI to icp CLI

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: marc0olo

frontend/ic_vetkeys/CHANGELOG.md

@@ -12,6 +12,20 @@
 
 ### Changed
 
+- **BREAKING** `DefaultEncryptedMapsClient` and `DefaultKeyManagerClient`
+  constructors now accept an `HttpAgent` (from `@icp-sdk/core/agent`) instead of
+  `HttpAgentOptions`. Since `HttpAgent.create()` is async, the agent must be
+  created by the caller before being passed in — this avoids relying on the
+  deprecated `HttpAgent.createSync()` and allows full configuration upfront,
+  including providing the network's root key for local development:
+  ```ts
+  const agent = await HttpAgent.create({
+    host,
+    identity,
+    ...(rootKey ? { rootKey } : {}), // rootKey from ic_env cookie in local dev
+  });
+  new DefaultEncryptedMapsClient(agent, canisterId);
+  ```
 
 - Make `DerivedKeyMaterial.deriveAesGcmCryptoKey` `@internal`.
 

frontend/ic_vetkeys/make_did_bindings.sh

@@ -3,15 +3,16 @@ set -ex
 function make_and_copy_declarations () {
     DIR=$1
     NAME=$2
+    DID_FILE=$3
 
     pushd "$DIR""$NAME"
     make extract-candid
-    dfx generate $NAME
     popd
 
-    rm -r "src/declarations/$NAME"
-    mv "$DIR/""$NAME""/src/declarations/""$NAME" "src/declarations/"
+    rm -rf "src/declarations/$NAME"
+    mkdir -p "src/declarations/$NAME"
+    npx @icp-sdk/bindgen --did-file "$DIR$NAME/$DID_FILE" --out-dir "src/declarations/$NAME" --declarations-flat --force
 }
 
-make_and_copy_declarations "../../backend/rs/canisters/" "ic_vetkeys_manager_canister"
-make_and_copy_declarations "../../backend/rs/canisters/" "ic_vetkeys_encrypted_maps_canister"
+make_and_copy_declarations "../../backend/rs/canisters/" "ic_vetkeys_manager_canister" "ic_vetkeys_manager_canister.did"
+make_and_copy_declarations "../../backend/rs/canisters/" "ic_vetkeys_encrypted_maps_canister" "ic_vetkeys_encrypted_maps_canister.did"

frontend/ic_vetkeys/package.json

@@ -57,13 +57,10 @@
     "module": "dist/lib/index.es.js",
     "typings": "dist/types/index.d.ts",
     "dependencies": {
-        "@dfinity/agent": "^3.4.0",
-        "@dfinity/candid": "^3.4.0",
-        "@dfinity/principal": "^3.4.0",
+        "@icp-sdk/core": "^5.2.1",
         "idb-keyval": "^6.2.1"
     },
     "devDependencies": {
-        "@dfinity/identity": "^3.4.0",
         "@eslint/js": "^9.22.0",
         "@types/node": "^24.0.4",
         "@vitest/coverage-v8": "^3.0.5",
@@ -84,15 +81,15 @@
     "scripts": {
         "build": "tsc && vite build",
         "prepare": "npm run build",
-        "coverage": "npm run test:deploy_all && export $(cat .test1.env .test2.env | xargs) && vitest run --coverage",
+        "coverage": "npm run test:deploy_all && CANISTER_ID_IC_VETKEYS_MANAGER_CANISTER=$(cd $(git rev-parse --show-toplevel)/backend/rs/canisters && icp canister status ic_vetkeys_manager_canister -e local --id-only) CANISTER_ID_IC_VETKEYS_ENCRYPTED_MAPS_CANISTER=$(cd $(git rev-parse --show-toplevel)/backend/rs/canisters && icp canister status ic_vetkeys_encrypted_maps_canister -e local --id-only) vitest run --coverage",
         "lint": "eslint",
         "make:docs": "mkdir -p $(git rev-parse --show-toplevel)/docs/key_manager && mkdir -p $(git rev-parse --show-toplevel)/docs/encrypted_maps && typedoc --out $(git rev-parse --show-toplevel)/docs",
         "prettier": "prettier --write .",
         "prettier-check": "prettier --check .",
         "test_utils": "vitest utils",
-        "test": "npm run test:deploy_all && export $(cat .test1.env .test2.env | xargs) && vitest --sequence.concurrent",
-        "test:deploy_all": "npm run test:deploy_key_manager_canister && npm run test:deploy_encrypted_maps_canister",
-        "test:deploy_key_manager_canister": "cd $(git rev-parse --show-toplevel)/backend/rs/canisters/ic_vetkeys_manager_canister && dfx start --clean --background; dfx deploy --argument '(\"dfx_test_key\")' ic_vetkeys_manager_canister && grep CANISTER_ID .env > $(git rev-parse --show-toplevel)/frontend/ic_vetkeys/.test1.env",
-        "test:deploy_encrypted_maps_canister": "cd $(git rev-parse --show-toplevel)/backend/rs/canisters/ic_vetkeys_encrypted_maps_canister && dfx start --clean --background; dfx deploy --argument '(\"dfx_test_key\")' ic_vetkeys_encrypted_maps_canister && grep CANISTER_ID .env > $(git rev-parse --show-toplevel)/frontend/ic_vetkeys/.test2.env"
+        "test": "npm run test:deploy_all && CANISTER_ID_IC_VETKEYS_MANAGER_CANISTER=$(cd $(git rev-parse --show-toplevel)/backend/rs/canisters && icp canister status ic_vetkeys_manager_canister -e local --id-only) CANISTER_ID_IC_VETKEYS_ENCRYPTED_MAPS_CANISTER=$(cd $(git rev-parse --show-toplevel)/backend/rs/canisters && icp canister status ic_vetkeys_encrypted_maps_canister -e local --id-only) vitest run --sequence.concurrent",
+        "test:deploy_all": "cd $(git rev-parse --show-toplevel)/backend/rs/canisters && (icp network stop || true) && icp network start -d && icp deploy ic_vetkeys_manager_canister -e local && icp deploy ic_vetkeys_encrypted_maps_canister -e local",
+        "test:deploy_key_manager_canister": "cd $(git rev-parse --show-toplevel)/backend/rs/canisters && (icp network stop || true) && icp network start -d && icp deploy ic_vetkeys_manager_canister -e local",
+        "test:deploy_encrypted_maps_canister": "cd $(git rev-parse --show-toplevel)/backend/rs/canisters && (icp network stop || true) && icp network start -d && icp deploy ic_vetkeys_encrypted_maps_canister -e local"
     }
 }

frontend/ic_vetkeys/src/declarations/ic_vetkeys_encrypted_maps_canister/ic_vetkeys_encrypted_maps_canister.did.d.ts

@@ -1,11 +1,19 @@
-import type { Principal } from '@dfinity/principal';
-import type { ActorMethod } from '@dfinity/agent';
-import type { IDL } from '@dfinity/candid';
+/* eslint-disable */
+
+// @ts-nocheck
+
+// This file was automatically generated by @icp-sdk/bindgen@0.3.0.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import type { ActorMethod } from '@icp-sdk/core/agent';
+import type { IDL } from '@icp-sdk/core/candid';
+import type { Principal } from '@icp-sdk/core/principal';
 
 export type AccessRights = { 'Read' : null } |
   { 'ReadWrite' : null } |
   { 'ReadWriteManage' : null };
-export interface ByteBuf { 'inner' : Uint8Array | number[] }
+export interface ByteBuf { 'inner' : Uint8Array }
 export interface EncryptedMapData {
   'access_control' : Array<[Principal, AccessRights]>,
   'keyvals' : Array<[ByteBuf, ByteBuf]>,
@@ -60,4 +68,4 @@ export interface _SERVICE {
   >,
 }
 export declare const idlFactory: IDL.InterfaceFactory;
-export declare const init: (args: { IDL: typeof IDL }) => IDL.Type[];
+export declare const init: (args: { IDL: typeof IDL }) => IDL.Type[];

frontend/ic_vetkeys/src/declarations/ic_vetkeys_encrypted_maps_canister/ic_vetkeys_encrypted_maps_canister.did.js

@@ -1,3 +1,13 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// This file was automatically generated by @icp-sdk/bindgen@0.3.0.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { IDL } from '@icp-sdk/core/candid';
+
 export const idlFactory = ({ IDL }) => {
   const ByteBuf = IDL.Record({ 'inner' : IDL.Vec(IDL.Nat8) });
   const AccessRights = IDL.Variant({
@@ -26,6 +36,7 @@ export const idlFactory = ({ IDL }) => {
     'Err' : IDL.Text,
   });
   const Result_5 = IDL.Variant({ 'Ok' : IDL.Vec(ByteBuf), 'Err' : IDL.Text });
+  
   return IDL.Service({
     'get_accessible_shared_map_names' : IDL.Func(
         [],
@@ -103,4 +114,5 @@ export const idlFactory = ({ IDL }) => {
       ),
   });
 };
-export const init = ({ IDL }) => { return []; };
+
+export const init = ({ IDL }) => { return [IDL.Text]; };