astro-integrations

📦 A collection of Astro integrations by @shiftEscape.

Packages

Package	Description	npm
@shiftescape/astro-bundle-budget	Build-time JS/CSS bundle size budgets — fails the build when pages exceed your thresholds
@shiftescape/astro-env-inspector	Dev toolbar panel that shows your environment variables grouped, masked, and searchable
@shiftescape/astro-toolbar-routes	Dev toolbar route map — clickable list of every route in your project, grouped and searchable
@shiftescape/astro-i18n-toolkit	Dev toolbar i18n debugger — translation coverage map across all locales and a one-click locale switcher, library-agnostic

Structure

astro-integrations/
├── packages/
│ ├── astro-bundle-budget/ # @shiftescape/astro-bundle-budget
│ ├── astro-env-inspector/ # @shiftescape/astro-env-inspector
│ ├── astro-toolbar-routes/ # @shiftescape/astro-toolbar-routes
│ └── astro-i18n-toolkit/ # @shiftescape/astro-i18n-toolkit
└── demo/ # shared Astro site for local testing

Getting started

npm install

Development workflow

Build a package:

npm run build:bundle-budget
npm run build:env-inspector
npm run build:toolbar-routes
npm run build:i18n-toolkit
# or all at once:
npm run build:all

Start the demo:

npm run dev:demo

Test bundle budgets:

npm run build:demo

Running tests

npm test --workspace=packages/astro-bundle-budget
npm test --workspace=packages/astro-env-inspector
npm test --workspace=packages/astro-toolbar-routes
npm test --workspace=packages/astro-i18n-toolkit

CI runs all test suites first, then publishes only the matching package.

License

MIT © Alvin James Bellero

🙏 Acknowledgements

Built with the Astro Integration API and listed in the Astro Integrations Library. 🌟