script.js

// Obfuscation functionality
document.getElementById('obfuscate-btn').addEventListener('click', function() {
    const input = document.getElementById('json-input').value;
    try {
        const jsonObject = JSON.parse(input);
        const obfuscatedJson = obfuscateJson(jsonObject);
        document.getElementById('json-output').value = obfuscatedJson.replace(/\\\\/g, '\\');
    } catch (e) {
        alert('Invalid JSON input.');
    }
});

// Update copy function
document.getElementById('copy-btn').addEventListener('click', function() {
    const output = document.getElementById('json-output');
    output.select();
    document.execCommand('copy');
    
    // Show styled success message
    const successMsg = document.createElement('div');
    successMsg.className = 'success-message';
    successMsg.innerHTML = '<i class="fas fa-check-circle"></i> Copied to clipboard!';
    document.body.appendChild(successMsg);
    
    setTimeout(() => {
        successMsg.remove();
    }, 3000);
});

function obfuscateJson(obj) {
    if (typeof obj === 'string') {
        return '"' + obfuscateString(obj) + '"';
    } else if (Array.isArray(obj)) {
        return '[' + obj.map(obfuscateJson).join(',') + ']';
    } else if (typeof obj === 'object' && obj !== null) {
        const entries = Object.entries(obj).map(([key, value]) => 
            '"' + obfuscateString(key) + '":' + obfuscateJson(value)
        );
        return '{' + entries.join(',') + '}';
    }
    return JSON.stringify(obj);
}

function obfuscateString(str) {
    let obfuscated = '';
    for (let i = 0; i < str.length; i++) {
        const code = str.charCodeAt(i).toString(16).padStart(4, '0');
        obfuscated += '\\u' + code;
    }
    return obfuscated;
}

// Dark mode toggle functionality
document.getElementById('theme-toggle').addEventListener('click', function() {
    const body = document.body;
    const container = document.querySelector('.container');
    const toggleIcon = this.querySelector('i');

    body.classList.toggle('dark-mode');
    container.classList.toggle('dark-mode');

    if (body.classList.contains('dark-mode')) {
        toggleIcon.classList.remove('fa-moon');
        toggleIcon.classList.add('fa-sun');
    } else {
        toggleIcon.classList.remove('fa-sun');
        toggleIcon.classList.add('fa-moon');
    }
});