@intlayer/docs 9.5.4 → 9.5.6

package/docs/es/packages/remix-intlayer/intlayerMiddleware.md

@@ -0,0 +1,101 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: Documentación del middleware intlayer | remix-intlayer
+description: Vea cómo utilizar el middleware intlayer en aplicaciones Remix 3 para el enrutamiento por locale y la gestión del contexto de solicitud.
+keywords:
+  - intlayer
+  - intlayerMiddleware
+  - remix
+  - remix-3
+  - middleware
+  - enrutamiento
+  - Internacionalización
+  - Documentación
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - intlayerMiddleware
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Init doc"
+author: aymericzip
+---
+
+# Documentación del middleware de Remix 3 intlayer
+
+El middleware `intlayer` para Remix 3 administra la capa de internacionalización en toda tu aplicación. Construido sobre estándares web (`Request` y `Response`), maneja el enrutamiento por locale (redirecciones y reescrituras internas), detecta la locale de la solicitud, la persiste en cookies y encabezados, y establece un alcance `AsyncLocalStorage` para que los controladores y componentes puedan acceder a las traducciones sin transferir props manualmente.
+
+## Uso
+
+Registra el middleware `intlayer` al inicializar tu enrutador Remix 3:
+
+```ts fileName="src/server.ts"
+import { createRouter } from "remix/router";
+import { intlayer, useIntlayer, useLocale } from "remix-intlayer";
+
+const router = createRouter({
+  middleware: [intlayer()],
+});
+
+// Sirve `/`, `/fr`, `/es`, la locale se resuelve a partir de la solicitud
+router.get("/", () => {
+  const { title } = useIntlayer("home");
+  return new Response(title);
+});
+```
+
+## Descripción
+
+El middleware `intlayer` realiza las siguientes tareas:
+
+1. **Preparación de diccionarios**: Ejecuta `prepareIntlayer` al iniciar para garantizar que todos los diccionarios generados estén construidos y disponibles.
+2. **Enrutamiento por locale**: Evalúa la solicitud frente a la estrategia de enrutamiento configurada (`prefix_always`, `prefix_as_needed`, `no_prefix`):
+   - **Redirecciones**: Si un usuario visita `/about` y debe ser redirigido a un prefijo de idioma (ej. `/es/about`), el middleware emite una respuesta de redirección con los encabezados `location` y `Set-Cookie` correspondientes.
+   - **Reescrituras internas**: Cuando un usuario accede a `/es/about`, la URL se reescribe internamente para que tu controlador de ruta coincida con `/about`, mientras que la locale resuelta se registra como `es`.
+   - **Alias de URL localizados**: Respeta las reglas de reescritura de URL definidas en `intlayer.config.ts` (ej. reescribir `/es/about` a `/es/acerca-de`).
+3. **Resolución de locale**: Detecta la locale activa en función del prefijo de URL, cookies persistidas, encabezados personalizados o preferencias de idioma del navegador `Accept-Language`.
+4. **Inyección de contexto**:
+   - Adjunta `IntlayerState` (`locale`, `defaultLocale`, `availableLocales`) al `RequestContext` de Remix bajo la clave `Intlayer` y `context.intlayer`.
+   - Ejecuta el resto de la solicitud dentro de un alcance `AsyncLocalStorage` (`requestStorage`), lo que permite que `useIntlayer`, `useDictionary` y `useLocale` se invoquen limpiamente en controladores, vistas y componentes.
+5. **Persistencia**: Adjunta los encabezados y cookies de locale salientes a la respuesta HTTP final para conservar la preferencia del usuario.
+
+## Parámetros
+
+La función `intlayer` acepta `IntlayerMiddlewareOptions` opcionales:
+
+```ts
+import { intlayer, type IntlayerMiddlewareOptions } from "remix-intlayer";
+
+const options: IntlayerMiddlewareOptions = {
+  // Anulaciones de configuración de enrutamiento personalizadas
+};
+
+const middleware = intlayer(options);
+```
+
+## Acceso directo al contexto
+
+Además de usar hooks, puedes acceder al `IntlayerState` resuelto directamente desde el contexto de solicitud de Remix:
+
+```ts
+import { Intlayer } from "remix-intlayer";
+
+router.get("/api/locale", (context) => {
+  // Mediante context.get()
+  const state = context.get(Intlayer);
+
+  // O mediante la propiedad directa context.intlayer
+  const { locale } = context.intlayer;
+
+  return Response.json({ locale });
+});
+```
+
+## Documentación relacionada
+
+- [Contexto `Intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/remix-intlayer/Intlayer.md)
+- [Hook `useIntlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/remix-intlayer/useIntlayer.md)
+- [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/remix-intlayer/useLocale.md)

