@intlayer/docs 8.12.5-canary.0 → 9.0.0-canary.11

package/docs/id/packages/react-intlayer/exports.md

@@ -14,6 +14,9 @@ slugs:
   - react-intlayer
   - exports
 history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "Tambahkan utilitas usePathname"
   - version: 7.5.14
     date: 2026-01-21
     changes: "Dokumentasi terpadu untuk semua ekspor"
@@ -62,6 +65,7 @@ import "react-intlayer";
 | `useDictionaryDynamic` | Hook yang menangani dictionary dinamis yang dimuat berdasarkan key. Menggunakan React Suspense secara internal untuk status pemuatan.                   | -                                                                                                                       |
 | `useLocale`            | Hook sisi-klien untuk mendapatkan locale saat ini, defaultLocale, availableLocales, dan fungsi untuk memperbarui locale.                                | [useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/react-intlayer/useLocale.md)         |
 | `useLocaleBase`        | Hook untuk mendapatkan locale saat ini dan semua field terkait (locale, defaultLocale, availableLocales, setLocale) dari context.                       | -                                                                                                                       |
+| `usePathname`          | Hook yang mengembalikan nama path (pathname) saat ini dengan segmen lokal (locale) dihapus. Reaktif terhadap navigasi browser melalui `popstate`.       | [usePathname](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/react-intlayer/usePathname.md)     |
 | `useRewriteURL`        | Client-side hook untuk mengelola rewrite URL. Jika ada aturan rewrite untuk pathname dan locale saat ini, hook ini akan memperbarui URL.                | [useRewriteURL](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/react-intlayer/useRewriteURL.md) |
 | `useI18n`              | Hook yang menyediakan fungsi terjemahan `t()` untuk mengakses konten bersarang berdasarkan kunci. Meniru pola i18next/next-intl.                        | [useI18n](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/react-intlayer/useI18n.md)             |
 | `useIntl`              | Hook yang menyediakan objek `Intl` yang terikat pada locale. Secara otomatis menyuntikkan locale saat ini dan menggunakan caching yang dioptimalkan.    | -                                                                                                                       |

package/docs/id/packages/react-intlayer/useDictionary.md

@@ -28,98 +28,6 @@ author: aymericzip
 
 Bagian ini memberikan panduan terperinci tentang penggunaan hook `useDictionary` dalam aplikasi React, memungkinkan penanganan konten lokal yang efisien tanpa editor visual.
 
-## Mengimpor `useDictionary` dalam React
-
-Hook `useDictionary` dapat diintegrasikan ke dalam aplikasi React dengan mengimpornya berdasarkan konteks:
-
-- **Komponen Klien:**
-
-  ```typescript codeFormat="typescript"
-  import { useDictionary } from "react-intlayer"; // Digunakan dalam komponen React sisi klien
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useDictionary } from "react-intlayer"; // Digunakan dalam komponen React sisi klien
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useDictionary } = require("react-intlayer"); // Digunakan dalam komponen React sisi klien
-  ```
-
-- **Komponen Server:**
-
-  ```typescript codeFormat="typescript"
-  import { useDictionary } from "react-intlayer/server"; // Digunakan dalam komponen React sisi server
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useDictionary } from "react-intlayer/server"; // Digunakan dalam komponen React sisi server
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useDictionary } = require("react-intlayer/server"); // Digunakan dalam komponen React sisi server
-  ```
-
-## Parameter
-
-Hook ini menerima dua parameter:
-
-1. **`dictionary`**: Objek kamus yang dideklarasikan berisi konten yang dilokalisasi untuk kunci tertentu.
-2. **`locale`** (opsional): Locale yang diinginkan. Defaultnya adalah locale konteks saat ini jika tidak ditentukan.
-
-## Kamus
-
-Semua objek kamus harus dideklarasikan dalam file konten terstruktur untuk memastikan keamanan tipe dan mencegah kesalahan runtime. Anda dapat menemukan [instruksi pengaturan di sini](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md). Berikut adalah contoh deklarasi konten:
-
-```typescript fileName="./component.content.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
-import { t, type Dictionary } from "intlayer";
-
-const componentContent = {
-  key: "component-example",
-  content: {
-    title: t({
-      en: "Client Component Example",
-      fr: "Exemple de composant client",
-      es: "Ejemplo de componente cliente",
-    }),
-    content: t({
-      en: "This is the content of a client component example",
-      fr: "Ceci est le contenu d'un exemple de composant client",
-      es: "Este es el contenido de un ejemplo de componente cliente",
-    }),
-  },
-} satisfies Dictionary;
-
-export default componentContent;
-```
-
-```json fileName="./component.content.json" contentDeclarationFormat="json"
-{
-  "$schema": "https://intlayer.org/schema.json",
-  "key": "component-example",
-  "content": {
-    "title": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "Client Component Example",
-        "fr": "Exemple de composant client",
-        "es": "Ejemplo de componente cliente",
-        "id": "Contoh Komponen Klien"
-      }
-    },
-    "content": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "This is the content of a client component example",
-        "fr": "Ceci est le contenu d'un exemple de composant client",
-        "es": "Este es el contenido de un ejemplo de componente cliente",
-        "id": "Ini adalah konten dari contoh komponen klien"
-      }
-    }
-  }
-}
-```
-
 ## Contoh Penggunaan di React
 
 Berikut adalah contoh cara menggunakan hook `useDictionary` dalam sebuah komponen React:
