feat: update starknetkit to starknet.js 8.x

Author: kronosapiens

package.json

@@ -144,7 +144,7 @@
     "prettier": "^3.0.3",
     "prettier-plugin-import-sort": "^0.0.7",
     "semantic-release": "^24.0.0",
-    "starknet": "7.5.1",
+    "starknet": "^8.5.2",
     "svelte": "^4.0.0",
     "svelte-check": "^3.5.1",
     "svelte-eslint-parser": "^0.41.1",
@@ -159,7 +159,7 @@
     "zod": "^3.20.6"
   },
   "peerDependencies": {
-    "starknet": "^7.0.0"
+    "starknet": "^8.0.0"
   },
   "gitHead": "b16688a8638cc138938e74e1a39d004760165d75"
 }

pnpm-lock.yaml

@@ -140,7 +140,11 @@ export class ArgentMobileBaseConnector extends Connector {
       params: { silent_mode: true },
     })
 
-    return new WalletAccount(provider, this._wallet, accounts[0], undefined)
+    return new WalletAccount({
+      provider,
+      walletProvider: this._wallet,
+      address: accounts[0],
+    })
   }
 
   async chainId(): Promise<bigint> {

src/connectors/argent/argentMobile/index.ts

@@ -23,7 +23,7 @@ export class StarknetRemoteAccount extends Account implements AccountInterface {
     signer: SignerInterface,
     private wallet: IStarknetRpc,
   ) {
-    super(provider, address, signer)
+    super({ provider, address, signer })
   }
 
   public async execute(

src/connectors/argent/argentMobile/modal/starknet/account.ts

@@ -12,6 +12,7 @@ import Controller, { type ControllerOptions } from "@cartridge/controller"
 import { Connector, type ConnectArgs, type ConnectorData } from "../connector"
 
 import {
+  ConnectorNotAvailableError,
   ConnectorNotConnectedError,
   UserNotConnectedError,
   UserRejectedRequestError,
@@ -20,14 +21,12 @@ import {
 import { CONTROLLER_ICON } from "./constants"
 
 export class ControllerConnector extends Connector {
-  private controller: Controller | null
+  private controller: Controller | null = null
+  private options: Partial<ControllerOptions> = {}
 
   constructor(options: Partial<ControllerOptions> = {}) {
     super()
-
-    this.controller = this.available()
-      ? new Controller(options as ControllerOptions)
-      : null
+    this.options = { ...this.options, lazyload: true }
   }
 
   get id() {
@@ -49,8 +48,12 @@ export class ControllerConnector extends Connector {
   }
 
   async connect(_args?: ConnectArgs): Promise<ConnectorData> {
+    if (!this.available()) {
+      throw new ConnectorNotAvailableError()
+    }
+
     if (!this.controller) {
-      throw new ConnectorNotConnectedError()
+      this.controller = new Controller(this.options)
     }
 
     const account = await this.controller.connect()

src/connectors/controller/index.ts

@@ -168,7 +168,11 @@ export class InjectedConnector extends Connector {
       params: { silent_mode: true },
     })
 
-    return new WalletAccount(provider, this._wallet, accounts[0], undefined)
+    return new WalletAccount({
+      provider,
+      walletProvider: this._wallet,
+      address: accounts[0],
+    })
   }
 
   async connect(_args: ConnectArgs = {}): Promise<ConnectorData> {

src/connectors/injected/index.ts

@@ -273,7 +273,11 @@ export class WebWalletConnector extends Connector {
       throw new ConnectorNotConnectedError()
     }
 
-    return new WalletAccount(provider, this._wallet, _address, undefined)
+    return new WalletAccount({
+      provider,
+      walletProvider: this._wallet,
+      address: _address,
+    })
   }
 
   async chainId(): Promise<bigint> {

src/connectors/webwallet/index.ts

@@ -1,3 +1,8 @@
+export class ConnectorNotAvailableError extends Error {
+  name = "ConnectorNotAvailableError"
+  message = "Connector not available"
+}
+
 export class ConnectorNotConnectedError extends Error {
   name = "ConnectorNotConnectedError"
   message = "Connector not connected"