npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

astro-html-editor

v0.1.2

Published

Self-hosted HTML editor with live preview. Paste HTML, see results instantly. Files persist to server filesystem via Astro SSR — no localStorage, no framework islands.

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

yuis-iceyuis-ice

Keywords

html-editorhtml-previewlive-previewself-hostedastrolocal-firstweb-editorcode-editornodejsssrvanilla-jsdeveloper-tools

Readme

astro-html-editor

npm npm downloads Docs License

Full documentation →

A self-hosted HTML editor with live preview. Paste or write HTML on the left, see the result on the right. Files are saved to the server filesystem immediately — no localStorage, no manual download step.

Built with Astro SSR and plain JavaScript. No React, Vue, or Svelte.

screenshot

Install

# Run without installing
npx astro-html-editor

# Or install globally
npm install -g astro-html-editor
astro-html-editor

Opens at http://localhost:4321. Files are saved to ./data/ in the current directory.

From source

git clone https://github.com/yuis-ice/astro-html-editor
cd astro-html-editor
npm install
npm run build
npm start

For development (hot reload):

npm run dev

Features

  • Split-pane editor (textarea) + live preview (iframe srcdoc)
  • Server-side file persistence via node:fs — survives browser crashes
  • Immediate sync on paste, debounced sync on keystroke (800ms)
  • Atomic writes (tmp → fs.rename) to prevent partial saves
  • File management: New, Save As, Rename, Clone, Load, Copy, Download, Reset, Open in new window
  • Files organized under data/YYYY-MM/ with URL-based routing (/file/YYYY-MM/name)
  • Tab key inserts 2 spaces; Ctrl+S triggers immediate save
  • Line-number gutter synced to scroll position
  • Dark theme (Tokyo Night palette)

Self-Hosting

Files are written to ./data/YYYY-MM/ relative to the working directory. Mount a persistent volume at ./data/ if running in Docker.

The /api/* endpoints have no authentication. Do not expose the server to the public internet without adding your own access control (reverse proxy, firewall rule, etc.).

Set PORT to change the port:

PORT=8080 astro-html-editor

API Endpoints

| Method | Path | Description | |--------|------|-------------| | POST | /api/sync | Write file to disk | | GET | /api/files | List saved files with byte sizes | | POST | /api/new | Create file with default template, return slug | | POST | /api/rename | Rename file on server | | POST | /api/clone | Duplicate file, return new slug |

Contributing

See CONTRIBUTING.md.

License

Apache 2.0