@@ -141,35 +49,6 @@ const ComponentExample: FC = () => {
 };
 ```
 
-## Integrasi Server
-
-Jika Anda menggunakan hook `useDictionary` di luar `IntlayerProvider`, locale harus secara eksplisit diberikan sebagai parameter saat merender komponen:
-
-```tsx fileName="./ServerComponentExample.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
-import { useDictionary } from "react-intlayer/server";
-import clientComponentExampleContent from "./component.content";
-
-const ServerComponentExample: FC<{ locale: string }> = ({ locale }) => {
-  const { content } = useDictionary(clientComponentExampleContent, locale);
-
-  return (
-    <div>
-      <h1>{content.title}</h1>
-      <p>{content.content}</p>
-    </div>
-  );
-};
-```
-
-## Catatan tentang Atribut
-
-Berbeda dengan integrasi yang menggunakan editor visual, atribut seperti `buttonTitle.value` tidak berlaku di sini. Sebagai gantinya, akses langsung string yang sudah dilokalisasi sesuai dengan deklarasi dalam konten Anda.
-
-```jsx
-<button title={content.title}>{content.content}</button>
-```
-
 ## Tips Tambahan
 
 - **Keamanan Tipe**: Selalu gunakan `Dictionary` untuk mendefinisikan kamus Anda agar memastikan keamanan tipe.

package/docs/id/packages/react-intlayer/useIntlayer.md

@@ -25,49 +25,6 @@ history:
 author: aymericzip
 ---
 
-# Integrasi React: Dokumentasi Hook `useIntlayer`
-
-Bagian ini memberikan panduan rinci tentang penggunaan hook `useIntlayer` dalam aplikasi React, memungkinkan lokalisasi konten yang efisien.
-
-## Mengimpor `useIntlayer` di React
-
-Hook `useIntlayer` dapat diintegrasikan ke dalam aplikasi React dengan mengimpornya berdasarkan konteks:
-
-- **Komponen Klien:**
-
-  ```typescript codeFormat="typescript"
-  import { useIntlayer } from "react-intlayer"; // Digunakan dalam komponen React sisi klien
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useIntlayer } from "react-intlayer"; // Digunakan dalam komponen React sisi klien
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useIntlayer } = require("react-intlayer"); // Digunakan dalam komponen React sisi klien
-  ```
-
-- **Komponen Server:**
-
-  ```typescript codeFormat="commonjs"
-  import { useIntlayer } from "react-intlayer/server"; // Digunakan dalam komponen React sisi server
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useIntlayer } from "react-intlayer/server"; // Digunakan dalam komponen React sisi server
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useIntlayer } = require("react-intlayer/server"); // Digunakan dalam komponen React sisi server
-  ```
-
-## Parameter
-
-Hook ini menerima dua parameter:
-
-1. **`key`**: Kunci kamus untuk mengambil konten yang sudah dilokalkan.
-2. **`locale`** (opsional): Locale yang diinginkan. Default-nya adalah locale dari konteks jika tidak ditentukan.
-
 ## Kamus
 
 Semua kunci kamus harus dideklarasikan dalam file deklarasi konten untuk meningkatkan keamanan tipe dan menghindari kesalahan. Anda dapat menemukan [instruksi pengaturan di sini](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md).
@@ -134,14 +91,6 @@ const ServerComponentExample = () => {
 };
 ```
 
