myIntegration() — astro Function Reference

Architecture documentation for the myIntegration() function in custom-integration.js from the astro codebase.

Function javascript DevToolbar ToolbarClient

Entity Profile

DevToolbar→ ToolbarClient→ myIntegration() — astro Function Reference

Dependency Diagram

graph TD
  b552a46d_03ff_ef53_fd1d_8f3b90806ba3["myIntegration()"]
  5c512460_af92_f29b_a770_c2e0c69a24b3["custom-integration.js"]
  b552a46d_03ff_ef53_fd1d_8f3b90806ba3 -->|defined in| 5c512460_af92_f29b_a770_c2e0c69a24b3
  style b552a46d_03ff_ef53_fd1d_8f3b90806ba3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/e2e/fixtures/dev-toolbar/custom-integration.js lines 5–27

export function myIntegration() {
	return {
		name: 'my-integration',
		hooks: {
			'astro:config:setup': ({ addDevToolbarApp }) => {
				const importPath = dirname(fileURLToPath(import.meta.url));
				const pluginPath = join(importPath, 'custom-plugin.js');

				addDevToolbarApp({
					id: 'my-plugin',
					name: 'My Plugin',
					icon: 'astro:logo',
					entrypoint: pluginPath
				});
			},
			'astro:server:setup': ({ toolbar }) => {
				toolbar.onAppInitialized("my-plugin", () => {
					toolbar.send("super-server-event", { message: "Hello from the server!" })
				});
			}
		},
	};
}