💡 RFC: auto import index.astro when writing folder name

[AceCodePt]

Body

Summary

Auto import files that have index.astro by their folder name.

Background & Motivation

Normally writing a folder name in js or ts would allow to import the component.
It make sense that astro would behave the same (without omitting the index.astro)

[SanariSan]

You can use barrel files for re-exporting:

pages/index.astro
layouts/index.astro
layouts/index.ts

// layouts/index.ts
export { default as CustomName } from "./index.astro"

---
// pages/index.astro
import { CustomName } from '../layouts';
---

<CustomName />

[ematipico]

Barrel files are a performance hazard though. Just FYI

[ematipico]

Normally writing a folder name in js or ts would allow to import the component.

That's not technically correct. That's your bundler that does that (even vite).

The ESM spec says that you must add the extension whe importing a file

However, we also rely on the extension because we require the proper renderer in case you decide to import a client component inside your Astro file

[AceCodePt]

Normally writing a folder name in js or ts would allow to import the component.

That's not technically correct. That's your bundler that does that (even vite).

The ESM spec says that you must add the extension whe importing a file

However, we also rely on the extension because we require the proper renderer in case you decide to import a client component inside your Astro file

Why is it slow?
Is there a way around it?
Besides I just need to auto import by the folder name if an index.astro exists.
Isn't that batter then a barrel file?

[jasikpark]

How does the bundler know you want to import index.astro and not index.js or index.tsx?