Refactor HttpAgent instantiation to use synchronous creation method

examples/custom-provider/src/App.tsx

@@ -79,10 +79,12 @@ const App: React.FC<AppProps> = () => {
           {functionNames.map((functionName) => (
             <ICRC1Call key={functionName} functionName={functionName} />
           ))}
-          <ICRC1Call
-            functionName="icrc1_balance_of"
-            args={[{ owner: Principal.anonymous(), subaccount: [] }]}
-          />
+          {principal && (
+            <ICRC1Call
+              functionName="icrc1_balance_of"
+              args={[{ owner: principal, subaccount: [] }]}
+            />
+          )}
           {principal && <UserWallet principal={principal} />}
         </ICRC1Provider>
       </CandidAdapterProvider>

examples/vite-react-motoko/vite.config.ts

@@ -38,6 +38,6 @@ export default defineConfig({
     cache: { dir: '../node_modules/.vitest' },
   },
   resolve: {
-    preserveSymlinks: true, // this is the fix!
+    preserveSymlinks: true,
   },
 });

lerna.json

@@ -2,6 +2,6 @@
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
   "version": "independent",
   "npmClient": "yarn",
-  "packages": ["packages/*"],
+  "packages": ["packages/core", "packages/react"],
   "ignoreChanges": ["examples/**/*", "**/*.md", "**/*.spec.ts", "**/test/**/*"]
 }

packages/core/src/classes/actor/index.ts

@@ -173,11 +173,8 @@ export class ActorManager<A = BaseActor> {
   }
 
   private initializeActor = (agent: HttpAgent) => {
-    console.info(
-      `Initializing actor ${
-        this.canisterId
-      } on ${this._agentManager.getNetwork()} network`
-    )
+    const network = this._agentManager.getNetwork()
+    console.info(`Initializing actor ${this.canisterId} on ${network} network`)
 
     const { _idlFactory, canisterId } = this
 

packages/core/src/classes/agent/index.ts

@@ -23,7 +23,9 @@ import {
 } from "../../utils/constants"
 
 export class AgentManager {
+  private _anonymousAgent: HttpAgent
   private _agent: HttpAgent
+
   private _auth: AuthClient | null = null
   private _subscribers: Array<(agent: HttpAgent) => void> = []
 
@@ -55,7 +57,8 @@ export class AgentManager {
     )
   }
 
-  private updateAuthState = (newState: Partial<AuthState>, action?: string) => {
+  //TODO: make it private
+  public updateAuthState = (newState: Partial<AuthState>, action?: string) => {
     this.authStore.setState(
       (state) => ({ ...state, ...newState }),
       false,
@@ -93,6 +96,7 @@ export class AgentManager {
       store: "auth",
     })
 
+    this._anonymousAgent = HttpAgent.createSync(agentOptions)
     this._agent = HttpAgent.createSync(agentOptions)
     this.initializeAgent()
   }
@@ -110,6 +114,7 @@ export class AgentManager {
     if (network !== "ic") {
       try {
         await this._agent.fetchRootKey()
+        await this._anonymousAgent.fetchRootKey()
       } catch (error) {
         this.updateAgentState(
           { error: error as Error, initializing: false },
@@ -222,16 +227,20 @@ export class AgentManager {
     return this._agent
   }
 
-  public getAgentHost = () => {
+  public getAgentHost = (): URL | undefined => {
     return this._agent.host
   }
 
+  public getAgentHostName = () => {
+    return this.getAgentHost()?.hostname || ""
+  }
+
   public getIsLocal = () => {
     return this.getNetwork() !== "ic"
   }
 
   public getNetwork = () => {
-    const hostname = this.getAgentHost().hostname
+    const hostname = this.getAgentHostName()
 
     if (LOCAL_HOSTS.some((host) => hostname.endsWith(host))) {
       return "local"