@intlayer/docs 9.5.4 → 9.5.6

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

@@ -0,0 +1,101 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: intlayer Middleware Dokumentation | remix-intlayer
+description: Erfahren Sie, wie Sie die intlayer-Middleware in Remix 3-Anwendungen für sprachenbasiertes Routing und Request-Kontextverwaltung verwenden.
+keywords:
+  - intlayer
+  - intlayerMiddleware
+  - remix
+  - remix-3
+  - middleware
+  - routing
+  - Internationalisierung
+  - Dokumentation
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - intlayerMiddleware
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Init doc"
+author: aymericzip
+---
+
+# intlayer Remix 3 Middleware Dokumentation
+
+Die `intlayer`-Middleware für Remix 3 verwaltet die Internationalisierungsschicht in Ihrer gesamten Anwendung. Aufgebaut auf Webstandards (`Request` und `Response`), handhabt sie sprachenbasiertes Routing (Weiterleitungen und interne Umschreibungen), erkennt die Request-Locale, speichert sie in Cookies und Headern und richtet einen `AsyncLocalStorage`-Bereich ein, sodass Downstream-Handler und -Komponenten ohne manuelles Übergeben von Props auf Übersetzungen zugreifen können.
+
+## Verwendung
+
+Registrieren Sie die `intlayer`-Middleware bei der Initialisierung Ihres Remix 3-Routers:
+
+```ts fileName="src/server.ts"
+import { createRouter } from "remix/router";
+import { intlayer, useIntlayer, useLocale } from "remix-intlayer";
+
+const router = createRouter({
+  middleware: [intlayer()],
+});
+
+// Bedient `/`, `/fr`, `/es`, die Locale wird aus der Anfrage aufgelöst
+router.get("/", () => {
+  const { title } = useIntlayer("home");
+  return new Response(title);
+});
+```
+
+## Beschreibung
+
+Die `intlayer`-Middleware führt folgende Aufgaben aus:
+
+1. **Vorbereitung von Wörterbüchern**: Führt beim Start `prepareIntlayer` aus, um sicherzustellen, dass alle generierten Wörterbücher erstellt und verfügbar sind.
+2. **Sprachenbasiertes Routing**: Bewertet die Anfrage anhand der konfigurierten Routing-Strategie (`prefix_always`, `prefix_as_needed`, `no_prefix`):
+   - **Weiterleitungen**: Wenn ein Benutzer `/about` besucht und zu einem Sprachpräfix weitergeleitet werden soll (z. B. `/de/about`), gibt die Middleware eine Weiterleitungsantwort mit den entsprechenden Headern `location` und `Set-Cookie` aus.
+   - **Interne Umschreibungen**: Wenn ein Benutzer auf `/de/about` zugreift, wird die URL intern umgeschrieben, sodass Ihr Routen-Handler mit `/about` übereinstimmt, während die aufgelöste Locale als `de` erfasst wird.
+   - **Lokalisierte URL-Aliase**: Beachtet in `intlayer.config.ts` definierte URL-Umschreibungsregeln (z. B. Umschreiben von `/de/about` in `/de/ueber-uns`).
+3. **Locale-Auflösung**: Erkennt die aktive Locale basierend auf URL-Präfix, gespeicherten Cookies, benutzerdefinierten Headern oder `Accept-Language`-Browsereinstellungen.
+4. **Kontext-Injektion**:
+   - Hängt `IntlayerState` (`locale`, `defaultLocale`, `availableLocales`) unter dem Schlüssel `Intlayer` und `context.intlayer` an den Remix `RequestContext` an.
+   - Führt den Rest der Anfrage innerhalb eines `AsyncLocalStorage`-Bereichs (`requestStorage`) aus, wodurch `useIntlayer`, `useDictionary` und `useLocale` sauber in Handlern, Ansichten und Komponenten aufgerufen werden können.
+5. **Persistenz**: Hängt ausgehende Locale-Header und -Cookies an die endgültige HTTP-Antwort an, um die Präferenz des Benutzers zu speichern.
+
+## Parameter
+
+Die Funktion `intlayer` akzeptiert optionale `IntlayerMiddlewareOptions`:
+
+```ts
+import { intlayer, type IntlayerMiddlewareOptions } from "remix-intlayer";
+
+const options: IntlayerMiddlewareOptions = {
+  // Benutzerdefinierte Routing-Konfigurationsüberschreibungen
+};
+
+const middleware = intlayer(options);
+```
+
+## Direkter Kontextzugriff
+
+Zusätzlich zur Verwendung von Hooks können Sie direkt aus dem Remix-Anfragekontext auf den aufgelösten `IntlayerState` zugreifen:
+
+```ts
+import { Intlayer } from "remix-intlayer";
+
+router.get("/api/locale", (context) => {
+  // Über context.get()
+  const state = context.get(Intlayer);
+
+  // Oder über die direkte Eigenschaft context.intlayer
+  const { locale } = context.intlayer;
+
+  return Response.json({ locale });
+});
+```
+
+## Zugehörige Dokumentation
+
+- [`Intlayer` Kontext](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/remix-intlayer/Intlayer.md)
+- [`useIntlayer` Hook](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/remix-intlayer/useIntlayer.md)
+- [`useLocale` Hook](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/remix-intlayer/useLocale.md)

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

