feat: adaptación de los proyectos para utilizar .env y comienzo de preparación para despliegue en docker

frontend/vite.config.ts

@@ -1,11 +1,33 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import path from 'path'; // Importa el módulo 'path' de Node
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
-  server: {
-    host: true, // o "0.0.0.0"
-    port: 5173 // el puerto que uses, opcional
+  // --- V INICIO DE LA CONFIGURACIÓN DE LIBRERÍA V ---
+  build: {
+    lib: {
+      // La entrada a nuestra librería. Apunta a nuestro main.tsx
+      entry: path.resolve(__dirname, 'src/main.tsx'),
+      // El nombre de la variable global que se expondrá
+      name: 'MercadosWidgets',
+      // El nombre del archivo de salida
+      fileName: (format) => `mercados-widgets.${format}.js`,
+    },
+    // No necesitamos minificar el CSS si es simple, pero es buena práctica
+    cssCodeSplit: true,
+    // Generar un manifest para saber qué archivos se crearon
+    manifest: true,
+    rollupOptions: {
+      // Asegúrate de no externalizar React, para que se incluya en el bundle
+      external: [],
+      output: {
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM'
+        }
+      }
+    }
   }
-})
+})