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

package/docs/hi/packages/next-intlayer/t.md

@@ -135,6 +135,8 @@ export const ServerComponentExample: FC = () => (
 
 ## उन्नत विषय
 
+## Advanced Topics
+
 ### TypeScript एकीकरण
 
 जब `t` फ़ंक्शन TypeScript के साथ उपयोग किया जाता है, तो यह टाइप-सुरक्षित होता है, जिससे यह सुनिश्चित होता है कि सभी आवश्यक लोकल्स प्रदान किए गए हैं।

package/docs/hi/packages/next-intlayer/usePathname.md

@@ -0,0 +1,136 @@
+---
+createdAt: 2026-06-22
+updatedAt: 2026-06-22
+title: usePathname Hook दस्तावेज़ | next-intlayer
+description: next-intlayer पैकेज के लिए usePathname हुक का उपयोग करना सीखें
+keywords:
+  - usePathname
+  - pathname
+  - locale
+  - Intlayer
+  - Internationalization
+  - Documentation
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - doc
+  - packages
+  - next-intlayer
+  - usePathname
+history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathname उपयोगिता जोड़ी गई"
+  - version: 8.2.0
+    date: 2026-06-22
+    changes: "इतिहास का आरंभ"
+author: aymericzip
+---
+
+# Next.js इंटीग्रेशन: `usePathname` हुक दस्तावेज़
+
+`usePathname` हुक वर्तमान Next.js पथ (pathname) को बिना लोकेल (locale) सेगमेंट के लौटाता है। यह लोकेल-जागरूक नेविगेशन बनाने के लिए उपयोगी है — उदाहरण के लिए, यह निर्धारित करना कि कौन सा नेविगेशन आइटम सक्रिय है — बिना मैन्युअल रूप से लोकेल उपसर्ग को हटाए।
+
+## Next.js में `usePathname` को आयात करना
+
+```typescript
+import { usePathname } from "next-intlayer";
+```
+
+## अवलोकन
+
+`usePathname`, `next/navigation` से Next.js के अंतर्निहित `usePathname()` को रैप करता है, किसी भी खोज पैरामीटर (search params) को जोड़ता है, और `getPathWithoutLocale` के माध्यम से लोकेल उपसर्ग को हटा देता है। यह हर क्लाइंट-साइड नेविगेशन पर फिर से रेंडर (re-render) को ट्रिगर करता है। यह हुक केवल Client Components में उपलब्ध है (`"use client"` की आवश्यकता है)।
+
+## उपयोग
+
+```tsx fileName="src/components/NavItem.tsx" codeFormat={["typescript", "esm"]}
+"use client";
+
+import type { FC } from "react";
+import { usePathname } from "next-intlayer";
+
+type NavItemProps = {
+  href: string;
+  label: string;
+};
+
+const NavItem: FC<NavItemProps> = ({ href, label }) => {
+  const pathname = usePathname();
+  const isActive = pathname === href;
+
+  return (
+    <a href={href} aria-current={isActive ? "page" : undefined}>
+      {label}
+    </a>
+  );
+};
+
+export default NavItem;
+```
+
+## रिटर्न वैल्यू
+
+| प्रकार   | विवरण                                                                                                         |
+| -------- | ------------------------------------------------------------------------------------------------------------- |
+| `string` | वर्तमान पाथनेम जिसमें से लोकेल प्रीफ़िक्स और लोकेल पैरामीटर्स से जुड़े क्वेरी पैरामीटर्स हटा दिए गए होते हैं। |
+
+## व्यवहार
+
+- **लोकेल स्ट्रिपिंग**: शुरुआती लोकेल सेगमेंट को हटा देता है (उदा: `/hi/dashboard` → `/dashboard`)।
+- **सर्च पैरामीटर स्ट्रिपिंग**: जब सर्च पैरामीटर-आधारित रूटिंग मोड का उपयोग किया जाता है, तो यह `?locale=...` क्वेरी पैरामीटर को भी हटा देता है।
+- **रिएक्टिव**: Next.js App Router के माध्यम से प्रत्येक क्लाइंट-साइड नेविगेशन पर स्वचालित रूप से अपडेट होता है।
+- **SSR सुरक्षित**: पहले रेंडर के दौरान सर्वर-साइड पथ लौटाता है, फिर क्लाइंट पर सर्च पैरामीटर्स को सिंक करता है।
+
+## `useLocale` के साथ तुलना
+
+`next-intlayer` से `useLocale` पहले से ही अपने रिटर्न वैल्यू के हिस्से के रूप में `pathWithoutLocale` को प्रदर्शित करता है। जब आपको केवल पथ (path) की आवश्यकता हो और लोकेल-स्विचिंग कार्यक्षमता की आवश्यकता न हो, तो `usePathname` का उपयोग करें।
+
+```tsx codeFormat={["typescript", "esm"]}
+// जब आपको लोकेल स्थिति और पथ दोनों की आवश्यकता हो:
+import { useLocale } from "next-intlayer";
+const { locale, pathWithoutLocale } = useLocale();
+
+// जब आपको केवल पथ की आवश्यकता हो:
+import { usePathname } from "next-intlayer";
+const pathname = usePathname();
+```
+
+## उदाहरण
+
+```tsx fileName="src/components/Sidebar.tsx" codeFormat={["typescript", "esm"]}
+"use client";
+
+import type { FC } from "react";
+import { usePathname } from "next-intlayer";
+
+const links = [
+  { href: "/dashboard", label: "डैशबोर्ड" },
+  { href: "/settings", label: "सेटिंग्स" },
+];
+
+const Sidebar: FC = () => {
+  const pathname = usePathname();
+
+  return (
+    <nav>
+      {links.map(({ href, label }) => (
+        <a
+          key={href}
+          href={href}
+          style={{ fontWeight: pathname === href ? "bold" : "normal" }}
+        >
+          {label}
+        </a>
+      ))}
+    </nav>
+  );
+};
+
+export default Sidebar;
+```
+
+## संबंधित दस्तावेज़
+
+- [`useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/packages/next-intlayer/useLocale.md) — वर्तमान लोकेल + लोकेल स्विचर (यह `pathWithoutLocale` भी प्रदर्शित करता है)
+- [`getPathWithoutLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/packages/intlayer/getPathWithoutLocale.md) — इस हुक द्वारा उपयोग की जाने वाली अंतर्निहित उपयोगिता

package/docs/hi/packages/preact-intlayer/exports.md

@@ -14,6 +14,9 @@ slugs:
   - preact-intlayer
   - exports
 history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathname उपयोगिता (utility) जोड़ी गई"
   - version: 8.0.0
     date: 2026-01-21
     changes: "Unified documentation for all exports"
@@ -40,12 +43,13 @@ npm install preact-intlayer
 
 ### हुक्स
 
-| हुक             | विवरण                                                                                                                               | संबंधित दस्तावेज़                                                                                 |
-| --------------- | ----------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |
-| `useIntlayer`   | यह `useDictionary` पर आधारित है, लेकिन जनरेट की गई घोषणा से शब्दकोश का एक अनुकूलित संस्करण इंजेक्ट करता है।                         | -                                                                                                 |
-| `useDictionary` | ऐसे ऑब्जेक्ट्स को प्रोसेस करता है जो शब्दकोश जैसे दिखते हैं (key, content)। यह `t()` अनुवादों, enumerations आदि को प्रोसेस करता है। | -                                                                                                 |
-| `useLocale`     | वर्तमान locale और इसे सेट करने के लिए एक फ़ंक्शन लौटाता है।                                                                         | -                                                                                                 |
-| `t`             | वर्तमान locale के आधार पर सामग्री चुनता है।                                                                                         | [अनुवाद](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/translation.md) |
+| हुक             | विवरण                                                                                                                                        | संबंधित दस्तावेज़                                                                                                    |
+| --------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- |
+| `useIntlayer`   | यह `useDictionary` पर आधारित है, लेकिन जनरेट की गई घोषणा से शब्दकोश का एक अनुकूलित संस्करण इंजेक्ट करता है।                                  | -                                                                                                                    |
+| `useDictionary` | ऐसे ऑब्जेक्ट्स को प्रोसेस करता है जो शब्दकोश जैसे दिखते हैं (key, content)। यह `t()` अनुवादों, enumerations आदि को प्रोसेस करता है।          | -                                                                                                                    |
+| `useLocale`     | वर्तमान locale और इसे सेट करने के लिए एक फ़ंक्शन लौटाता है।                                                                                  | -                                                                                                                    |
+| `usePathname`   | यह हुक (hook) locale सेगमेंट को हटाकर वर्तमान पाथनेम (pathname) लौटाता है। `popstate` के माध्यम से ब्राउज़र नेविगेशन पर प्रतिक्रिया करता है। | [usePathname](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/packages/preact-intlayer/usePathname.md) |
+| `t`             | वर्तमान locale के आधार पर सामग्री चुनता है।                                                                                                  | [अनुवाद](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/translation.md)                    |
 
 ### कंपोनेंट्स
 

package/docs/hi/packages/preact-intlayer/usePathname.md

@@ -0,0 +1,117 @@
+---
+createdAt: 2026-06-22
+updatedAt: 2026-06-22
+title: usePathname हुक दस्तावेज़ीकरण | preact-intlayer
+description: जानें कि preact-intlayer पैकेज के लिए usePathname हुक का उपयोग कैसे करें
+keywords:
+  - usePathname
+  - pathname
+  - locale
+  - Intlayer
+  - अंतरराष्ट्रीयकरण
+  - दस्तावेज़ीकरण
+  - Preact
+  - JavaScript
+slugs:
+  - doc
+  - packages
+  - preact-intlayer
+  - usePathname
+history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathname उपयोगिता (utility) जोड़ी गई"
+  - version: 8.2.0
+    date: 2026-06-22
+    changes: "इतिहास का आरंभीकरण (Init history)"
+author: aymericzip
+---
+
+# Preact एकीकरण: `usePathname` हुक दस्तावेज़ीकरण
+
+`usePathname` हुक ब्राउज़र के वर्तमान पाथनेम (pathname) को locale सेगमेंट हटाकर लौटाता है। यह locale-aware नेविगेशन बनाने के लिए उपयोगी है — उदाहरण के लिए, यह निर्धारित करना कि कौन सा नेव आइटम सक्रिय (active) है — बिना locale उपसर्ग (prefix) को मैन्युअली हटाए।
+
+## Preact में `usePathname` आयात करना
+
+```typescript
+import { usePathname } from "preact-intlayer";
+```
+
+## अवलोकन (Overview)
+
+`usePathname` `window.location.pathname` को पढ़ता है, `getPathWithoutLocale` के माध्यम से locale उपसर्ग (prefix) को हटाता है, और जब भी ब्राउज़र `popstate` घटना (बैक/फॉरवर्ड नेविगेशन) को ट्रिगर करता है, तो यह घटक (component) को फिर से रेंडर करता है। सर्वर-साइड रेंडरिंग (SSR) के दौरान यह एक खाली स्ट्रिंग लौटाता है।
+
+## उपयोग (Usage)
+
+```tsx fileName="src/components/NavItem.tsx"
+import type { FunctionComponent } from "preact";
+import { usePathname } from "preact-intlayer";
+
+type NavItemProps = {
+  href: string;
+  label: string;
+};
+
+const NavItem: FunctionComponent<NavItemProps> = ({ href, label }) => {
+  const pathname = usePathname();
+  const isActive = pathname === href;
+
+  return (
+    <a href={href} aria-current={isActive ? "page" : undefined}>
+      {label}
+    </a>
+  );
+};
+
+export default NavItem;
+```
+
+## रिटर्न वैल्यू (Return Value)
+
+| प्रकार   | विवरण                                                                                             |
+| -------- | ------------------------------------------------------------------------------------------------- |
+| `string` | वर्तमान पाथनेम बिना locale उपसर्ग के। सर्वर-साइड रेंडरिंग (SSR) के दौरान खाली स्ट्रिंग लौटाता है। |
+
+## व्यवहार (Behavior)
+
+- **Locale को हटाना (Locale stripping)**: URL के शुरुआत में मौजूद locale सेगमेंट को हटाता है (उदा. `/hi/dashboard` → `/dashboard`)।
+- **रिएक्टिव (Reactive)**: `popstate` घटनाओं (ब्राउज़र बैक / फॉरवर्ड नेविगेशन) पर स्वचालित रूप से अपडेट होता है।
+- **SSR-सुरक्षित (SSR-safe)**: जब `window` उपलब्ध नहीं होता है तो `""` लौटाता है।
+- **क्लीनअप (Cleanup)**: जब कंपोनेंट अनमाउंट होता है, तो `popstate` श्रोता (listener) स्वचालित रूप से हटा दिया जाता है।
+
+## उदाहरण (Example)
+
+```tsx fileName="src/components/Sidebar.tsx"
+import type { FunctionComponent } from "preact";
+import { usePathname } from "preact-intlayer";
+
+const links = [
+  { href: "/dashboard", label: "डैशबोर्ड" },
+  { href: "/settings", label: "सेटिंग्स" },
+];
+
+const Sidebar: FunctionComponent = () => {
+  const pathname = usePathname();
+
+  return (
+    <nav>
+      {links.map(({ href, label }) => (
+        <a
+          key={href}
+          href={href}
+          style={{ fontWeight: pathname === href ? "bold" : "normal" }}
+        >
+          {label}
+        </a>
+      ))}
+    </nav>
+  );
+};
+
+export default Sidebar;
+```
+
+## संबंधित (Related)
+
+- [`useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/packages/preact-intlayer/exports.md) — वर्तमान locale + locale स्विचर
+- [`getPathWithoutLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/packages/intlayer/getPathWithoutLocale.md) — इस हुक द्वारा उपयोग की जाने वाली मुख्य उपयोगिता (utility)

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

@@ -14,6 +14,9 @@ slugs:
   - react-intlayer
   - exports
 history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathname उपयोगिता जोड़ें"
   - version: 7.5.14
     date: 2026-01-21
     changes: "सभी एक्सपोर्ट्स के लिए एकीकृत प्रलेखन"

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

@@ -24,100 +24,6 @@ history:
 author: aymericzip
 ---
 
-# React एकीकरण: `useDictionary` हुक दस्तावेज़ीकरण
-
-यह अनुभाग React अनुप्रयोगों के भीतर `useDictionary` हुक का उपयोग करने के लिए विस्तृत मार्गदर्शन प्रदान करता है, जो बिना विज़ुअल एडिटर के स्थानीयकृत सामग्री को कुशलतापूर्वक संभालने में सक्षम बनाता है।
-
-## React में `useDictionary` को इम्पोर्ट करना
-
-`useDictionary` हुक को संदर्भ के आधार पर React अनुप्रयोगों में इस प्रकार इम्पोर्ट किया जा सकता है:
-
-- **क्लाइंट कंपोनेंट:**
-
-  ```typescript codeFormat="typescript"
-  import { useDictionary } from "react-intlayer"; // क्लाइंट-साइड React कंपोनेंट्स में उपयोग किया जाता है
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useDictionary } from "react-intlayer"; // क्लाइंट-साइड React कंपोनेंट्स में उपयोग किया जाता है
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useDictionary } = require("react-intlayer"); // क्लाइंट-साइड React कंपोनेंट्स में उपयोग किया जाता है
-  ```
-
-- **सर्वर कंपोनेंट:**
-
-  ```typescript codeFormat="typescript"
-  import { useDictionary } from "react-intlayer/server"; // सर्वर-साइड React कंपोनेंट्स में उपयोग किया जाता है
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useDictionary } from "react-intlayer/server"; // सर्वर-साइड React कंपोनेंट्स में उपयोग किया जाता है
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useDictionary } = require("react-intlayer/server"); // सर्वर-साइड React कंपोनेंट्स में उपयोग किया जाता है
-  ```
-
-## पैरामीटर
-
-यह हुक दो पैरामीटर स्वीकार करता है:
-
-1. **`dictionary`**: एक घोषित शब्दकोश ऑब्जेक्ट जिसमें विशिष्ट कुंजियों के लिए स्थानीयकृत सामग्री होती है।
-2. **`locale`** (वैकल्पिक): इच्छित स्थानीय भाषा। यदि निर्दिष्ट नहीं किया गया है, तो वर्तमान संदर्भ की स्थानीय भाषा डिफ़ॉल्ट होती है।
-
-## शब्दकोश
-
-सभी शब्दकोश ऑब्जेक्ट्स को संरचित सामग्री फ़ाइलों में घोषित किया जाना चाहिए ताकि टाइप सुरक्षा सुनिश्चित हो सके और रनटाइम त्रुटियों को रोका जा सके। आप [सेटअप निर्देश यहाँ पा सकते हैं](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/content_file.md)। यहाँ सामग्री घोषणा का एक उदाहरण है:
-
-```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"
-      }
-    },
-    "content": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "यह एक क्लाइंट कंपोनेंट उदाहरण की सामग्री है",
-        "fr": "Ceci est le contenu d'un exemple de composant client",
-        "es": "Este es el contenido de un ejemplo de componente cliente"
-      }
-    }
-  }
-}
-```
-
 ## React में उदाहरण उपयोग
 
 नीचे एक उदाहरण दिया गया है कि कैसे `useDictionary` हुक को एक React कंपोनेंट में उपयोग किया जाए:
@@ -160,14 +66,6 @@ const ServerComponentExample: FC<{ locale: string }> = ({ locale }) => {
 };
 ```
 
-## गुणों पर नोट्स
-
-विज़ुअल एडिटर्स का उपयोग करने वाले इंटीग्रेशन के विपरीत, यहाँ `buttonTitle.value` जैसे गुण लागू नहीं होते हैं। इसके बजाय, सीधे अपने कंटेंट में घोषित स्थानीयकृत स्ट्रिंग्स तक पहुँचें।
-
-```jsx
-<button title={content.title}>{content.content}</button>
-```
-
 ## अतिरिक्त सुझाव
 
 - **टाइप सुरक्षा**: अपने शब्दकोशों को परिभाषित करने के लिए हमेशा `Dictionary` का उपयोग करें ताकि टाइप सुरक्षा सुनिश्चित हो सके।

package/docs/hi/packages/react-intlayer/useI18n.md

@@ -146,7 +146,3 @@ const ServerComponentExample = () => {
 - **Intlayer विज़ुअल एडिटर**: एक अधिक सहज सामग्री प्रबंधन अनुभव के लिए, विज़ुअल एडिटर दस्तावेज़ीकरण [यहाँ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_visual_editor.md) देखें।
 
 यह अनुभाग विशेष रूप से React अनुप्रयोगों में `useI18n` हुक के एकीकरण को कवर करता है, जो स्थानीयकरण प्रक्रिया को सरल बनाता है और विभिन्न स्थानीयताओं में सामग्री की संगति सुनिश्चित करता है।
-
-## प्रलेखन इतिहास
-
-- 6.0.0 - 2025-06-29: `useI18n` हुक प्रलेखन की प्रारंभिक लेखन

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

@@ -29,49 +29,6 @@ author: aymericzip
 
 यह अनुभाग React अनुप्रयोगों के भीतर `useIntlayer` हुक का उपयोग करने के लिए विस्तृत मार्गदर्शन प्रदान करता है, जो कुशल सामग्री स्थानीयकरण की अनुमति देता है।
 
-## React में `useIntlayer` को इम्पोर्ट करना
-
-`useIntlayer` हुक को संदर्भ के आधार पर React अनुप्रयोगों में आयात करके एकीकृत किया जा सकता है:
-
-- **क्लाइंट कंपोनेंट:**
-
-  ```typescript codeFormat="typescript"
-  import { useIntlayer } from "react-intlayer"; // क्लाइंट-साइड React कंपोनेंट्स में उपयोग किया जाता है
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useIntlayer } from "react-intlayer"; // क्लाइंट-साइड React कंपोनेंट्स में उपयोग किया जाता है
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useIntlayer } = require("react-intlayer"); // क्लाइंट-साइड React कंपोनेंट्स में उपयोग किया जाता है
-  ```
-
-- **सर्वर कंपोनेंट:**
-
-  ```typescript codeFormat="commonjs"
-  import { useIntlayer } from "react-intlayer/server"; // सर्वर-साइड React कंपोनेंट्स में उपयोग किया जाता है
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useIntlayer } from "react-intlayer/server"; // सर्वर-साइड React कंपोनेंट्स में उपयोग किया जाता है
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useIntlayer } = require("react-intlayer/server"); // सर्वर-साइड React कंपोनेंट्स में उपयोग किया जाता है
-  ```
-
-## पैरामीटर
-
-यह हुक दो पैरामीटर स्वीकार करता है:
-
-1. **`key`**: स्थानीयकृत सामग्री प्राप्त करने के लिए शब्दकोश कुंजी।
-2. **`locale`** (वैकल्पिक): इच्छित लोकल। यदि निर्दिष्ट नहीं किया गया है, तो यह संदर्भ के लोकल पर डिफ़ॉल्ट होता है।
-
-## शब्दकोश
-
-सभी शब्दकोश कुंजियाँ सामग्री घोषणा फ़ाइलों में घोषित होनी चाहिए ताकि टाइप सुरक्षा बढ़े और त्रुटियों से बचा जा सके। आप [सेटअप निर्देश यहाँ पा सकते हैं](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/content_file.md)।
-
 ## React में उदाहरण उपयोग
 
 React कंपोनेंट के भीतर `useIntlayer` हुक का प्रदर्शन:
@@ -131,14 +88,6 @@ const ServerComponentExample = () => {
 };
 ```
 
