const fs = require('fs');

let content = fs.readFileSync('src/App.jsx', 'utf8');

const replacements = [
    { from: /(?<!:)\bp-12\b/g, to: 'p-6 md:p-12' },
    { from: /(?<!:)\bp-10\b/g, to: 'p-6 md:p-10' },
    { from: /(?<!:)\bp-8\b/g, to: 'p-5 md:p-8' },
    { from: /(?<!:)\bgap-10\b/g, to: 'gap-6 md:gap-10' },
    { from: /(?<!:)\bgap-12\b/g, to: 'gap-6 md:gap-12' },
    { from: /(?<!:)\bgap-8\b/g, to: 'gap-4 md:gap-8' },
    { from: /(?<!:)\bmb-10\b/g, to: 'mb-6 md:mb-10' },
    { from: /(?<!:)\bmb-16\b/g, to: 'mb-8 md:mb-16' },
    { from: /(?<!:)\bmb-8\b/g, to: 'mb-5 md:mb-8' },
    { from: /(?<!:)\bmt-10\b/g, to: 'mt-6 md:mt-10' },
    { from: /(?<!:)\bmt-12\b/g, to: 'mt-6 md:mt-12' },
    { from: /(?<!:)\bmt-8\b/g, to: 'mt-5 md:mt-8' },
    { from: /(?<!:)\bpx-12\b/g, to: 'px-6 md:px-12' },
    { from: /(?<!:)\bpx-8\b/g, to: 'px-5 md:px-8' },
    { from: /(?<!:)\bpy-12\b/g, to: 'py-6 md:py-12' },
    { from: /(?<!:)\bpy-16\b/g, to: 'py-8 md:py-16' },
    { from: /(?<!:)\bspace-y-10\b/g, to: 'space-y-6 md:space-y-10' },
    { from: /(?<!:)\bspace-y-12\b/g, to: 'space-y-8 md:space-y-12' },
    { from: /(?<!:)\bspace-y-8\b/g, to: 'space-y-5 md:space-y-8' }
];

let changedContent = content;

replacements.forEach(r => {
    changedContent = changedContent.replace(r.from, r.to);
});

// To be even more perfect, let's also fix rounded-[2rem] to rounded-3xl md:rounded-[2rem]
changedContent = changedContent.replace(/(?<!:)\brounded-\[2rem\]/g, 'rounded-3xl md:rounded-[2rem]');

fs.writeFileSync('src/App.jsx', changedContent);
console.log('Spacing normalized successfully.');