@intlayer/docs 9.0.0-canary.9 → 9.0.1

package/docs/pl/migration_from_next-intl_to_intlayer.md

@@ -98,19 +98,19 @@ Poniższe kroki stanowią minimum wymagane do uruchomienia istniejącej aplikacj
 Zainstaluj podstawowe pakiety Intlayer i adapter kompatybilności `@intlayer/next-intl`:
 
 ```bash packageManager="npm"
-npx intlayer-cli init --interactive
+npx intlayer init --interactive
 ```
 
 ```bash packageManager="pnpm"
-pnpm dlx intlayer-cli init --interactive
+pnpm dlx intlayer@canary init --interactive
 ```
 
 ```bash packageManager="yarn"
-yarn dlx intlayer-cli init --interactive
+yarn dlx intlayer@canary init --interactive
 ```
 
 ```bash packageManager="bun"
-bunx intlayer-cli init --interactive
+bunx intlayer@canary init --interactive
 ```
 
 > flaga `--interactive` jest opcjonalna. Użyj `intlayer-cli init`, jeśli jesteś agentem AI.
@@ -184,9 +184,7 @@ import { createNextIntlPlugin } from "@intlayer/next-intl/plugin";
 
 const withIntlayer = createNextIntlPlugin();
 
-const nextConfig: NextConfig = {
-  /* twoje istniejące opcje konfiguracji */
-};
+const nextConfig: NextConfig = {/* twoje istniejące opcje konfiguracji */};
 
 export default withIntlayer(nextConfig);
 ```

package/docs/pl/migration_from_nuxtjs_i18n_to_intlayer.md

@@ -101,19 +101,19 @@ Poniższe kroki to minimum wymagane, aby uruchomić istniejącą aplikację Nuxt
 Zainstaluj główne pakiety Intlayer i adapter kompatybilności:
 
 ```bash packageManager="npm"
-npx intlayer-cli init --interactive
+npx intlayer init --interactive
 ```
 
 ```bash packageManager="pnpm"
-pnpm dlx intlayer-cli init --interactive
+pnpm dlx intlayer@canary init --interactive
 ```
 
 ```bash packageManager="yarn"
-yarn dlx intlayer-cli init --interactive
+yarn dlx intlayer@canary init --interactive
 ```
 
 ```bash packageManager="bun"
-bunx intlayer-cli init --interactive
+bunx intlayer@canary init --interactive
 ```
 
 > flaga `--interactive` jest opcjonalna. Użyj `intlayer-cli init` jeśli jesteś agentem AI.

package/docs/pl/migration_from_react-i18next_to_intlayer.md

@@ -101,19 +101,19 @@ Poniższe kroki to minimum wymagane, aby uruchomić istniejącą aplikację `rea
 Zainstaluj pakiety rdzenia Intlayer i adaptery kompatybilności:
 
 ```bash packageManager="npm"
-npx intlayer-cli init --interactive
+npx intlayer init --interactive
 ```
 
 ```bash packageManager="pnpm"
-pnpm dlx intlayer-cli init --interactive
+pnpm dlx intlayer@canary init --interactive
 ```
 
 ```bash packageManager="yarn"
-yarn dlx intlayer-cli init --interactive
+yarn dlx intlayer@canary init --interactive
 ```
 
 ```bash packageManager="bun"
-bunx intlayer-cli init --interactive
+bunx intlayer@canary init --interactive
 ```
 
 > flaga `--interactive` jest opcjonalna. Użyj `intlayer-cli init` jeśli jesteś agentem AI.
@@ -209,9 +209,7 @@ import { createNextI18nPlugin } from "@intlayer/next-i18next/plugin";
 
 const withIntlayer = createNextI18nPlugin();
 
