fix(): se hace reduccin del bundle probando la configuracion sugerida (#704)

Co-authored-by: Daniel Montoya <daniel.montoya@eclass.cl>

Author: Eriold

package.json

@@ -50,7 +50,11 @@
   },
   "peerDependencies": {
     "react": "^16.8 || 17.x || ^18.0.0 || ^19.0.0",
-    "react-dom": "^16.8 || 17.x || ^18.0.0 || ^19.0.0"
+    "react-dom": "^16.8 || 17.x || ^18.0.0 || ^19.0.0",
+    "@chakra-ui/react": "^1.8.9",
+    "@emotion/react": "^11.8.2",
+    "@emotion/styled": "^11.8.1",
+    "framer-motion": "^6.2.8"
   },
   "devDependencies": {
     "@commitlint/cli": "13.2.1",
@@ -127,5 +131,6 @@
   "resolutions": {
     "@types/react": "17.0.2",
     "@types/react-dom": "17.0.2"
-  }
+  },
+  "sideEffects": false
 }

vite.config.ts

@@ -3,43 +3,34 @@ import react from '@vitejs/plugin-react'
 import tsconfigPaths from 'vite-tsconfig-paths'
 import path from 'path'
 
-// https://vitejs.dev/config/
-
-let myDefineConfig
-
-const buildEnv = process.env.VITE_REACT_DEPLOY_DOCUMENTATION
-
-if (buildEnv === 'DOCUMENTATION') {
-  myDefineConfig = {
-    plugins: [react(), tsconfigPaths()],
-    build: {
-      sourcemap: true,
+export default defineConfig({
+  plugins: [react(), tsconfigPaths()],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      name: '@eclass/ui-kit',
+      fileName: (format: string) => `eclass-ui-kit.${format}.js`,
     },
+    sourcemap: true,
+    rollupOptions: {
+      external: [
+        'react',
+        'react-dom',
+        '@chakra-ui/react',
+        '@emotion/react',
+        '@emotion/styled',
+        'framer-motion'
+      ],
+      output: {
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+          '@chakra-ui/react': 'Chakra',
+          '@emotion/react': 'EmotionReact',
+          '@emotion/styled': 'EmotionStyled',
+          'framer-motion': 'framerMotion'
+        }
+      }
+    }
   }
-} else {
-  myDefineConfig = {
-    plugins: [react(), tsconfigPaths()],
-    build: {
-      lib: {
-        entry: path.resolve(__dirname, 'src/index.ts'),
-        name: '@eclass/ui-kit',
-        fileName: (format: string) => `eclass-ui-kit.${format}.js`,
-      },
-      sourcemap: true,
-      rollupOptions: {
-        // make sure to externalize deps that shouldn't be bundled
-        // into your library
-        external: ['react'],
-        output: {
-          // Provide global variables to use in the UMD build
-          // for externalized deps
-          globals: {
-            react: 'React',
-          },
-        },
-      },
-    },
-  }
-}
-
-export default defineConfig(myDefineConfig)
+})