CSS Formatter Formatters

// Using Fetch API
async function formatCSS(css) {
    const response = await fetch('/tools/css-formatter', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: new URLSearchParams({
            css: css,
            mode: 'format',
            indentSize: 2,
            indentType: 'space'
        })
    });
    
    const result = await response.json();
    if (result.success) {
        console.log('Formatted CSS:', result.formatted);
        console.log('Stats:', result.stats);
    }
}

import requests

def minify_css(css_content):
    response = requests.post('https://yourdomain.com/tools/css-formatter', 
        data={
            'css': css_content,
            'mode': 'minify'
        }
    )
    
    result = response.json()
    if result.get('success'):
        print(f"Original size: {result['originalSize']} bytes")
        print(f"Minified size: {result['minifiedSize']} bytes")
        print(f"Saved: {result['savingsPercent']}%")
        return result['minified']
    return None

# Example usage
css = """
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}
"""
minified = minify_css(css)
print(minified)

<?php
function batchProcessCSS($files, $mode = 'format') {
    $ch = curl_init('https://yourdomain.com/tools/css-formatter');
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query([
        'batch' => json_encode($files),
        'mode' => $mode
    ]));
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    
    $response = curl_exec($ch);
    curl_close($ch);
    
    return json_decode($response, true);
}

// Example usage
$files = [
    ['name' => 'style.css', 'content' => 'body{margin:0}'],
    ['name' => 'theme.css', 'content' => '.header{color:red}']
];

$results = batchProcessCSS($files, 'format');
foreach ($results['results'] as $result) {
    echo $result['name'] . ': ' . 
         ($result['success'] ? 'Formatted' : 'Error') . PHP_EOL;
}
?>

const axios = require('axios');

async function validateCSS(cssContent) {
    try {
        const response = await axios.post('https://yourdomain.com/tools/css-formatter', 
            new URLSearchParams({
                css: cssContent,
                mode: 'validate'
            })
        );
        
        const result = response.data;
        
        if (result.valid) {
            console.log('✓ CSS is valid');
        } else {
            console.log('✗ CSS has errors:');
            result.errors.forEach(error => console.log(`  - ${error}`));
        }
        
        if (result.warnings.length > 0) {
            console.log('⚠ Warnings:');
            result.warnings.forEach(warning => console.log(`  - ${warning}`));
        }
    } catch (error) {
        console.error('Validation failed:', error.message);
    }
}

// Example usage
const css = `
body {
    margin: 0;
    unknown-property: value;
}
`;

validateCSS(css);