-const nextConfig: NextConfig = {
-  /* twoje opcje */
-};
+const nextConfig: NextConfig = {/* twoje opcje */};
 
 export default withIntlayer(nextConfig);
 ```

package/docs/pl/releases/v9.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2026-06-14
-updatedAt: 2026-06-26
+updatedAt: 2026-07-08
 title: Nowy Intlayer v9 - Co nowego?
 description: Odkryj nowości w Intlayer v9. Przedstawiamy pakiety kompatybilności typu drop-in dla popularnych bibliotek i18n oraz wsparcie dla Kolekcji (Collections) i Wariantów (Variants).
 keywords:
@@ -9,9 +9,12 @@ keywords:
   - Migracja
   - Kolekcje
   - Warianty
+  - Self-Hosting
+  - Docker
   - i18next
   - next-intl
   - vue-i18n
+youtubeVideo: https://www.youtube.com/watch?v=zmCN4z_B4jk
 slugs:
   - doc
   - releases
@@ -23,6 +26,14 @@ author: aymericzip
 
 Witaj w Intlayer v9! To główne wydanie (major release) stanowi ogromny krok milowy w upraszczaniu ścieżki migracji do Intlayer dzięki **pakietom kompatybilności (Compat Adapter Packages)** dla najpopularniejszych bibliotek i18n (takich jak `react-i18next`, `next-intl`, `vue-i18n` itp.) oraz wprowadza wsparcie dla bogatych struktur treści: **Kolekcji (Collections)** i **Wariantów (Variants)**.
 
+<iframe
+  src="https://www.youtube.com/embed/zmCN4z_B4jk"
+  className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
+  title="Demo Video - New Intlayer v9 - What's new?"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+  loading="lazy"
+/>
+
 ## Spis treści
 
 <TOC levels={[2]} maxDepth={1} />
@@ -109,36 +120,40 @@ Intlayer v9 wykracza poza statyczne obiekty klucz-wartość, umożliwiając sło
 
 Zdefiniuj zarządzaną przez CMS uporządkowaną lista elementów (np. FAQ, produkty lub listy blogów):
 
-```ts fileName="faq.content.ts"
+```ts fileName="faq.1.content.ts"
 import { t, type Dictionary } from "intlayer";
 
 export default {
   key: "faq",
-  content: [
-    {
-      question: t({
-        pl: "Co to jest Intlayer?",
-        en: "What is Intlayer?",
-        fr: "Qu'est-ce qu'Intlayer ?",
-      }),
-      answer: t({
-        pl: "Zestaw narzędzi i18n.",
-        en: "An i18n toolkit.",
-        fr: "Une boîte à outils i18n.",
-      }),
-    },
-  ],
+  item: 1,
+  content: {
+    question: t({ en: "What is Intlayer?", fr: "Qu'est-ce qu'Intlayer ?" }),
+    answer: t({ en: "An i18n toolkit.", fr: "Une boîte à outils i18n." }),
+  },
+} satisfies Dictionary;
+```
+
+```ts fileName="faq.2.content.ts"
+import { t, type Dictionary } from "intlayer";
+
+export default {
+  key: "faq",
+  item: 2,
+  content: {
+    question: t({ en: "Is it free?", fr: "Est-ce gratuit ?" }),
+    answer: t({ en: "Yes, open-source.", fr: "Oui, open-source." }),
+  },
 } satisfies Dictionary;
 ```
 
 #### Użycie:
 
 ```ts
-// Pobierz wszystkie elementy
+// Fetch all items as an array
 const allFaqs = useIntlayer("faq"); // -> { question: string, answer: string }[]
 
-// Pobierz pojedynczy element po indeksie
-const faq = useIntlayer("faq", { item: 1 }); // -> { question: string, answer: string }
+// Fetch a single item by index
+const faq = useIntlayer("faq", { item: 2 }); // -> { question: string, answer: string }
 ```
 
 ### 2. Warianty (Variants)