-## Menangani Atribut
-
-Saat melokalisasi atribut, akses nilai konten dengan tepat:
-
-```jsx
-<button title={content.buttonTitle.value}>{content.buttonText}</button>
-```
-
 ## Sumber Daya Tambahan
 
 - **Intlayer Visual Editor**: Untuk pengalaman manajemen konten yang lebih intuitif, lihat dokumentasi editor visual [di sini](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_visual_editor.md).

package/docs/id/packages/react-intlayer/usePathname.md

@@ -0,0 +1,87 @@
+---
+createdAt: 2026-06-22
+updatedAt: 2026-06-22
+title: Dokumentasi Hook usePathname | react-intlayer
+description: Pelajari cara menggunakan hook usePathname dari paket react-intlayer untuk mendapatkan nama path URL saat ini tanpa segmen lokal (locale).
+keywords:
+  - usePathname
+  - pathname
+  - react
+  - intlayer
+  - routing
+  - internasionalisasi
+slugs:
+  - doc
+  - packages
+  - react-intlayer
+  - usePathname
+history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "Tambahkan utilitas usePathname"
+  - version: 8.2.0
+    date: 2026-06-22
+    changes: "Inisialisasi riwayat"
+author: aymericzip
+---
+
+# Integrasi React: Dokumentasi Hook `usePathname`
+
+Hook `usePathname` dari `react-intlayer` mengembalikan nama path (pathname) browser saat ini dengan segmen locale yang dihapus. Hook ini bergantung pada properti `window.location.pathname` bawaan dan bereaksi terhadap peristiwa navigasi browser melalui `popstate`.
+
+## Mengimpor `usePathname`
+
+```typescript
+import { usePathname } from "react-intlayer";
+```
+
+## Ringkasan
+
+Tidak seperti hook perutean khusus kerangka kerja (seperti yang ada di `next-intlayer` atau `react-router`), hook ini merupakan solusi ringan dan tidak bergantung pada kerangka kerja untuk aplikasi React murni. Hook ini mengekstrak URL saat ini dan menghapus awalan locale yang cocok (misalnya, `/id/about` menjadi `/about`).
+
+## Penggunaan
+
+```tsx fileName="src/components/Navigation.tsx" codeFormat={["typescript", "esm"]}
+import type { FC } from "react";
+import { usePathname } from "react-intlayer";
+
+const Navigation: FC = () => {
+  const pathname = usePathname();
+
+  return (
+    <nav>
+      <a
+        href="/home"
+        style={{ fontWeight: pathname === "/home" ? "bold" : "normal" }}
+      >
+        Beranda
+      </a>
+      <a
+        href="/about"
+        style={{ fontWeight: pathname === "/about" ? "bold" : "normal" }}
+      >
+        Tentang
+      </a>
+    </nav>
+  );
+};
+
+export default Navigation;
+```
+
+## Nilai Kembali
+
+| Tipe     | Deskripsi                                                                                          |
+| -------- | -------------------------------------------------------------------------------------------------- |
+| `string` | Pathname browser saat ini dengan awalan locale dihapus (misalnya: `/id/dashboard` → `/dashboard`). |
+
+## Perilaku
+
+- **Penghapusan Locale**: Di balik layar, ia menggunakan utilitas `getPathWithoutLocale` untuk secara otomatis mendeteksi dan menghapus locale dari pathname berdasarkan konfigurasi Intlayer aplikasi.
+- **Reaktivitas**: Mendengarkan event `popstate`. Ketika pengguna bernavigasi menggunakan tombol maju/mundur browser atau ketika `pushState`/`replaceState` dipanggil, hook memperbarui pathname yang dikembalikan.
+- **SSR Fallback**: Pada server (di mana `window` tidak terdefinisi), secara default mengembalikan `/` karena tidak memiliki akses ke URL permintaan secara default dalam konteks React murni.
+
+## Dokumentasi Terkait
+
+- [`useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/react-intlayer/useLocale.md)
+- [`getPathWithoutLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/intlayer/getPathWithoutLocale.md)

