ASP HTML Tag Matcher 🚀

A professional Visual Studio Code extension that provides HTML tag matching support for ASP files with real-time highlighting and navigation features.

ASP dosyalarında HTML tag eşleştirme desteği sağlayan profesyonel VS Code extension'ı. Gerçek zamanlı vurgulama ve navigasyon özellikleri ile.

🌟 Features / Özellikler

English

🎯 Real-time Tag Highlighting: Instantly highlights matching opening/closing HTML tags as you click
🎨 Visual Feedback: Yellow highlighting for opening tags, green highlighting for closing tags
⌨️ Keyboard Navigation: Quick jump between matching tags with Ctrl+Shift+]
🔍 Smart Tag Detection: Advanced regex-based detection that works with complex HTML structures
📁 Multi-File Support: Works with .asp, .aspx, and .ascx files
🏷️ Self-Closing Tag Support: Proper handling of self-closing tags (img, br, input, etc.)
� Debug Support: Built-in test command and comprehensive logging
📊 Status Bar Indicator: Visual confirmation when the extension is active
🌐 Cross-Platform: Works on Windows, macOS, and Linux

Türkçe

🎯 Gerçek Zamanlı Tag Vurgulama: Tıkladığınız anda eşleşen HTML tag'lerini anında vurgular
🎨 Görsel Geri Bildirim: Açılış tag'leri için sarı, kapanış tag'leri için yeşil vurgulama
⌨️ Klavye Navigasyonu: Ctrl+Shift+] ile eşleşen tag'ler arasında hızla atlama
🔍 Akıllı Tag Algılama: Karmaşık HTML yapılarıyla çalışan gelişmiş regex tabanlı algılama
📁 Çoklu Dosya Desteği: .asp, .aspx ve .ascx dosyalarıyla çalışır
🏷️ Self-Closing Tag Desteği: Self-closing tag'lerin (img, br, input, vb.) doğru işlenmesi
� Debug Desteği: Yerleşik test komutu ve kapsamlı loglama
📊 Durum Çubuğu Göstergesi: Extension aktifken görsel onay
🌐 Çapraz Platform: Windows, macOS ve Linux'ta çalışır

🚀 Quick Start / Hızlı Başlangıç

Installation / Kurulum

Open VS Code / VS Code'u açın
Go to Extensions (Ctrl+Shift+X) / Extensions'a gidin (Ctrl+Shift+X)
Search for "ASP HTML Tag Matcher" / "ASP HTML Tag Matcher" aratın
Click Install / Install'a tıklayın

Usage / Kullanım

Open an ASP file (.asp, .aspx, or .ascx) ASP dosyası açın (.asp, .aspx veya .ascx)
Click on any HTML tag (e.g., <div>, <table>, <form>) Herhangi bir HTML tag'ine tıklayın (örn: <div>, <table>, <form>)
See the magic! ✨ Matching tags are highlighted instantly Büyüyü görün! ✨ Eşleşen tag'ler anında vurgulanır

💡 Examples / Örnekler

Basic Usage / Temel Kullanım

<%@ Language="VBScript" %>
<%
Dim userName
userName = "Hakan"
%>
<!DOCTYPE html>
<html lang="tr">
<head>
    <title>ASP Example</title>
</head>
<body>
    <div class="container">  ← Click here / Buraya tıklayın
        <h1>Welcome <%=userName%>!</h1>
        <table class="data-table">  ← Or here / Veya buraya
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Value</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>User</td>
                    <td><%=userName%></td>
                </tr>
            </tbody>
        </table>  ← Matching closing tag highlighted / Eşleşen kapanış tag'i vurgulanır
    </div>  ← Matching closing tag highlighted / Eşleşen kapanış tag'i vurgulanır
</body>
</html>

Complex Nested Structure / Karmaşık İç İçe Yapı

<div class="main">
    <form method="post" action="process.asp">
        <div class="form-group">
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" />
        </div>
        <div class="form-group">
            <label for="password">Password:</label>
            <input type="password" id="password" name="password" />
        </div>
        <button type="submit">Login</button>
    </form>
</div>

⌨️ Keyboard Shortcuts / Klavye Kısayolları

