@intlayer/docs 8.9.2 → 8.9.4-canary.0

package/docs/en/compiler.md

@@ -303,20 +303,56 @@ The following properties can be configured in the `compiler` block of your `intl
 
 Intlayer provide a CLI tool to help you fill missing translations. You can use the `intlayer` command to test and fill missing translations from your code.
 
-```bash
+```bash packageManager="npm"
 npx intlayer test         # Test if there is missing translations
 ```
 
-```bash
+```bash packageManager="yarn"
+yarn intlayer test         # Test if there is missing translations
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer test         # Test if there is missing translations
+```
+
+```bash packageManager="bun"
+bun x intlayer test         # Test if there is missing translations
+```
+
+```bash packageManager="npm"
 npx intlayer fill         # Fill missing translations
 ```
 
+```bash packageManager="yarn"
+yarn intlayer fill         # Fill missing translations
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer fill         # Fill missing translations
+```
+
+```bash packageManager="bun"
+bun x intlayer fill         # Fill missing translations
+```
+
 ### Extract
 
 Intlayer provide a CLI tool to extract content from your code. You can use the `intlayer extract` command to extract content from your code.
 
-```bash
+```bash packageManager="npm"
 npx intlayer extract
 ```
 
+```bash packageManager="yarn"
+yarn intlayer extract
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer extract
+```
+
+```bash packageManager="bun"
+bun x intlayer extract
+```
+
 > For more details, refer to the [CLI documentation](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/cli/index.md)

package/docs/en/dictionary/plurial.md

@@ -206,14 +206,14 @@ Invalid:
 
 ```ts
 totalOpenings: plural({
-  one: {
+  one: t({
     en: "{{count}} opening",
     fr: "{{count}} offre",
-  },
-  other: {
+  }),
+  other: t({
     en: "{{count}} openings",
     fr: "{{count}} offres",
-  },
+  }),
 }),
 ```
 

package/docs/en/intlayer_CMS.md

