remove_wave_grid_from_components.js

const fs = require('fs');
const path = require('path');

const pageTsxPath = 'frontend/app/dashboard/components/page.tsx';
let pageTsx = fs.readFileSync(pageTsxPath, 'utf8');

// Remove import
pageTsx = pageTsx.replace(
  /import WaveGridBackground from "@\/components\/backgrounds\/wave-grid-background"\n?/,
  ''
);

// Remove from ButtonPreview
pageTsx = pageTsx.replace(
  /\s*if \(comp\.style === 'wave-grid'\) \{\s*return <WaveGridBackground \/>\s*\}/,
  ''
);

// Remove Background Effects from tabs
pageTsx = pageTsx.replace(
  /\['All', 'Background Effects', 'Buttons', 'Motion Effects'\]/,
  `['All', 'Buttons', 'Motion Effects']`
);

// Remove from COMPONENT_DETAILS
const regex = /'wave-grid':\s*\{\s*filename: 'WaveGridBackground\.tsx',[\s\S]*?code:\s*\[[\s\S]*?\]\.join\('\\n'\)\s*\},\s*/;
pageTsx = pageTsx.replace(regex, '');

fs.writeFileSync(pageTsxPath, pageTsx);