@intlayer/docs 9.5.4 → 9.5.6

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

@@ -0,0 +1,95 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: useDictionary 훅 문서 | remix-intlayer
+description: Remix 3 애플리케이션에서 useDictionary 훅을 사용하여 현재 요청 로케일에 맞게 사전 객체를 처리하는 방법을 살펴봅니다.
+keywords:
+  - useDictionary
+  - dictionary
+  - remix
+  - remix-3
+  - Intlayer
+  - intlayer
+  - 국제화
+  - 문서
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - useDictionary
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "useDictionary 훅 초기 문서"
+author: aymericzip
+---
+
+# useDictionary 훅 문서
+
+`useDictionary` 훅은 가져온 사전 객체 또는 인라인 사전 객체를 변환하여 Remix 3 애플리케이션의 현재 요청 로케일에 맞는 콘텐츠를 반환합니다.
+
+전역 사전 레지스트리에서 문자열 키로 사전을 조회하는 `useIntlayer`와 달리, `useDictionary`는 사전 객체를 직접 전달받습니다.
+
+## 사용법
+
+```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>
+  `;
+};
+```
+
+`t()`를 사용하여 정의된 인라인 사전을 전달할 수도 있습니다.
+
+```ts
+import { useDictionary } from "remix-intlayer";
+import { t } from "intlayer";
+
+export const FooterView = () => {
+  const content = useDictionary({
+    key: "footer",
+    content: {
+      copyright: t({
+        ko: "모든 권리 보유.",
+        en: "All rights reserved.",
+        fr: "Tous droits réservés.",
+        es: "Todos los derechos reservados.",
+      }),
+    },
+  });
+
+  return `<footer>${content.copyright}</footer>`;
+};
+```
+
+## 매개변수
+
+```ts
+useDictionary(dictionary, localeOrSelector?)
+```
+
+1. **`dictionary`**: 사전 객체 또는 정규화된 사전 그룹.
+2. **`localeOrSelector`**(선택 사항): 특정 로케일 또는 선택기 객체(`{ item }`, `{ variant }`, 필요한 경우 `locale`). 제공되면 요청 로케일보다 우선합니다.
+
+## 설명
+
+이 훅은 다음과 같은 작업을 수행합니다.
+
+1. **로케일 감지**: `intlayer()` 미들웨어가 생성한 `AsyncLocalStorage` 저장소에서 활성 요청 로케일을 읽습니다.
+2. **콘텐츠 해결**: 해결된 로케일에 따라 번역(`t()`), 열거형, 조건 및 중첩 구조를 평가합니다.
+3. **선택기 처리**: 인수에 지정된 항목 또는 변형 선택기를 적용합니다.
+
+## 관련 문서
+
+- [`intlayer` 미들웨어](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/remix-intlayer/intlayerMiddleware.md)
+- [`useIntlayer` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/remix-intlayer/useIntlayer.md)
+- [`useLocale` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/remix-intlayer/useLocale.md)

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

@@ -0,0 +1,94 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: useIntlayer 훅 문서 | remix-intlayer
+description: Remix 3 애플리케이션에서 useIntlayer 훅을 사용하여 키별로 현지화된 콘텐츠에 접근하는 방법을 살펴봅니다.
+keywords:
+  - useIntlayer
+  - dictionary
+  - remix
+  - remix-3
+  - Intlayer
+  - intlayer
+  - 국제화
+  - 문서
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - useIntlayer
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "useIntlayer 훅 초기 문서"
+author: aymericzip
+---
+
+# useIntlayer 훅 문서
+
+`useIntlayer` 훅을 사용하면 Remix 3 애플리케이션에서 키를 통해 Intlayer 사전의 현지화된 콘텐츠를 가져올 수 있습니다.
+
+현재 요청 컨텍스트(`AsyncLocalStorage`를 통해)에서 활성 로케일을 자동으로 읽어오므로, 라우트 핸들러, 뷰 템플릿 또는 컴포넌트 전체에 걸쳐 로케일을 전달할 필요가 없습니다.
+
+## 사용법
+
+### 라우트 핸들러 내에서
+
+```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,
+  });
+});
+```
+
+### 뷰 템플릿 및 컴포넌트 내에서
+
+```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>
+  `;
+};
+```
+
+## 매개변수
+
+```ts
+useIntlayer(key, localeOrSelector?)
+```
+
+1. **`key`**: 사전의 고유 키(`.content.ts` 선언 파일에 정의된 키).
+2. **`localeOrSelector`**(선택 사항): 특정 로케일 또는 선택기 객체(`{ item }`, `{ variant }`, 필요한 경우 `locale`). 제공되면 요청 컨텍스트에서 감지된 로케일을 재정의합니다.
+
+## 설명
+
+이 훅은 다음과 같은 작업을 수행합니다.
+
+1. **컨텍스트 로케일 감지**: `intlayer()` 미들웨어가 설정한 요청 범위의 `AsyncLocalStorage` 스코프에서 현재 로케일을 감지합니다.
+2. **사전 조회**: 제공된 키에 해당하는 사전 컴파일된 사전을 가져옵니다.
+3. **번역 처리**: 확인된 로케일에 맞춰 번역, 열거형, 마크다운 및 조건부 콘텐츠를 확인합니다.
+4. **대체 로케일(Fallback) 처리**: 활성 HTTP 요청 컨텍스트 외부(예: 미들웨어가 없는 백그라운드 작업이나 단위 테스트)에서 호출되는 경우 구성된 `defaultLocale`로 대체됩니다.
+
+## 관련 문서
+
+- [`intlayer` 미들웨어](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/remix-intlayer/intlayerMiddleware.md)
+- [`useDictionary` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/remix-intlayer/useDictionary.md)
+- [`useLocale` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/remix-intlayer/useLocale.md)

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