@@ -0,0 +1,94 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: useDictionary Hook Dokumentation | remix-intlayer
+description: Erfahren Sie, wie Sie den useDictionary-Hook in Remix 3-Anwendungen verwenden, um Wörterbuchobjekte für die aktuelle Request-Locale aufzulösen.
+keywords:
+  - useDictionary
+  - wörterbuch
+  - remix
+  - remix-3
+  - Intlayer
+  - intlayer
+  - Internationalisierung
+  - Dokumentation
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - useDictionary
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Init doc"
+author: aymericzip
+---
+
+# useDictionary Hook Dokumentation
+
+Der `useDictionary`-Hook transformiert ein importiertes oder inline definiertes Wörterbuchobjekt und gibt dessen Inhalt für die Locale der aktuellen Anfrage in Remix 3-Anwendungen zurück.
+
+Im Gegensatz zu `useIntlayer`, das Wörterbücher anhand ihres Zeichenfolgenschlüssels aus der globalen Wörterbuchregistrierung auflöst, akzeptiert `useDictionary` direkt ein Wörterbuchobjekt.
+
+## Verwendung
+
+```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>
+  `;
+};
+```
+
+Sie können auch Inline-Wörterbücher übergeben, die mit `t()` definiert sind:
+
+```ts
+import { useDictionary } from "remix-intlayer";
+import { t } from "intlayer";
+
+export const FooterView = () => {
+  const content = useDictionary({
+    key: "footer",
+    content: {
+      copyright: t({
+        de: "Alle Rechte vorbehalten.",
+        en: "All rights reserved.",
+        fr: "Tous droits réservés.",
+      }),
+    },
+  });
+
+  return `<footer>${content.copyright}</footer>`;
+};
+```
+
+## Parameter
+
+```ts
+useDictionary(dictionary, localeOrSelector?)
+```
+
+1. **`dictionary`**: Ein Wörterbuchobjekt oder eine qualifizierte Wörterbuchgruppe.
+2. **`localeOrSelector`** (optional): Eine spezifische Locale oder ein Selektorobjekt (`{ item }`, `{ variant }`, optional mit `locale`).
+
+## Beschreibung
+
+Der Hook führt folgende Aufgaben aus:
+
+1. **Locale-Erkennung**: Liest die aktive Request-Locale aus dem vom `intlayer()`-Middleware erstellten `AsyncLocalStorage`-Speicher.
+2. **Inhaltsauflösung**: Wertet Übersetzungen (`t()`), Aufzählungen, Bedingungen und verschachtelte Strukturen gemäß der aufgelösten Locale aus.
+3. **Selektorverarbeitung**: Wendet alle in den Argumenten angegebenen Element- oder Variantenselektoren an.
+
+## Zugehörige Dokumentation
+
+- [`intlayer` Middleware](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/remix-intlayer/intlayerMiddleware.md)
+- [`useIntlayer` Hook](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/remix-intlayer/useIntlayer.md)
+- [`useLocale` Hook](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/remix-intlayer/useLocale.md)

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

@@ -0,0 +1,94 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: useIntlayer Hook Dokumentation | remix-intlayer
+description: Erfahren Sie, wie Sie den useIntlayer-Hook in Remix 3-Anwendungen verwenden, um über Schlüssel auf lokalisierte Inhalte zuzugreifen.
+keywords:
+  - useIntlayer
+  - wörterbuch
+  - remix
+  - remix-3
+  - Intlayer
+  - intlayer
+  - Internationalisierung
+  - Dokumentation
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - useIntlayer
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Init doc"
+author: aymericzip
+---
+
+# useIntlayer Hook Dokumentation
+
+Mit dem `useIntlayer`-Hook können Sie lokalisierte Inhalte aus einem Intlayer-Wörterbuch anhand eines Schlüssels in Remix 3-Anwendungen abrufen.
+
+Er liest automatisch die aktive Locale aus dem aktuellen Anfragekontext (über `AsyncLocalStorage`), sodass Sie die Locale nicht manuell durch Routen-Handler, Ansichtsvorlagen oder Komponenten weiterreichen müssen.
+
+## Verwendung
+
+### In Routen-Handlern
+
+```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,
+  });
+});
+```
+
+### In Ansichtsvorlagen / Komponenten
+
+```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>
+  `;
+};
+```
+
+## Parameter
+
+```ts
+useIntlayer(key, localeOrSelector?)
+```
+
+1. **`key`**: Der eindeutige Schlüssel des Wörterbuchs (wie in Ihren `.content.ts`-Deklarationsdateien definiert).
+2. **`localeOrSelector`** (optional): Eine spezifische Locale oder ein Selektorobjekt (`{ item }`, `{ variant }`, optional mit `locale`). Wenn angegeben, überschreibt dies die aus dem Anfragekontext erkannte Locale.
+
+## Beschreibung
+
+Der Hook führt folgende Aufgaben aus:
+
+1. **Kontext-Locale-Ermittlung**: Erkennt die aktuelle Locale aus dem anfragegebundenen `AsyncLocalStorage`-Bereich, der von der `intlayer()`-Middleware eingerichtet wurde.
+2. **Wörterbuch-Abruf**: Ruft das vorkompilierte Wörterbuch ab, das dem angegebenen Schlüssel entspricht.
+3. **Übersetzungsverarbeitung**: Löst Übersetzungen, Aufzählungen, Markdown und bedingte Inhalte für die aufgelöste Locale auf.
+4. **Fallback-Behandlung**: Bei Aufruf außerhalb eines aktiven HTTP-Request-Kontexts greift er sauber auf die konfigurierte `defaultLocale` zurück.
+
+## Zugehörige Dokumentation
+
+- [`intlayer` Middleware](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/remix-intlayer/intlayerMiddleware.md)
+- [`useDictionary` Hook](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/remix-intlayer/useDictionary.md)
+- [`useLocale` Hook](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/remix-intlayer/useLocale.md)

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