package/docs/id/packages/react-native-intlayer/exports.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2026-01-21
-updatedAt: 2026-01-21
+updatedAt: 2026-06-25
 title: Dokumentasi paket react-native-intlayer
-description: Dukungan React Native untuk Intlayer, menyediakan provider dan polyfill.
+description: Dukungan React Native untuk Intlayer, menyediakan provider, hook, polyfill, dan konfigurasi Metro.
 keywords:
   - react-native-intlayer
   - react-native
@@ -14,6 +14,9 @@ slugs:
   - react-native-intlayer
   - exports
 history:
+  - version: 9.0.0
+    date: 2026-06-25
+    changes: "Mengekspor ulang API react-intlayer secara lengkap (hook, utilitas, subpath format/html/markdown) sehingga aplikasi React Native hanya bergantung pada react-native-intlayer"
   - version: 8.0.0
     date: 2026-01-21
     changes: "Dokumentasi terpadu untuk semua ekspor"
@@ -22,7 +25,9 @@ author: aymericzip
 
 # Paket react-native-intlayer
 
-Paket `react-native-intlayer` menyediakan alat yang diperlukan untuk mengintegrasikan Intlayer ke dalam aplikasi React Native. Paket ini mencakup sebuah provider dan polyfill untuk dukungan locale.
+Paket `react-native-intlayer` menyediakan alat yang diperlukan untuk mengintegrasikan Intlayer ke dalam aplikasi React Native. Paket ini mengekspor ulang API `react-intlayer` secara lengkap (hook dan utilitas) dengan `IntlayerProvider` yang siap untuk React Native, ditambah polyfill dan konfigurasi Metro yang diperlukan oleh React Native.
+
+> Dalam aplikasi React Native, impor **semua** dari `react-native-intlayer`. Anda tidak perlu menginstal atau mengimpor `react-intlayer` secara langsung.
 
 ## Instalasi
 
@@ -34,14 +39,30 @@ npm install react-native-intlayer
 
 ### Provider
 
-| Component          | Deskripsi                                                                         |
-| ------------------ | --------------------------------------------------------------------------------- |
-| `IntlayerProvider` | Komponen provider yang membungkus aplikasi Anda dan menyediakan konteks Intlayer. |
+| Component          | Deskripsi                                                                                                                              |
+| ------------------ | -------------------------------------------------------------------------------------------------------------------------------------- |
+| `IntlayerProvider` | Komponen provider yang membungkus aplikasi Anda dan menyediakan konteks Intlayer. Secara otomatis menerapkan polyfill yang diperlukan. |
+
+```tsx
+import { IntlayerProvider } from "react-native-intlayer";
+```
+
+### Hook dan utilitas
+
+Berikut ini diekspor ulang dari `react-intlayer`, sehingga Anda dapat mengimpornya langsung dari `react-native-intlayer`:
 
-Impor:
+| Ekspor                                                                                                            | Deskripsi                                             |
+| ----------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------- |
+| `useIntlayer`                                                                                                     | Mengakses konten yang dilokalisasi untuk kunci kamus. |
+| `useLocale`                                                                                                       | Membaca dan mengubah locale saat ini.                 |
+| `useDictionary`, `useDictionaryAsync`, `useDictionaryDynamic`, `useLoadDynamic`                                   | Memuat konten kamus dengan berbagai cara.             |
+| `useI18n`                                                                                                         | Hook yang kompatibel dengan i18next.                  |
+| `t`                                                                                                               | Helper terjemahan inline.                             |
+| `getIntlayer`, `getDictionary`                                                                                    | Getter konten secara imperatif.                       |
+| `localeCookie`, `localeInStorage`, `setLocaleCookie`, `setLocaleInStorage`, `useLocaleCookie`, `useLocaleStorage` | Helper persistensi locale.                            |
 
 ```tsx
-import "react-native-intlayer";
+import { useIntlayer, useLocale, t } from "react-native-intlayer";
 ```
 
 ### Polyfill
@@ -50,10 +71,25 @@ import "react-native-intlayer";
 | ------------------ | ------------------------------------------------------------------------------------------- |
 | `intlayerPolyfill` | Fungsi yang menerapkan polyfill yang diperlukan untuk React Native agar mendukung Intlayer. |
 
-Impor:
+```tsx
+import { intlayerPolyfill } from "react-native-intlayer";
+```
+
+> Polyfill diterapkan secara otomatis saat Anda mengimpor `IntlayerProvider`. Panggil `intlayerPolyfill` secara manual hanya jika Anda memerlukan polyfill sebelum provider dipasang.
+
+### Formatter
+
+Hook pemformatan angka, tanggal, dan Intl-based lainnya tersedia dari subpath `/format`:
+
+```tsx
+import { useNumber, useDate } from "react-native-intlayer/format";
+```
+
+### Rendering Markdown dan HTML
 
 ```tsx
-import "react-native-intlayer";
+import { MarkdownProvider } from "react-native-intlayer/markdown";
+import { HTMLProvider } from "react-native-intlayer/html";
 ```
 
 ### Konfigurasi Metro
@@ -66,8 +102,6 @@ Paket `react-native-intlayer` menyediakan utilitas konfigurasi Metro untuk memas
 | `configMetroIntlayerSync` | Fungsi sinkron yang menggabungkan konfigurasi Metro tanpa menyiapkan sumber daya Intlayer. |
 | `exclusionList`           | Membuat pola RegExp untuk blockList Metro guna mengecualikan file konten dari bundle.      |
 
-Impor:
-
 ```tsx
-import "react-native-intlayer/metro";
+import { configMetroIntlayer } from "react-native-intlayer/metro";
 ```

package/docs/id/packages/solid-intlayer/exports.md

@@ -14,6 +14,9 @@ slugs:
   - solid-intlayer
   - exports
 history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "Tambahkan utilitas usePathname"
   - version: 8.0.0
     date: 2026-01-21
     changes: "Menyatukan dokumentasi untuk semua ekspor"
@@ -59,6 +62,7 @@ import "solid-intlayer";
 | `useDictionaryAsync`   | Sama seperti `useDictionary`, tetapi menangani dictionary asinkron.                                                                   | -                                                                                                                       |
 | `useDictionaryDynamic` | Sama seperti `useDictionary`, tetapi menangani dictionary dinamis.                                                                    | -                                                                                                                       |
 | `useLocale`            | Mengembalikan locale saat ini dan sebuah fungsi untuk mengaturnya.                                                                    | [useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/solid-intlayer/useLocale.md)         |
