Add astro/types for common prop patterns

[natemoo-re]

Changes

• We have some common patterns that folks ask about, so this adds an astro/types entrypoint with some helpful utility types.
• This keeps folks from needing to access the astroHTML.JSX.AnchorHTMLAttributes stuff directly
• Based on docs section TypeScript: Common Prop Type Patterns

HTMLAttributes

If you would like to extend valid HTML attributes for a given HTML element, you may use the provided HTMLAttributes type—it accepts an element name and returns the valid HTML attributes for that element name.

import { HTMLAttributes } from 'astro/types';
interface Props extends HTMLAttributes<'a'> {
  myProp?: string;
};

Testing

Tested manually

Docs

withastro/docs#1857

[changeset-bot]

🦋 Changeset detected

Latest commit: ce62ad0

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

This PR is blocked because it contains a minor changeset. A reviewer will merge this at the next release if approved.

[Princesseuh]

Non-blocking comment about the shape of things, but otherwise this is absolutely wonderful and everything I have ever wished for, awesome work!

[bholmesdev]

Have a few thoughts on naming and documentation. But HTMLAttributes feels fundelemental to good Astro components 👏

[tony-sull]

This is excellent! Will be able to clean up the @astrojs/image components too, they're doing a bit of a dance to add typings when extending <img> and <picture>

[bholmesdev]

That's my type of change!

Today is merge day