latest round of fixes

docs/.vitepress/buildEnd.config.ts

@@ -1,12 +1,13 @@
-import path from 'path'
-import { writeFileSync } from 'fs'
+import path from 'node:path'
+import { writeFileSync } from 'node:fs'
 import { Feed } from 'feed'
-import { createContentLoader, type SiteConfig } from 'vitepress'
+import type { SiteConfig } from 'vitepress'
+import { createContentLoader } from 'vitepress'
 
 const siteUrl = 'https://es.vitejs.dev'
 const blogUrl = `${siteUrl}/blog`
 
-export const buildEnd = async (config: SiteConfig) => {
+export const buildEnd = async (config: SiteConfig): Promise<void> => {
   const feed = new Feed({
     title: 'Vite',
     description: 'Herramienta frontend de próxima generación',
@@ -18,18 +19,15 @@ export const buildEnd = async (config: SiteConfig) => {
     copyright:
       'Derechos reservados © 2019-actualidad Evan You & los colaboradores de Vite',
   })
-
   const posts = await createContentLoader('blog/*.md', {
     excerpt: true,
     render: true,
   }).load()
-
   posts.sort(
     (a, b) =>
       +new Date(b.frontmatter.date as string) -
       +new Date(a.frontmatter.date as string),
   )
-
   for (const { url, excerpt, frontmatter, html } of posts) {
     feed.addItem({
       title: frontmatter.title,
@@ -45,6 +43,5 @@ export const buildEnd = async (config: SiteConfig) => {
       date: frontmatter.date,
     })
   }
-
   writeFileSync(path.join(config.outDir, 'blog.rss'), feed.rss2())
 }

docs/.vitepress/config.ts

@@ -1,4 +1,5 @@
-import { defineConfig, DefaultTheme } from 'vitepress'
+import type { DefaultTheme } from 'vitepress'
+import { defineConfig } from 'vitepress'
 import { transformerTwoslash } from '@shikijs/vitepress-twoslash'
 import { buildEnd } from './buildEnd.config'
 
@@ -383,7 +384,7 @@ export default defineConfig({
     return pageData
   },
   markdown: {
-    codeTransformers: [transformerTwoslash()],
+    // codeTransformers: [transformerTwoslash()],
   },
   buildEnd,
 })

docs/.vitepress/theme/composables/sponsor.ts

@@ -1,4 +1,4 @@
-import { ref, onMounted, onUnmounted } from 'vue'
+import { onMounted, onUnmounted, ref } from 'vue'
 
 interface Sponsors {
   special: Sponsor[]
@@ -65,6 +65,16 @@ const viteSponsors: Pick<Sponsors, 'special' | 'gold'> = {
       img: '/transloadit.svg',
       hasDark: true,
     },
+    {
+      name: 'Huly',
+      url: 'https://huly.io/',
+      img: '/huly.svg',
+    },
+    {
+      name: 'Handsontable',
+      url: 'https://handsontable.com/docs/react-data-grid/?utm_source=vite_docs&utm_medium=sponsorship&utm_campaign=library_sponsorship_2024',
+      img: '/handsontable.svg',
+    },
   ],
 }
 

docs/blog/anunciando-vite3.md

@@ -32,7 +32,7 @@ head:
 
 _23 de julio de 2022_: mira el [anuncio de Vite 4.0](./anunciando-vite4.md)
 
-En febrero del año pasado, [Evan You](https://twitter.com/youyuxi) lanzó Vite 2. Desde entonces, su adopción ha crecido sin parar, alcanzando más de 1 millón de descargas vía npm por semana. Un ecosistema en expansión se formó rápidamente después de la liberación. Vite está impulsando una renovada carrera de innovación en marcos de desarrollo web. [Nuxt 3](https://v3.nuxtjs.org/) usa Vite de forma predeterminada. [SvelteKit](https://kit.svelte.dev/), [Astro](https://astro.build/), [Hydrogen](https://hydrogen.shopify.dev/) y [SolidStart](https://docs.solidjs.com/start) están construidos con Vite. [Laravel ahora ha decidido usar Vite de forma predeterminada](https://laravel.com/docs/9.x/vite). [Vite Ruby](https://vite-ruby.netlify.app/) muestra cómo Vite puede mejorar la experiencia de desarrollo en Rails. [Vitest](https://vitest.dev) está avanzando como una alternativa nativa de Vite a Jest. Vite está detrás de [Cypress](https://docs.cypress.io/guides/component-testing/writing-your-first-component-test) y [Playwright](https://playwright.dev/docs/est-components), Storybook tiene [Vite como el builder oficial](https://github.com/storybookjs/builder-vite). Y [la lista continúa](https://patak.dev/vite/ecosystem). Los mantenedores de la mayoría de estos proyectos se involucraron en la mejora del núcleo de Vite, trabajando en estrecha colaboración con el [equipo de Vite](https://es.vitejs.dev/team) y otros colaboradores.
+En febrero del año pasado, [Evan You](https://twitter.com/youyuxi) lanzó Vite 2. Desde entonces, su adopción ha crecido sin parar, alcanzando más de 1 millón de descargas en npm por semana. Un ecosistema expansivo se ha estado formando rápidamente después del lanzamiento. Vite está impulsando una carrera de innovación en los frameworks. [Nuxt 3](https://v3.nuxtjs.org/) utiliza Vite por defecto. [SvelteKit](https://kit.svelte.dev/), [Astro](https://astro.build/), [Hydrogen](https://hydrogen.shopify.dev/) y [SolidStart](https://docs.solidjs.com/quick-start) están todos construidos con Vite. [Laravel ahora ha decidido usar Vite por defecto](https://laravel.com/docs/9.x/vite). [Vite Ruby](https://vite-ruby.netlify.app/) muestra cómo Vite puede mejorar la experiencia de desarrollo en Rails. [Vitest](https://vitest.dev) está avanzando como una alternativa nativa de Vite a Jest. Vite está detrás de las nuevas características de pruebas de componentes de [Cypress](https://docs.cypress.io/guides/component-testing/writing-your-first-component-test) y [Playwright](https://playwright.dev/docs/test-components), Storybook usa a [Vite como su compilador oficial](https://github.com/storybookjs/builder-vite). Y [la lista continúa](https://patak.dev/vite/ecosystem.html). Los mantenedores de la mayoría de estos proyectos se involucraron en la mejora del núcleo de Vite, trabajando de cerca con el [equipo](https://vitejs.dev/team) de Vite y otros colaboradores.
 
 ![Vite 3 Announcement Cover Image](./../public/og-image-announcing-vite3.png)
 

docs/config/server-options.md

@@ -88,7 +88,7 @@ Consulta [el documento de WSL](https://learn.microsoft.com/en-us/windows/wsl/net
 
   Ten en cuenta que si estás utilizando una [`base`](/config/shared-options.md#base) no relativa, debes prefijar cada clave con esa `base`.
 
-  Extiende [`http-proxy`](https://github.com/http-party/node-http-proxy#options). Las opciones adicionales están [aquí](https://github.com/vitejs/vite/blob/main/packages/vite/src/node/server/middlewares/proxy.ts#L12).
+  Extiende [`http-proxy`](https://github.com/http-party/node-http-proxy#options). Las opciones adicionales están [aquí](https://github.com/vitejs/vite/blob/main/packages/vite/src/node/server/middlewares/proxy.ts#L12). Ten en cuenta que, [a diferencia de http-proxy](https://github.com/http-party/node-http-proxy/issues/1669), la opción `changeOrigin` cambiará tanto el host como los encabezados de origen para que coincidan con el objetivo.
 
   En algunos casos, es posible que también desees configurar el servidor de desarrollo relacionado (por ejemplo, para agregar middlewares personalizados a la aplicación interna [connect](https://github.com/senchalabs/connect)). Para hacerlo, debes escribir tu propio [complemento](/guide/using-plugins.html) y usar la función [configureServer](/guide/api-plugin.html#configureserver).
 

docs/config/shared-options.md

@@ -18,7 +18,7 @@ Consulta [Raíz del proyecto](/guide/#index-html-y-raiz-del-proyecto) para obten
 Ruta pública base cuando se sirve en desarrollo o producción. Los valores válidos incluyen:
 
 - Nombre de ruta absoluta URL, ejemplo, `/foo/`
-- URL completa, por ejemplo, `https://foo.com/` (La parte del origen no se utilizará en el desarrollo)
+- URL completa, por ejemplo, `https://bar.com/foo/` (La parte del origen no se utilizará en el desarrollo asi que el valor es el mismo que `/foo/`)
 - Cadena vacía o `./` (para implementación incrustada)
 
 Consulta [Ruta base pública](/guide/build#ruta-base-publica) para obtener más detalles.

docs/guide/api-javascript.md

@@ -419,3 +419,29 @@ async function loadConfigFromFile(
 ```
 
 Carga un archivo de configuración de Vite manualmente con esbuild.
+
+## `preprocessCSS`
+
+- **Experimental:** [Hacer Comentarios](https://github.com/vitejs/vite/discussions/13815)
+
+**Firma de Tipo:**
+
+```ts
+async function preprocessCSS(
+  code: string,
+  filename: string,
+  config: ResolvedConfig,
+): Promise<PreprocessCSSResult>
+interface PreprocessCSSResult {
+  code: string
+  map?: SourceMapInput
+  modules?: Record<string, string>
+  deps?: Set<string>
+}
+```
+
+Preprocesa archivos `.css`, `.scss`, `.sass`, `.less`, `.styl` y `.stylus` a CSS plano para que puedan ser utilizados en navegadores o analizados por otras herramientas. Similar al [soporte de preprocesamiento CSS incorporado](/guide/features#preprocesadores-css), se debe instalar el preprocesador correspondiente si se quiere usar.
+
+El preprocesador utilizado se infiere de la extensión del `filename`. Si el `filename` termina con `.module.{ext}`, se infiere como un [módulo CSS](https://github.com/css-modules/css-modules) y el resultado devuelto incluirá un objeto `modules` que mapea los nombres de clases originales a los transformados.
+
+Ten en cuenta que el preprocesamiento no resolverá URLs en `url()` o `image-set()`.

docs/guide/env-and-mode.md

@@ -93,7 +93,7 @@ interface ImportMeta {
 }
 ```
 
-Si tu código se basa en tipos de entornos de navegador como [DOM](https://github.com/microsoft/TypeScript/blob/main/lib/lib.dom.d.ts) y [WebWorker](https://github.com/microsoft/TypeScript/blob/main/lib/lib.webworker.d.ts), puedes actualizar el campo
+Si tu código se basa en tipos de entornos de navegador como [DOM](https://github.com/microsoft/TypeScript/blob/main/src/lib/dom.generated.d.ts) y [WebWorker](https://github.com/microsoft/TypeScript/blob/main/src/lib/webworker.generated.d.ts), puedes actualizar el campo
 [lib](https://www.typescriptlang.org/tsconfig#lib) en el `tsconfig.json`.
 
 ```json