+| `usePathname`          | Mengembalikan pathname saat ini sebagai `Accessor<string>` dengan segmen locale yang dihapus. Reaktif terhadap `popstate`.            | [usePathname](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/solid-intlayer/usePathname.md)     |
 | `useRewriteURL`        | Hook sisi-klien untuk mengelola penulisan ulang URL. Secara otomatis memperbarui URL jika aturan penulisan ulang yang dilokalkan ada. | [useRewriteURL](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/solid-intlayer/useRewriteURL.md) |
 | `useIntl`              | Mengembalikan objek Intl untuk locale saat ini.                                                                                       | -                                                                                                                       |
 | `useLoadDynamic`       | Hook untuk memuat kamus dinamis.                                                                                                      | -                                                                                                                       |

package/docs/id/packages/solid-intlayer/usePathname.md

@@ -0,0 +1,119 @@
+---
+createdAt: 2026-06-22
+updatedAt: 2026-06-22
+title: Dokumentasi Hook usePathname | solid-intlayer
+description: Lihat cara menggunakan hook usePathname dari paket solid-intlayer
+keywords:
+  - usePathname
+  - pathname
+  - locale
+  - Intlayer
+  - Internasionalisasi
+  - Dokumentasi
+  - Solid
+  - Solid.js
+  - JavaScript
+slugs:
+  - doc
+  - packages
+  - solid-intlayer
+  - usePathname
+history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "Tambahkan utilitas usePathname"
+  - version: 8.2.0
+    date: 2026-06-22
+    changes: "Inisialisasi riwayat"
+author: aymericzip
+---
+
+# Integrasi Solid: Dokumentasi Hook `usePathname`
+
+Hook `usePathname` mengembalikan pathname browser saat ini dengan segmen locale yang telah dihapus, sebagai Solid `Accessor<string>`. Ini berguna untuk membangun navigasi yang sadar-locale — misalnya, menentukan item navigasi mana yang aktif — tanpa harus menghapus awalan locale secara manual.
+
+## Mengimpor `usePathname` di Solid
+
+```typescript
+import { usePathname } from "solid-intlayer";
+```
+
+## Ringkasan
+
+`usePathname` membuat sinyal reaktif yang diinisialisasi dari `window.location.pathname`, menghapus awalan locale melalui `getPathWithoutLocale`, dan memperbarui sinyal setiap kali browser memicu event `popstate` (navigasi kembali/maju). Event listener dibersihkan secara otomatis melalui `onCleanup`.
+
+## Penggunaan
+
+```tsx fileName="src/components/NavItem.tsx"
+import type { Component } from "solid-js";
+import { usePathname } from "solid-intlayer";
+
+type NavItemProps = {
+  href: string;
+  label: string;
+};
+
+const NavItem: Component<NavItemProps> = ({ href, label }) => {
+  const pathname = usePathname();
+
+  return (
+    <a href={href} aria-current={pathname() === href ? "page" : undefined}>
+      {label}
+    </a>
+  );
+};
+
+export default NavItem;
+```
+
+## Nilai Kembalian
+
+| Tipe               | Deskripsi                                                                                 |
+| ------------------ | ----------------------------------------------------------------------------------------- |
+| `Accessor<string>` | Accessor Solid (getter reaktif) yang mengembalikan pathname saat ini tanpa awalan locale. |
+
+## Perilaku
+
+- **Penghapusan Locale**: Menghapus segmen locale di awal (misal: `/id/dashboard` → `/dashboard`).
+- **Reaktif**: Memperbarui secara otomatis pada event `popstate` (navigasi kembali / maju browser).
+- **Aman untuk SSR**: Mengembalikan `""` saat `window` tidak tersedia.
+- **Pembersihan**: Listener `popstate` dihapus secara otomatis melalui `onCleanup` milik Solid.
+
+## Contoh
+
+```tsx fileName="src/components/Sidebar.tsx"
+import type { Component } from "solid-js";
+import { For } from "solid-js";
+import { usePathname } from "solid-intlayer";
+
+const links = [
+  { href: "/dashboard", label: "Dasbor" },
+  { href: "/settings", label: "Pengaturan" },
+];
+
+const Sidebar: Component = () => {
+  const pathname = usePathname();
+
+  return (
+    <nav>
+      <For each={links}>
+        {({ href, label }) => (
+          <a
+            href={href}
+            style={{ "font-weight": pathname() === href ? "bold" : "normal" }}
+          >
+            {label}
+          </a>
+        )}
+      </For>
+    </nav>
+  );
+};
+
+export default Sidebar;
+```
+
+## Terkait
+
+- [`useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/solid-intlayer/useLocale.md) — locale saat ini + pengalih locale
+- [`getPathWithoutLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/intlayer/getPathWithoutLocale.md) — utilitas dasar yang digunakan oleh hook ini

