Product
Introducing Webhook Events for Pull Request Scans
Add real-time Socket webhook events to your workflows to automatically receive pull request scan results and security alerts in real time.
By Jeppe Hasseriis -  Oct 22, 2025
🚀 DAY 3 OF LAUNCH WEEK: Introducing Webhook Events for Pull Request Scans.Learn more →
astro-pages-hmr
Advanced tools
astro-pages-hmr
Adds HMR support to pages in Astro (`src/pages/*`). Supports `.astro`, `.html`, `.md`, `.mdx`, etc pages and Content Collections.
astro-pages-hmr
Adds HMR support to pages in Astro (src/pages/*). Supports .astro, .html, .md, .mdx, etc pages and Content Collections.
Usage
Using astro add
If you have an existing Astro project, you can run the following command to add astro-pages-hmr to your project:
# npm
npx astro add astro-pages-hmr
# pnpm
pnpm astro add astro-pages-hmr
Manual
- Install the package:
# npm
npm install astro-pages-hmr
# pnpm
pnpm add astro-pages-hmr
- Add the integration to your
astro.config.mjs:
import { defineConfig } from 'astro/config'
import pagesHmr from 'astro-pages-hmr'
export default defineConfig({
integrations: [pagesHmr()]
})
How it works
The integration uses micromorph to update the current HTML with the incoming new HTML via fetch. micromorph is bundled into a client HMR runtime that is injected into the page.
In some cases where it's not safe to morph, it'll fallback to a full page reload instead. The cases include:
- The
<head>tag has changed - The
<script>tags have changed - The attributes passed to Island components have changed
Limitations
- Dynamically injected elements in the HTML may interfere with morphing as the incoming new HTML will likely not contain that element, so they will be deleted from the DOM even if needed. In which case, make sure your script is able to handle those changes and re-inject them if needed.
- When updating scripts in Astro files, the page may not reload to re-execute the script.
License
MIT
Keywords
FAQs
Adds HMR support to pages in Astro (`src/pages/*`). Supports `.astro`, `.html`, `.md`, `.mdx`, etc pages and Content Collections.
We found that astro-pages-hmr demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Package last updated on 13 May 2024
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Related posts
Research
Malicious NuGet Packages Typosquat Nethereum to Exfiltrate Wallet Keys
The Socket Threat Research Team uncovered malicious NuGet packages typosquatting the popular Nethereum project to steal wallet keys.
By Kirill Boychenko -  Oct 22, 2025
Product
Unify Your Security Stack with Socket Basics
A single platform for static analysis, secrets detection, container scanning, and CVE checks—built on trusted open source tools, ready to run out of the box.
By Douglas Coburn, Eli Insua -  Oct 21, 2025