@intlayer/docs 9.5.4 → 9.5.6

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

@@ -0,0 +1,101 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: Documentazione del middleware intlayer | remix-intlayer
+description: Scopri come utilizzare il middleware intlayer nelle applicazioni Remix 3 per il routing basato sulla locale e la gestione del contesto di richiesta.
+keywords:
+  - intlayer
+  - intlayerMiddleware
+  - remix
+  - remix-3
+  - middleware
+  - routing
+  - Internazionalizzazione
+  - Documentazione
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - intlayerMiddleware
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Init doc"
+author: aymericzip
+---
+
+# Documentazione del middleware Remix 3 intlayer
+
+Il middleware `intlayer` per Remix 3 gestisce il livello di internazionalizzazione nell'intera applicazione. Costruito su standard web (`Request` e `Response`), gestisce il routing basato sulla locale (reindirizzamenti e riscritture interne), rileva la locale della richiesta, la persiste nei cookie e nelle intestazioni e imposta un ambito `AsyncLocalStorage` in modo che gestori e componenti possano accedere alle traduzioni senza passare esplicitamente props.
+
+## Utilizzo
+
+Registra il middleware `intlayer` durante l'inizializzazione del router Remix 3:
+
+```ts fileName="src/server.ts"
+import { createRouter } from "remix/router";
+import { intlayer, useIntlayer, useLocale } from "remix-intlayer";
+
+const router = createRouter({
+  middleware: [intlayer()],
+});
+
+// Serve `/`, `/fr`, `/es`, la locale viene risolta dalla richiesta
+router.get("/", () => {
+  const { title } = useIntlayer("home");
+  return new Response(title);
+});
+```
+
+## Descrizione
+
+Il middleware `intlayer` esegue le seguenti attività:
+
+1. **Preparazione dei dizionari**: Esegue `prepareIntlayer` all'avvio per garantire che tutti i dizionari generati siano compilati e disponibili.
+2. **Routing basato sulla locale**: Valuta la richiesta rispetto alla strategia di routing configurata (`prefix_always`, `prefix_as_needed`, `no_prefix`):
+   - **Reindirizzamenti**: Se un utente visita `/about` e deve essere reindirizzato a un prefisso di locale (es. `/it/about`), il middleware invia una risposta di reindirizzamento con le intestazioni `location` e `Set-Cookie` appropriate.
+   - **Riscritture interne**: Quando un utente accede a `/it/about`, l'URL viene riscritto internamente in modo che il gestore corrisponda a `/about`, mentre la locale risolta viene catturata come `it`.
+   - **Alias URL localizzati**: Rispetta le regole di riscrittura URL definite in `intlayer.config.ts` (es. riscrittura da `/it/about` a `/it/chi-siamo`).
+3. **Risoluzione della locale**: Rileva la locale attiva in base al prefisso URL, cookie persistenti, intestazioni personalizzate o preferenze del browser `Accept-Language`.
+4. **Iniezione del contesto**:
+   - Associa `IntlayerState` (`locale`, `defaultLocale`, `availableLocales`) al `RequestContext` di Remix sotto la chiave `Intlayer` e `context.intlayer`.
+   - Esegue il resto della richiesta all'interno di un ambito `AsyncLocalStorage` (`requestStorage`), consentendo a `useIntlayer`, `useDictionary` e `useLocale` di essere richiamati in modo pulito in gestori, viste e componenti.
+5. **Persistenza**: Allega le intestazioni e i cookie della locale in uscita alla risposta HTTP finale per conservare la preferenza dell'utente.
+
+## Parametri
+
+La funzione `intlayer` accetta `IntlayerMiddlewareOptions` opzionali:
+
+```ts
+import { intlayer, type IntlayerMiddlewareOptions } from "remix-intlayer";
+
+const options: IntlayerMiddlewareOptions = {
+  // Sostituzioni di configurazione di routing personalizzate
+};
+
+const middleware = intlayer(options);
+```
+
+## Accesso diretto al contesto
+
+Oltre all'uso degli hook, puoi accedere direttamente all'`IntlayerState` risolto dal contesto della richiesta di Remix:
+
+```ts
+import { Intlayer } from "remix-intlayer";
+
+router.get("/api/locale", (context) => {
+  // Tramite context.get()
+  const state = context.get(Intlayer);
+
+  // Oppure tramite la proprietà diretta context.intlayer
+  const { locale } = context.intlayer;
+
+  return Response.json({ locale });
+});
+```
+
+## Documentazione correlata
+
+- [Contesto `Intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/remix-intlayer/Intlayer.md)
+- [Hook `useIntlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/remix-intlayer/useIntlayer.md)
+- [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/remix-intlayer/useLocale.md)

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

