astro Architecture Docs
Home / Function/ createRoundedBadge() — astro Function Reference

createRoundedBadge() — astro Function Reference

Architecture documentation for the createRoundedBadge() function in audit-list-window.ts from the astro codebase.

Function typescript DevToolbar ToolbarClient called by 1

Entity Profile

Dependency Diagram

graph TD
  96244a82_d7f1_2058_d2c1_2692abe88e12["createRoundedBadge()"]
  d310463d_8a0b_dea5_7789_386c15eb1d6e["audit-list-window.ts"]
  96244a82_d7f1_2058_d2c1_2692abe88e12 -->|defined in| d310463d_8a0b_dea5_7789_386c15eb1d6e
  fc2a9f53_5444_6ab3_d206_b11bfc963b60["constructor()"]
  fc2a9f53_5444_6ab3_d206_b11bfc963b60 -->|calls| 96244a82_d7f1_2058_d2c1_2692abe88e12
  style 96244a82_d7f1_2058_d2c1_2692abe88e12 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/client/dev-toolbar/apps/audit/ui/audit-list-window.ts lines 5–33

export function createRoundedBadge(icon: Icon) {
	const badge = document.createElement('astro-dev-toolbar-badge');

	badge.shadowRoot.innerHTML += `
		<style>
			:host>div {
				padding: 12px 8px;
				font-size: 14px;
				display: flex;
				gap: 4px;
			}
		</style>
	`;

	badge.innerHTML = `<astro-dev-toolbar-icon icon="${icon}"></astro-dev-toolbar-icon>0`;

	return {
		badge,
		updateCount: (count: number) => {
			if (count === 0) {
				badge.badgeStyle = 'green';
			} else {
				badge.badgeStyle = 'purple';
			}

			badge.innerHTML = `<astro-dev-toolbar-icon icon="${icon}"></astro-dev-toolbar-icon>${count}`;
		},
	};
}

Domain

Subdomains

Defined In

Called By

Source

Frequently Asked Questions

What does createRoundedBadge() do?
createRoundedBadge() is a function in the astro codebase, defined in packages/astro/src/runtime/client/dev-toolbar/apps/audit/ui/audit-list-window.ts.
Where is createRoundedBadge() defined?
createRoundedBadge() is defined in packages/astro/src/runtime/client/dev-toolbar/apps/audit/ui/audit-list-window.ts at line 5.
What calls createRoundedBadge()?
createRoundedBadge() is called by 1 function(s): constructor.

Analyze Your Own Codebase

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

Try Supermodel Free