@@ -0,0 +1,104 @@
+---
+createdAt: 2026-09-19
+updatedAt: 2026-09-19
+title: useLocale 훅 문서 | remix-intlayer
+description: Remix 3 애플리케이션에서 useLocale 훅을 사용하여 현재 요청 로케일, 기본 로케일 및 사용 가능한 로케일을 가져오는 방법을 살펴봅니다.
+keywords:
+  - useLocale
+  - locale
+  - remix
+  - remix-3
+  - Intlayer
+  - intlayer
+  - 국제화
+  - 문서
+slugs:
+  - doc
+  - packages
+  - remix-intlayer
+  - useLocale
+history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "useLocale 훅 초기 문서"
+author: aymericzip
+---
+
+# useLocale 훅 문서
+
+`remix-intlayer`의 `useLocale` 훅은 현재 처리 중인 HTTP 요청의 로케일과 함께 프로젝트에 구성된 기본 로케일 및 사용 가능한 로케일에 대한 접근을 제공합니다.
+
+## 사용법
+
+Remix 컴포넌트 내(예: 언어 전환기):
+
+```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>
+  );
+};
+```
+
+라우트 핸들러 내에서:
+
+```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,
+  });
+});
+```
+
+## 반환값
+
+이 훅은 `UseLocaleResult` 타입의 객체를 반환합니다.
+
+| 속성               | 타입                | 설명                                                                |
+| ------------------ | ------------------- | ------------------------------------------------------------------- |
+| `locale`           | `DeclaredLocales`   | 현재 요청에 대해 확인된 로케일입니다.                               |
+| `defaultLocale`    | `DeclaredLocales`   | `intlayer.config.ts`에 구성된 기본 대체 로케일입니다.               |
+| `availableLocales` | `DeclaredLocales[]` | `intlayer.config.ts`에 구성된 사용 가능한 모든 로케일의 배열입니다. |
+
+## 설명
+
+1. **요청 범위 해결**: `intlayer()` 미들웨어에서 처리하는 활성 요청에서 `useLocale`은 요청 저장소에서 확인된 로케일을 읽습니다.
+2. **원활한 대체(Fallback)**: 요청 컨텍스트 외부(예: 초기화 스크립트 또는 테스트 제품군)에서 호출되면 구성된 `defaultLocale`로 대체됩니다.
+
+## 관련 문서
+
+- [`intlayer` 미들웨어](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/remix-intlayer/intlayerMiddleware.md)
+- [`useIntlayer` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/remix-intlayer/useIntlayer.md)
+- [`useDictionary` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/remix-intlayer/useDictionary.md)

package/docs/ko/readme.md

