astro Architecture Docs
Home / File/ entrypoint.ts — astro Source File

entrypoint.ts — astro Source File

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

File typescript DevToolbar 5 imports

Entity Profile

Dependency Diagram

graph LR
  83e6cc65_4232_d01b_3b82_077dae3b21fb["entrypoint.ts"]
  6e91fe0d_c6ce_0cca_abd3_06b774edbe23["./toolbar.js"]
  83e6cc65_4232_d01b_3b82_077dae3b21fb --> 6e91fe0d_c6ce_0cca_abd3_06b774edbe23
  ec98291d_da42_0350_bc9f_3b52b09b5112["../../runtime/client/dev-toolbar/helpers.js"]
  83e6cc65_4232_d01b_3b82_077dae3b21fb --> ec98291d_da42_0350_bc9f_3b52b09b5112
  844d479d_bd2c_31dd_1673_36b5e7e8016a["../settings.js"]
  83e6cc65_4232_d01b_3b82_077dae3b21fb --> 844d479d_bd2c_31dd_1673_36b5e7e8016a
  25ffd80a_e468_33f1_329e_5eb709b28b2a["../../runtime/client/dev-toolbar/toolbar.js"]
  83e6cc65_4232_d01b_3b82_077dae3b21fb --> 25ffd80a_e468_33f1_329e_5eb709b28b2a
  92bc435f_778a_3bb9_74cb_50d27c2bdb1d["astro:toolbar:internal"]
  83e6cc65_4232_d01b_3b82_077dae3b21fb --> 92bc435f_778a_3bb9_74cb_50d27c2bdb1d
  style 83e6cc65_4232_d01b_3b82_077dae3b21fb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

// @ts-expect-error - This module is private and untyped
import { loadDevToolbarApps } from 'astro:toolbar:internal';
import type { ResolvedDevToolbarApp as DevToolbarAppDefinition } from '../../../types/public/toolbar.js';
import { ToolbarAppEventTarget } from './helpers.js';
import { settings } from './settings.js';
import type { AstroDevToolbar, DevToolbarApp } from './toolbar.js';

let overlay: AstroDevToolbar;

document.addEventListener('DOMContentLoaded', async () => {
	const [
		customAppsDefinitions,
		{ default: astroDevToolApp },
		{ default: astroAuditApp },
		{ default: astroXrayApp },
		{ default: astroSettingsApp },
		{ AstroDevToolbar, DevToolbarCanvas, getAppIcon },
		{
			DevToolbarCard,
			DevToolbarHighlight,
			DevToolbarTooltip,
			DevToolbarWindow,
			DevToolbarToggle,
			DevToolbarButton,
			DevToolbarBadge,
			DevToolbarIcon,
			DevToolbarSelect,
			DevToolbarRadioCheckbox,
		},
	] = await Promise.all([
		loadDevToolbarApps() as DevToolbarAppDefinition[],
		import('./apps/astro.js'),
		import('./apps/audit/index.js'),
		import('./apps/xray.js'),
		import('./apps/settings.js'),
		import('./toolbar.js'),
		import('./ui-library/index.js'),
	]);

	// Register custom elements
	customElements.define('astro-dev-toolbar', AstroDevToolbar);
	customElements.define('astro-dev-toolbar-window', DevToolbarWindow);
	customElements.define('astro-dev-toolbar-app-canvas', DevToolbarCanvas);
	customElements.define('astro-dev-toolbar-tooltip', DevToolbarTooltip);
	customElements.define('astro-dev-toolbar-highlight', DevToolbarHighlight);
	customElements.define('astro-dev-toolbar-card', DevToolbarCard);
	customElements.define('astro-dev-toolbar-toggle', DevToolbarToggle);
	customElements.define('astro-dev-toolbar-button', DevToolbarButton);
	customElements.define('astro-dev-toolbar-badge', DevToolbarBadge);
	customElements.define('astro-dev-toolbar-icon', DevToolbarIcon);
	customElements.define('astro-dev-toolbar-select', DevToolbarSelect);
	customElements.define('astro-dev-toolbar-radio-checkbox', DevToolbarRadioCheckbox);

	overlay = document.createElement('astro-dev-toolbar');

	const notificationLevels = ['error', 'warning', 'info'] as const;
	const notificationSVGs: Record<(typeof notificationLevels)[number], string> = {
		error:
			'<svg viewBox="0 0 10 10" style="--fill:var(--fill-default);--fill-default:#B33E66;--fill-hover:#E3AFC1;"><rect width="9" height="9" x=".5" y=".5" fill="var(--fill)" stroke="#13151A" stroke-width="2" rx="4.5"/></svg>',
		warning:
// ... (225 more lines)

Domain

Dependencies

  • ../../runtime/client/dev-toolbar/helpers.js
  • ../../runtime/client/dev-toolbar/toolbar.js
  • ../settings.js
  • ./toolbar.js
  • astro:toolbar:internal

Source

Frequently Asked Questions

What does entrypoint.ts do?
entrypoint.ts is a source file in the astro codebase, written in typescript. It belongs to the DevToolbar domain.
What does entrypoint.ts depend on?
entrypoint.ts imports 5 module(s): ../../runtime/client/dev-toolbar/helpers.js, ../../runtime/client/dev-toolbar/toolbar.js, ../settings.js, ./toolbar.js, astro:toolbar:internal.
Where is entrypoint.ts in the architecture?
entrypoint.ts is located at packages/astro/src/runtime/client/dev-toolbar/entrypoint.ts (domain: DevToolbar, directory: packages/astro/src/runtime/client/dev-toolbar).

Analyze Your Own Codebase

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

Try Supermodel Free