AIRI UTIL

Internal utility workspace cho các tác vụ web dùng thật mỗi ngày: format JSON, so sánh text, encode/decode, hash, cron, PDF, ảnh và OCR. Phần lớn xử lý chạy hoàn toàn phía client nên không cần upload dữ liệu nhạy cảm lên server.

Có guest mode, giao diện dark/light/purple, sidebar điều hướng rõ ràng và bản static chạy rất nhanh.

Highlights

• Gói nhiều tool hay dùng vào một workspace duy nhất, đỡ phải mở nhiều site lẻ
• Ưu tiên workflow thực tế: thao tác nhanh, copy nhanh, preview ngay trong trình duyệt
• Hỗ trợ dùng không cần đăng nhập, đồng thời vẫn có Firebase Authentication nếu cần
• Có cả bản static (public/toolhub.html) lẫn wrapper Next.js để dev/deploy thuận tiện

Demo Screens

Overview	JSON Formatter

Text Diff	Encoder Toolkit

Hash Generator	Cron Builder

About / Support

Tool Set

Developer

Tool	Mô tả
JSON Formatter	Format, minify, validate và diff JSON side-by-side
Text Diff	So sánh 2 đoạn text theo dòng, highlight added/removed/changed
Encoder Toolkit	Encode/decode Base64, URL, HTML Entity, Hex, Binary
Hash Generator	Hash text, file, HMAC với MD5, SHA-1, SHA-256, SHA-384, SHA-512
Cron Builder	Dựng cron trực quan, parse expression và preview next runs
JWT Inspector	Decode JWT header/payload, kiểm tra expiry
Regex Tester	Test regex pattern và match results
Markdown Preview	Render markdown realtime
Timestamp Converter	Unix timestamp ↔ date time
UUID Generator	Tạo UUID/NanoID/CUID2, export text/JSON/CSV
QR Generator	Tạo QR từ text hoặc URL và tải về PNG

Documents

Tool	Mô tả
PDF to Word	Chuyển PDF text-based sang .docx
Merge PDF	Ghép nhiều PDF hoàn toàn phía client
Split PDF	Tách PDF theo trang hoặc range

Images

Tool	Mô tả
Image Compressor	Nén ảnh client-side, có preview trước/sau
OCR Image	Trích chữ từ ảnh bằng OCR

Run Local

Static mode

python3 -m http.server 8080

Mở http://127.0.0.1:8080/public/toolhub.html

Next.js dev mode

npm install
npm run dev

Mở http://127.0.0.1:3000

Authentication

• Mặc định hỗ trợ Firebase Authentication bằng email/password
• Nếu chỉ cần vào nhanh để dùng tool, bấm Dùng không cần login
• Guest mode vẫn mở được toàn bộ luồng utility cơ bản

Project Structure

.
├── app/                   # Next.js wrapper
├── public/
│   ├── toolhub.html       # Entry UI chính
│   ├── styles.css         # Toàn bộ styles
│   ├── script.js          # Logic các tool
│   ├── screenshot-driver.html
│   └── assets/
├── docs/
│   └── screenshots/       # Ảnh demo dùng trong README
└── README.md

Tech

• HTML / CSS / Vanilla JS
• Next.js + React cho wrapper
• Firebase Authentication
• pdf-lib, mammoth, tesseract.js, qrcode, marked

Notes

• Các tool xử lý text/JSON/hash/encode chạy trực tiếp trên trình duyệt
• Các tool PDF/OCR có thể chậm hơn đôi chút do xử lý file ngay phía client
• public/screenshot-driver.html được thêm để tự động mở guest mode và chụp demo ổn định cho docs