0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2025-01-06 22:10:10 -05:00
astro/.changeset/large-stingrays-fry.md
Erika e99586787b
feat: Add a dev overlay (#8757)
* feat: initial commit for dev overlay

* fix: lockfile

* fix: build

* chore: get ci in a better state

* feat: client-server communication

* fix: better position for xray

* refactor: move icons to separate files

* refactor: cleanup components

* feat: home screen

* refactor: rename icon

* feat: flag the feature

* fix: cleanup

* fix: lockfile

* feat: minimize button

* Update packages/astro/src/@types/astro.ts

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>

* refactor: cleanup

* feat: add ability to go to component for hydrated components

* refactor: consistent logic between audit and xray

* chore: changeset

* Apply suggestions from code review

Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>
Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>

* fix: unchonky the SVGs

* fix: button a11y

* refactor: move common highlight utilities to a dedicated file

* fix: allow tabbing on highlights

* fix: allow tooltip clickable sections to be tabbed to

* feat: allow using defined icons as plugin icons

* refactor: remove unnecessary resolve

* Update .changeset/large-stingrays-fry.md

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>

* Update .changeset/large-stingrays-fry.md

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>

* nit: use append

* style: small tweaks to minimize button styling

---------

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>
Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>
2023-10-25 17:40:37 +02:00

729 B

astro
minor

Dev Overlay (experimental)

Provides a new dev overlay for your browser preview that allows you to inspect your page islands, see helpful audits on performance and accessibility, and more. A Dev Overlay Plugin API is also included to allow you to add new features and third-party integrations to it.

You can enable access to the dev overlay and its API by adding the following flag to your Astro config:

// astro.config.mjs
export default {
  experimental: {
    devOverlay: true
  }
};

Read the Dev Overlay Plugin API documentation for information about building your own plugins to integrate with Astro's dev overlay.