144f07ea75
The rollup-plugin-dts used by tsup runs out of memory with 54 entry points. Split build into two steps: 1. tsup for ESM bundles 2. tsc --emitDeclarationOnly for .d.ts files
67 lines
2.1 KiB
TypeScript
67 lines
2.1 KiB
TypeScript
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');
|
|
|
|
// Manually add DitherText components
|
|
entries.push('src/DitherText/DitherHeadline.tsx');
|
|
entries.push('src/DitherText/DitherSectionHeader.tsx');
|
|
|
|
// Manually add system hooks
|
|
entries.push('src/system/hooks/useScrollReveal.ts');
|
|
entries.push('src/system/hooks/useCountUp.ts');
|
|
entries.push('src/system/hooks/useParallax.ts');
|
|
entries.push('src/system/hooks/useReducedMotion.ts');
|
|
entries.push('src/system/hooks/useDitherAnimation.ts');
|
|
|
|
export default defineConfig({
|
|
entry: entries,
|
|
format: ['esm'],
|
|
// DTS disabled - using tsc directly to avoid memory issues with rollup-plugin-dts
|
|
// See build script: "tsup && tsc --emitDeclarationOnly"
|
|
dts: false,
|
|
clean: true,
|
|
treeshake: false, // Disable treeshaking to preserve 'use client'
|
|
splitting: false,
|
|
external: ['react', 'react-dom'],
|
|
banner: {
|
|
js: '"use client";',
|
|
},
|
|
esbuildOptions(options) {
|
|
options.jsx = 'automatic';
|
|
// Try to preserve directives
|
|
options.legalComments = 'inline';
|
|
},
|
|
// Reduce bundle size by minifying in production
|
|
minify: false, // Disable minification to preserve directives
|
|
});
|