@intlayer/docs 9.0.0-canary.9 → 9.0.1

package/docs/uk/migration_from_i18next_to_intlayer.md

@@ -99,19 +99,19 @@ Intlayer також є рішенням із **найактивнішою роз
 Встановіть основні пакети Intlayer та адаптер сумісності:
 
 ```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
 ```
 
 > прапор `--interactive` не обов'язковий. Використовуйте `intlayer-cli init`, якщо ви AI-агент.

package/docs/uk/migration_from_next-i18next_to_intlayer.md

@@ -102,19 +102,19 @@ Intlayer також є рішенням з **найбільш активною
 Встановіть основні пакети Intlayer та адаптери сумісності:
 
 ```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
 ```
 
 > прапор `--interactive` опціональний. Використовуйте `intlayer-cli init`, якщо ви AI агент.

package/docs/uk/migration_from_next-intl_to_intlayer.md

@@ -98,19 +98,19 @@ Intlayer також є рішенням з **найбільш активною
 Встановіть основні пакети Intlayer та адаптер сумісності `@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
 ```
 
 > прапор `--interactive` є необов'язковим. Використовуйте `intlayer-cli init`, якщо ви AI агент.
@@ -184,9 +184,7 @@ import { createNextIntlPlugin } from "@intlayer/next-intl/plugin";
 
 const withIntlayer = createNextIntlPlugin();
 
-const nextConfig: NextConfig = {
-  /* ваші існуючі параметри конфігурації */
-};
+const nextConfig: NextConfig = {/* ваші існуючі параметри конфігурації */};
 
 export default withIntlayer(nextConfig);
 ```

package/docs/uk/migration_from_nuxtjs_i18n_to_intlayer.md

@@ -101,19 +101,19 @@ Intlayer також є рішенням з **найактивнішим розр
 Встановіть основні пакети Intlayer та адаптер сумісності:
 
 ```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
 ```
 
 > прапор `--interactive` необов'язковий. Використовуйте `intlayer-cli init`, якщо ви — агент AI.

package/docs/uk/migration_from_react-i18next_to_intlayer.md

@@ -101,19 +101,19 @@ Intlayer також є рішенням з **найактивнішим розв
 Встановіть основні пакети Intlayer та адаптери сумісності:
 
 ```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
 ```
 
 > флаг `--interactive` необов'язковий. Використовуйте `intlayer-cli init`, якщо ви AI-агент.
@@ -209,9 +209,7 @@ import { createNextI18nPlugin } from "@intlayer/next-i18next/plugin";
 
 const withIntlayer = createNextI18nPlugin();
 
-const nextConfig: NextConfig = {
-  /* ваші параметри */
-};
+const nextConfig: NextConfig = {/* ваші параметри */};
 
 export default withIntlayer(nextConfig);
 ```

package/docs/uk/migration_from_vue-i18n_to_intlayer.md

@@ -100,19 +100,19 @@ Intlayer також є рішенням з **найбільш активним
 Встановіть основні пакети Intlayer та адаптер сумісності:
 
 ```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
 ```
 
 > прапор `--interactive` є опціональним. Використовуйте `intlayer-cli init`, якщо ви AI агент.

package/docs/uk/releases/v9.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2026-06-14
-updatedAt: 2026-06-26
+updatedAt: 2026-07-08
 title: Новий Intlayer v9 - Що нового?
 description: Дізнайтеся, що нового в Intlayer v9. Представляємо сумісні пакети швидкої заміни (drop-in) для популярних бібліотек i18n та підтримку Collections та Variants.
 keywords:
@@ -9,9 +9,12 @@ keywords:
   - Міграція
   - Колекції
   - Варіанти
+  - 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
 
 Ласкаво просимо до Intlayer v9! Цей мажорний реліз є величезною віхою у спрощенні шляху міграції на Intlayer завдяки **Compat Adapter Packages** (пакетам адаптерів сумісності) для основних бібліотек i18n (`react-i18next`, `next-intl`, `vue-i18n` тощо) та додає підтримку складних структур контенту: **Collections** (Колекцій) та **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"
+/>
+
 ## Зміст
 
 <TOC levels={[2]} maxDepth={1} />
@@ -109,36 +120,40 @@ Intlayer v9 виходить за рамки статичних об'єктів
 
 Визначайте керований CMS список упорядкованих елементів (наприклад, FAQ, товари або списки блогів):
 
-```ts fileName="faq.content.ts"
+```ts fileName="faq.1.content.ts"
 import { t, type Dictionary } from "intlayer";
 
 export default {
   key: "faq",
-  content: [
-    {
-      question: t({
-        uk: "Що таке Intlayer?",
-        en: "What is Intlayer?",
-        fr: "Qu'est-ce qu'Intlayer ?",
-      }),
-      answer: t({
-        uk: "Інструментарій 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;
 ```
 
 #### Використання:
 
 ```ts
-// Отримати всі елементи
+// Fetch all items as an array
 const allFaqs = useIntlayer("faq"); // -> { question: string, answer: string }[]
 
-// Отримати один елемент за індексом
-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. Варіанти (Variants)
@@ -192,28 +207,52 @@ export default {
 ```ts
 // Динамічно завантажує лише запитуваний елемент (потребує Suspense)
 const product = useIntlayer("product-copy", {
-  id: "prod_123",
-  category: "books",
+  variant: { id: "prod_123", category: "books" },
 });
 ```
 
 ---
 
-## Динамічне завантаження та оптимізація розміру бандла
-
-Щоб зберегти розмір бандлів надзвичайно малим, Intlayer v9 підтримує динамічне ліниве завантаження (lazy loading).
-
-У вашій конфігурації встановіть `importMode` у `'dynamic'` або `'fetch'`:
-
-```ts fileName="intlayer.config.ts"
-export default {
-  dictionary: {
-    importMode: "dynamic", // "static" | "dynamic" | "fetch"
-  },
+## `@intlayer/analytics`: відстеження показів контенту та A/B-тестування
+
+Новий необов'язковий пакет [`@intlayer/analytics`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/analytics.md) показує, який контент насправді бачать ваші відвідувачі — і замикає цикл із **Collections & Variants**, дозволяючи проводити A/B-тестування контенту та вимірювати конверсії по кожному варіанту.
+
+- **Відстеження на рівні провайдера**: `IntlayerProvider` (React / Next.js / React Native) автоматично фіксує події `page_view` під час завантаження, зміни маршруту та зміни локалі.
+- **Відстеження на рівні вузла**: кожне розв'язання `useIntlayer` надсилає подію `content_exposure` — який ключ словника, шлях ключа, локаль і (якщо застосовно) який A/B-**варіант** було показано. Повторні покази того самого вузла в межах вікна відправки об'єднуються в одну подію.
+- **Детерміноване призначення A/B**: `getVariant(experimentKey, variants)` призначає варіант кожній сесії **без звернення до сервера**, тому перед першим рендером не виникає мерехтіння.
+- **`useConversion()`**: прив'язує ціль (реєстрація, клік, покупка…) до варіанту, який бачила сесія.
+- **Нульова вартість без встановлення**: той самий tree-shakeable підхід, що й у `@intlayer/editor` — динамічний `import()`, обгорнутий у `try/catch`, плюс змінна середовища часу збірки (`INTLAYER_ANALYTICS_ENABLED`), яка повністю видаляє інтеграцію з бандла для застосунків, що її не увімкнули.
+- **Без нової схеми конфігурації**: повторно використовує `editor.backendURL` (кінцева точка відправки / самостійне розгортання) та `editor.clientId` (ключ проєкту, який також є перемикачем увімкнення).
+- **З повагою до приватності**: анонімне хешування сесії (SHA-256, без зберігання вихідних id), без зберігання IP, лише приблизна геолокація на рівні країни, запити надсилаються пакетами приблизно кожні 20 секунд.
+- **Дашборд**: нова сторінка **Analytics** (з'являється в бічній панелі після вибору проєкту) показує активних користувачів, користувачів за сьогодні, за останні 7/30/90 днів, графік динаміки відвідувачів і розподіл за локалями та розташуванням.
+
+```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>
+  );
 };
 ```
 
-Під час збірки `@intlayer/swc` та `@intlayer/babel` сканують ваші файли та замінюють виклики `useIntlayer` / `getIntlayer` на tree-shakeable обгортки (`useDictionary` / `useDictionaryDynamic`). Завантажується лише контент, необхідний для вибраного елемента колекції, варіанта або локалі, що запобігає потраплянню невикористовуваних перекладів у ваш продакшн-бандл.
+```bash packageManager="npm"
+npm install @intlayer/analytics
+```
+
+Вже доступно для React, Next.js і React Native (через `react-intlayer`); інші прив'язки для фреймворків (Vue, Svelte, Angular, …) заплановані за тією ж моделлю впровадження, що й `@intlayer/editor`. Повний посібник дивіться в [документації Analytics](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/analytics.md).
 
 ---
 
@@ -296,6 +335,59 @@ npm install intlayer react-native-intlayer
 
 ---
 
+## CMS SDK: використовуйте Intlayer як headless базу даних контенту
+
+Intlayer v9 містить акуратний SDK з автоматичною автентифікацією в `@intlayer/api` для програмної взаємодії з CMS — отримувати проєкти, отримувати словники, а також надсилати чи оновлювати їх із власного сервера, скриптів або CI. Автентифікація (OAuth2 `client_credentials`) виконується та оновлюється за вас.
+
+SDK розділено на **два окремі імпорти**, тож ваш бандл містить лише ті домени, які ви справді використовуєте:
+
+1. `createIntlayerCMS` — легкий **автентифікатор**, який зберігає облікові дані та керований токен (клієнти доменів не включаються).
+2. `dictionaryEndpoint`, `projectEndpoint`, … — **прив'язки ендпоінтів** для кожного домену, кожна імпортується зі свого підшляху.
+
+```ts fileName="cms.ts"
+import { createIntlayerCMS } from "@intlayer/api";
+import { dictionaryEndpoint } from "@intlayer/api/dictionary";
+
+// Конфігурація необов'язкова: облікові дані беруться з INTLAYER_CLIENT_ID /
+// INTLAYER_CLIENT_SECRET, що розв'язуються через `@intlayer/config/built`.
+const cms = createIntlayerCMS();
+
+// Читання
+const { data: dictionaries } = await dictionaryEndpoint(cms).getDictionaries();
+
+// Запис — використовуйте CMS як базу даних
+await dictionaryEndpoint(cms).pushDictionaries([myDictionary]);
+```
+
+> Безпека: облікові дані CMS надають доступ до запису вашого контенту. Завжди створюйте автентифікатор лише **на стороні сервера** — ніколи не передавайте `clientId` / `clientSecret` у браузер.
+
+---
+
+## Самостійне розгортання (Self-Hosting)
+
+Intlayer v9 постачається з першокласною підтримкою запуску власного екземпляра Intlayer однією командою — обліковий запис Intlayer Cloud не потрібен.
+
+```sh
+curl -fsSL https://intlayer.org/install.sh | sh
+```
+
+Встановлювач завантажує `docker-compose.yml` та `.env`, автоматично генерує необхідні секрети та запускає `docker compose up -d`. Все — дашборд, API, база даних, сховище об'єктів та транзакційна електронна пошта — працює локально у контейнерах.
+
+### Включені сервіси
+
+| Сервіс                                    | Призначення                                                                    |
+| ----------------------------------------- | ------------------------------------------------------------------------------ |
+| **app** (TanStack Start)                  | UI дашборду на порту `3000`                                                    |
+| **backend** (Fastify/Bun)                 | REST API на порту `3100`                                                       |
+| **MongoDB 7** (одновузловий набір реплік) | Основна база даних                                                             |
+| **Redis 7**                               | Черги завдань та кешування                                                     |
+| **MinIO**                                 | S3-сумісне сховище об'єктів (аватари, знімки екрана)                           |
+| **Mailpit**                               | Локальний SMTP-приймач + веб-інтерфейс для транзакційної пошти на порту `8025` |
+
+Chromium (що використовується для генерації знімків екрана через Puppeteer) вбудований у образ бекенду — додатковий контейнер не потрібен.
+
+---
+
 ## Примітки щодо міграції з v8
 
 Якщо ви оновлюєтеся з v8, зверніть увагу, що v9 не містить критичних змін (breaking changes). Проте ось ключові зміни:
@@ -310,4 +402,7 @@ npm install intlayer react-native-intlayer
 
 - [Посібник з пакетів адаптерів сумісності (Compat Adapter Packages)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/compat/index.md)
 - [Динамічні словники - Collections та Variants](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dynamic_dictionaries/index.md)
+- [Analytics - Відстеження показів контенту та A/B-тестування](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/analytics.md)
 - [Довідник з конфігурації](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/configuration.md)
+- [CMS SDK — програмний доступ через @intlayer/api](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_CMS.md)
+- [Посібник із самостійного розгортання](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/self_hosting.md)