@intlayer/docs 8.7.7 → 8.7.8

package/docs/id/packages/express-intlayer/t.md

@@ -66,7 +66,7 @@ Untuk memastikan bahwa fungsi internasionalisasi yang disediakan oleh `express-i
 
 Tempatkan middleware `app.use(intlayer())` **sebelum rute apa pun** dalam aplikasi Anda untuk memastikan bahwa semua rute mendapatkan manfaat dari internasionalisasi:
 
-```typescript {7} fileName="src/index.ts" codeFormat="typescript"
+```typescript {7} fileName="src/index.ts" codeFormat={["typescript", "esm", "commonjs"]}
 import express, { type Express } from "express";
 import { intlayer } from "express-intlayer";
 
@@ -87,48 +87,6 @@ app.get("/", (_req, res) => {
 });
 ```
 
-```javascript {7} fileName="src/index.mjs" codeFormat="esm"
-import express from "express";
-import { intlayer } from "express-intlayer";
-
-const app = express();
-
-// Memuat handler permintaan internasionalisasi
-app.use(intlayer());
-
-// Definisikan rute Anda setelah memuat middleware
-app.get("/", (_req, res) => {
-  res.send(
-    t({
-      en: "Hello, World!",
-      fr: "Bonjour le monde!",
-      es: "¡Hola, Mundo!",
-    })
-  );
-});
-```
-
-```javascript {7} fileName="src/index.cjs" codeFormat="commonjs"
-const express = require("express");
-const { intlayer } = require("express-intlayer");
-
-const app = express();
-
-// Memuat handler permintaan internasionalisasi
-app.use(intlayer());
-
-// Definisikan rute Anda setelah memuat middleware
-app.get("/", (_req, res) => {
-  res.send(
-    t({
-      en: "Hello, World!",
-      fr: "Bonjour le monde!",
-      es: "¡Hola, Mundo!",
-    })
-  );
-});
-```
-
 ### Mengapa Ini Diperlukan
 
 - **Deteksi Locale**: Middleware `intlayer` memproses permintaan yang masuk untuk mendeteksi locale yang dipilih pengguna berdasarkan header, cookie, atau metode lain yang dikonfigurasi.