@@ -199,7 +199,8 @@ Intlayer를 시작하고 프로젝트에 통합하는 방법을 배우려면 종
   <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</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 @@ Intlayer를 시작하고 프로젝트에 통합하는 방법을 배우려면 종
       <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/ko/releases/v8.md

@@ -1328,10 +1328,6 @@ Intlayer는 이제 로케일 및 라우팅 모드를 기반으로 사이트맵
 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: {
@@ -1341,7 +1337,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/nl/intlayer_with_vite+lit.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2026-03-23
-updatedAt: 2026-05-31
+updatedAt: 2026-09-20
 title: "Vite + Lit i18n - Volledige gids voor het vertalen van uw app"
 description: "Geen i18next meer. De 2026-gids voor het bouwen van een meertalige (i18n) Vite + Lit-app. Vertaal met AI-agenten en optimaliseer bundelgrootte, SEO en prestaties."
 keywords:
@@ -544,6 +544,76 @@ const config: IntlayerConfig = {
 export default config;
 ```
 
+<Tabs>
+ <Tab value='Extract-opdracht'>
+
+Voer de extractor uit om uw componenten te transformeren en de inhoud te extraheren
+
+```bash packageManager="npm"
+npx intlayer extract
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer extract
+```
+
+```bash packageManager="yarn"
+yarn intlayer extract
+```
+
+```bash packageManager="bun"
+bun x intlayer extract
+```
+
+ </Tab>
+ <Tab value='Babel-compiler'>
+
+ <Tabs>
+ <Tab value='intlayer >= 9'>
+
+> Since v9, the `intlayerCompiler` is included in the `intlayer` plugin. So you don't need to add it manually.
+
+ </Tab>
+ <Tab value='intlayer < 9'>
+
+Werk uw `vite.config.ts` bij om de `intlayerCompiler`-plugin op te nemen:
+
+```ts fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import { intlayer, intlayerCompiler } from "vite-intlayer";
+
+export default defineConfig({
+  plugins: [
+    intlayer(),
+    intlayerCompiler(), // Adds the compiler plugin
+  ],
+});
+```
+
+ </Tab>
+ </Tabs>
+
+Bouw uw applicatie om uw componenten te transformeren en de inhoud te extraheren
+
+```bash packageManager="npm"
+npm run build # Of npm run dev
+```
+
+```bash packageManager="pnpm"
+pnpm run build # Of pnpm run dev
+```
+
+```bash packageManager="yarn"
+yarn build # Of yarn dev
+```
+
+```bash packageManager="bun"
+bun run build # Of bun run dev
+```
+
+ </Tab>
+</Tabs>
+
 </Step>
 
 </Steps>
@@ -582,7 +652,9 @@ const pathList = [
   { path: "/about", changefreq: "monthly", priority: 0.7 },
 ];
 
-const sitemapXml = generateSitemap(pathList, { siteUrl: SITE_URL });
+const sitemapXml = generateSitemap(pathList, {
+  siteUrl: "https://example.com",
+});
 fs.writeFileSync(path.join(__dirname, "public", "sitemap.xml"), sitemapXml);
 
 const getAllMultilingualUrls = (urls) =>
@@ -595,7 +667,7 @@ const robotsTxt = [
   "Allow: /",
   ...disallowedPaths.map((path) => `Disallow: ${path}`),
   "",
-  `Sitemap: ${SITE_URL}/sitemap.xml`,
+  `Sitemap: https://example.com/sitemap.xml`,
 ].join("\n");
 
 fs.writeFileSync(path.join(__dirname, "public", "robots.txt"), robotsTxt);

package/docs/nl/intlayer_with_vite+vanilla.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2026-03-23
-updatedAt: 2026-05-31
+updatedAt: 2026-09-20
 title: "Vite + Vanilla JS i18n - Volledige gids voor het vertalen van uw app"
 description: "Geen i18next meer. De 2026-gids voor het bouwen van een meertalige (i18n) Vite + Vanilla JS-app. Vertaal met AI-agenten en optimaliseer bundelgrootte, SEO en prestaties."
 keywords:
@@ -559,8 +559,14 @@ bun x intlayer extract
  </Tab>
  <Tab value='Babel-compiler'>
 
+ <Tabs>
+ <Tab value='intlayer >= 9'>
+
 > Since v9, the `intlayerCompiler` is included in the `intlayer` plugin. So you don't need to add it manually.
 
+ </Tab>
+ <Tab value='intlayer < 9'>
+
 Werk uw `vite.config.ts` bij om de `intlayerCompiler`-plugin op te nemen:
 
 ```ts fileName="vite.config.ts"
@@ -575,6 +581,11 @@ export default defineConfig({
 });
 ```
 
+ </Tab>
+ </Tabs>
+
+Bouw uw applicatie om uw componenten te transformeren en de inhoud te extraheren
+
 ```bash packageManager="npm"
 npm run build # Of npm run dev
 ```
@@ -631,7 +642,9 @@ const pathList = [
   { path: "/about", changefreq: "monthly", priority: 0.7 },
 ];
 
-const sitemapXml = generateSitemap(pathList, { siteUrl: SITE_URL });
+const sitemapXml = generateSitemap(pathList, {
+  siteUrl: "https://example.com",
+});
 fs.writeFileSync(path.join(__dirname, "public", "sitemap.xml"), sitemapXml);
 
 const getAllMultilingualUrls = (urls) =>
@@ -644,7 +657,7 @@ const robotsTxt = [
   "Allow: /",
   ...disallowedPaths.map((path) => `Disallow: ${path}`),
   "",
-  `Sitemap: ${SITE_URL}/sitemap.xml`,
+  `Sitemap: https://example.com/sitemap.xml`,
 ].join("\n");
 
 fs.writeFileSync(path.join(__dirname, "public", "robots.txt"), robotsTxt);

package/docs/nl/introduction.md

@@ -189,7 +189,6 @@ We hebben Intlayer gebouwd met flexibiliteit in gedachten, en bieden een naadloz
 - **[Intlayer met Astro + Solid](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_with_astro_solid.md)**
 - **[Intlayer met Astro + Preact](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_with_astro_preact.md)**
 - **[Intlayer met Astro + Lit](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_with_astro_lit.md)**
-- **[Intlayer met Astro + Vanilla JS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_with_astro_vanilla.md)**
 - **[Intlayer met Vite + Vue](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_with_vite+vue.md)**
 - **[Intlayer met Nuxt](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_with_nuxt.md)**
 - **[Intlayer met Vite + Svelte](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_with_vite+svelte.md)**

package/docs/pl/how_works_intlayer.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-12
-updatedAt: 2025-06-29
+updatedAt: 2026-09-19
 title: Jak działa Intlayer
 description: Dowiedz się, jak Intlayer działa wewnętrznie. Poznaj architekturę i komponenty, które czynią Intlayer potężnym.
 keywords:
@@ -131,49 +131,105 @@ Intlayer składa się z kilku pakietów, z których każdy pełni określoną ro
 
 Pakiet `intlayer` jest używany w aplikacjach do deklarowania treści w plikach zawartości.
 
-### react-intlayer
+### Frameworki frontendowe
+
+<Tabs group="framework">
+  <Tab label="React" value="react">
 
 Pakiet `react-intlayer` jest używany do interpretacji słowników Intlayer i umożliwia ich użycie w aplikacjach React.
 
-### next-intlayer
+  </Tab>
+  <Tab label="Next.js" value="nextjs">
 
 Pakiet `next-intlayer` jest używany jako warstwa nad `react-intlayer`, aby umożliwić korzystanie ze słowników Intlayer w aplikacjach Next.js. Integruje on niezbędne funkcje, aby Intlayer działał w środowisku Next.js, takie jak middleware tłumaczeń, routing czy konfiguracja pliku `next.config.js`.
 
-### vue-intlayer
+  </Tab>
+  <Tab label="Vue" value="vue">
 
 Pakiet `vue-intlayer` jest używany do interpretacji słowników Intlayer i umożliwia ich użycie w aplikacjach Vue.
 
-### nuxt-intlayer
+  </Tab>
+  <Tab label="Nuxt" value="nuxt">
 
 Pakiet `nuxt-intlayer` jest modułem Nuxt, który umożliwia korzystanie ze słowników Intlayer w aplikacjach Nuxt. Integruje on niezbędne funkcje, aby Intlayer działał w środowisku Nuxt, takie jak middleware tłumaczeń, routing czy konfiguracja pliku `nuxt.config.js`.
 
-### svelte-intlayer
+  </Tab>
+  <Tab label="Svelte" value="svelte">
 
 Pakiet `svelte-intlayer` jest używany do interpretacji słowników Intlayer i umożliwia ich użycie w aplikacjach Svelte.
 
-### solid-intlayer (WIP)
+  </Tab>
+  <Tab label="Solid" value="solid">
 
 Pakiet `solid-intlayer` jest używany do interpretacji słowników Intlayer i umożliwia ich użycie w aplikacjach Solid.js.
 
-### preact-intlayer
+  </Tab>
+  <Tab label="Preact" value="preact">
 
 Pakiet `preact-intlayer` jest używany do interpretacji słowników Intlayer i umożliwia ich użycie w aplikacjach Preact.
 
-### angular-intlayer (WIP)
+  </Tab>
+  <Tab label="Angular" value="angular">
 
 Pakiet `angular-intlayer` jest używany do interpretacji słowników Intlayer i umożliwia ich użycie w aplikacjach Angular.
 
-### express-intlayer
+  </Tab>
+  <Tab label="Astro" value="astro">
 
-Pakiet `express-intlayer` jest używany do korzystania z Intlayer na backendzie Express.js.
+Pakiet `astro-intlayer` dostarcza niezbędnych narzędzi do integracji Intlayer z aplikacjami Astro. Konfiguruje routing zależny od locale oraz zarządzanie słownikami.
+
+  </Tab>
+  <Tab label="Remix" value="remix">
+
+Pakiet `remix-intlayer` dostarcza niezbędnych narzędzi do integracji Intlayer z aplikacjami Remix. Konfiguruje routing zależny od locale, kontekst po stronie serwera oraz zarządzanie słownikami.
 
-### react-native-intlayer
+  </Tab>
+  <Tab label="React Native" value="react-native">
 
 Pakiet `react-native-intlayer` dostarcza narzędzia integrujące pluginy, które umożliwiają działanie Intlayer z bundlerem Metro.
 
-### lynx-intlayer
+  </Tab>
+  <Tab label="Lit" value="lit">
+
+Pakiet `lit-intlayer` dostarcza narzędzia i komponenty do interpretacji i używania słowników Intlayer w aplikacjach Lit.
+
+  </Tab>
+  <Tab label="Vanilla JS" value="vanilla">
+
+Pakiet `vanilla-intlayer` dostarcza narzędzia do integracji Intlayer z aplikacjami w czystym JavaScript, HTML lub PHP.
+
+  </Tab>
+</Tabs>
+
+### Frameworki backendowe
+
+<Tabs group="backend">
+  <Tab label="Express" value="express">
+
+Pakiet `express-intlayer` jest używany do korzystania z Intlayer na backendzie Express.js.
+
+  </Tab>
+  <Tab label="Fastify" value="fastify">
+
+Pakiet `fastify-intlayer` udostępnia wtyczkę dla aplikacji Fastify do obsługi internationalization (i18n). Wykrywa locale użytkownika i dekoruje obiekt request.
 
-Pakiet `lynx-intlayer` dostarcza narzędzia integrujące pluginy, które umożliwiają działanie Intlayer z bundlerem Lynx.
+  </Tab>
+  <Tab label="Hono" value="hono">
+
+Pakiet `hono-intlayer` dostarcza middleware dla aplikacji Hono do obsługi internacjonalizacji. Wykrywa język użytkownika i uzupełnia obiekt kontekstu.
+
+  </Tab>
+  <Tab label="Elysia" value="elysia">
+
+Pakiet `elysia-intlayer` udostępnia wtyczkę dla aplikacji Elysia do obsługi internationalization (i18n). Wykrywa locale użytkownika i wstrzykuje obiekt `intlayer` do kontekstu route.
+
+  </Tab>
+  <Tab label="AdonisJS" value="adonis">
+
+Pakiet `adonis-intlayer` zapewnia oprogramowanie pośredniczące dla aplikacji AdonisJS do obsługi internacjonalizacji. Wykrywa ustawienia regionalne użytkownika i zapewnia funkcje tłumaczenia.
+
+  </Tab>
+</Tabs>
 
 ### vite-intlayer
 
@@ -183,6 +239,10 @@ Zawiera plugin Vite do integracji Intlayer z [bundlerem Vite](https://vite.dev/g
 
 Zawiera polecenia i pluginy `react-scripts-intlayer` do integracji Intlayer z aplikacją opartą na Create React App. Te pluginy bazują na [craco](https://craco.js.org/) i zawierają dodatkową konfigurację dla bundlera [Webpack](https://webpack.js.org/).
 
+### eslint-plugin-intlayer
+
+Pakiet `eslint-plugin-intlayer` dostarcza reguły ESLint i oxlint do wykrywania nieprzetłumaczonych ciągów, sprawdzania poprawności definicji słowników i egzekwowania najlepszych praktyk i18n.
+
 ### intlayer-editor
 
 Pakiet `intlayer-editor` służy do umożliwienia korzystania z edytora wizualnego. Ten pakiet, opcjonalny, może być zainstalowany w aplikacjach i będzie używany przez pakiet `react-intlayer`.
@@ -216,6 +276,18 @@ Pakiet `@intlayer/cli` jest pakietem NPM, który służy do deklarowania skrypt
 
 Pakiet `@intlayer/mcp` dostarcza serwer MCP (Model Context Protocol), który oferuje wsparcie IDE oparte na sztucznej inteligencji, dostosowane do ekosystemu Intlayer. Automatycznie ładuje dokumentację i integruje się z CLI Intlayer.
 
+### @intlayer/lsp
+
+Pakiet `@intlayer/lsp` dostarcza serwer Language Server Protocol (LSP) dostosowany do Intlayer. Wprowadza funkcje IDE, takie jak Przejdź do definicji, Znajdź odwołania, podgląd po najechaniu, autouzupełnianie kluczy słownika i ostrzeżenia diagnostyczne.
+
+### @intlayer/ai
+
+Pakiet `@intlayer/ai` dostarcza funkcje SDK dla aplikacji Intlayer, umożliwiając automatyczne tłumaczenie i generowanie treści za pomocą AI.
+
+### @intlayer/analytics
+
+Pakiet `@intlayer/analytics` dostarcza narzędzia do zbierania metryk wyświetleń treści, analityki na poziomie stron/lokalizacji i węzłów oraz obsługuje testy A/B treści.
+
 ### @intlayer/dictionaries-entry
 
 Pakiet `@intlayer/dictionaries-entry` zwraca ścieżkę wejściową słowników Intlayer: połączone słowniki z jego katalogu głównego oraz niescalone, zdalne, dynamiczne i fetch ze ścieżek podrzędnych `/unmerged`, `/remote`, `/dynamic` i `/fetch`. Ponieważ przeszukiwanie systemu plików z poziomu przeglądarki jest niemożliwe, używanie bundlerów takich jak Webpack czy Rollup do pobrania ścieżki wejściowej słowników również nie jest możliwe. Pakiet i jego ścieżki podrzędne zostały zaprojektowane do aliasowania, co pozwala na optymalizację bundlowania w różnych bundlerach, takich jak Vite, Webpack i Turbopack.

package/docs/pl/intlayer_visual_editor.md

@@ -287,6 +287,13 @@ Edytor wyświetla aplikację w iframe, więc Twoja Polityka Bezpieczeństwa Tre
 
 Jest on zaprojektowany dla środowisk deweloperskich i stagingowych, gdzie przebudowanie po edycji jest akceptowalne. Do edycji treści na działającej stronie produkcyjnej zalecany jest [Intlayer CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/intlayer_CMS.md).
 
+</Question>
+<Question title="Jaki jest koszt edytora wizualnego? Czy to przesada, jeśli go nie potrzebuję?">
+
+Edytor wizualny Intlayer generuje **zerowy koszt** dla Twojej aplikacji, jeśli nie jest skonfigurowany. Dodatkowa logika jest ładowana tylko wtedy, gdy jest jawnie włączona i potrzebna.
+
+Nawet po włączeniu narzut jest niezwykle mały (+5 KB, ładowane dynamicznie tylko po aktywacji), ponieważ większość logiki jest obsługiwana przez edytor serwerowy na [app.intlayer.org](https://app.intlayer.org) lub za pośrednictwem pakietu `intlayer-editor`. Jeśli potrzebujesz jedynie prostego rozwiązania do tłumaczenia bez edycji wizualnej, Intlayer nie dodaje żadnego narzutu do Twojej aplikacji.
+
 </Question>
 <Question title="Czy edytor wizualny jest bezpłatny?">