synchronizePlacementOnUpdate() — astro Function Reference

Architecture documentation for the synchronizePlacementOnUpdate() function in window.ts from the astro codebase.

Function typescript DevToolbar ToolbarClient

Entity Profile

DevToolbar→ ToolbarClient→ synchronizePlacementOnUpdate() — astro Function Reference

Dependency Diagram

graph TD
  8decbca7_c86d_d910_8508_f6649c53db3b["synchronizePlacementOnUpdate()"]
  bd769712_125e_47f5_295b_20dbbbe7a68d["window.ts"]
  8decbca7_c86d_d910_8508_f6649c53db3b -->|defined in| bd769712_125e_47f5_295b_20dbbbe7a68d
  style 8decbca7_c86d_d910_8508_f6649c53db3b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/client/dev-toolbar/apps/utils/window.ts lines 38–50

export function synchronizePlacementOnUpdate(eventTarget: EventTarget, canvas: ShadowRoot) {
	eventTarget.addEventListener('placement-updated', (evt) => {
		if (!(evt instanceof CustomEvent)) {
			return;
		}
		const windowElement = canvas.querySelector('astro-dev-toolbar-window');
		if (!windowElement) {
			return;
		}
		const event: CustomEvent<{ placement: Placement }> = evt;
		windowElement.placement = event.detail.placement;
	});
}