chore: change uild lib to output library in esm

Author: priyajeet

vite.config.mts

@@ -1,8 +1,8 @@
 import path from 'path';
 import { fileURLToPath } from 'url';
 import { execSync } from 'child_process';
-import { defineConfig, loadEnv, ConfigEnv, LibraryFormats } from 'vite';
-import type { PreRenderedAsset } from 'rollup';
+import { defineConfig, loadEnv, ConfigEnv } from 'vite';
+import type { OutputOptions, PreRenderedAsset } from 'rollup';
 import react from '@vitejs/plugin-react-swc';
 import checker from 'vite-plugin-checker';
 import { nodePolyfills } from 'vite-plugin-node-polyfills';
@@ -97,28 +97,10 @@ const plugins = [
     }),
 ].filter(Boolean);
 
-const optimizeDeps = {};
-
-const output: {
-  assetFileNames: (assetInfo: PreRenderedAsset) => string;
-  inlineDynamicImports: boolean;
-  exports: 'named' | 'default' | 'none' | 'auto';
-} = {
-  assetFileNames: (assetInfo: PreRenderedAsset) => {
-    if (assetInfo.name === 'main.css') {
-      return '[name][extname]';
-    }
-    return '[name]-[hash][extname]';
-  },
-  inlineDynamicImports: false,
-  exports: 'named' as const,
-};
-
 export default defineConfig(({ command, mode }: ConfigEnv) => {
   const env = loadEnv(mode, process.cwd(), '');
   const isHosted = !!env.VITE_BUILD_HOSTED;
   const isNetlify = !!env.VITE_BUILD_NETLIFY;
-  const isAnalyze = process.env.ANALYZE === 'true';
 
   if (command === 'serve' || (command === 'build' && isNetlify)) {
     // Local development
@@ -133,11 +115,19 @@ export default defineConfig(({ command, mode }: ConfigEnv) => {
             main: 'src/SampleApp.tsx',
             index: 'index.html',
           } as Record<string, string>,
-          output,
+          output: {
+            assetFileNames: (assetInfo: PreRenderedAsset) => {
+              if (assetInfo.name === 'main.css') {
+                return '[name][extname]';
+              }
+              return '[name]-[hash][extname]';
+            },
+            inlineDynamicImports: false,
+            exports: 'named' as const,
+          },
         },
       },
       plugins,
-      optimizeDeps,
     };
   } else if (command === 'build') {
     //
@@ -164,13 +154,19 @@ export default defineConfig(({ command, mode }: ConfigEnv) => {
               main: 'src/main.tsx',
             } as Record<string, string>,
             output: {
-              entryFileNames: '[name].js',
-              ...output,
+              entryFileNames: '[name].mjs',
+              assetFileNames: (assetInfo: PreRenderedAsset) => {
+                if (assetInfo.name === 'main.css') {
+                  return '[name][extname]';
+                }
+                return '[name]-[hash][extname]';
+              },
+              inlineDynamicImports: false,
+              exports: 'named' as const,
             },
           },
         },
         plugins,
-        optimizeDeps,
       };
     } else {
       return {
@@ -187,7 +183,7 @@ export default defineConfig(({ command, mode }: ConfigEnv) => {
               path.resolve(__dirname, 'src/exports/hosted.ts'),
               path.resolve(__dirname, 'src/exports/executor.ts'),
             ],
-            formats: (isAnalyze ? ['es'] : ['es', 'cjs']) as LibraryFormats[],
+            formats: ['es'],
             fileName: (format, entryname) => {
               const n = entryname.split('/').pop()!;
               return `${n.split('.')[0]}.${format === 'es' ? 'mjs' : 'js'}`;
@@ -201,7 +197,13 @@ export default defineConfig(({ command, mode }: ConfigEnv) => {
               hosted: 'src/exports/hosted.ts',
               executor: 'src/exports/executor.ts',
             },
-            output,
+            output: {
+              entryFileNames: '[name].mjs',
+              chunkFileNames: '[name].mjs',
+              assetFileNames: '[name].[ext]',
+              inlineDynamicImports: false,
+              preserveModules: true,
+            },
             external: [
               'react',
               'react/jsx-runtime',
@@ -213,9 +215,14 @@ export default defineConfig(({ command, mode }: ConfigEnv) => {
               '@mui/system',
             ],
           },
+          minify: false,
+          terserOptions: {
+            mangle: false,
+            compress: false,
+          },
+          sourcemap: true,
         },
         plugins,
-        optimizeDeps,
       };
     }
   }
@@ -226,6 +233,5 @@ export default defineConfig(({ command, mode }: ConfigEnv) => {
     envPrefix,
     resolve,
     plugins,
-    optimizeDeps,
   };
 });