tpmjs/packages/ui/tsup.config.ts

import path from 'node:path';
import { glob } from 'glob';
import { defineConfig } from 'tsup';

/**
 * Auto-discover all component entry points
 * Looks for src/ComponentName/ComponentName.tsx files where the folder name matches the file name
 */
const allFiles = glob.sync('src/**/[A-Z]*.{ts,tsx}', {
  ignore: [
    '**/*.test.ts',
    '**/*.test.tsx',
    '**/*.stories.ts',
    '**/types.ts',
    '**/tokens.ts',
    '**/variants.ts',
    '**/index.ts',
    'src/test-setup.ts',
    'src/tokens/**',
    'src/system/**',
  ],
});

// Filter to only include files where the folder name matches the file name
// e.g., src/Button/Button.tsx is included, but src/Button/helpers.ts is not
const entries = allFiles.filter((file) => {
  const dir = path.dirname(file);
  const folderName = path.basename(dir);
  const fileName = path.basename(file).replace(/\.(ts|tsx)$/, '');
  return folderName === fileName;
});

// Manually add RadioGroup which doesn't match the folder/file naming convention
entries.push('src/Radio/RadioGroup.tsx');

export default defineConfig({
  entry: entries,
  format: ['esm'],
  dts: {
    // Reduce memory usage in CI by disabling concurrent workers
    // This prevents "JS heap out of memory" errors when building many components
    compilerOptions: {
      composite: false,
    },
  },
  clean: true,
  treeshake: true,
  splitting: false,
  external: ['react', 'react-dom'],
  esbuildOptions(options) {
    options.jsx = 'automatic';
  },
  // Reduce bundle size by minifying in production
  minify: process.env.NODE_ENV === 'production',
});