@@ -143,31 +101,7 @@ app.get("/", (_req, res) => {
 
 Melayani konten yang dilokalkan dalam berbagai bahasa:
 
-```typescript fileName="src/index.ts" codeFormat="typescript"
-app.get("/", (_req, res) => {
-  res.send(
-    t({
-      en: "Welcome!",
-      fr: "Bienvenue!",
-      es: "¡Bienvenido!",
-    })
-  );
-});
-```
-
-```javascript fileName="src/index.mjs" codeFormat="esm"
-app.get("/", (_req, res) => {
-  res.send(
-    t({
-      en: "Welcome!",
-      fr: "Bienvenue!",
-      es: "¡Bienvenido!",
-    })
-  );
-});
-```
-
-```javascript fileName="src/index.cjs" codeFormat="commonjs"
+```typescript fileName="src/index.ts" codeFormat={["typescript", "esm", "commonjs"]}
 app.get("/", (_req, res) => {
   res.send(
     t({
@@ -189,7 +123,7 @@ app.get("/", (_req, res) => {
 
 Berikan pesan error dalam berbagai bahasa:
 
-```typescript fileName="src/index.ts" codeFormat="typescript"
+```typescript fileName="src/index.ts" codeFormat={["typescript", "esm", "commonjs"]}
 javascript fileName="src/index.ts" codeFormat="typescript"
 app.get("/error", (_req, res) => {
   res.status(500).send(
@@ -202,30 +136,6 @@ app.get("/error", (_req, res) => {
 });
 ```
 
-```javascript fileName="src/index.mjs" codeFormat="esm"
-app.get("/error", (_req, res) => {
-  res.status(500).send(
-    t({
-      en: "An unexpected error occurred.",
-      fr: "Une erreur inattendue s'est produite.",
-      es: "Ocurrió un error inesperado.",
-    })
-  );
-});
-```
-
-```javascript fileName="src/index.cjs" codeFormat="commonjs"
-app.get("/error", (_req, res) => {
-  res.status(500).send(
-    t({
-      en: "An unexpected error occurred.",
-      fr: "Une erreur inattendue s'est produite.",
-      es: "Ocurrió un error inesperado.",
-    })
-  );
-});
-```
-
 ---
 
 ### Menggunakan Varian Locale
@@ -282,7 +192,7 @@ app.get("/greet", (_req, res) => {
 
 Jika locale yang diinginkan tidak tersedia, fungsi `t` akan kembali menggunakan locale default yang didefinisikan dalam konfigurasi:
 
-```typescript {5-6} fileName="intlayer.config.ts" codeFormat="typescript"
+```typescript {5-6} fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}
 import { Locales, type IntlayerConfig } from "intlayer";
 
 const config = {
@@ -295,34 +205,6 @@ const config = {
 export default config;
 ```
 
-```javascript {5-6} fileName="intlayer.config.mjs" codeFormat="esm"
-import { Locales } from "intlayer";
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  internationalization: {
-    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
-    defaultLocale: Locales.ENGLISH,
-  },
-};
-
-export default config;
-```
-
-```javascript {5-6} fileName="intlayer.config.cjs" codeFormat="commonjs"
-const { Locales } = require("intlayer");
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  internationalization: {
-    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
-    defaultLocale: Locales.ENGLISH,
-  },
-};
-
-module.exports = config;
-```
-
 Sebagai contoh:
 
 - Jika `defaultLocale` adalah `Locales.CHINESE` dan klien meminta `Locales.DUTCH`, terjemahan yang dikembalikan akan menggunakan nilai `Locales.CHINESE` secara default.
@@ -342,7 +224,7 @@ Konfigurasikan fungsi `t` untuk menegakkan kepatuhan ketat terhadap locale yang
 
 Contoh Konfigurasi:
 
-```typescript {7} fileName="intlayer.config.ts" codeFormat="typescript"
+```typescript {7} fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}
 import { type IntlayerConfig } from "intlayer";
 
 const config = {
@@ -356,40 +238,13 @@ const config = {
 export default config;
 ```
 
-```javascript {7} fileName="intlayer.config.mjs" codeFormat="esm"
-import { type IntlayerConfig } from "intlayer";
-
-const config = {
-  // ... Konfigurasi Anda yang sudah ada
-  internationalization: {
-    // ... Konfigurasi internationalization Anda yang sudah ada
-    strictMode: "strict", // Terapkan mode ketat
-  },
-};
-
-export default config;
-```
-
-```javascript {7} fileName="intlayer.config.cjs" codeFormat="commonjs"
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  // ... Konfigurasi Anda yang sudah ada
-  internationalization: {
-    // ... Konfigurasi internationalization Anda yang sudah ada
-    strictMode: "strict", // Terapkan mode ketat
-  },
-};
-
-module.exports = config;
-```
-
 ---
 
 ### Integrasi TypeScript
 
 Fungsi `t` aman tipe saat digunakan dengan TypeScript. Definisikan objek terjemahan yang aman tipe:
 
-```typescript fileName="src/index.ts" codeFormat="typescript"
+```typescript fileName="src/index.ts" codeFormat={["typescript", "esm", "commonjs"]}
 import { type LanguageContent } from "express-intlayer";
 
 const translations: LanguageContent<string> = {
@@ -403,36 +258,6 @@ app.get("/morning", (_req, res) => {
 });
 ```
 
-```javascript fileName="src/index.mjs" codeFormat="esm"
-import { type LanguageContent } from "express-intlayer";
-
-/** @type {import('express-intlayer').LanguageContent<string>} */
-const translations = {
-  en: "Selamat pagi!",
-  fr: "Bonjour!",
-  es: "¡Buenos días!",
-};
-
-app.get("/morning", (_req, res) => {
-  res.send(t(translations));
-});
-```
-
-```javascript fileName="src/index.cjs" codeFormat="commonjs"
-const { type LanguageContent } = require("express-intlayer");
-
-/** @type {import('express-intlayer').LanguageContent<string>} */
-const translations = {
-  en: "Selamat pagi!",
-  fr: "Bonjour!",
-  es: "¡Buenos días!",
-};
-
-app.get("/morning", (_req, res) => {
-  res.send(t(translations));
-});
-```
-
 ---
 
 ### Kesalahan Umum dan Pemecahan Masalah

package/docs/id/packages/hono-intlayer/t.md

@@ -65,7 +65,7 @@ Untuk memastikan bahwa fungsionalitas internasionalisasi yang disediakan oleh `h
 
 Tempatkan middleware `app.use("*", intlayer())` **sebelum rute mana pun** di aplikasi Anda untuk memastikan bahwa semua rute mendapatkan manfaat dari internasionalisasi:
 
-```typescript {6} fileName="src/index.ts" codeFormat="typescript"
+```typescript {6} fileName="src/index.ts" codeFormat={["typescript", "esm", "commonjs"]}
 import { Hono } from "hono";
 import { intlayer } from "hono-intlayer";
 
@@ -87,50 +87,6 @@ app.get("/", (c) => {
 });
 ```
 
-```javascript {6} fileName="src/index.mjs" codeFormat="esm"
-import { Hono } from "hono";
-import { intlayer } from "hono-intlayer";
-
-const app = new Hono();
-
-// Muat handler permintaan internasionalisasi
-app.use("*", intlayer());
-
-// Tentukan rute Anda setelah memuat middleware
-app.get("/", (c) => {
-  return c.text(
-    t({
-      en: "Hello, World!",
-      fr: "Bonjour le monde!",
-      es: "¡Hola, Mundo!",
-      id: "Halo, Dunia!",
-    })
-  );
-});
-```
-
-```javascript {6} fileName="src/index.cjs" codeFormat="commonjs"
-const { Hono } = require("hono");
-const { intlayer, t } = require("hono-intlayer");
-
-const app = new Hono();
-
-// Muat handler permintaan internasionalisasi
-app.use("*", intlayer());
-
-// Tentukan rute Anda setelah memuat middleware
-app.get("/", (c) => {
-  return c.text(
-    t({
-      en: "Hello, World!",
-      fr: "Bonjour le monde!",
-      es: "¡Hola, Mundo!",
-      id: "Halo, Dunia!",
-    })
-  );
-});
-```
-
 ### Mengapa Ini Diperlukan
 
 - **Deteksi Locale**: Middleware `intlayer` memproses permintaan masuk untuk mendeteksi locale pilihan pengguna berdasarkan header, cookie, atau metode konfigurasi lainnya.

package/docs/id/packages/intlayer/getConfiguration.md

@@ -53,7 +53,7 @@ Lihat [dokumentasi konfigurasi Intlayer](https://github.com/aymericzip/intlayer/
 
 ### Mengambil Konfigurasi Lengkap
 
-```typescript codeFormat="typescript"
+```typescript codeFormat={["typescript", "esm", "commonjs"]}
 import { getConfiguration } from "intlayer";
 
 const config = getConfiguration();
@@ -67,39 +67,11 @@ console.log(config);
 // }
 ```
 
-```javascript codeFormat="esm"
-import { getConfiguration } from "intlayer";
-
-const config = getConfiguration();
-console.log(config);
-// Output:
-// {
-//   internationalization: { ... },
-//   middleware: { ... },
-//   content: { ... },
-//   editor: { ... }
-// }
-```
-
-```javascript codeFormat="commonjs"
-const { getConfiguration } = require("intlayer");
-
-const config = getConfiguration();
-console.log(config);
-// Output:
-// {
-//   internationalization: { ... },
-//   middleware: { ... },
-//   content: { ... },
-//   editor: { ... }
-// }
-```
-
 ### Mengambil `availableLocales` dan `defaultLocale`
 
 Bagian `internationalization` dari konfigurasi menyediakan pengaturan terkait locale seperti `locales` (locale yang tersedia) dan `defaultLocale` (bahasa fallback).
 
-```typescript codeFormat="typescript"
+```typescript codeFormat={["typescript", "esm", "commonjs"]}
 import { getConfiguration } from "intlayer";
 
 const { internationalization, middleware } = getConfiguration();
@@ -111,30 +83,6 @@ console.log(defaultLocale); // Contoh output: "en"
 console.log(cookieName); // Output: "INTLAYER_LOCALE"
 ```
 
-```javascript codeFormat="esm"
-import { getConfiguration } from "intlayer";
-
-const { internationalization, middleware } = getConfiguration();
-const { locales: availableLocales, defaultLocale } = internationalization;
-const { cookieName } = middleware;
-
-console.log(availableLocales); // Contoh output: ["en", "fr", "es"]
-console.log(defaultLocale); // Contoh output: "en"
-console.log(cookieName); // Output: "INTLAYER_LOCALE"
-```
-
-```javascript codeFormat="commonjs"
-const { getConfiguration } = require("intlayer");
-
-const { internationalization, middleware } = getConfiguration();
-const { locales: availableLocales, defaultLocale } = internationalization;
-const { cookieName } = middleware;
-
-console.log(availableLocales); // Contoh output: ["en", "fr", "es"]
-console.log(defaultLocale); // Contoh output: "en"
-console.log(cookieName); // Output: "INTLAYER_LOCALE"
-```
-
 ## Catatan
 
 - Pastikan semua variabel lingkungan yang diperlukan sudah diatur dengan benar sebelum memanggil fungsi ini. Variabel yang hilang akan menyebabkan kesalahan saat inisialisasi.

package/docs/id/packages/intlayer/getEnumeration.md

@@ -50,7 +50,7 @@ Fungsi `getEnumeration` mengambil konten yang sesuai dengan kuantitas tertentu b
 
 ### Penggunaan Dasar
 
-```typescript codeFormat="typescript"
+```typescript codeFormat={["typescript", "esm", "commonjs"]}
 import { getEnumeration } from "intlayer";
 
 const content = getEnumeration(
@@ -66,53 +66,9 @@ const content = getEnumeration(
 console.log(content); // Output: "Anda memiliki dua"
 ```
 
-```javascript codeFormat="esm"
-import { getEnumeration } from "intlayer";
-
-const content = getEnumeration(
-  {
-    "<1": "Anda memiliki kurang dari satu",
-    "2": "Anda memiliki dua",
-    ">=3": "Anda memiliki tiga atau lebih",
-  },
-  2
-);
-
-console.log(content); // Output: "Anda memiliki dua"
-```
-
-```javascript codeFormat="commonjs"
-const { getEnumeration } = require("intlayer");
-
-const content = getEnumeration(
-  {
-    "<1": "Anda memiliki kurang dari satu",
-    "2": "Anda memiliki dua",
-    ">=3": "Anda memiliki tiga atau lebih",
-  },
-  2
-);
-
-console.log(content); // Output: "Anda memiliki dua"
-```
-
 ### Prioritas Kondisi
 
-```typescript codeFormat="typescript"
-import { getEnumeration } from "intlayer";
-
-const content = getEnumeration(
-  {
-    "<4": "Anda memiliki kurang dari empat",
-    "2": "Anda memiliki dua",
-  },
-  2
-);
-
-console.log(content); // Output: "Anda memiliki kurang dari empat"
-```
-
-```javascript codeFormat="esm"
+```typescript codeFormat={["typescript", "esm", "commonjs"]}
 import { getEnumeration } from "intlayer";
 
 const content = getEnumeration(
@@ -126,20 +82,6 @@ const content = getEnumeration(
 console.log(content); // Output: "Anda memiliki kurang dari empat"
 ```
 
-```javascript codeFormat="commonjs"
-const { getEnumeration } = require("intlayer");
-
-const content = getEnumeration(
-  {
-    "<4": "Anda memiliki kurang dari empat",
-    "2": "Anda memiliki dua",
-  },
-  2
-);
-
-console.log(content); // Output: "Anda memiliki kurang dari empat"
-```
-
 ## Kasus Tepi
 
 - **Tidak Ada Kondisi yang Cocok:**

package/docs/id/packages/intlayer/getHTMLTextDir.md

@@ -48,7 +48,7 @@ Fungsi `getHTMLTextDir` menentukan arah teks (`ltr`, `rtl`, atau `auto`) berdasa
 
 ### Menentukan Arah Teks
 
-```typescript codeFormat="typescript"
+```typescript codeFormat={["typescript", "esm", "commonjs"]}
 import { getHTMLTextDir } from "intlayer";
 
 getHTMLTextDir(Locales.ENGLISH); // Output: "ltr"
@@ -56,23 +56,6 @@ getHTMLTextDir(Locales.FRENCH); // Output: "ltr"
 getHTMLTextDir(Locales.ARABIC); // Output: "rtl"
 ```
 
-```javascript codeFormat="esm"
-import { getHTMLTextDir } from "intlayer";
-
-getHTMLTextDir(Locales.ENGLISH); // Output: "ltr"
-getHTMLTextDir(Locales.FRENCH); // Output: "ltr"
-getHTMLTextDir(Locales.ARABIC); // Output: "rtl"
-```
-
-```javascript codeFormat="commonjs"
-const { getHTMLTextDir } = require("intlayer");
-
-// Mendapatkan arah teks berdasarkan locale
-getHTMLTextDir(Locales.ENGLISH); // Output: "ltr"
-getHTMLTextDir(Locales.FRENCH); // Output: "ltr"
-getHTMLTextDir(Locales.ARABIC); // Output: "rtl"
-```
-
 ## Kasus Tepi
 
 - **Tidak Ada Locale yang Diberikan:**
@@ -85,7 +68,7 @@ getHTMLTextDir(Locales.ARABIC); // Output: "rtl"
 
 Fungsi `getHTMLTextDir` dapat digunakan untuk mengatur atribut `dir` secara dinamis dalam dokumen HTML agar teks dapat dirender dengan benar berdasarkan locale.
 
-```tsx codeFormat="typescript"
+```tsx codeFormat={["typescript", "esm", "commonjs"]}
 import type { FC } from "react";
 import { getHTMLTextDir, type Locales } from "intlayer";
 
@@ -99,24 +82,4 @@ export const HTMLLayout: FC<PropsWithChildren<{ locale: Locales }>> = ({
 );
 ```
 
-```jsx codeFormat="esm"
-import { getHTMLTextDir } from "intlayer";
-
-const HTMLLayout = ({ children, locale }) => (
-  <html dir={getHTMLTextDir(locale)} locale={locale}>
-    <body>{children}</body>
-  </html>
-);
-```
-
-```jsx codeFormat="commonjs"
-const { getHTMLTextDir } = require("intlayer");
-
-const HTMLLayout = ({ children, locale }) => (
-  <html dir={getHTMLTextDir(locale)} locale={locale}>
-    <body>{children}</body>
-  </html>
-);
-```
-
 Dalam contoh di atas, atribut `dir` diatur secara dinamis berdasarkan locale.

package/docs/id/packages/intlayer/getLocaleLang.md

@@ -45,7 +45,7 @@ Fungsi `getLocaleLang` mengekstrak kode bahasa dari string locale. Fungsi ini me
 
 ### Mengekstrak Kode Bahasa:
 
-```typescript codeFormat="typescript"
+```typescript codeFormat={["typescript", "esm", "commonjs"]}
 import { getLocaleLang, Locales } from "intlayer";
 
 getLocaleLang(Locales.ENGLISH_UNITED_STATES); // Output: "en"
@@ -54,24 +54,6 @@ getLocaleLang(Locales.FRENCH_CANADA); // Output: "fr"
 getLocaleLang(Locales.FRENCH); // Output: "fr"
 ```
 
-```javascript codeFormat="esm"
-import { getLocaleLang } from "intlayer";
-
-getLocaleLang(Locales.ENGLISH_UNITED_STATES); // Output: "en"
-getLocaleLang(Locales.ENGLISH); // Output: "en"
-getLocaleLang(Locales.FRENCH_CANADA); // Output: "fr"
-getLocaleLang(Locales.FRENCH); // Output: "fr"
-```
-
-```javascript codeFormat="commonjs"
-const { getLocaleLang } = require("intlayer");
-
-getLocaleLang(Locales.ENGLISH_UNITED_STATES); // Output: "en"
-getLocaleLang(Locales.ENGLISH); // Output: "en"
-getLocaleLang(Locales.FRENCH_CANADA); // Output: "fr"
-getLocaleLang(Locales.FRENCH); // Output: "fr"
-```
-
 ## Kasus Tepi
 
 - **Tidak Ada Locale yang Diberikan:**

package/docs/id/packages/intlayer/getLocaleName.md

@@ -50,7 +50,7 @@ Fungsi `getLocaleName` mengembalikan nama lokal dari locale tertentu (`targetLoc
 
 ## Contoh Penggunaan
 
-```typescript codeFormat="typescript"
+```typescript codeFormat={["typescript", "esm", "commonjs"]}
 import { Locales, getLocaleName } from "intlayer";
 
 getLocaleName(Locales.ENGLISH); // Output: "English"
@@ -71,49 +71,6 @@ getLocaleName(Locales.CHINESE, Locales.ENGLISH); // Output: "Chinese"
 getLocaleName("unknown-locale"); // Output: "Unknown locale"
 ```
 
-```javascript codeFormat="esm"
-import { Locales, getLocaleName } from "intlayer";
-
-getLocaleName(Locales.ENGLISH); // Output: "English"
-getLocaleName(Locales.ENGLISH, Locales.FRENCH); // Output: "Anglais"
-getLocaleName(Locales.ENGLISH, Locales.ESPANOL); // Output: "Inglés"
-getLocaleName(Locales.ENGLISH, Locales.ENGLISH); // Output: "English"
-
-getLocaleName(Locales.FRENCH); // Output: "Français"
-getLocaleName(Locales.FRENCH, Locales.FRENCH); // Output: "Français"
-getLocaleName(Locales.FRENCH, Locales.ESPANOL); // Output: "Francés"
-getLocaleName(Locales.FRENCH, Locales.ENGLISH); // Output: "French"
-
-getLocaleName(Locales.CHINESE); // Output: "中文"
-getLocaleName(Locales.CHINESE, Locales.FRENCH); // Output: "Chinois"
-getLocaleName(Locales.CHINESE, Locales.ESPANOL); // Output: "Chino"
-javascript codeFormat="esm"
-getLocaleName(Locales.CHINESE, Locales.ENGLISH); // Output: "Chinese"
-
-getLocaleName("unknown-locale"); // Output: "Unknown locale"
-```
-
-```javascript codeFormat="commonjs"
-const { Locales, getLocaleName } = require("intlayer");
-
-getLocaleName(Locales.ENGLISH); // Output: "English"
-getLocaleName(Locales.ENGLISH, Locales.FRENCH); // Output: "Anglais"
-getLocaleName(Locales.ENGLISH, Locales.ESPANOL); // Output: "Inglés"
-getLocaleName(Locales.ENGLISH, Locales.ENGLISH); // Output: "English"
-
-getLocaleName(Locales.FRENCH); // Output: "Français"
-getLocaleName(Locales.FRENCH, Locales.FRENCH); // Output: "Français"
-getLocaleName(Locales.FRENCH, Locales.ESPANOL); // Output: "Francés"
-getLocaleName(Locales.FRENCH, Locales.ENGLISH); // Output: "French"
-
-getLocaleName(Locales.CHINESE); // Output: "中文"
-getLocaleName(Locales.CHINESE, Locales.FRENCH); // Output: "Chinois"
-getLocaleName(Locales.CHINESE, Locales.ESPANOL); // Output: "Chino"
-getLocaleName(Locales.CHINESE, Locales.ENGLISH); // Output: "Chinese"
-
-getLocaleName("unknown-locale"); // Output: "Unknown locale"
-```
-
 ## Kasus Tepi
 
 - **Tidak ada `targetLocale` yang diberikan:**