@@ -0,0 +1,104 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: useLocale Hook Dokumentation | remix-intlayer
+description: Erfahren Sie, wie Sie den useLocale-Hook in Remix 3-Anwendungen verwenden, um die aktuelle Request-Locale, die Standard-Locale und die verfügbaren Locales abzurufen.
+keywords:
+  - useLocale
+  - locale
+  - remix
+  - remix-3
+  - Intlayer
+  - intlayer
+  - Internationalisierung
+  - Dokumentation
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - useLocale
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Init doc"
+author: aymericzip
+---
+
+# useLocale Hook Dokumentation
+
+Der `useLocale`-Hook von `remix-intlayer` bietet Zugriff auf die Locale der aktuell verarbeiteten HTTP-Anfrage zusammen mit der im Projekt konfigurierten Standard- und den verfügbaren Locales.
+
+## Verwendung
+
+In einer Remix-Komponente (zum Beispiel einem Sprachwechsler):
+
+```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>
+  );
+};
+```
+
+In einem Routen-Handler:
+
+```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,
+  });
+});
+```
+
+## Rückgabewerte
+
+Der Hook gibt ein Objekt vom Typ `UseLocaleResult` zurück:
+
+| Eigenschaft        | Typ                 | Beschreibung                                                            |
+| ------------------ | ------------------- | ----------------------------------------------------------------------- |
+| `locale`           | `DeclaredLocales`   | Die für die aktuelle Anfrage aufgelöste Locale.                         |
+| `defaultLocale`    | `DeclaredLocales`   | Die in `intlayer.config.ts` konfigurierte Standard-Fallback-Locale.     |
+| `availableLocales` | `DeclaredLocales[]` | Array aller in `intlayer.config.ts` konfigurierten verfügbaren Locales. |
+
+## Beschreibung
+
+1. **Request-bezogene Auflösung**: In einer aktiven Anfrage, die von der `intlayer()`-Middleware verarbeitet wird, liest `useLocale` die aufgelöste Locale aus dem Request-Speicher.
+2. **Sauberer Fallback**: Bei Aufruf außerhalb eines Anfragekontexts greift er standardmäßig auf die konfigurierte `defaultLocale` zurück.
+
+## Zugehörige Dokumentation
+
+- [`intlayer` Middleware](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/remix-intlayer/intlayerMiddleware.md)
+- [`useIntlayer` Hook](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/remix-intlayer/useIntlayer.md)
+- [`useDictionary` Hook](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/remix-intlayer/useDictionary.md)

