guessRenderers() — astro Function Reference

Architecture documentation for the guessRenderers() function in component.ts from the astro codebase.

Function typescript CoreAstro RenderingEngine called by 1

Entity Profile

CoreAstro→ RenderingEngine→ guessRenderers() — astro Function Reference

Dependency Diagram

graph TD
  64aeb985_8afb_76f4_f354_2c178e4d2784["guessRenderers()"]
  8fc97f1b_c914_c155_013d_cbd729fb6b4f["component.ts"]
  64aeb985_8afb_76f4_f354_2c178e4d2784 -->|defined in| 8fc97f1b_c914_c155_013d_cbd729fb6b4f
  d89f42fe_2e3e_d985_e361_b90a7e5694d4["renderFrameworkComponent()"]
  d89f42fe_2e3e_d985_e361_b90a7e5694d4 -->|calls| 64aeb985_8afb_76f4_f354_2c178e4d2784
  style 64aeb985_8afb_76f4_f354_2c178e4d2784 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/server/render/component.ts lines 36–56

function guessRenderers(componentUrl?: string): string[] {
	const extname = componentUrl?.split('.').pop();
	switch (extname) {
		case 'svelte':
			return ['@astrojs/svelte'];
		case 'vue':
			return ['@astrojs/vue'];
		case 'jsx':
		case 'tsx':
			return ['@astrojs/react', '@astrojs/preact', '@astrojs/solid-js', '@astrojs/vue (jsx)'];
		case undefined:
		default:
			return [
				'@astrojs/react',
				'@astrojs/preact',
				'@astrojs/solid-js',
				'@astrojs/vue',
				'@astrojs/svelte',
			];
	}
}