app.ts — astro Source File

Architecture documentation for app.ts, a typescript file in the astro codebase. 1 imports, 0 dependents.

File typescript DevToolbar ToolbarClient 1 imports 1 functions

Entity Profile

DevToolbar→ ToolbarClient→ app.ts — astro Source File

Dependency Diagram

graph LR
  1e9e5fb2_e2bb_610e_58b6_62276f32a313["app.ts"]
  813b050c_f3a5_c569_7dc8_62a7ea18fb38["toolbar"]
  1e9e5fb2_e2bb_610e_58b6_62276f32a313 --> 813b050c_f3a5_c569_7dc8_62a7ea18fb38
  style 1e9e5fb2_e2bb_610e_58b6_62276f32a313 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { defineToolbarApp } from 'astro/toolbar';

// Guide: https://docs.astro.build/en/recipes/making-toolbar-apps/
// API Reference: https://docs.astro.build/en/reference/dev-toolbar-app-reference/
export default defineToolbarApp({
	init(canvas) {
		const astroWindow = document.createElement('astro-dev-toolbar-window');

		const text = document.createElement('p');
		text.textContent = 'Hello, Astro!';

		astroWindow.append(text);

		canvas.append(astroWindow);
	},
});