This content will hot reload.
\n \n \n\n\n\n/* public/style.css */\nbody {\n font-family: sans-serif;\n background-color: #f0f0f0;\n color: #333;\n}\nh1 {\n color: #007bff;\n}\n\n/* public/script.js */\nconsole.log('Script loaded. Changes here will also hot reload.');\ndocument.addEventListener('DOMContentLoaded', () => {\n const p = document.querySelector('p');\n if (p) {\n p.textContent = 'Content updated by JavaScript and will hot reload!';\n }\n});\n\n// To run:\n// 1. Save the above files in your project directory:\n// - hrs.config.js in the root\n// - index.html, style.css, script.js inside a 'public' folder\n// 2. Open your terminal in the project root and run:\n// npx simple-hot-reload-server public\n// 3. Open http://localhost:8082 in your browser.\n// Modify index.html, style.css, or script.js and save to see hot reload.","lang":"javascript","description":"Demonstrates setting up a `simple-hot-reload-server` with a basic `hrs.config.js` for custom routes and proxying, alongside simple HTML, CSS, and JS files for hot reloading."},"warnings":[{"fix":"For non-HTML/HTM files to trigger hot reloads, configure the `hotRule` option in your `hrs.config.js` to match the desired file extensions (e.g., `/\\.(html|htm|css|js)$/`).","message":"The package's primary mechanism for hot reloading is explicitly limited to files ending with `.html`, `.htm`, or files that are required by these HTML/HTM files. Other file types might not trigger a hot reload unless specifically configured via `hotRule` in `hrs.config.js` or if they are indirectly included by HTML.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Thoroughly test with your target Node.js version and browser environments. Consider alternative, more actively maintained live/hot-reloading development servers (e.g., `live-server`, `browser-sync`) if encountering modern compatibility challenges.","message":"The project appears to be in maintenance mode, with its last commit observed in late 2021. This could lead to compatibility issues with newer Node.js versions, updated browser standards, or modern JavaScript syntax/features if not actively kept up-to-date by the community or direct contributions.","severity":"gotcha","affected_versions":"<=1.2.0"},{"fix":"Ensure `hrs.config.js` uses CommonJS syntax (`module.exports = { ... }`). If you need to include ESM-only modules, you might need to use dynamic `import()` within the CommonJS context if your Node.js version supports it.","message":"The `hrs.config.js` file, which is crucial for advanced configurations like proxies and custom Express middleware, is designed as a CommonJS module (`module.exports`). Attempting to use ESM `import`/`export` syntax directly in this configuration file will result in errors.","severity":"gotcha","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-04-21T00:00:00.000Z","next_check":"2026-07-20T00:00:00.000Z","problems":[{"fix":"Specify an alternative port using the `-p` or `--port` command-line option, for example: `npx simple-hot-reload-server -p 8083 public`.","cause":"The default port 8082 is already in use by another application or process on your system.","error":"Error: listen EADDRINUSE :::8082"},{"fix":"If not using `npx`, install it globally: `npm install -g simple-hot-reload-server`. Alternatively, ensure you are running it via `npx` from your project root: `npx simple-hot-reload-server [path]`.","cause":"The `hrs` command-line tool is not globally installed or `npx` cannot locate it.","error":"hrs: command not found"},{"fix":"Verify that your `hrs.config.js` includes a `hotRule` that matches the file extensions you expect to hot reload. For instance, `hotRule: /\\.(html|htm|css|js)$/` would enable hot reloading for CSS and JS files.","cause":"The `hotRule` configuration might not match the file types you are editing, or the files are not `html`/`htm` or directly referenced by them.","error":"Files are not hot reloading despite changes being saved."}],"ecosystem":"npm"}