@@ -0,0 +1,94 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: Documentazione dell'hook useDictionary | remix-intlayer
+description: Scopri come utilizzare l'hook useDictionary nelle applicazioni Remix 3 per risolvere oggetti dizionario per la locale della richiesta corrente.
+keywords:
+  - useDictionary
+  - dizionario
+  - remix
+  - remix-3
+  - Intlayer
+  - intlayer
+  - Internazionalizzazione
+  - Documentazione
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - useDictionary
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Init doc"
+author: aymericzip
+---
+
+# Documentazione dell'hook useDictionary
+
+L'hook `useDictionary` trasforma un oggetto dizionario importato o inline e restituisce il suo contenuto risolto per la locale della richiesta corrente nelle applicazioni Remix 3.
+
+A differenza di `useIntlayer`, che risolve i dizionari tramite la relativa chiave stringa dal registro globale dei dizionari, `useDictionary` accetta direttamente un oggetto dizionario.
+
+## Utilizzo
+
+```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>
+  `;
+};
+```
+
+Puoi anche passare dizionari inline definiti con `t()`:
+
+```ts
+import { useDictionary } from "remix-intlayer";
+import { t } from "intlayer";
+
+export const FooterView = () => {
+  const content = useDictionary({
+    key: "footer",
+    content: {
+      copyright: t({
+        it: "Tutti i diritti riservati.",
+        en: "All rights reserved.",
+        fr: "Tous droits réservés.",
+      }),
+    },
+  });
+
+  return `<footer>${content.copyright}</footer>`;
+};
+```
+
+## Parametri
+
+```ts
+useDictionary(dictionary, localeOrSelector?)
+```
+
+1. **`dictionary`**: Un oggetto dizionario o gruppo di dizionari qualificato.
+2. **`localeOrSelector`** (opzionale): Una locale specifica o un oggetto selettore (`{ item }`, `{ variant }`, opzionalmente con `locale`).
+
+## Descrizione
+
+L'hook esegue le seguenti attività:
+
+1. **Rilevamento della locale**: Legge la locale attiva della richiesta dall'archivio `AsyncLocalStorage` creato dal middleware `intlayer()`.
+2. **Risoluzione dei contenuti**: Valuta traduzioni (`t()`), enumerazioni, condizioni e strutture nidificate in base alla locale risolta.
+3. **Elaborazione dei selettori**: Applica qualsiasi selettore di elemento o variante fornito negli argomenti.
+
+## Documentazione correlata
+
+- [Middleware `intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/remix-intlayer/intlayerMiddleware.md)
+- [Hook `useIntlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/remix-intlayer/useIntlayer.md)
+- [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/remix-intlayer/useLocale.md)

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

@@ -0,0 +1,94 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: Documentazione dell'hook useIntlayer | remix-intlayer
+description: Scopri come utilizzare l'hook useIntlayer nelle applicazioni Remix 3 per accedere ai contenuti localizzati tramite chiave.
+keywords:
+  - useIntlayer
+  - dizionario
+  - remix
+  - remix-3
+  - Intlayer
+  - intlayer
+  - Internazionalizzazione
+  - Documentazione
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - useIntlayer
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Init doc"
+author: aymericzip
+---
+
+# Documentazione dell'hook useIntlayer
+
+L'hook `useIntlayer` ti consente di recuperare contenuti localizzati da un dizionario Intlayer tramite chiave nelle applicazioni Remix 3.
+
+Legge automaticamente la locale attiva dal contesto della richiesta corrente (tramite `AsyncLocalStorage`), eliminando la necessità di passare manualmente la locale attraverso gestori di route, template di viste o componenti.
+
+## Utilizzo
+
+### Nei gestori di route
+
+```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,
+  });
+});
+```
+
+### Nei template di vista / componenti
+
+```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>
+  `;
+};
+```
+
+## Parametri
+
+```ts
+useIntlayer(key, localeOrSelector?)
+```
+
+1. **`key`**: La chiave univoca del dizionario (definita nei file di dichiarazione `.content.ts`).
+2. **`localeOrSelector`** (opzionale): Una locale specifica o un oggetto selettore (`{ item }`, `{ variant }`, opzionalmente con `locale`). Se specificato, sovrascrive la locale rilevata dal contesto della richiesta.
+
+## Descrizione
+
+L'hook esegue le seguenti attività:
+
+1. **Rilevamento della locale del contesto**: Rileva la locale corrente dall'ambito `AsyncLocalStorage` associato alla richiesta stabilito dal middleware `intlayer()`.
+2. **Recupero del dizionario**: Recupera il dizionario precompilato corrispondente alla chiave fornita.
+3. **Elaborazione della traduzione**: Risolve traduzioni, enumerazioni, markdown e contenuti condizionali per la locale rilevata.
+4. **Gestione del fallback**: Se chiamato al di fuori di un contesto di richiesta HTTP attivo, ricade automaticamente sulla `defaultLocale` configurata.
+
+## Documentazione correlata
+
+- [Middleware `intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/remix-intlayer/intlayerMiddleware.md)
+- [Hook `useDictionary`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/remix-intlayer/useDictionary.md)
+- [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/remix-intlayer/useLocale.md)

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

@@ -0,0 +1,104 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: Documentazione dell'hook useLocale | remix-intlayer
+description: Scopri come utilizzare l'hook useLocale nelle applicazioni Remix 3 per ottenere la locale della richiesta corrente, la locale predefinita e le locale disponibili.
+keywords:
+  - useLocale
+  - locale
+  - remix
+  - remix-3
+  - Intlayer
+  - intlayer
+  - Internazionalizzazione
+  - Documentazione
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - useLocale
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Init doc"
+author: aymericzip
+---
+
+# Documentazione dell'hook useLocale
+
+L'hook `useLocale` di `remix-intlayer` fornisce l'accesso alla locale della richiesta HTTP attualmente in fase di elaborazione, insieme alla locale predefinita e alle locale disponibili configurate nel progetto.
+
+## Utilizzo
+
+In un componente Remix (ad esempio un selettore di lingua):
+
+```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 un gestore di route:
+
+```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,
+  });
+});
+```
+
+## Valori restituiti
+
+L'hook restituisce un oggetto di tipo `UseLocaleResult`:
+
+| Proprietà          | Tipo                | Descrizione                                                               |
+| ------------------ | ------------------- | ------------------------------------------------------------------------- |
+| `locale`           | `DeclaredLocales`   | La locale risolta per la richiesta corrente.                              |
+| `defaultLocale`    | `DeclaredLocales`   | La locale di fallback predefinita configurata in `intlayer.config.ts`.    |
+| `availableLocales` | `DeclaredLocales[]` | Array di tutte le locale disponibili configurate in `intlayer.config.ts`. |
+
+## Descrizione
+
+1. **Risoluzione con ambito di richiesta**: In una richiesta attiva gestita dal middleware `intlayer()`, `useLocale` legge la locale risolta dall'archiviazione della richiesta.
+2. **Fallback pulito**: Se chiamato al di fuori di un contesto di richiesta, ricade per impostazione predefinita sulla `defaultLocale` configurata.
+
+## Documentazione correlata
+
+- [Middleware `intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/remix-intlayer/intlayerMiddleware.md)
+- [Hook `useIntlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/remix-intlayer/useIntlayer.md)
+- [Hook `useDictionary`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/remix-intlayer/useDictionary.md)

package/docs/it/readme.md

@@ -199,7 +199,8 @@ Esplora la nostra documentazione esaustiva per iniziare con Intlayer e imparare
   <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 utilizzando il compilatore</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 @@ Esplora la nostra documentazione esaustiva per iniziare con Intlayer e imparare
       <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/it/releases/v8.md

@@ -1335,10 +1335,6 @@ Intlayer ora genera automaticamente le sitemap in base alle tue locali e alla mo
 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: {
@@ -1348,7 +1344,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/ja/how_works_intlayer.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-12
-updatedAt: 2026-08-30
+updatedAt: 2026-09-19
 title: Intlayerの仕組み
 description: Intlayerが内部でどのように機能するかを学びます。Intlayerを強力にするアーキテクチャとコンポーネントを理解しましょう。
 keywords:
@@ -135,49 +135,105 @@ Intlayerは、翻訳プロセスにおいて特定の役割を持つ複数のパ
 
 `intlayer`パッケージは、コンテンツファイル内でコンテンツを宣言するためにアプリケーションで使用されます。
 
-### react-intlayer
+### フロントエンドフレームワーク
+
+<Tabs group="framework">
+  <Tab label="React" value="react">
 
 `react-intlayer`パッケージは、Intlayer辞書を解釈し、Reactアプリケーションで使用可能にします。
 
-### next-intlayer
+  </Tab>
+  <Tab label="Next.js" value="nextjs">
 
 `next-intlayer`パッケージは、`react-intlayer`の上にレイヤーを構築し、Next.jsアプリケーションでIntlayer辞書を使用可能にします。翻訳ミドルウェア、ルーティング、または`next.config.js`ファイルの設定など、Next.js環境でIntlayerを動作させるための重要な機能を統合しています。
 
-### vue-intlayer
+  </Tab>
+  <Tab label="Vue" value="vue">
 
 `vue-intlayer`パッケージは、Intlayer辞書を解釈し、Vueアプリケーションで使用可能にします。
 
-### nuxt-intlayer
+  </Tab>
+  <Tab label="Nuxt" value="nuxt">
 
 `nuxt-intlayer`パッケージは、NuxtモジュールとしてIntlayer辞書をNuxtアプリケーションで使用可能にします。翻訳ミドルウェア、ルーティング、`nuxt.config.js`ファイルの設定など、Nuxt環境でIntlayerを動作させるための重要な機能を統合しています。
 
-### svelte-intlayer (作業中)
+  </Tab>
+  <Tab label="Svelte" value="svelte">
 
 `svelte-intlayer`パッケージは、Intlayer辞書を解釈し、Svelteアプリケーションで使用可能にします。
 
-### solid-intlayer (作業中)
+  </Tab>
+  <Tab label="Solid" value="solid">
 
 `solid-intlayer`パッケージは、Intlayer辞書を解釈し、Solid.jsアプリケーションで使用可能にします。
 
-### preact-intlayer
+  </Tab>
+  <Tab label="Preact" value="preact">
 
 `preact-intlayer`パッケージは、Intlayer辞書を解釈し、Preactアプリケーションで使用可能にします。
 
-### angular-intlayer (作業中)
+  </Tab>
+  <Tab label="Angular" value="angular">
 
 `angular-intlayer`パッケージは、Intlayer辞書を解釈し、Angularアプリケーションで使用可能にします。
 
-### express-intlayer
+  </Tab>
+  <Tab label="Astro" value="astro">
 
-`express-intlayer`パッケージは、Express.jsバックエンドでIntlayerを使用するために使用されます。
+`astro-intlayer` パッケージは、IntlayerをAstroアプリケーションに統合するために必要なツールを提供します。ロケールベースのルーティングと辞書管理を設定します。
+
+  </Tab>
+  <Tab label="Remix" value="remix">
+
+`remix-intlayer` パッケージは、IntlayerをRemixアプリケーションに統合するために必要なツールを提供します。ロケールベースのルーティング、サーバー側のコンテキスト、辞書管理を設定します。
 
-### react-native-intlayer
+  </Tab>
+  <Tab label="React Native" value="react-native">
 
 `react-native-intlayer`パッケージは、MetroバンドラーでIntlayerを動作させるためのプラグインを統合するツールを提供します。
 
-### lynx-intlayer
+  </Tab>
+  <Tab label="Lit" value="lit">
+
+`lit-intlayer` パッケージは、Lit アプリケーションで Intlayer 辞書を解釈して使用するためのツールとコンポーネントを提供します。
+
+  </Tab>
+  <Tab label="Vanilla JS" value="vanilla">
+
+`vanilla-intlayer` パッケージは、Intlayer をバニラ JavaScript、HTML、または PHP アプリケーションに統合するためのツールを提供します。
+
+  </Tab>
+</Tabs>
+
+### バックエンドフレームワーク
+
+<Tabs group="backend">
+  <Tab label="Express" value="express">
+
+`express-intlayer`パッケージは、Express.jsバックエンドでIntlayerを使用するために使用されます。
+
+  </Tab>
+  <Tab label="Fastify" value="fastify">
+
+`fastify-intlayer` パッケージは Fastify アプリケーション向けのプラグインを提供し、国際化を扱います。ユーザーのロケールを検出し、request オブジェクトをデコレートします。
 
-`lynx-intlayer`パッケージは、LynxバンドラーでIntlayerを動作させるためのプラグインを統合するツールを提供します。
+  </Tab>
+  <Tab label="Hono" value="hono">
+
+`hono-intlayer` パッケージは、国際化を処理するための Hono アプリケーション用ミドルウェアを提供します。ユーザーのロケールを検出し、コンテキスト オブジェクトに入力します。
+
+  </Tab>
+  <Tab label="Elysia" value="elysia">
+
+`elysia-intlayer` パッケージは Elysia アプリケーション向けのプラグインを提供し、国際化を扱います。ユーザーのロケールを検出し、ルートコンテキストに `intlayer` オブジェクトを注入します。
+
+  </Tab>
+  <Tab label="AdonisJS" value="adonis">
+
+`adonis-intlayer` パッケージは、国際化を処理するための AdonisJS アプリケーション用ミドルウェアを提供します。ユーザーのロケールを検出し、翻訳機能を提供します。
+
+  </Tab>
+</Tabs>
 
 ### vite-intlayer
 
@@ -187,6 +243,10 @@ Viteバンドラー([Vite](https://vite.dev/guide/why.html#why-bundle-for-produc
 
 `react-scripts-intlayer`パッケージには、Create React AppベースのアプリケーションとIntlayerを統合するためのコマンドとプラグインが含まれています。これらのプラグインは[craco](https://craco.js.org/)に基づいており、[Webpack](https://webpack.js.org/)バンドラーの追加設定も含まれています。
 
+### eslint-plugin-intlayer
+
+`eslint-plugin-intlayer` パッケージは、未翻訳の文字列の検出、辞書定義の検証、i18n のベストプラクティスの適用を行う ESLint および oxlint ルールを提供します。
+
 ### intlayer-editor
 
 `intlayer-editor`パッケージは、ビジュアルエディターの使用を可能にするために使用されます。このパッケージはオプションであり、アプリケーションにインストールして`react-intlayer`パッケージによって使用されます。
@@ -221,6 +281,18 @@ Expressに基づいたサーバーは、ビジュアルエディターのリク
 `@intlayer/mcp`パッケージは、Intlayerエコシステム向けにAI搭載のIDE支援を提供するMCP（Model Context Protocol）サーバーを提供します。ドキュメントを自動的に読み込み、Intlayer CLIと統合されます。
 `@intlayer/mcp`パッケージは、Intlayerエコシステムに特化したAI搭載のIDE支援を提供するMCP（Model Context Protocol）サーバーを提供します。ドキュメントを自動的に読み込み、Intlayer CLIと統合されます。
 
+### @intlayer/lsp
+
+`@intlayer/lsp` パッケージは、Intlayer 専用にカスタマイズされた Language Server Protocol (LSP) サーバーを提供します。定義への移動、すべての参照の検索、ホバープレビュー、辞書キーの自動補完、診断警告などの IDE 機能をあらゆる LSP 対応エディタにもたらします。
+
+### @intlayer/ai
+
+`@intlayer/ai` パッケージは、Intlayer アプリケーション向けの SDK 機能を提供し、自動翻訳と AI によるコンテンツ生成を可能にします。
+
+### @intlayer/analytics
+
+`@intlayer/analytics` パッケージは、コンテンツのインプレッション指標、ページ/ロケールおよびノードレベルの分析を収集し、コンテンツの A/B テストを支援するツールを提供します。
+
 ### @intlayer/dictionaries-entry
 
 `@intlayer/dictionaries-entry`パッケージは、Intlayer辞書のエントリパスを返します。ルートからのマージされた辞書、および`/unmerged`、`/remote`、`/dynamic`、`/fetch`サブパスからの未マージ、リモート、動的、fetchの辞書です。ブラウザからファイルシステムを検索することは不可能なため、WebpackやRollupのようなバンドラーを使用して辞書のエントリパスを取得することはできません。このパッケージとそのサブパスはエイリアスとして設計されており、Vite、Webpack、Turbopackなどのさまざまなバンドラーでのバンドル最適化を可能にします。

package/docs/ja/intlayer_visual_editor.md

@@ -278,6 +278,13 @@ pnpm intlayer-editor start -e development
 
 これは開発環境およびステージング環境向けに設計されており、編集後の再ビルドが許容される場合に適しています。デプロイメントなしでライブサイトのコンテンツを編集するには、代わりに[CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_CMS.md) とそのリモート辞書を使用してください。
 
+</Question>
+<Question title="ビジュアルエディターのコストはどれくらいですか？不要な場合はオーバースペックですか？">
+
+Intlayerのビジュアルエディターは、セットアップされていない場合はアプリケーションへの**コストはゼロ**です。追加のロジックは、明示的に有効化され、必要な場合にのみ読み込まれます。
+
+有効にした場合でも、ロジックの大半は[app.intlayer.org](https://app.intlayer.org)のサーバーエディターまたは`intlayer-editor`パッケージによって処理されるため、負荷は極めて軽量です（有効化時に動的に読み込まれる+5 kBのみ）。ビジュアル編集を必要とせず、シンプルな翻訳ソリューションのみが必要な場合、Intlayerがアプリにオーバーヘッドを追加することはありません。
+
 </Question>
 <Question title="ビジュアルエディターは無料ですか？">