connectedCallback() — astro Function Reference

Architecture documentation for the connectedCallback() function in toolbar.ts from the astro codebase.

Function typescript DevToolbar ToolbarClient calls 3 called by 1

Entity Profile

DevToolbar→ ToolbarClient→ connectedCallback() — astro Function Reference

Dependency Diagram

graph TD
  593d4863_5062_9efc_165f_2f1fac2dce1d["connectedCallback()"]
  833f7e6d_4781_eb37_c633_27829bbb8361["AstroDevToolbar"]
  593d4863_5062_9efc_165f_2f1fac2dce1d -->|defined in| 833f7e6d_4781_eb37_c633_27829bbb8361
  35b872ff_7fab_3d50_66a6_da1aa4ba3dfb["connectedCallback()"]
  35b872ff_7fab_3d50_66a6_da1aa4ba3dfb -->|calls| 593d4863_5062_9efc_165f_2f1fac2dce1d
  e295abb8_a27c_a9ba_5daf_4ea2ac1d163e["init()"]
  593d4863_5062_9efc_165f_2f1fac2dce1d -->|calls| e295abb8_a27c_a9ba_5daf_4ea2ac1d163e
  b54bc602_4007_3efe_883b_8c7b5af995e9["setAppStatus()"]
  593d4863_5062_9efc_165f_2f1fac2dce1d -->|calls| b54bc602_4007_3efe_883b_8c7b5af995e9
  35b872ff_7fab_3d50_66a6_da1aa4ba3dfb["connectedCallback()"]
  593d4863_5062_9efc_165f_2f1fac2dce1d -->|calls| 35b872ff_7fab_3d50_66a6_da1aa4ba3dfb
  style 593d4863_5062_9efc_165f_2f1fac2dce1d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/client/dev-toolbar/toolbar.ts lines 327–337

	connectedCallback() {
		if (!this.hasBeenInitialized) {
			this.init();
			this.hasBeenInitialized = true;
		}

		// Run this every time to make sure the correct app is open.
		this.apps.forEach(async (app) => {
			await this.setAppStatus(app, app.active);
		});
	}