@gv-tech/design-system 2.2.0 → 2.4.0

package/vite.config.ts

@@ -1,9 +1,29 @@
 import react from '@vitejs/plugin-react-swc';
+import fs from 'fs';
 import { resolve } from 'path';
 import { defineConfig } from 'vite';
 
 const isLibrary = process.env.VITE_LIB === 'true';
 
+// Get all UI components for multi-entry build
+const getEntries = () => {
+  const entries: Record<string, string> = {
+    index: resolve(__dirname, 'src/index.ts'),
+  };
+
+  if (isLibrary) {
+    const uiPath = resolve(__dirname, 'src/components/ui');
+    const files = fs.readdirSync(uiPath);
+    files.forEach((file) => {
+      if (file.endsWith('.tsx') && !file.includes('.test.') && !file.includes('.stories.')) {
+        const name = file.replace('.tsx', '');
+        entries[name] = resolve(uiPath, file);
+      }
+    });
+  }
+  return entries;
+};
+
 export default defineConfig({
   plugins: [react()],
   resolve: {
@@ -19,21 +39,24 @@ export default defineConfig({
     emptyOutDir: !isLibrary,
     lib: isLibrary
       ? {
-          entry: resolve(__dirname, 'src/index.ts'),
+          entry: getEntries(),
           name: 'GvtechDesign',
-          // Matches the names in package.json
-          fileName: (format) => `index.${format === 'es' ? 'es' : 'cjs'}.js`,
+          fileName: (format, entryName) =>
+            entryName === 'index'
+              ? `index.${format === 'es' ? 'es' : 'cjs'}.js`
+              : `${entryName}.${format === 'es' ? 'es' : 'cjs'}.js`,
           formats: ['es', 'cjs'],
         }
       : undefined,
     rollupOptions: {
-      external: isLibrary ? ['react', 'react-dom', 'prop-types'] : [],
+      external: isLibrary ? ['react', 'react-dom', 'prop-types', 'next-themes'] : [],
       output: {
         globals: isLibrary
           ? {
               react: 'React',
               'react-dom': 'ReactDOM',
               'prop-types': 'PropTypes',
+              'next-themes': 'NextThemes',
             }
           : {},
         manualChunks(id) {