Shortcut / Kısayol	Action / Eylem
`Ctrl+Shift+]`	Jump to matching tag / Eşleşen tag'e atla
`Ctrl+Shift+P` → `ASP Tag Matcher: Test`	Test extension / Extension'ı test et

🎨 Visual Highlights / Görsel Vurgulamalar

🟡 Yellow Border: Opening tags / Açılış tag'leri
🟢 Green Border: Closing tags / Kapanış tag'leri
📍 Clear Visual Feedback: Easy identification of matching pairs / Eşleşen çiftlerin kolay tanımlanması

🔧 Configuration / Yapılandırma

The extension works out of the box with default settings. Future versions will include customizable options.

Extension varsayılan ayarlarla hazır çalışır. Gelecek sürümlerde özelleştirilebilir seçenekler bulunacak.

🐛 Troubleshooting / Sorun Giderme

Extension not working? / Extension çalışmıyor mu?

Check file extension: Make sure you're working with .asp, .aspx, or .ascx files Dosya uzantısını kontrol edin: .asp, .aspx veya .ascx dosyalarıyla çalıştığınızdan emin olun
Test the extension: Use Ctrl+Shift+P → ASP Tag Matcher: Test ASP Tag Matcher Extension'ı test edin: Ctrl+Shift+P → ASP Tag Matcher: Test ASP Tag Matcher kullanın
Check console: Open Developer Tools (Help → Toggle Developer Tools) and check the Console for logs Console'u kontrol edin: Developer Tools'u açın (Help → Toggle Developer Tools) ve Console'da logları kontrol edin
Restart VS Code: Sometimes a restart helps VS Code'u yeniden başlatın: Bazen yeniden başlatma yardımcı olur

🚦 Requirements / Gereksinimler

VS Code: Version 1.60.0 or higher / Sürüm 1.60.0 veya üstü
Operating System: Windows, macOS, or Linux / Windows, macOS veya Linux
File Types: .asp, .aspx, .ascx files / .asp, .aspx, .ascx dosyaları

🗺️ Roadmap / Yol Haritası

Version 1.1 (Coming Soon / Yakında)

Custom Colors: User-configurable highlight colors / Kullanıcı tarafından ayarlanabilir renk temaları
Tag Information: Detailed tooltips on hover / Hover'da detaylı tag bilgileri
Performance: Optimizations for large files / Büyük dosyalar için optimizasyonlar

Version 1.2 (Future / Gelecek)

Auto-completion: Automatic closing tag insertion / Otomatik kapanış tag'i ekleme
Validation: Real-time HTML validation / Gerçek zamanlı HTML doğrulama
Multi-cursor: Support for multiple selections / Çoklu seçim desteği

👨‍💻 Author / Yazar

Hakan Murat Sağlam

🌐 GitHub: @hakansglm
📧 Contact: GitHub Profile
🎯 Purpose: Improving ASP development experience / ASP geliştirme deneyimini iyileştirme

🤝 Contributing / Katkıda Bulunma

We welcome contributions from the community! / Topluluktan katkıları memnuniyetle karşılıyoruz!

Fork the repository / Depoyu fork'layın
Create a feature branch / Özellik branch'i oluşturun
Make your changes / Değişikliklerinizi yapın
Submit a pull request / Pull request gönderin

Development Setup / Geliştirme Kurulumu

git clone https://github.com/hakansglm/asp-html-tag-matcher.git
cd asp-html-tag-matcher
npm install
npm run compile

📄 License / Lisans

This project is licensed under the MIT License - see the LICENSE file for details.

Bu proje MIT Lisansı altında lisanslanmıştır - detaylar için LICENSE dosyasına bakın.

🆘 Support / Destek

🐛 Bug Reports: GitHub Issues
💡 Feature Requests: GitHub Issues
📖 Documentation: GitHub Wiki

⭐ Show Your Support / Desteğinizi Gösterin

If this extension helps you, please consider: Bu extension size yardımcı oluyorsa, lütfen:

⭐ Star the repository / Depoyu yıldızlayın
🐛 Report bugs / Bug'ları rapor edin
💡 Suggest features / Özellik önerin
📢 Share with others / Başkalarıyla paylaşın

Made with ❤️ for the ASP development community
ASP geliştirici topluluğu için ❤️ ile yapıldı

ASP HTML Tag Matcher

Sabahweb