package/docs/id/packages/svelte-intlayer/exports.md

@@ -14,6 +14,9 @@ slugs:
   - svelte-intlayer
   - exports
 history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "Tambahkan utilitas usePathname"
   - version: 8.0.0
     date: 2026-01-21
     changes: "Dokumentasi terpadu untuk semua ekspor"
@@ -64,15 +67,16 @@ Impor:
 import "svelte-intlayer";
 ```
 
-| Fungsi                 | Deskripsi                                                                                                                  | Dokumen Terkait                                                                                                          |
-| ---------------------- | -------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
-| `useIntlayer`          | Berdasarkan `useDictionary`, tetapi menyuntikkan versi kamus yang dioptimalkan dari deklarasi yang dihasilkan.             | -                                                                                                                        |
-| `useDictionary`        | Memproses objek yang menyerupai dictionary (key, content). Ini memproses terjemahan `t()`, enumerasi, dll.                 | -                                                                                                                        |
-| `useDictionaryAsync`   | Sama seperti `useDictionary`, tetapi menangani dictionary asinkron.                                                        | -                                                                                                                        |
-| `useDictionaryDynamic` | Sama seperti `useDictionary`, tetapi menangani dictionary dinamis.                                                         | -                                                                                                                        |
-| `useLocale`            | Mengembalikan locale saat ini dan sebuah fungsi untuk mengubahnya.                                                         | -                                                                                                                        |
-| `useRewriteURL`        | Fungsi di sisi klien untuk mengelola rewrite URL. Secara otomatis memperbarui URL jika ada aturan rewrite yang dilokalkan. | [useRewriteURL](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/svelte-intlayer/useRewriteURL.md) |
-| `useIntl`              | Mengembalikan objek Intl untuk locale saat ini.                                                                            | -                                                                                                                        |
+| Fungsi                 | Deskripsi                                                                                                                              | Dokumen Terkait                                                                                                          |
+| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
+| `useIntlayer`          | Berdasarkan `useDictionary`, tetapi menyuntikkan versi kamus yang dioptimalkan dari deklarasi yang dihasilkan.                         | -                                                                                                                        |
+| `useDictionary`        | Memproses objek yang menyerupai dictionary (key, content). Ini memproses terjemahan `t()`, enumerasi, dll.                             | -                                                                                                                        |
+| `useDictionaryAsync`   | Sama seperti `useDictionary`, tetapi menangani dictionary asinkron.                                                                    | -                                                                                                                        |
+| `useDictionaryDynamic` | Sama seperti `useDictionary`, tetapi menangani dictionary dinamis.                                                                     | -                                                                                                                        |
+| `useLocale`            | Mengembalikan locale saat ini dan sebuah fungsi untuk mengubahnya.                                                                     | -                                                                                                                        |
+| `usePathname`          | Mengembalikan pathname saat ini sebagai store `Readable<string>` dengan segmen locale yang telah dihapus. Reaktif terhadap `popstate`. | [usePathname](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/svelte-intlayer/usePathname.md)     |
+| `useRewriteURL`        | Fungsi di sisi klien untuk mengelola rewrite URL. Secara otomatis memperbarui URL jika ada aturan rewrite yang dilokalkan.             | [useRewriteURL](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/svelte-intlayer/useRewriteURL.md) |
+| `useIntl`              | Mengembalikan objek Intl untuk locale saat ini.                                                                                        | -                                                                                                                        |
 
 ### Markdown