DeHTML Studio

A modern, fast, and secure toolkit for HTML manipulation built with React and Vite. Experience a clean, professional interface with powerful built-in tools.

Features

• Strip HTML Tags: Instantly extract plain text from complex HTML content.
• Encode / Decode Entities: Easily convert special characters to HTML entities and back.
• Diff Viewer: Compare two blocks of text or code line-by-line.
• Formatter: Clean up and beautify messy HTML code.

Getting Started

Prerequisites

• Node.js (v18 or higher recommended)
• npm or yarn

Installation

1. Clone the repository
2. Install dependencies:

   npm install

Development

Run the local development server:

npm run dev

Production Build

To structure the application for production, run:

npm run build

The output will be generated in the dist directory, fully optimized and ready to deploy to GitHub Pages.

Deployment to GitHub Pages

The application is pre-configured for GitHub pages deployment (base: '/DeHTML/' in vite.config.js).

1. Ensure the dist folder is correctly generated.
2. Push your code to your repository.
3. Configure your GitHub Pages settings to use GitHub Actions as the source.

Testing

This project uses Vitest and React Testing Library for unit tests and V8 coverage reporting.

Run the tests:

npm test

Run the tests with coverage:

npm run test:coverage

Every CI run publishes the coverage report as a downloadable artifact and displays Statements, Branches, Functions, and Lines coverage in the GitHub Actions job summary. Successful main runs also update the coverage badge above automatically.

Legacy Support

The previous vanilla JavaScript implementation is preserved in the /legacy folder and remains accessible via the /legacy/index.html path in production.

---