@intlayer/docs 9.0.0-canary.2 → 9.0.0-canary.21

package/docs/zh/releases/v7.md

@@ -25,6 +25,10 @@ author: aymericzip
 
 欢迎使用 Intlayer v7！此次重大版本发布带来了性能、类型安全和开发者体验的显著提升。以下是主要亮点，包括迁移说明和实用示例。
 
+## 目录
+
+<TOC levels={[2]} maxDepth={1} />
+
 ## 亮点
 
 - 缓存策略以加快构建速度
@@ -261,6 +265,126 @@ setLocale("en");
 
 ---
 
+## 自动代码格式化：formatCommand 配置
+
+v7 在编辑器配置中引入了 `formatCommand` 选项，允许你在 Intlayer 写入内容文件时自动格式化这些文件。这确保了内容声明文件的代码风格和格式的一致性。
+
+如果未设置，Intlayer 将尝试自动检测格式化命令。通过尝试解析以下命令：prettier、biome、eslint。
+
+### 配置
+
+`formatCommand` 选项接受一个字符串模板，其中 `{{file}}` 将被替换为实际的文件路径：
+
+```typescript fileName="intlayer.config.ts"
+export default {
+  content: {
+    formatCommand: 'bun x biome format "{{file}}" --write --log-level none',
+  },
+};
+```
+
+### 支持的格式化工具
+
+你可以使用任何接受文件路径作为参数的代码格式化工具：
+
+**使用 Biome：**
+
+```typescript
+formatCommand: 'bun x biome format "{{file}}" --write --log-level none';
+```
+
+**使用 Prettier：**
+
+```typescript
+formatCommand: 'npx prettier --write "{{file}}" --log-level silent';
+```
+
+**使用 ESLint：**
+
+```typescript
+formatCommand: 'npx eslint --fix "{{file}}" --quiet';
+```
+
+**使用 Bun 的内置格式化工具：**
+
+```typescript
+formatCommand: 'bun format "{{file}}"';
+```
+
+### 优势
+
+- **一致的格式化**：所有内容文件都根据您的项目风格指南自动格式化
+- **开发者体验**：Intlayer 写入文件后无需手动格式化
+- **团队一致性**：确保所有团队成员对内容文件应用相同的格式化
+- **CI/CD 集成**：内容文件在自动化工作流中保持一致的格式化
+
+### 工作原理
+
+当 Intlayer 写入或更新内容声明文件（`.content.ts`、`.content.js` 等）时，它会自动在该文件上运行指定的格式化命令。`{{file}}` 占位符被替换为实际的文件路径，命令在项目的基础目录中执行。
+
+---
+
+## 字典配置：更好的组织和结构
+
+v7 引入了一个新的专属 `dictionary` 配置部分，为字典相关设置和改进的内容管理提供了更好的组织。
+
+### 新的字典配置结构
+
+`fill` 属性已从 `content` 部分移到新的 `dictionary` 部分，提供了更清晰的关注点分离：
+
+**v6 配置：**
+
+```typescript fileName="intlayer.config.ts"
+export default {
+  content: {
+    autoFill: "./{{fileName}}.content.json",
+    contentDir: ["src"],
+  },
+};
+```
+
+**v7 配置：**
+
+```typescript fileName="intlayer.config.ts"
+export default {
+  content: {
+    contentDir: ["src"],
+  },
+  dictionary: {
+    fill: "./{{fileName}}.content.json",
+  },
+};
+```
+
+### 新结构的优势
+
+- **更清晰的组织**: 字典特定的设置现在被分组在一起
+- **更好的关注点分离**: 内容发现与字典操作清晰分离
+- **增强的可维护性**: 更容易理解和修改字典相关的配置
+- **未来的可扩展性**: 字典部分可以容纳额外的字典特定设置
+- **全面的字典管理**: 包括 `title`、`live`、`priority`、`tags`、`version` 和 `description` 等属性，用于创建和管理新的字典
+
+### 配置使用
+
+字典配置有两个主要目的：
+
+1. **默认值**：在创建内容声明文件时定义默认值
+2. **回退行为**：当未定义特定字段时提供回退值，允许您全局定义字典操作行为
+
+字典部分包含用于字典管理的全面属性：
+
+- **`fill`**：内容生成的自动填充行为
+- **`title`**：新字典的默认标题
+- **`live`**：用于实时更新的实时同步配置
+- **`priority`**：字典解析的优先级设置
+- **`tags`**：用于内容组织的默认标签
+- **`version`**：字典更新的版本管理
+- **`description`**：新内容的默认描述
+
+有关内容声明文件以及如何应用配置值的更多信息，请参阅[内容文件文档](https://github.com/aymericzip/intlayer/blob/main/docs/docs/zh/dictionary/content_file.md)。
+
+---
+
 ## fill 命令：更新行为以更好地管理内容
 
 v7 引入了 `fill` 命令的改进行为，提供了更可预测和灵活的内容管理：
@@ -408,6 +532,10 @@ const content = {
 - **`middleware.prefixDefault`**：被 `routing.mode` 替代
 - **`middleware.noPrefix`**：被 `routing.mode` 替代
 
+### 新配置
+
+- **`editor.formatCommand`**: 用于自动格式化内容文件的新选项
+
 ### 迁移映射
 
 #### 配置映射

package/docs/zh/releases/v8.md

@@ -409,6 +409,16 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
 
 ---
 
+## YAML & Markdown 内容文件 (v8.10.0)
+
+您现在可以直接使用 `.content.md` 和 `.content.yaml` 文件扩展名声明内容。这非常适合长篇内容、博客、文档和隐私政策。
+
+这些文件可以从可视化编辑器完全编辑，为非技术团队成员提供了简化的工作流程。
+
+有关更多详细信息，请参阅 [YAML 内容文件文档](https://intlayer.org/doc/concept/content#yaml-content-file) 和 [Markdown 内容文件文档](https://intlayer.org/doc/concept/content/markdown)。
+
+---
+
 ## 自定义 URL 重写
 
 Intlayer v8 引入对 **自定义 URL 重写** 的支持，允许你定义与标准 `/locale/path` 结构不同的特定语言路径。此功能可显著提升本地 SEO，并为非英文用户提供更自然的使用体验。
@@ -753,6 +763,62 @@ export default {
   </Tab>
 </Tabs>
 
+## Unicode CLDR 复数规则 (v8.8.0)
+
+基于 Unicode CLDR 项目定义的复数规则，引入了一个新的 `plural` 节点助手，改进了对复杂语言的支持。
+
+```typescript fileName="src/openings.content.ts"
+import { plural, t, type Dictionary } from "intlayer";
+
+const openingsContent = {
+  key: "total_openings",
+  content: {
+    totalOpenings: t({
+      zh: plural({
+        one: "{{count}} 个职位",
+        other: "{{count}} 个职位",
+      }),
+      en: plural({
+        one: "{{count}} opening",
+        other: "{{count}} openings",
+      }),
+      fr: plural({
+        one: "{{count}} offre",
+        other: "{{count}} offres",
+      }),
+    }),
+  },
+} satisfies Dictionary;
+
+export default openingsContent;
+```
+
+然后，你可以在你的框架组件中动态传递计数：
+
+```tsx
+import type { FC } from "react";
+import { useIntlayer } from "react-intlayer";
+
+const OpeningsComponent: FC<{ count: number }> = ({ count }) => {
+  const { totalOpenings } = useIntlayer("total_openings");
+
+  return (
+    <div>
+      {/* 英文:                                  */}
+      {/*  count=0  → "0 openings"   (other)           */}
+      {/*  count=1  → "1 opening"    (one)             */}
+      {/*  count=2  → "2 openings"   (other)           */}
+      {/*  count=21 → "21 openings"  (other)           */}
+      <p>{totalOpenings(count)}</p>
+    </div>
+  );
+};
+```
+
+更多信息，请参见 [复数化文档](https://intlayer.org/doc/concept/content/plural)。
+
+---
+
 ## 内容 Schema 验证
 
 Intlayer v8 为字典引入了 schema 验证。你现在可以在配置中使用 Zod 定义可重用的验证 schema，并将其应用到你的内容文件中。这可以确保你的内容始终遵循预期的结构，并在构建时 (build time)捕获错误。
@@ -797,6 +863,34 @@ export default aboutPageMetaContent;
 
 ---
 
+## TypeScript: IntlayerNode Primitive Accessors
+
+`IntlayerNode` 类型已更新，允许直接在内容节点上调用原始 JavaScript 方法。这使得可以直接与本地化内容交互，就像它是一个标准字符串、数字、布尔值或数组原始类型一样。
+
+支持 React、Preact、Solid、Svelte、Vue 和 Angular。
+
+### String 示例
+
+```typescript
+content.placeholder; // 返回 IntlayerNode<string>
+content.placeholder.value; // 返回 string
+content.placeholder.toString(); // 返回 string
+content.placeholder.toLowerCase(); // 返回 string
+String(content.placeholder); // 返回 string
+content.placeholder.toUpperCase(); // 返回大写字符串
+content.placeholder.replace("a", "b"); // 返回修改后的字符串
+```
+
+### Array Example
+
+```typescript
+content.myArrayOfString             // 返回 IntlayerNode<Array<string>>
+content.myArrayOfString.find(...)   // 返回元素
+content.myArrayOfString.join(', ')  // 返回连接的字符串
+```
+
+---
+
 ### 增强的自动内容检测
 
 在 v8 中，Intlayer 能智能检测内容字符串中的 Markdown 语法、HTML 标签和变量插入。这意味着通常可以省略像 `md()`、`html()` 或 `insert()` 这样的辅助函数。
@@ -1002,6 +1096,17 @@ Intlayer 的 VSCode 扩展在 v8 中迎来重大更新，以简化你的国际
 
 ---
 
+## 工具：C++ Watcher & OXC-based LSP (v8.12.0)
+
+Intlayer v8.12.0 为开发者体验带来了重大改进：
+
+- **Parcel Watcher**：内容监听器已从 `chokidar` 迁移到 `@parcel/watcher`，利用原生 C++ 文件监听来提供更快的更新和显著降低的内存消耗。
+- **新的语言服务器协议 (LSP)**：一个全新的 LSP 现已推出。采用基于 OXC 的解析构建，它帮助您的 IDE 和 AI 代理无缝链接 `useIntlayer('my-key')` 调用与其对应的 `.content` 文件，反之亦然。
+
+有关详细信息，请参阅 [LSP 文档](https://intlayer.org/doc/lsp)。
+
+---
+
 ## 编译器优化
 
 Intlayer v8 为 Markdown 和 HTML 编译器引入了新的缓存层。这确保在相同配置下相同的内容字符串只被解析一次，从而显著降低在重新渲染或在多个地方使用相同内容时的开销。
@@ -1057,6 +1162,48 @@ Intlayer v8 为 Markdown 和 HTML 编译器引入了新的缓存层。这确保
 
 ---
 
+## 实验性构建优化：代码缩小和清理 (v8.7.0)
+
+Intlayer v8.7.0 在你的 `intlayer.config.ts` 中引入了新的实验性构建功能，旨在优化你的生产包：
+
+- **字典缩小化**：缩小字典文件以减小大小。
+- **未使用密钥清理**：扫描并从字典中移除未使用的翻译密钥，将活跃密钥重命名为短字符（例如 `"products" -> "a"`、`"pricing" -> "b"`）。这可将包大小减少多达 5%。
+- **禁用 TypeScript 检查**：通过在编译步骤中禁用 TypeScript 类型检查来加快构建速度。
+
+```typescript fileName="intlayer.config.ts"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH],
+    defaultLocale: Locales.ENGLISH,
+  },
+  dictionary: {
+    importMode: "dynamic",
+  },
+  build: {
+    /**
+     * 缩小字典以减少包大小。
+     */
+    minify: true,
+
+    /**
+     * 清理字典中的未使用密钥
+     */
+    purge: true,
+
+    /**
+     * 指示构建是否应检查 TypeScript 类型
+     */
+    checkTypes: false,
+  },
+};
+
+export default config;
+```
+
+---
+
 ## 灵活性：统一导入模式
 
 `live` 布尔属性已被弃用，改用更为全面的 `importMode` 属性。这样可以明确定义 dictionaries 应如何加载：静态、动态，或通过实时同步。
@@ -1204,6 +1351,49 @@ export default {
 
 ---
 
+## Angular 支持：Vite Bundler (v8.11.0)
+
+对于 Angular 用户，Intlayer 现在通过新的自定义 esbuild 插件原生支持 Vite bundler，加快了开发和构建时间。
+
+有关配置详情，请参阅 [Angular 环境文档](https://intlayer.org/doc/environment/angular)。
+
+---
+
+## 网站地图生成 (v8.6.0)
+
+Intlayer 现在根据您的语言环境和路由模式自动生成网站地图。这对于 TanStack Router 等路由架构中的 SEO 优化特别有用：
+
+```typescript fileName="src/routes/sitemap.xml.ts"
+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: {
+      GET: async () => {
+        const sitemap = generateSitemap(
+          [
+            { path: "/", changefreq: "daily", priority: 1.0 },
+            { path: "/about", changefreq: "monthly", priority: 0.8 },
+          ],
+          { siteUrl: SITE_URL }
+        );
+
+        return new Response(sitemap, {
+          headers: { "Content-Type": "application/xml" },
+        });
+      },
+    },
+  },
+});
+```
+
+---
+
 ## 从 v7 的迁移说明
 
 ### 配置更改

package/docs/zh/releases/v9.md

@@ -1,15 +1,15 @@
 ---
 createdAt: 2026-06-14
-updatedAt: 2026-06-14
+updatedAt: 2026-07-08
 title: New Intlayer v9 - What's new?
-description: Discover what's new in Intlayer v9. Introducing drop-in compatibility packages for popular i18n libraries and support for Collections, Variants, and Dynamic Records.
+description: Discover what's new in Intlayer v9. Introducing drop-in compatibility packages for popular i18n libraries and support for Collections and Variants.
 keywords:
   - Intlayer
   - Compatibility
   - Migration
   - Collections
   - Variants
-  - Dynamic Records
+  - CMS SDK
   - i18next
   - next-intl
   - vue-i18n
@@ -22,7 +22,7 @@ author: aymericzip
 
 # New Intlayer v9 - What's new?
 
-Welcome to Intlayer v9! This major release marks a huge milestone in simplifying the migration path to Intlayer with **Compat Adapter Packages** for major i18n libraries (`react-i18next`, `next-intl`, `vue-i18n`, etc.) and adds support for rich content structures: **Collections**, **Variants**, and **Dynamic Records**.
+Welcome to Intlayer v9! This major release marks a huge milestone in simplifying the migration path to Intlayer with **Compat Adapter Packages** for major i18n libraries (`react-i18next`, `next-intl`, `vue-i18n`, etc.) and adds support for rich content structures: **Collections** and **Variants**.
 
 ## Table of contents
 
@@ -41,8 +41,10 @@ By replacing imports, you get all the benefits of Intlayer (including compile-ti
 - `@intlayer/i18next`
 - `@intlayer/react-i18next`
 - `@intlayer/next-intl`
+- `@intlayer/react-intl`
 - `@intlayer/next-i18next`
 - `@intlayer/vue-i18n`
+- `@intlayer/lingui`
 
 For example, simply change:
 
@@ -100,7 +102,7 @@ All compat adapters now route translation resolution through a single, highly op
 
 ---
 
-## Feature Spec: Collections, Variants & Dynamic Records
+## Feature Spec: Collections & Variants
 
 Intlayer v9 expands beyond static key-value objects, allowing dictionaries to declare dynamic layout structures that are fully typed end-to-end.
 
@@ -108,34 +110,48 @@ Intlayer v9 expands beyond static key-value objects, allowing dictionaries to de
 
 Define a CMS-managed list of ordered items (e.g. FAQs, products, or blog lists):
 
-```ts fileName="faq.content.ts"
+```ts fileName="faq.1.content.ts"
 import { t, type Dictionary } from "intlayer";
 
 export default {
   key: "faq",
-  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." }),
-    },
-  ],
+  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;
 ```
 
 #### Usage:
 
 ```ts
-// Fetch all items
+// Fetch all items as an array
 const allFaqs = useIntlayer("faq"); // -> { question: string, answer: string }[]
 
-// Fetch single item by index
-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
 
 Deliver A/B tests, seasonal headers, feature flags, or custom landing pages:
 
+#### String variants (e.g. A/B testing)
+
 ```ts fileName="hero.content.ts"
 import { t, type Dictionary } from "intlayer";
 
@@ -155,16 +171,14 @@ export default {
 const banner = useIntlayer("hero-banner", { variant: "black_friday" });
 ```
 
-### 3. Dynamic Records
-
-Define dictionaries whose entries are loaded dynamically at runtime via query IDs:
+#### Object variants (e.g. Dynamic Records)
 
 ```ts fileName="product.content.ts"
 import { t, type Dictionary } from "intlayer";
 
 export default {
   key: "product-copy",
-  meta: {
+  variant: {
     id: "prod_123",
     category: "books",
   },
@@ -179,28 +193,159 @@ export default {
 ```ts
 // Fetches only the requested item dynamically (requires Suspense)
 const product = useIntlayer("product-copy", {
-  id: "prod_123",
-  category: "books",
+  variant: { id: "prod_123", category: "books" },
 });
 ```
 
 ---
 
-## Dynamic Loading & Bundle Size Optimizations
+## `@intlayer/analytics`：内容曝光追踪与 A/B 测试
+
+全新的可选包 [`@intlayer/analytics`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/analytics.md) 会告诉您访客实际看到了哪些内容——并通过让您对内容进行 A/B 测试、按变体衡量转化率，补上 **Collections & Variants** 的最后一环。
+
+- **Provider 级别追踪**：`IntlayerProvider`（React / Next.js / React Native）会在加载、路由变化和语言切换时自动记录 `page_view` 事件。
+- **节点级别追踪**：每次 `useIntlayer` 解析都会上报一个 `content_exposure` 事件——包括显示了哪个字典键、键路径、语言，以及（如适用）哪个 A/B **变体**。同一刷新窗口内对同一节点的重复曝光会被合并为一个事件。
+- **确定性 A/B 分配**：`getVariant(experimentKey, variants)` 在**无需服务器往返**的情况下为每个会话分配变体，因此首次渲染前不会出现闪烁。
+- **`useConversion()`**：将目标（注册、点击、购买等）归因于会话所看到的变体。
+- **未安装时零成本**：与 `@intlayer/editor` 相同的可摇树优化模式——用 `try/catch` 包裹的动态 `import()`，加上一个编译期环境变量（`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>
+  );
+};
+```
 
-To keep bundles extremely small, Intlayer v9 supports dynamic lazy loading.
+```bash packageManager="npm"
+npm install @intlayer/analytics
+```
 
-In your configuration, set `importMode` to `'dynamic'` or `'fetch'`:
+目前已支持 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)。
+
+---
+
+## Vite Plugin: 捆绑编译器和代理
+
+`intlayer()` Vite 插件现在直接捆绑了**编译器**和**区域设置路由代理**，因此大多数项目只需在 `vite.config.ts` 中使用单个插件：
+
+```ts fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import { intlayer } from "vite-intlayer";
+
+export default defineConfig({
+  plugins: [intlayer()],
+});
+```
+
+- **Compiler**: 当 `compiler.enabled` 被设置为 `true` 且配置了 `compiler.output` 路径时，自动激活。您不再需要单独注册 `intlayerCompiler()`。
+- **Proxy**: 根据新的 `routing.enableProxy` 选项自动激活（默认为 `true`）。它在开发、预览和生产 SSR 中连接区域设置检测 / 重定向 / 重写中间件。您不再需要单独注册 `intlayerProxy()`。
+
+### `routing.enableProxy` 选项
+
+新的 `routing.enableProxy` 选项控制是否启用区域语言路由代理。默认值为 `true`。当您想自己处理区域语言路由时，可以禁用它：
 
 ```ts fileName="intlayer.config.ts"
-export default {
-  dictionary: {
-    importMode: "dynamic", // "static" | "dynamic" | "fetch"
+import type { IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  routing: {
+    enableProxy: false, // 默认值: true
+  },
+};
+
+export default config;
+```
+
+独立的 `intlayerCompiler()` 和 `intlayerProxy()` 插件仍然可用于高级设置。将它们与 `intlayer()` 一起注册是安全的 — 每个插件会自动去重并且仅运行一次。
+
+---
+
+## 默认禁用编译器
+
+从 Intlayer v9 开始，**编译器默认被禁用**（`compiler.enabled` 现在默认为 `false`）。要启用对 `.content.ts` 文件的构建时提取，请在配置中设置 `compiler.enabled: true`：
+
+```ts fileName="intlayer.config.ts"
+import type { IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  compiler: {
+    enabled: true, // 默认值：false —— 自 v9 起启用编译器所必需
+    output: ({ fileName }) => `./${fileName}.content.ts`,
   },
 };
+
+export default config;
+```
+
+当编译器被禁用时，Intlayer 会跳过构建时提取步骤，并依赖您已声明的字典。仅当您希望打包器插件（`@intlayer/swc`、`@intlayer/babel` 或 `intlayer()` Vite 插件）自动提取内容时才启用它。
+
+---
+
+## React Native：单包导入
+
+在 React Native 或 Expo 应用中，您不再需要同时管理 `react-intlayer` 和 `react-native-intlayer`。`react-native-intlayer` 包现在**重新导出了完整的 `react-intlayer` API**（hooks、工具函数以及 `/format`、`/html` 和 `/markdown` 子路径），并且其 `IntlayerProvider` 会自动应用 React Native 的 polyfills。
+
+从单一的 `react-native-intlayer` 包中导入所有内容：
+
+```tsx
+import {
+  IntlayerProvider,
+  useIntlayer,
+  useLocale,
+} from "react-native-intlayer";
+```
+
+```bash
+npm install intlayer react-native-intlayer
+```
+
+> 从 `react-intlayer` 导入仍然有效，但现在推荐使用 `react-native-intlayer` 作为 React Native 的单一入口点 —— 它的 provider 提供了面向 web 的 `react-intlayer` provider 所不包含的 polyfills。
+
+---
+
+## CMS SDK：将 Intlayer 用作无头内容数据库
+
+Intlayer v9 在 `@intlayer/api` 中提供了一个简洁、自动鉴权的 SDK，用于以编程方式与 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]);
 ```
 
-At build time, `@intlayer/swc` and `@intlayer/babel` scan your files and replace `useIntlayer` / `getIntlayer` calls with tree-shakeable wrappers (`useDictionary` / `useDictionaryDynamic`). Only the content required for the selected collection item, variant, or locale is loaded, preventing your production bundle from containing unused translations.
+> 安全：CMS 凭据授予对内容的写入权限。务必只在**服务端**创建鉴权器——切勿将 `clientId` / `clientSecret` 发送到浏览器。
 
 ---
 
@@ -208,13 +353,16 @@ At build time, `@intlayer/swc` and `@intlayer/babel` scan your files and replace
 
 If you are upgrading from v8, note that the v9 does not include breaking changes. But here are the key changes:
 
+- **默认禁用编译器**：`compiler.enabled` 现在默认为 `false`。如果您依赖对 `.content.ts` 文件的构建时提取，请在 `intlayer.config.ts` 中设置 `compiler.enabled: true`。
 - **Locales & Dialects**: If using external i18n dependencies, add their respective compat adapter plugins in your configuration or bundler setup to automatically rewrite imports.
-- **Custom Selectors**: When calling `useIntlayer`, the second parameter is now reserved for an option object containing `{ locale, item, variant, id }`. If you previously passed a locale string directly, you can still do so, but using the options object is recommended for advanced selections.
+- **Custom Selectors**: When calling `useIntlayer`, the second parameter is now reserved for an option object containing `{ locale, item, variant }`. If you previously passed a locale string directly, you can still do so, but using the options object is recommended for advanced selections.
 
 ---
 
 ## Useful links
 
 - [Compat Adapter Packages Guide](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/compat/index.md)
-- [Dynamic Dictionaries - Collections, Variants & Dynamic Records](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/dynamic_dictionaries/index.md)
+- [Dynamic Dictionaries - Collections & Variants](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/dynamic_dictionaries/index.md)
+- [Analytics - 内容曝光追踪与 A/B 测试](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/analytics.md)
 - [Configuration Reference](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/configuration.md)
+- [CMS SDK - 通过 @intlayer/api 进行编程访问](https://github.com/aymericzip/intlayer/blob/main/docs/docs/zh/intlayer_CMS.md)