XSLT Transform Tool

XSLT Transform Tool 🔄

A powerful web-based XSLT transformation tool built with Next.js and Monaco Editor. Transform XML documents using XSLT stylesheets in real-time with a modern, intuitive interface.

🌐 Live Demo

xml.viet.fi - Try it out now!

✨ Features

🔄 Real-time XSLT transformation
🎨 Syntax highlighting for XML/XSLT
⚠️ Smart error reporting with line numbers
🌙 Dark theme Monaco editor
💾 Downloadable output
📱 Responsive design

🛠️ How It Works

The application features a clean, three-panel interface:

Editor Panels

XML Input 📄
- Paste or write your XML document
- Syntax validation in real-time
- Auto-formatting support
- Error detection
XSLT Stylesheet 📝
- Write your XSLT transformation rules
- Immediate error feedback
- Syntax highlighting
- Code completion
Output Preview 👁️
- See transformed results instantly
- Download transformed XML
- Format output automatically
- Copy to clipboard

Key Features in Detail

🔍 Smart Editor

Real-time preview as you type
Intelligent error detection
Line-by-line error reporting
Syntax highlighting
Auto-indentation
Code folding

🎯 Monaco Editor Integration

Code completion
Error highlighting
Dark theme support
Multiple language support
Minimap navigation
Multi-cursor editing

🚀 Tech Stack

Frontend

⚛️ Next.js 14 (App Router)
📘 TypeScript
🎨 TailwindCSS
📝 Monaco Editor

Core Features

🔄 XSLTProcessor API
🎯 Real-time transformation
🔍 Error handling
💾 File operations

Development

📦 npm/bun package managers
🛠️ ESLint configuration
🎨 Prettier formatting
🧪 Jest testing framework

🏁 Getting Started

Clone the repository:

git clone https://github.com/vieteri/livexslt.git
cd livexslt

Install dependencies (choose one):

npm install
# or
bun install

Start development server (choose one):

npm run dev
# or
bun dev

Open http://localhost:3000 in your browser

🚀 Deployment

Deploy easily on Vercel Platform, the creators of Next.js.