package/docs/es/packages/remix-intlayer/useDictionary.md

@@ -0,0 +1,94 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: Documentación del hook useDictionary | remix-intlayer
+description: Vea cómo utilizar el hook useDictionary en aplicaciones Remix 3 para resolver objetos de diccionario para la locale de la solicitud actual.
+keywords:
+  - useDictionary
+  - diccionario
+  - remix
+  - remix-3
+  - Intlayer
+  - intlayer
+  - Internacionalización
+  - Documentación
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - useDictionary
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Init doc"
+author: aymericzip
+---
+
+# Documentación del hook useDictionary
+
+El hook `useDictionary` transforma un objeto de diccionario importado o inline y devuelve su contenido resuelto para la locale de la solicitud actual en aplicaciones Remix 3.
+
+A diferencia de `useIntlayer`, que resuelve diccionarios por su clave de cadena desde el registro global de diccionarios, `useDictionary` acepta un objeto de diccionario directamente.
+
+## Uso
+
+```ts fileName="src/views/home.ts"
+import { useDictionary } from "remix-intlayer";
+import homeContent from "./home.content";
+
+export const HomeView = () => {
+  const content = useDictionary(homeContent);
+
+  return `
+    <div>
+      <h1>${content.title}</h1>
+      <p>${content.subtitle}</p>
+    </div>
+  `;
+};
+```
+
+También puedes pasar diccionarios inline definidos con `t()`:
+
+```ts
+import { useDictionary } from "remix-intlayer";
+import { t } from "intlayer";
+
+export const FooterView = () => {
+  const content = useDictionary({
+    key: "footer",
+    content: {
+      copyright: t({
+        es: "Todos los derechos reservados.",
+        en: "All rights reserved.",
+        fr: "Tous droits réservés.",
+      }),
+    },
+  });
+
+  return `<footer>${content.copyright}</footer>`;
+};
+```
+
+## Parámetros
+
+```ts
+useDictionary(dictionary, localeOrSelector?)
+```
+
+1. **`dictionary`**: Un objeto de diccionario o grupo de diccionarios calificado.
+2. **`localeOrSelector`** (opcional): Una locale específica o un objeto selector (`{ item }`, `{ variant }`, opcionalmente con `locale`).
+
+## Descripción
+
+El hook realiza las siguientes tareas:
+
+1. **Detección de locale**: Lee la locale activa de la solicitud desde el almacenamiento `AsyncLocalStorage` creado por el middleware `intlayer()`.
+2. **Resolución de contenido**: Evalúa traducciones (`t()`), enumeraciones, condiciones y estructuras anidadas según la locale resuelta.
+3. **Procesamiento de selectores**: Aplica cualquier selector de elemento o variante proporcionado en los argumentos.
+
+## Documentación relacionada
+
+- [Middleware `intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/remix-intlayer/intlayerMiddleware.md)
+- [Hook `useIntlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/remix-intlayer/useIntlayer.md)
+- [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/remix-intlayer/useLocale.md)

package/docs/es/packages/remix-intlayer/useIntlayer.md

