default.init() — astro Function Reference

Architecture documentation for the default.init() function in custom-plugin.js from the astro codebase.

Function javascript DevToolbar ToolbarClient

Entity Profile

DevToolbar→ ToolbarClient→ default.init() — astro Function Reference

Dependency Diagram

graph TD
  b3431094_689a_d86b_f5db_2b41ea363d67["default.init()"]
  8fcf7572_4c00_7f4b_d029_7ff33d3137d3["custom-plugin.js"]
  b3431094_689a_d86b_f5db_2b41ea363d67 -->|defined in| 8fcf7572_4c00_7f4b_d029_7ff33d3137d3
  style b3431094_689a_d86b_f5db_2b41ea363d67 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/e2e/fixtures/dev-toolbar/custom-plugin.js lines 4–27

	init(canvas, app, server) {
		const astroWindow = document.createElement('astro-dev-toolbar-window');
		const myButton = document.createElement('astro-dev-toolbar-button');
		myButton.size = 'medium';
		myButton.buttonStyle = 'purple';
		myButton.innerText = 'Click me!';

		myButton.addEventListener('click', () => {
			console.log('Clicked!');
		});

		app.toggleNotification({
			state: true,
			level: 'warning'
		})

		server.on("super-server-event", (data) => {
			astroWindow.appendChild(document.createTextNode(data.message));
		});

		astroWindow.appendChild(myButton);

		canvas.appendChild(astroWindow);
	},