feat(core): rewrite to use built-in svg components

[stramel]

Warning

These changes are still highly volatile and likely to change. Proceed with caution

Building on top of the hopefully soon to be accepted Built-in SVG components in withastro/astro#12067. Discussed here withastro/roadmap#699

This adds virtual paths to the Iconify collections and icons. Simply import astro:icons/<collection>/<icon> in order to use the icon component.

This changes also removes the functionality associated with local svg imports since this is now covered through Astro.

Another big change is that we're no longer running SVGO. I'm assuming that Iconify is handling most of the optimizations for us. Any local icon optimizations would be moved into the astro repo (likely post MVP)

TODO:

• rewrite functionality to use the built-in SVG components
• fix typings for virtual module imports
• update demo to use new imports
• fix type assertions on the integration/vite plugin
• add better error handling
• add logging
• provide offline support
• fix import.meta.env being undefined
• clean up
• agree upon virtual module naming
• documentation
• tests

Possible Future Enhancements:

Typescript Plugin: We could write a typescript plugin that could autosuggest collections and icons as you type. We could also add additional validation for collection + icon combinations. We could also warn on deprecated usages.

Dev Toolbar: We could write a dev toolbar that could highlight all icons, show deprecated icons, and list all icons on the page. We could also potentially suggest icons that would be good candidates for sprite mode.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 339f975

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
api-astroicon	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 6, 2024 5:50am
astroicon	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 6, 2024 5:50am