@@ -192,28 +207,52 @@ export default {
 ```ts
 // Pobiera dynamicznie tylko żądany element (wymaga Suspense)
 const product = useIntlayer("product-copy", {
-  id: "prod_123",
-  category: "books",
+  variant: { id: "prod_123", category: "books" },
 });
 ```
 
 ---
 
-## Dynamiczne ładowanie i optymalizacja rozmiaru paczki (Bundle Size)
-
-Aby zachować niezwykle mały rozmiar paczek (bundles), Intlayer v9 wspiera dynamiczne leniwe ładowanie (lazy loading).
-
-W swojej konfiguracji ustaw `importMode` na `'dynamic'` lub `'fetch'`:
-
-```ts fileName="intlayer.config.ts"
-export default {
-  dictionary: {
-    importMode: "dynamic", // "static" | "dynamic" | "fetch"
-  },
+## `@intlayer/analytics`: śledzenie ekspozycji treści i testy A/B
+
+Nowy opcjonalny pakiet, [`@intlayer/analytics`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/analytics.md), pokazuje, jakie treści są faktycznie wyświetlane Twoim odwiedzającym — i domyka pętlę z **Collections & Variants**, umożliwiając testowanie treści A/B i mierzenie konwersji dla każdego wariantu.
+
+- **Śledzenie na poziomie providera**: `IntlayerProvider` (React / Next.js / React Native) automatycznie rejestruje zdarzenia `page_view` przy ładowaniu, zmianie trasy i zmianie języka.
+- **Śledzenie na poziomie węzła**: każde rozwiązanie `useIntlayer` zgłasza zdarzenie `content_exposure` — jaki klucz słownika, ścieżka klucza, język i (jeśli dotyczy) jaki **wariant** A/B został wyświetlony. Powtarzające się ekspozycje tego samego węzła w oknie wysyłki są łączone w jedno zdarzenie.
+- **Deterministyczne przypisanie A/B**: `getVariant(experimentKey, variants)` przypisuje wariant każdej sesji **bez komunikacji z serwerem**, dzięki czemu nie ma migotania przed pierwszym renderowaniem.
+- **`useConversion()`**: przypisuje cel (rejestracja, kliknięcie, zakup…) do wariantu, na który była wystawiona sesja.
+- **Zerowy koszt, gdy nie zainstalowano**: ten sam wzorzec tree-shakeable co `@intlayer/editor` — dynamiczny `import()` opakowany w `try/catch`, plus zmienna środowiskowa czasu kompilacji (`INTLAYER_ANALYTICS_ENABLED`), która całkowicie usuwa integrację z bundla dla aplikacji, które jej nie włączają.
+- **Bez nowego schematu konfiguracji**: ponownie wykorzystuje `editor.backendURL` (punkt końcowy wysyłki / self-hosting) i `editor.clientId` (klucz projektu, będący jednocześnie przełącznikiem włączania).
+- **Dbałość o prywatność**: anonimowe hashowanie sesji (SHA-256, bez przechowywania surowych identyfikatorów), brak przechowywania adresów IP, tylko przybliżona geolokalizacja na poziomie kraju, żądania wysyłane partiami mniej więcej co 20 sekund.
+- **Panel**: nowa strona **Analytics** (widoczna na pasku bocznym po wybraniu projektu) pokazuje aktywnych użytkowników, użytkowników dzisiaj, użytkowników z ostatnich 7/30/90 dni, wykres ewolucji odwiedzających oraz podział według języka i lokalizacji.
+
+```tsx fileName="CTAButton.tsx" codeFormat="tsx"
+import { useConversion } from "react-intlayer";
+
+const CTAButton = () => {
+  const trackConversion = useConversion();
+
+  return (
+    <button
+      onClick={() =>
+        trackConversion({
+          experimentKey: "homepage-hero",
+          variant: "black_friday",
+          goal: "cta_click",
+        })
+      }
+    >
+      Get started
+    </button>
+  );
 };
 ```
 
-W czasie budowania (build time), `@intlayer/swc` oraz `@intlayer/babel` skanują Twoje pliki i zastępują wywołania `useIntlayer` / `getIntlayer` opakowaniami wspierającymi tree-shaking (`useDictionary` / `useDictionaryDynamic`). Ładowana jest tylko treść wymagana dla wybranego elementu kolekcji, wariantu lub języka (locale), co zapobiega dołączaniu nieużywanych tłumaczeń do Twojej paczki produkcyjnej (production bundle).
+```bash packageManager="npm"
+npm install @intlayer/analytics
+```
+
+Dostępne już dziś dla React, Next.js i React Native (poprzez `react-intlayer`); inne wiązania frameworków (Vue, Svelte, Angular, …) są planowane, zgodnie z tym samym wzorcem wdrażania co `@intlayer/editor`. Pełny przewodnik znajdziesz w [dokumentacji Analytics](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/analytics.md).
 
 ---
 
@@ -296,6 +335,59 @@ npm install intlayer react-native-intlayer
 
 ---
 
+## SDK CMS: używaj Intlayer jako bezgłowej bazy danych treści
+
+Intlayer v9 dostarcza przejrzysty, samodzielnie uwierzytelniający się SDK w `@intlayer/api` do programowej interakcji z CMS — pobieranie projektów, pobieranie słowników oraz wysyłanie lub aktualizowanie ich z własnego serwera, skryptów lub CI. Uwierzytelnianie (OAuth2 `client_credentials`) jest obsługiwane i odświeżane za Ciebie.
+
+SDK jest podzielony na **dwa osobne importy**, dzięki czemu Twój bundle zawiera tylko te domeny, których faktycznie używasz:
+
+1. `createIntlayerCMS` — lekki **uwierzytelniacz** przechowujący poświadczenia i zarządzany token (bez dołączania klienta domeny).
+2. `dictionaryEndpoint`, `projectEndpoint`, … — **łączniki endpointów** dla poszczególnych domen, każdy importowany z własnej podścieżki.
+
+```ts fileName="cms.ts"
+import { createIntlayerCMS } from "@intlayer/api";
+import { dictionaryEndpoint } from "@intlayer/api/dictionary";
+
+// Konfiguracja jest opcjonalna: poświadczenia są pobierane z INTLAYER_CLIENT_ID /
+// INTLAYER_CLIENT_SECRET rozwiązywanych przez `@intlayer/config/built`.
+const cms = createIntlayerCMS();
+
+// Odczyt
+const { data: dictionaries } = await dictionaryEndpoint(cms).getDictionaries();
+
+// Zapis — używaj CMS jak bazy danych
+await dictionaryEndpoint(cms).pushDictionaries([myDictionary]);
+```
+
+> Bezpieczeństwo: poświadczenia CMS dają dostęp do zapisu Twoich treści. Twórz uwierzytelniacz wyłącznie **po stronie serwera** — nigdy nie wysyłaj `clientId` / `clientSecret` do przeglądarki.
+
+---
+
+## Samodzielne hostowanie (Self-Hosting)
+
+Intlayer v9 zapewnia pełne wsparcie dla uruchamiania własnej instancji Intlayer za pomocą jednej komendy — bez konieczności posiadania konta Intlayer Cloud.
+
+```sh
+curl -fsSL https://intlayer.org/install.sh | sh
+```
+
+Instalator pobiera `docker-compose.yml` i `.env`, automatycznie generuje wymagane sekrety i uruchamia `docker compose up -d`. Wszystko — panel, API, baza danych, magazyn obiektów oraz transakcyjne wiadomości e-mail — działa lokalnie w kontenerach.
+
+### Uwzględnione serwisy
+
+| Serwis                                     | Przeznaczenie                                                                      |
+| ------------------------------------------ | ---------------------------------------------------------------------------------- |
+| **app** (TanStack Start)                   | Interfejs panelu na porcie `3000`                                                  |
+| **backend** (Fastify/Bun)                  | REST API na porcie `3100`                                                          |
+| **MongoDB 7** (jednowęzłowy zestaw replik) | Główna baza danych                                                                 |
+| **Redis 7**                                | Kolejki zadań i pamięć podręczna                                                   |
+| **MinIO**                                  | Magazyn obiektów zgodny z S3 (awatary, zrzuty ekranu)                              |
+| **Mailpit**                                | Lokalny odbiorca SMTP + interfejs webowy dla poczty transakcyjnej na porcie `8025` |
+
+Chromium (używany do generowania zrzutów ekranu przez Puppeteer) jest wbudowany w obraz backendu — żaden dodatkowy kontener nie jest potrzebny.
+
+---
+
 ## Uwagi dotyczące migracji z wersji v8
 
 Jeśli aktualizujesz aplikację z wersji v8, pamiętaj, że wersja v9 nie zawiera zmian wprowadzających niekompatybilność wsteczną (breaking changes). Oto jednak kluczowe zmiany:
@@ -310,4 +402,7 @@ Jeśli aktualizujesz aplikację z wersji v8, pamiętaj, że wersja v9 nie zawier
 
 - [Przewodnik po pakietach kompatybilności (Compat Adapter Packages)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/compat/index.md)
 - [Dynamiczne słowniki - Kolekcje i Warianty](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/dynamic_dictionaries/index.md)
+- [Analytics - Śledzenie ekspozycji treści i testy A/B](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/analytics.md)
 - [Dokumentacja konfiguracji](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/configuration.md)
+- [SDK CMS - Programowy dostęp z @intlayer/api](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/intlayer_CMS.md)
+- [Przewodnik po samodzielnym hostowaniu](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/self_hosting.md)