package/docs/de/readme.md

@@ -199,7 +199,8 @@ Erkunden Sie unsere umfassende Dokumentation, um mit Intlayer zu beginnen und zu
   <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 mit Compiler</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 @@ Erkunden Sie unsere umfassende Dokumentation, um mit Intlayer zu beginnen und zu
       <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/de/releases/v8.md

@@ -1336,10 +1336,6 @@ Intlayer generiert jetzt automatisch Sitemaps basierend auf Ihren Locales und de
 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: {
@@ -1349,7 +1345,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/en/how_works_intlayer.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-12
-updatedAt: 2026-08-29
+updatedAt: 2026-09-19
 title: How Intlayer Works
 description: Learn how Intlayer operates internally. Understand the architecture and components that make Intlayer powerful.
 keywords:
@@ -131,49 +131,105 @@ Intlayer is composed of several packages, each with a specific role in the trans
 
 The `intlayer` package is used in applications to declare content in content files.
 
-### react-intlayer
+### Frontend Frameworks
+
+<Tabs group="framework">
+  <Tab label="React" value="react">
 
 The `react-intlayer` package is used to interpret Intlayer dictionaries and make them usable in React applications.
 
-### next-intlayer
+  </Tab>
+  <Tab label="Next.js" value="nextjs">
 
 The `next-intlayer` package is used as a layer on top of `react-intlayer` to make Intlayer dictionaries usable in Next.js applications. It integrates essential features to make Intlayer work in a Next.js environment, such as translation middleware, routing, or the `next.config.js` file configuration.
 
-### vue-intlayer
+  </Tab>
+  <Tab label="Vue" value="vue">
 
 The `vue-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Vue applications.
 
-### nuxt-intlayer
+  </Tab>
+  <Tab label="Nuxt" value="nuxt">
 
 The `nuxt-intlayer` package is as Nuxt module to make Intlayer dictionaries usable in Nuxt applications. It integrates essential features to make Intlayer work in a Nuxt environment, such as translation middleware, routing, or the `nuxt.config.js` file configuration.
 
-### svelte-intlayer
+  </Tab>
+  <Tab label="Svelte" value="svelte">
 
 The `svelte-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Svelte applications.
 
-### solid-intlayer (WIP)
+  </Tab>
+  <Tab label="Solid" value="solid">
 
 The `solid-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Solid.js applications.
 
-### preact-intlayer
+  </Tab>
+  <Tab label="Preact" value="preact">
 
 The `preact-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Preact applications.
 
-### angular-intlayer (WIP)
+  </Tab>
+  <Tab label="Angular" value="angular">
 
 The `angular-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Angular applications.
 
-### express-intlayer
+  </Tab>
+  <Tab label="Astro" value="astro">
 
-The `express-intlayer` package is used to use Intlayer on an Express.js backend.
+The `astro-intlayer` package provides the necessary tools to integrate Intlayer into Astro applications. It configures locale-based routing and dictionary management.
+
+  </Tab>
+  <Tab label="Remix" value="remix">
+
+The `remix-intlayer` package provides the necessary tools to integrate Intlayer into Remix applications. It configures locale-based routing, server-side context, and dictionary management.
 
-### react-native-intlayer
+  </Tab>
+  <Tab label="React Native" value="react-native">
 
 The `react-native-intlayer` package provides tools that integrate plugins for Intlayer to work with the Metro bundler.
 
-### lynx-intlayer
+  </Tab>
+  <Tab label="Lit" value="lit">
+
+The `lit-intlayer` package provides tools and components to interpret and use Intlayer dictionaries in Lit applications.
+
+  </Tab>
+  <Tab label="Vanilla JS" value="vanilla">
+
+The `vanilla-intlayer` package provides tools to integrate Intlayer into vanilla JavaScript, HTML, or PHP applications.
+
+  </Tab>
+</Tabs>
+
+### Backend Frameworks
+
+<Tabs group="backend">
+  <Tab label="Express" value="express">
+
+The `express-intlayer` package is used to use Intlayer on an Express.js backend.
+
+  </Tab>
+  <Tab label="Fastify" value="fastify">
+
+The `fastify-intlayer` package provides a plugin for Fastify applications to handle internationalization. It detects the user's locale and decorates the request object.
 
-The `lynx-intlayer` package provides tools that integrate plugins for Intlayer to work with the Lynx bundler.
+  </Tab>
+  <Tab label="Hono" value="hono">
+
+The `hono-intlayer` package provides a middleware for Hono applications to handle internationalization. It detects the user's locale and populates the context object.
+
+  </Tab>
+  <Tab label="Elysia" value="elysia">
+
+The `elysia-intlayer` package provides a plugin for Elysia applications to handle internationalization. It detects the user's locale and injects an `intlayer` object into the route context.
+
+  </Tab>
+  <Tab label="AdonisJS" value="adonis">
+
+The `adonis-intlayer` package provides a middleware for AdonisJS applications to handle internationalization. It detects the user's locale and provides translation functions.
+
+  </Tab>
+</Tabs>
 
 ### vite-intlayer
 
@@ -183,6 +239,10 @@ Includes the Vite plugin for integrating Intlayer with the [Vite bundler](https:
 
 Includes the `react-scripts-intlayer` commands and plugins for integrating Intlayer with the Create React App based application. These plugins are based on [craco](https://craco.js.org/) and include additional configuration for the [Webpack](https://webpack.js.org/) bundler.
 
+### eslint-plugin-intlayer
+
+The `eslint-plugin-intlayer` package provides ESLint and oxlint rules to catch untranslated strings, validate dictionary definitions, and enforce i18n best practices across your codebase.
+
 ### intlayer-editor
 
 The `intlayer-editor` package is used to allow the use of the visual editor. This package, optional, can be installed in applications and will be used by the `react-intlayer` package.
@@ -216,6 +276,18 @@ The `@intlayer/cli` package is an NPM package that is used to declare the script
 
 The `@intlayer/mcp` package provides an MCP (Model Context Protocol) server that delivers AI-powered IDE assistance tailored for the Intlayer ecosystem. It automatically loads documentation and integrates with the Intlayer CLI.
 
+### @intlayer/lsp
+
+The `@intlayer/lsp` package provides a Language Server Protocol (LSP) server tailored for Intlayer. It brings IDE features like Go to Definition, Find References, hover previews, autocompletion of dictionary keys, and diagnostic warnings to any editor that speaks LSP.
+
+### @intlayer/ai
+
+The `@intlayer/ai` package provides SDK capabilities for Intlayer applications, enabling automated translation and AI-powered content generation.
+
+### @intlayer/analytics
+
+The `@intlayer/analytics` package provides tools to collect content impression metrics, page/locale and node-level analytics, and powers content A/B testing.
+
 ### @intlayer/dictionaries-entry
 
 The `@intlayer/dictionaries-entry` package returns the entry path of the Intlayer dictionaries: the merged dictionaries from its root, and the unmerged, remote, dynamic and fetch ones from its `/unmerged`, `/remote`, `/dynamic` and `/fetch` subpaths. Since searching the filesystem from the browser is impossible, using bundlers like Webpack or Rollup to retrieve the entry path of the dictionaries is not possible. The package and its subpaths are designed to be aliased, allowing for bundling optimization across various bundlers such as Vite, Webpack, and Turbopack.

package/docs/en/intlayer_visual_editor.md

@@ -287,6 +287,13 @@ The editor displays your application in an iframe, so your Content Security Poli
 
 It is designed for development and staging, where a rebuild after an edit is acceptable. For editing content on a live site without a deployment, use the [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_CMS.md) and its remote dictionaries instead.
 
+</Question>
+<Question title="What is the cost of the visual editor? Is it overkill if I don't need it?">
+
+The Intlayer visual editor has **zero cost** on your application if it is not set up. The extra logic is only loaded if explicitly enabled and needed.
+
+If enabled, the cost is extremely light (+5 KB, dynamically loaded only when activated) because the main logic is handled by the server editor on [app.intlayer.org](https://app.intlayer.org) or via the `intlayer-editor` package. If you only need a simple translation setup without visual editing, Intlayer adds no overhead to your app.
+
 </Question>
 <Question title="Is the visual editor free?">