@@ -0,0 +1,94 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: Documentación del hook useIntlayer | remix-intlayer
+description: Vea cómo utilizar el hook useIntlayer en aplicaciones Remix 3 para acceder a contenido localizado por clave.
+keywords:
+  - useIntlayer
+  - diccionario
+  - remix
+  - remix-3
+  - Intlayer
+  - intlayer
+  - Internacionalización
+  - Documentación
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - useIntlayer
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Init doc"
+author: aymericzip
+---
+
+# Documentación del hook useIntlayer
+
+El hook `useIntlayer` te permite recuperar contenido localizado de un diccionario de Intlayer por clave en aplicaciones Remix 3.
+
+Lee automáticamente la locale activa del contexto de solicitud actual (a través de `AsyncLocalStorage`), por lo que no necesitas propagar la locale a través de controladores de ruta, plantillas de vista o componentes.
+
+## Uso
+
+### En controladores de ruta
+
+```ts fileName="src/server.ts"
+import { createRouter } from "remix/router";
+import { intlayer, useIntlayer } from "remix-intlayer";
+
+const router = createRouter({
+  middleware: [intlayer()],
+});
+
+router.get("/api/welcome", () => {
+  const content = useIntlayer("home");
+
+  return Response.json({
+    title: content.title,
+    subtitle: content.subtitle,
+  });
+});
+```
+
+### En plantillas de vista / componentes
+
+```tsx fileName="src/views/home.ts"
+import { useIntlayer } from "remix-intlayer";
+
+export const HomeView = () => {
+  const content = useIntlayer("home");
+
+  return `
+    <main>
+      <h1>${content.title}</h1>
+      <p>${content.subtitle}</p>
+    </main>
+  `;
+};
+```
+
+## Parámetros
+
+```ts
+useIntlayer(key, localeOrSelector?)
+```
+
+1. **`key`**: La clave única del diccionario (tal como se define en tus archivos de declaración `.content.ts`).
+2. **`localeOrSelector`** (opcional): Una locale específica o un objeto selector (`{ item }`, `{ variant }`, opcionalmente con `locale`). Si se proporciona, anula la locale detectada del contexto de la solicitud.
+
+## Descripción
+
+El hook realiza las siguientes tareas:
+
+1. **Recuperación de la locale del contexto**: Detecta la locale actual del alcance `AsyncLocalStorage` vinculado a la solicitud establecido por el middleware `intlayer()`.
+2. **Recuperación del diccionario**: Obtiene el diccionario precompilado correspondiente a la clave proporcionada.
+3. **Procesamiento de traducción**: Resuelve traducciones, enumeraciones, markdown y contenido condicional para la locale resuelta.
+4. **Manejo de respaldo**: Si se llama fuera de un contexto de solicitud HTTP activo, recurre limpiamente a la `defaultLocale` configurada.
+
+## Documentación relacionada
+
+- [Middleware `intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/remix-intlayer/intlayerMiddleware.md)
+- [Hook `useDictionary`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/remix-intlayer/useDictionary.md)
+- [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/remix-intlayer/useLocale.md)

package/docs/es/packages/remix-intlayer/useLocale.md

@@ -0,0 +1,104 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: Documentación del hook useLocale | remix-intlayer
+description: Vea cómo utilizar el hook useLocale en aplicaciones Remix 3 para obtener la locale de la solicitud actual, la locale predeterminada y las locales disponibles.
+keywords:
+  - useLocale
+  - locale
+  - remix
+  - remix-3
+  - Intlayer
+  - intlayer
+  - Internacionalización
+  - Documentación
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - useLocale
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Init doc"
+author: aymericzip
+---
+
+# Documentación del hook useLocale
+
+El hook `useLocale` de `remix-intlayer` proporciona acceso a la locale de la solicitud HTTP que se está procesando actualmente, junto con la locale predeterminada y las locales disponibles configuradas en el proyecto.
+
+## Uso
+
+En un componente de Remix (por ejemplo, un selector de idioma):
+
+```tsx fileName="src/components/LocaleSwitcher.tsx"
+import { type FC } from "react";
+import { Link } from "@remix-run/react";
+import { useLocale } from "remix-intlayer";
+import { getLocalizedUrl, getPathWithoutLocale } from "intlayer";
+
+export const LocaleSwitcher: FC = () => {
+  const { locale, availableLocales } = useLocale();
+  const pathWithoutLocale = getPathWithoutLocale();
+
+  return (
+    <nav>
+      <ul>
+        {availableLocales.map((localeItem) => (
+          <li key={localeItem} className="p-1">
+            <Link
+              href={getLocalizedUrl(pathWithoutLocale, localeItem)}
+              aria-current={localeItem === locale ? "page" : undefined}
+            >
+              {localeItem.toUpperCase()}
+            </Link>
+          </li>
+        ))}
+      </ul>
+    </nav>
+  );
+};
+```
+
+En un controlador de ruta:
+
+```ts fileName="src/server.ts"
+import { createRouter } from "remix/router";
+import { intlayer, useLocale } from "remix-intlayer";
+
+const router = createRouter({
+  middleware: [intlayer()],
+});
+
+router.get("/api/locale-info", () => {
+  const { locale, defaultLocale, availableLocales } = useLocale();
+
+  return Response.json({
+    locale,
+    defaultLocale,
+    availableLocales,
+  });
+});
+```
+
+## Valores de retorno
+
+El hook devuelve un objeto de tipo `UseLocaleResult`:
+
+| Propiedad          | Tipo                | Descripción                                                                   |
+| ------------------ | ------------------- | ----------------------------------------------------------------------------- |
+| `locale`           | `DeclaredLocales`   | La locale resuelta para la solicitud actual.                                  |
+| `defaultLocale`    | `DeclaredLocales`   | La locale de respaldo predeterminada configurada en `intlayer.config.ts`.     |
+| `availableLocales` | `DeclaredLocales[]` | Matriz de todas las locales disponibles configuradas en `intlayer.config.ts`. |
+
+## Descripción
+
+1. **Resolución con alcance de solicitud**: En una solicitud activa procesada por el middleware `intlayer()`, `useLocale` lee la locale resuelta desde el almacenamiento de solicitudes.
+2. **Respaldo limpio**: Si se llama fuera de un contexto de solicitud (como durante scripts de inicialización o pruebas unitarias), recurre por defecto a la `defaultLocale` configurada.
+
+## Documentación relacionada
+
+- [Middleware `intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/remix-intlayer/intlayerMiddleware.md)
+- [Hook `useIntlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/remix-intlayer/useIntlayer.md)
+- [Hook `useDictionary`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/remix-intlayer/useDictionary.md)

package/docs/es/readme.md

@@ -199,7 +199,8 @@ Explore nuestra documentación completa para comenzar con Intlayer y aprender c
   <li><a href="https://intlayer.org/doc/environment/create-react-app" rel=''>React CRA</a></li>
   <li><a href="https://intlayer.org/doc/environment/vite-and-react" rel=''>Vite + React</a></li>
   <li><a href="https://intlayer.org/doc/environment/vite-and-react" rel=''>Vite + React usando el Compilador</a></li>
-  <li><a href="https://intlayer.org/doc/environment/vite-and-react/compiler" rel=''>React-router-v7</a></li>
+  <li><a href="https://intlayer.org/doc/environment/vite-and-react/react-router-v7" rel=''>React-router-v7</a></li>
+  <li><a href="https://intlayer.org/doc/environment/remix-3" rel=''>Remix 3</a></li>
   <li><a href="https://intlayer.org/doc/environment/tanstack-start" rel=''>Tanstack start</a>
     <ul>
       <li><a href="https://intlayer.org/doc/environment/tanstack-start/solid" rel=''>Solid</a></li>
@@ -211,7 +212,6 @@ Explore nuestra documentación completa para comenzar con Intlayer y aprender c
       <li><a href="https://intlayer.org/doc/environment/astro/vue" rel=''>Vue</a></li>
       <li><a href="https://intlayer.org/doc/environment/astro/svelte" rel=''>Svelte</a></li>
       <li><a href="https://intlayer.org/doc/environment/astro/solid" rel=''>Solid</a></li>
-      <li><a href="https://intlayer.org/doc/environment/astro/vanilla" rel=''>Vanilla JS</a></li>
       <li><a href="https://intlayer.org/doc/environment/astro/lit" rel=''>Lit</a></li>
     </ul>
   </li>

package/docs/es/releases/v8.md

@@ -1325,10 +1325,6 @@ Intlayer ahora genera sitemaps automáticamente basándose en sus locales y modo
 import { createFileRoute } from "@tanstack/react-router";
 import { generateSitemap } from "intlayer";
 
-const SITE_URL = (
-  import.meta.env.VITE_SITE_URL ?? "http://localhost:3000"
-).replace(/\/$/, "");
-
 export const Route = createFileRoute("/sitemap.xml")({
   server: {
     handlers: {
@@ -1338,7 +1334,7 @@ export const Route = createFileRoute("/sitemap.xml")({
             { path: "/", changefreq: "daily", priority: 1.0 },
             { path: "/about", changefreq: "monthly", priority: 0.8 },
           ],
-          { siteUrl: SITE_URL }
+          { siteUrl: "https://example.com" }
         );
 
         return new Response(sitemap, {

package/docs/fr/how_works_intlayer.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-12
-updatedAt: 2026-08-29
+updatedAt: 2026-09-19
 title: Comment Intlayer fonctionne
 description: Apprenez comment Intlayer fonctionne en interne. Comprenez l'architecture et les composants qui rendent Intlayer puissant.
 keywords:
@@ -133,49 +133,105 @@ Intlayer est composé de plusieurs packages, chacun ayant un rôle spécifique d
 
 Le package `intlayer` est utilisé dans les applications pour déclarer du contenu dans des fichiers de contenu.
 
-### react-intlayer
+### Frameworks Frontend
+
+<Tabs group="framework">
+  <Tab label="React" value="react">
 
 Le package `react-intlayer` est utilisé pour interpréter les dictionnaires Intlayer et les rendre utilisables dans les applications React.
 
-### next-intlayer
+  </Tab>
+  <Tab label="Next.js" value="nextjs">
 
 Le package `next-intlayer` est utilisé comme une couche au-dessus de `react-intlayer` pour rendre les dictionnaires Intlayer utilisables dans les applications Next.js. Il intègre des fonctionnalités essentielles pour faire fonctionner Intlayer dans un environnement Next.js, telles que le middleware de traduction, le routage ou la configuration du fichier `next.config.js`.
 
-### vue-intlayer
+  </Tab>
+  <Tab label="Vue" value="vue">
 
 Le package `vue-intlayer` est utilisé pour interpréter les dictionnaires Intlayer et les rendre utilisables dans les applications Vue.
 
-### nuxt-intlayer
+  </Tab>
+  <Tab label="Nuxt" value="nuxt">
 
 Le package `nuxt-intlayer` est un module Nuxt permettant de rendre les dictionnaires Intlayer utilisables dans les applications Nuxt. Il intègre des fonctionnalités essentielles pour faire fonctionner Intlayer dans un environnement Nuxt, telles que le middleware de traduction, le routage ou la configuration du fichier `nuxt.config.js`.
 
-### svelte-intlayer
+  </Tab>
+  <Tab label="Svelte" value="svelte">
 
 Le package `svelte-intlayer` est utilisé pour interpréter les dictionnaires Intlayer et les rendre utilisables dans les applications Svelte.
 
-### solid-intlayer (WIP)
+  </Tab>
+  <Tab label="Solid" value="solid">
 
 Le package `solid-intlayer` est utilisé pour interpréter les dictionnaires Intlayer et les rendre utilisables dans les applications Solid.js.
 
-### preact-intlayer
+  </Tab>
+  <Tab label="Preact" value="preact">
 
 Le package `preact-intlayer` est utilisé pour interpréter les dictionnaires Intlayer et les rendre utilisables dans les applications Preact.
 
-### angular-intlayer (WIP)
+  </Tab>
+  <Tab label="Angular" value="angular">
 
 Le package `angular-intlayer` est utilisé pour interpréter les dictionnaires Intlayer et les rendre utilisables dans les applications Angular.
 
-### express-intlayer
+  </Tab>
+  <Tab label="Astro" value="astro">
 
-Le package `express-intlayer` est utilisé pour utiliser Intlayer sur un backend Express.js.
+Le paquet `astro-intlayer` fournit les outils nécessaires pour intégrer Intlayer dans des applications Astro. Il configure le routage par locale et la gestion des dictionnaires.
+
+  </Tab>
+  <Tab label="Remix" value="remix">
+
+Le paquet `remix-intlayer` fournit les outils nécessaires pour intégrer Intlayer dans des applications Remix. Il configure le routage par locale, le contexte côté serveur et la gestion des dictionnaires.
 
-### react-native-intlayer
+  </Tab>
+  <Tab label="React Native" value="react-native">
 
 Le package `react-native-intlayer` fournit des outils qui intègrent des plugins pour qu'Intlayer fonctionne avec le bundler Metro.
 
-### lynx-intlayer
+  </Tab>
+  <Tab label="Lit" value="lit">
+
+Le package `lit-intlayer` fournit des outils et des composants pour interpréter et utiliser les dictionnaires Intlayer dans les applications Lit.
+
+  </Tab>
+  <Tab label="Vanilla JS" value="vanilla">
+
+Le package `vanilla-intlayer` fournit des outils pour intégrer Intlayer dans des applications en JavaScript vanilla, HTML ou PHP.
+
+  </Tab>
+</Tabs>
+
+### Frameworks Backend
+
+<Tabs group="backend">
+  <Tab label="Express" value="express">
+
+Le package `express-intlayer` est utilisé pour utiliser Intlayer sur un backend Express.js.
+
+  </Tab>
+  <Tab label="Fastify" value="fastify">
+
+Le package `fastify-intlayer` fournit un plugin pour les applications Fastify afin de gérer l'internationalisation. Il détecte la locale de l'utilisateur et décore l'objet request.
 
-Le package `lynx-intlayer` fournit des outils qui intègrent des plugins pour qu'Intlayer fonctionne avec le bundler Lynx.
+  </Tab>
+  <Tab label="Hono" value="hono">
+
+Le paquet `hono-intlayer` fournit un middleware pour les applications Hono afin de gérer l'internationalisation. Il détecte la langue de l'utilisateur et remplit l'objet de contexte.
+
+  </Tab>
+  <Tab label="Elysia" value="elysia">
+
+Le package `elysia-intlayer` fournit un plugin pour les applications Elysia afin de gérer l'internationalisation. Il détecte la locale de l'utilisateur et injecte un objet `intlayer` dans le contexte de route.
+
+  </Tab>
+  <Tab label="AdonisJS" value="adonis">
+
+Le package `adonis-intlayer` fournit un middleware pour les applications AdonisJS afin de gérer l'internationalisation. Il détecte la locale de l'utilisateur et fournit des fonctions de traduction.
+
+  </Tab>
+</Tabs>
 
 ### vite-intlayer
 
@@ -185,6 +241,10 @@ Inclut le plugin Vite pour intégrer Intlayer avec le [bundler Vite](https://vit
 
 Inclut les commandes et plugins `react-scripts-intlayer` pour intégrer Intlayer dans les applications basées sur Create React App. Ces plugins sont basés sur [craco](https://craco.js.org/) et incluent une configuration supplémentaire pour le bundler [Webpack](https://webpack.js.org/).
 
+### eslint-plugin-intlayer
+
+Le package `eslint-plugin-intlayer` fournit des règles ESLint et oxlint pour détecter les chaînes non traduites, valider les définitions de dictionnaire et appliquer les meilleures pratiques d'internationalisation.
+
 ### intlayer-editor
 
 Le package `intlayer-editor` est utilisé pour permettre l'utilisation de l'éditeur visuel. Ce package, optionnel, peut être installé dans les applications et sera utilisé par le package `react-intlayer`.
@@ -218,6 +278,18 @@ Le package `@intlayer/cli` est un package NPM utilisé pour déclarer les script
 
 Le package `@intlayer/mcp` fournit un serveur MCP (Model Context Protocol) qui offre une assistance IDE alimentée par l'IA, adaptée à l'écosystème Intlayer. Il charge automatiquement la documentation et s'intègre avec la CLI Intlayer.
 
+### @intlayer/lsp
+
+Le package `@intlayer/lsp` fournit un serveur Language Server Protocol (LSP) dédié à Intlayer. Il apporte des fonctionnalités d'EDI telles que l'accès à la définition, la recherche de références, les aperçus au survol, l'autocomplétion des clés de dictionnaire et les diagnostics.
+
+### @intlayer/ai
+
+Le package `@intlayer/ai` fournit des fonctionnalités de SDK pour les applications Intlayer, permettant la traduction automatisée et la génération de contenu par IA.
+
+### @intlayer/analytics
+
+Le package `@intlayer/analytics` fournit des outils pour collecter des métriques d'impression de contenu, des analyses par page/locale et au niveau des nœuds, et alimente les tests A/B de contenu.
+
 ### @intlayer/dictionaries-entry
 
 Le package `@intlayer/dictionaries-entry` renvoie le chemin d'entrée des dictionnaires Intlayer : les dictionnaires fusionnés depuis sa racine, et les versions non fusionnées, distantes, dynamiques et fetch depuis ses sous-chemins `/unmerged`, `/remote`, `/dynamic` et `/fetch`. Comme il est impossible de rechercher dans le système de fichiers depuis le navigateur, l'utilisation de bundlers tels que Webpack ou Rollup pour récupérer le chemin d'entrée des dictionnaires n'est pas possible. Le package et ses sous-chemins sont conçus pour être aliasés, permettant une optimisation du bundling avec différents bundlers comme Vite, Webpack et Turbopack.

package/docs/fr/intlayer_visual_editor.md

@@ -278,6 +278,13 @@ L'éditeur affiche votre application dans une iframe, votre Content Security Pol
 
 Il est conçu pour le développement et la préproduction, où une reconstruction après une modification est acceptable. Pour modifier du contenu sur un site en direct sans déploiement, utilisez plutôt le [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_CMS.md) et ses dictionnaires distants.
 
+</Question>
+<Question title="Quel est le coût de l'éditeur visuel ? Est-il superflu si je n'en ai pas besoin ?">
+
+L'éditeur visuel Intlayer a un **coût nul** sur votre application s'il n'est pas configuré. La logique supplémentaire n'est chargée que si elle est explicitement activée et nécessaire.
+
+Même s'il est activé, le coût est extrêmement léger (+5 ko, chargé dynamiquement uniquement lorsqu'il est activé), car l'essentiel de la logique est géré par l'éditeur serveur sur [app.intlayer.org](https://app.intlayer.org) ou via le package `intlayer-editor`. Si vous avez seulement besoin d'une solution de traduction simple sans édition visuelle, Intlayer n'ajoute aucune surcharge à votre application.
+
 </Question>
 <Question title="L'éditeur visuel est-il gratuit ?">