-## गुणों को संभालना
-
-जब गुणों का स्थानीयकरण करें, तो सामग्री के मानों तक उचित रूप से पहुँचें:
-
-```jsx
-<button title={content.buttonTitle.value}>{content.buttonText}</button>
-```
-
 ## अतिरिक्त संसाधन
 
 - **Intlayer विज़ुअल एडिटर**: एक अधिक सहज सामग्री प्रबंधन अनुभव के लिए, विज़ुअल एडिटर प्रलेखन को [यहाँ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_visual_editor.md) देखें।

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

@@ -0,0 +1,87 @@
+---
+createdAt: 2026-06-22
+updatedAt: 2026-06-22
+title: usePathname Hook दस्तावेज़ीकरण | react-intlayer
+description: जानें कि react-intlayer पैकेज से usePathname hook का उपयोग करके वर्तमान URL पथनाम को बिना स्थानीयकरण खंड के कैसे प्राप्त करें।
+keywords:
+  - usePathname
+  - pathname
+  - react
+  - intlayer
+  - routing
+  - अंतर्राष्ट्रीयकरण
+slugs:
+  - doc
+  - packages
+  - react-intlayer
+  - usePathname
+history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathname उपयोगिता जोड़ें"
+  - version: 8.2.0
+    date: 2026-06-22
+    changes: "इतिहास प्रारंभ करें"
+author: aymericzip
+---
+
+# React इंटीग्रेशन: `usePathname` Hook दस्तावेज़ीकरण
+
+`react-intlayer` से `usePathname` हुक वर्तमान ब्राउज़र पथनाम लौटाता है जिसमें से स्थानीयकरण (locale) खंड हटा दिया गया है। यह देशी `window.location.pathname` पर निर्भर करता है और `popstate` के माध्यम से ब्राउज़र नेविगेशन घटनाओं पर प्रतिक्रिया करता है।
+
+## `usePathname` आयात करना
+
+```typescript
+import { usePathname } from "react-intlayer";
+```
+
+## अवलोकन
+
+ढांचा-विशिष्ट रूटिंग हुक (जैसे `next-intlayer` या `react-router` में) के विपरीत, यह हुक प्लेन React अनुप्रयोगों के लिए एक हल्का, ढांचा-अज्ञेय समाधान है। यह वर्तमान URL निकालता है और किसी भी मिलान वाले स्थानीयकरण उपसर्ग को हटा देता है (उदाहरण के लिए, `/hi/about` `/about` बन जाता है)।
+
+## उपयोग
+
+```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" }}
+      >
+        होम
+      </a>
+      <a
+        href="/about"
+        style={{ fontWeight: pathname === "/about" ? "bold" : "normal" }}
+      >
+        हमारे बारे में
+      </a>
+    </nav>
+  );
+};
+
+export default Navigation;
+```
+
+## रिटर्न मान
+
+| प्रकार   | विवरण                                                                                                    |
+| -------- | -------------------------------------------------------------------------------------------------------- |
+| `string` | ब्राउज़र का वर्तमान पथनाम जिसमें स्थानीयकरण उपसर्ग हटा दिया गया है (उदा: `/hi/dashboard` → `/dashboard`) |
+
+## व्यवहार
+
+- **स्थानीयकरण हटाना**: एप्लिकेशन के Intlayer कॉन्फ़िगरेशन के आधार पर पथनाम से स्थानीयकरण का स्वचालित रूप से पता लगाने और हटाने के लिए हुड के तहत `getPathWithoutLocale` उपयोगिता का उपयोग करता है।
+- **प्रतिक्रियाशीलता**: `popstate` घटना को सुनता है। जब उपयोगकर्ता ब्राउज़र के बैक/फ़ॉरवर्ड बटन का उपयोग करके नेविगेट करता है या जब `pushState`/`replaceState` को कॉल किया जाता है, तो हुक लौटाए गए पथनाम को अपडेट करता है।
+- **SSR फॉलबैक**: सर्वर पर (जहां `window` अपरिभाषित है), यह डिफ़ॉल्ट रूप से `/` लौटाता है क्योंकि शुद्ध React संदर्भ में डिफ़ॉल्ट रूप से अनुरोध URL तक इसकी कोई पहुंच नहीं है।
+
+## संबंधित दस्तावेज़
+
+- [`useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/packages/react-intlayer/useLocale.md)
+- [`getPathWithoutLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/packages/intlayer/getPathWithoutLocale.md)