@@ -160,32 +160,80 @@ export default config;
 
 To configure the Intlayer CMS, you can use the [intlayer CLI](https://github.com/aymericzip/intlayer/tree/main/docs/en/cli/index.md) commands.
 
-```bash
+```bash packageManager="npm"
 npx intlayer config push
 ```
 
+```bash packageManager="yarn"
+yarn intlayer config push
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer config push
+```
+
+```bash packageManager="bun"
+bun x intlayer config push
+```
+
 > If you use environment variables in your `intlayer.config.ts` configuration file, you can specify the desired environment using the `--env` argument:
 
-```bash
+```bash packageManager="npm"
 npx intlayer config push --env production
 ```
 
+```bash packageManager="yarn"
+yarn intlayer config push --env production
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer config push --env production
+```
+
+```bash packageManager="bun"
+bun x intlayer config push --env production
+```
+
 This command uploads your configuration to the Intlayer CMS.
 
 ### Push a dictionary
 
 To transform your locale dictionaries in a distant dictionary, you can use the [intlayer CLI](https://github.com/aymericzip/intlayer/tree/main/docs/en/cli/index.md) commands.
 
-```bash
+```bash packageManager="npm"
 npx intlayer dictionary push -d my-first-dictionary-key
 ```
 
+```bash packageManager="yarn"
+yarn intlayer dictionary push -d my-first-dictionary-key
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer dictionary push -d my-first-dictionary-key
+```
+
+```bash packageManager="bun"
+bun x intlayer dictionary push -d my-first-dictionary-key
+```
+
 > If you use environment variables in your `intlayer.config.ts` configuration file, you can specify the desired environment using the `--env` argument:
 
-```bash
+```bash packageManager="npm"
 npx intlayer dictionary push -d my-first-dictionary-key --env production
 ```
 
+```bash packageManager="yarn"
+yarn intlayer dictionary push -d my-first-dictionary-key --env production
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer dictionary push -d my-first-dictionary-key --env production
+```
+
+```bash packageManager="bun"
+bun x intlayer dictionary push -d my-first-dictionary-key --env production
+```
+
 This command uploads your initial content dictionaries, making them available for asynchronous fetching and editing through the Intlayer platform.
 
 ### Edit the dictionary

package/docs/en/intlayer_with_nextjs_compiler.md

@@ -358,14 +358,38 @@ export default async function Page() {
 
 Intlayer provide a CLI tool to help you fill missing translations. You can use the `intlayer` command to test and fill missing translations from your code.
 
-```bash
+```bash packageManager="npm"
 npx intlayer test         # Test if there is missing translations
 ```
 
-```bash
+```bash packageManager="yarn"
+yarn intlayer test         # Test if there is missing translations
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer test         # Test if there is missing translations
+```
+
+```bash packageManager="bun"
+bun x intlayer test         # Test if there is missing translations
+```
+
+```bash packageManager="npm"
 npx intlayer fill         # Fill missing translations
 ```
 
+```bash packageManager="yarn"
+yarn intlayer fill         # Fill missing translations
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer fill         # Fill missing translations
+```
+
+```bash packageManager="bun"
+bun x intlayer fill         # Fill missing translations
+```
+
 > For more details, refer to the [CLI documentation](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/cli/ci.md)
 
 ### (Optional) Step 8: Configure Proxy for Locale Detection

package/docs/en/intlayer_with_vite+react_compiler.md

@@ -370,14 +370,38 @@ const LocaleSwitcher: FC = () => {
 
 Intlayer provide a CLI tool to help you fill missing translations. You can use the `intlayer` command to test and fill missing translations from your code.
 
-```bash
+```bash packageManager="npm"
 npx intlayer test         # Test if there is missing translations
 ```
 
-```bash
+```bash packageManager="yarn"
+yarn intlayer test         # Test if there is missing translations
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer test         # Test if there is missing translations
+```
+
+```bash packageManager="bun"
+bun x intlayer test         # Test if there is missing translations
+```
+
+```bash packageManager="npm"
 npx intlayer fill         # Fill missing translations
 ```
 
+```bash packageManager="yarn"
+yarn intlayer fill         # Fill missing translations
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer fill         # Fill missing translations
+```
+
+```bash packageManager="bun"
+bun x intlayer fill         # Fill missing translations
+```
+
 > For more details, refer to the [CLI documentation](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/cli/ci.md)
 
 ### (Optional) Sitemap and robots.txt (build-time)

package/docs/en/mcp_server.md

@@ -78,10 +78,22 @@ Note that the remote server does not integrate CLI tools, AI autocompletion, etc
 
 Intlayer provides a CLI command to automatically configure the MCP server in your project.
 
-```bash
+```bash packageManager="npm"
 npx intlayer init mcp
 ```
 
+```bash packageManager="yarn"
+yarn intlayer init mcp
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer init mcp
+```
+
+```bash packageManager="bun"
+bun x intlayer init mcp
+```
+
 This command will:
 
 1. Ask you which platform you are using (Cursor, VS Code, Claude Desktop, etc.).

package/docs/en/packages/intlayer/exports.md

@@ -25,10 +25,22 @@ The `intlayer` package is the core library of the Intlayer ecosystem. It provide
 
 ## Installation
 
-```bash
+```bash packageManager="npm"
 npm install intlayer
 ```
 
+```bash packageManager="yarn"
+yarn add intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add intlayer
+```
+
+```bash packageManager="bun"
+bun add intlayer
+```
+
 ## Exports
 
 ### Configuration

package/docs/en/packages/intlayer-cli/exports.md

@@ -25,10 +25,22 @@ The `intlayer-cli` package provides a set of commands to manage Intlayer diction
 
 ## Installation
 
-```bash
+```bash packageManager="npm"
 npm install intlayer-cli
 ```
 
+```bash packageManager="yarn"
+yarn add intlayer-cli
+```
+
+```bash packageManager="pnpm"
+pnpm add intlayer-cli
+```
+
+```bash packageManager="bun"
+bun add intlayer-cli
+```
+
 ## Exports
 
 ### CLI Commands (Functions)

package/docs/en/readme.md

@@ -77,10 +77,22 @@ Start your journey with Intlayer today and experience a smoother, more powerful
   <img src="https://img.shields.io/badge/Get_Started-FFFFFF?style=for-the-badge&logo=rocket&logoColor=black" />
 </a>
 
-```bash
+```bash packageManager="npm"
 npm install intlayer react-intlayer
 ```
 
+```bash packageManager="yarn"
+yarn add intlayer react-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add intlayer react-intlayer
+```
+
+```bash packageManager="bun"
+bun add intlayer react-intlayer
+```
+
 ⚡ Quick Start (Next.js)
 
 ```ts

package/docs/en/releases/v6.md

@@ -47,10 +47,22 @@ Welcome to Intlayer v6! This release focuses on performance, developer experienc
 
 Quickly audit your project to find which keys/locales are missing.
 
-```bash
+```bash packageManager="npm"
 npx intlayer content test
 ```
 
+```bash packageManager="yarn"
+yarn intlayer content test
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer content test
+```
+
+```bash packageManager="bun"
+bun x intlayer content test
+```
+
 Output:
 
 ```bash
@@ -113,10 +125,22 @@ You can still fine‑tune per dictionary using the `autoFill` field in content f
 
 The fill command now, by default, only fills missing translations and skips existing content.
 
-```bash
+```bash packageManager="npm"
 npx intlayer fill
 ```
 
+```bash packageManager="yarn"
+yarn intlayer fill
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer fill
+```
+
+```bash packageManager="bun"
+bun x intlayer fill
+```
+
 ```bash
 Affected dictionary keys for processing: access-key-creation-form-schema, doc-search-metadata, doc-search-page
   - [access-key-creation-form-schema]      Dictionary has no file path. Skipping.
@@ -171,10 +195,22 @@ Updated the MCP server to support the new features.
 - Parallel resolution of local and remote dictionaries
 - Remote dictionaries are cached to avoid re‑fetching at app startup
 
-```bash
+```bash packageManager="npm"
 npx intlayer build
 ```
 
+```bash packageManager="yarn"
+yarn intlayer build
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer build
+```
+
+```bash packageManager="bun"
+bun x intlayer build
+```
+
 Output:
 
 ```bash
@@ -245,10 +281,22 @@ export default config;
 
 2. Run your app and live process side‑by‑side:
 
-```bash
+```bash packageManager="npm"
 npx intlayer live --with 'vite preview'
 ```
 
+```bash packageManager="yarn"
+yarn intlayer live --with 'vite preview'
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer live --with 'vite preview'
+```
+
+```bash packageManager="bun"
+bun x intlayer live --with 'vite preview'
+```
+
 Notes:
 
 - Only dictionaries flagged to use live mode will be fetched live. Others are optimized for performance.

package/docs/en/releases/v7.md

@@ -53,10 +53,22 @@ Welcome to Intlayer v7! This major release introduces significant improvements i
 
 Instead of rebuilding content declarations with esbuild on every build, v7 implements a caching strategy that speeds up the build process.
 
-```bash
+```bash packageManager="npm"
 npx intlayer build
 ```
 
+```bash packageManager="yarn"
+yarn intlayer build
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer build
+```
+
+```bash packageManager="bun"
+bun x intlayer build
+```
+
 The new caching system:
 
 - Stores compiled content declarations to avoid redundant processing

package/docs/en/testing.md

@@ -40,10 +40,22 @@ This guide shows how to automatically verify your dictionaries are complete, cat
 
 Run the audit from your project root:
 
-```bash
+```bash packageManager="npm"
 npx intlayer content test
 ```
 
+```bash packageManager="yarn"
+yarn intlayer content test
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer content test
+```
+
+```bash packageManager="bun"
+bun x intlayer content test
+```
+
 Useful flags:
 
 - `--env-file [path]`: load environment variables from a file.
@@ -187,10 +199,22 @@ jobs:
 
 Optional: run the CLI audit for a human-readable summary alongside tests:
 
-```bash
+```bash packageManager="npm"
 npx intlayer content test --verbose
 ```
 
+```bash packageManager="yarn"
+yarn intlayer content test --verbose
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer content test --verbose
+```
+
+```bash packageManager="bun"
+bun x intlayer content test --verbose
+```
+
 ---
 
 ## Troubleshooting

package/docs/en-GB/agent_skills.md

@@ -26,10 +26,22 @@ history:
 
 The `intlayer init skills` command is the easiest way to set up agent skills in your project. It detects your environment and installs the necessary configuration files for your preferred platforms.
 
-```bash
+```bash packageManager="npm"
 npx intlayer init skills
 ```
 
+```bash packageManager="yarn"
+yarn intlayer init skills
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer init skills
+```
+
+```bash packageManager="bun"
+bun x intlayer init skills
+```
+
 ### Using Vercel Skill SDK
 
 ```bash

package/docs/en-GB/autoFill.md

@@ -52,10 +52,22 @@ Here is a [per-locale content declaration file](https://github.com/aymericzip/in
 
 Then, when you run the following command:
 
-```bash
+```bash packageManager="npm"
 npx intlayer fill --file 'src/components/example/example.content.ts'
 ```
 
+```bash packageManager="yarn"
+yarn intlayer fill --file 'src/components/example/example.content.ts'
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer fill --file 'src/components/example/example.content.ts'
+```
+
+```bash packageManager="bun"
+bun x intlayer fill --file 'src/components/example/example.content.ts'
+```
+
 Intlayer will automatically generate the derived declaration file at `src/components/example/example.content.json`, filling in all locales not already declared in the main file.
 
 ```json5 fileName="src/components/example/example.content.json"

package/docs/en-GB/cli/build.md

@@ -23,16 +23,40 @@ history:
 
 To build your dictionaries, you can run the commands:
 
-```bash
+```bash packageManager="npm"
 npx intlayer build
 ```
 
+```bash packageManager="yarn"
+yarn intlayer build
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer build
+```
+
+```bash packageManager="bun"
+bun x intlayer build
+```
+
 or in watch mode
 
-```bash
+```bash packageManager="npm"
 npx intlayer build --watch
 ```
 
+```bash packageManager="yarn"
+yarn intlayer build --watch
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer build --watch
+```
+
+```bash packageManager="bun"
+bun x intlayer build --watch
+```
+
 This command will find your declaration content files by default at `./src/**/*.content.{ts|js|mjs|cjs|json|tsx|jsx}` and build the dictionaries in the `.intlayer` directory.
 
 ## Aliases:

package/docs/en-GB/cli/ci.md

@@ -24,10 +24,22 @@ history:
 
 # CI Command
 
-```bash
+```bash packageManager="npm"
 npx intlayer ci <command...>
 ```
 
+```bash packageManager="yarn"
+yarn intlayer ci <command...>
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer ci <command...>
+```
+
+```bash packageManager="bun"
+bun x intlayer ci <command...>
+```
+
 The CI command is designed for automation and CI/CD pipelines. It automatically injects credentials from the `INTLAYER_PROJECT_CREDENTIALS` environment variable and can run Intlayer commands across multiple projects in a monorepo.
 
 ## How it works
@@ -97,10 +109,22 @@ This will run the `push` command for each project configured in `INTLAYER_PROJEC
 
 You can pass any flags to the underlying Intlayer command:
 
-```bash
+```bash packageManager="npm"
 npx intlayer ci fill --verbose --mode complete
 ```
 
+```bash packageManager="yarn"
+yarn intlayer ci fill --verbose --mode complete
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer ci fill --verbose --mode complete
+```
+
+```bash packageManager="bun"
+bun x intlayer ci fill --verbose --mode complete
+```
+
 ### Use in CI/CD pipelines
 
 In your CI/CD configuration (e.g., GitHub Actions, GitLab CI), set the `INTLAYER_PROJECT_CREDENTIALS` as a secret: