astro Architecture Docs
Home / Class/ DevToolbarCanvas Class — astro Architecture

DevToolbarCanvas Class — astro Architecture

Architecture documentation for the DevToolbarCanvas class in toolbar.ts from the astro codebase.

Class typescript DevToolbar

Entity Profile

Dependency Diagram

graph TD
  b1d615aa_155a_d816_aec7_280bddf2e6ba["DevToolbarCanvas"]
  6a1a8bab_1e39_a18b_630a_7bc4ee8ce93a["toolbar.ts"]
  b1d615aa_155a_d816_aec7_280bddf2e6ba -->|defined in| 6a1a8bab_1e39_a18b_630a_7bc4ee8ce93a
  80f363b6_11a2_ea4d_03dc_43350935270c["constructor()"]
  b1d615aa_155a_d816_aec7_280bddf2e6ba -->|method| 80f363b6_11a2_ea4d_03dc_43350935270c
  35b872ff_7fab_3d50_66a6_da1aa4ba3dfb["connectedCallback()"]
  b1d615aa_155a_d816_aec7_280bddf2e6ba -->|method| 35b872ff_7fab_3d50_66a6_da1aa4ba3dfb

Relationship Graph

Source Code

packages/astro/src/runtime/client/dev-toolbar/toolbar.ts lines 578–596

export class DevToolbarCanvas extends HTMLElement {
	shadowRoot: ShadowRoot;

	constructor() {
		super();
		this.shadowRoot = this.attachShadow({ mode: 'open' });
	}

	connectedCallback() {
		this.shadowRoot.innerHTML = `
		<style>
			:host {
				position: absolute;
				top: 0;
				left: 0;
			}
		</style>`;
	}
}

Domain

Defined In

Source

Frequently Asked Questions

What is the DevToolbarCanvas class?
DevToolbarCanvas is a class in the astro codebase, defined in packages/astro/src/runtime/client/dev-toolbar/toolbar.ts.
Where is DevToolbarCanvas defined?
DevToolbarCanvas is defined in packages/astro/src/runtime/client/dev-toolbar/toolbar.ts at line 578.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free