kupos-ui-components-lib/watch-and-build.js

A reusable UI components package

#!/usr/bin/env node

const { exec } = require('child_process');
const fs = require('fs');
const path = require('path');

console.log('🔍 Watching for changes in kupos-ui-components...');
console.log('📁 Watching: src/ directory');
console.log('🔄 Auto-rebuild: ON');
console.log('');

let isBuilding = false;

function buildPackage() {
  if (isBuilding) {
    console.log('⏳ Build already in progress, skipping...');
    return;
  }
  
  isBuilding = true;
  console.log('🔨 Building package...');
  
  exec('yarn build', (error, stdout, stderr) => {
    isBuilding = false;
    
    if (error) {
      console.error('❌ Build failed:', error);
      return;
    }
    
    console.log('✅ Package built successfully!');
    console.log('💡 Restart your Next.js dev server to see changes');
    console.log('');
  });
}

// Watch src directory for changes
const srcDir = path.join(__dirname, 'src');

if (fs.existsSync(srcDir)) {
  fs.watch(srcDir, { recursive: true }, (eventType, filename) => {
    if (filename && (filename.endsWith('.ts') || filename.endsWith('.tsx') || filename.endsWith('.css') || filename.endsWith('.scss'))) {
      console.log(`📝 File changed: ${filename}`);
      setTimeout(buildPackage, 500); // Debounce builds
    }
  });
} else {
  console.log('⚠️  src/ directory not found. Make sure you run this from the kupos-ui-components directory.');
}

// Initial build
buildPackage();

// Keep the process running
process.on('SIGINT', () => {
  console.log('\n👋 Stopping watch mode...');
  process.exit(0);
});