@intlayer/docs 9.4.0-canary.0 → 9.4.0

package/docs/hi/dictionary/plurial.md

@@ -35,10 +35,74 @@ Intlayer में, बहुवचन सामग्री `plural` फ़ं
 
 ## `plural` बनाम `enu` का कब उपयोग करें
 
+To use plural content inside a React component, retrieve it via the `useIntlayer` hook and call it with a count. The active locale and the count are combined to pick the matching CLDR category.
+
+To use plural content in Next.js Client Components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+
+## बहुवचन सामग्री सेट करना
+
+अपने Intlayer प्रोजेक्ट में बहुवचन सामग्री सेट करने के लिए, एक सामग्री मॉड्यूल बनाएं जो `plural` हेल्पर का उपयोग करता है। `other` श्रेणी आवश्यक है और इसका उपयोग फ़ालबैक (fallback) के रूप में किया जाता है जब कोई लोकेल अधिक विशिष्ट श्रेणी परिभाषित नहीं करता है।
+
+```typescript fileName="**/*.content.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
+import { plural, t, type Dictionary } from "intlayer";
+
+const openingsContent = {
+  key: "total_openings",
+  content: {
+    totalOpenings: t({
+      en: plural({
+        one: "{{count}} opening",
+        other: "{{count}} openings",
+      }),
+      hi: plural({
+        one: "{{count}} अवसर",
+        other: "{{count}} अवसर",
+      }),
+    }),
+  },
+} satisfies Dictionary;
+
+export default openingsContent;
+```
+
+```json fileName="**/*.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "total_openings",
+  "content": {
+    "totalOpenings": {
+      "nodeType": "translation",
+      "translation": {
+        "en": {
+          "nodeType": "plural",
+          "plural": {
+            "one": "{{count}} opening",
+            "other": "{{count}} openings"
+          }
+        },
+        "hi": {
+          "nodeType": "plural",
+          "plural": {
+            "one": "{{count}} अवसर",
+            "other": "{{count}} अवसर"
+          }
+        }
+      }
+    }
+  }
+}
+```
+
+> समर्थित श्रेणियां `zero`, `one`, `two`, `few`, `many`, `other` हैं। आपको केवल उन श्रेणियों को घोषित करने की आवश्यकता है जो आपकी लक्षित भाषा उपयोग करती है, Intlayer `other` पर वापस आ जाता है जब कोई विशिष्ट श्रेणी मेल नहीं खाती है।
+>
+> `{{count}}` प्लेसहोल्डर स्वचालित रूप से उस गिनती से बदल दिया जाता है जिसे आप रनटाइम पर पास करते हैं। आप अन्य प्लेसहोल्डर भी शामिल कर सकते हैं (नीचे [कस्टम प्लेसहोल्डर्स](#custom-placeholders) देखें)।
+
+## React Intlayer के साथ बहुवचन सामग्री का उपयोग करना
+
 <Tabs group="framework">
   <Tab label="React" value="react">
 
-To use plural content inside a React component, retrieve it via the `useIntlayer` hook and call it with a count. The active locale and the count are combined to pick the matching CLDR category.
+React घटक के अंदर बहुवचन सामग्री का उपयोग करने के लिए, इसे `useIntlayer` हुक के माध्यम से प्राप्त करें और इसे गिनती (count) के साथ कॉल करें। सक्रिय लोकेल और गिनती को मिलान वाली CLDR श्रेणी चुनने के लिए संयोजित किया जाता है।
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 import type { FC } from "react";
@@ -49,6 +113,11 @@ const OpeningsComponent: FC<{ count: number }> = ({ count }) => {
 
   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>
   );
@@ -60,7 +129,7 @@ export default OpeningsComponent;
   </Tab>
   <Tab label="Next.js" value="nextjs">
 
-To use plural content in Next.js Client Components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Next.js Client Components में plural content का उपयोग करने के लिए, इसे `useIntlayer` hook के माध्यम से प्राप्त करें और इसे एक count के साथ कॉल करें। यहाँ एक उदाहरण है:
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 "use client";
@@ -84,7 +153,7 @@ export default OpeningsComponent;
   </Tab>
   <Tab label="Vue" value="vue">
 
-To use plural content in Vue components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Vue components में plural content का उपयोग करने के लिए, `useIntlayer` hook के माध्यम से इसे प्राप्त करें और इसे count के साथ कॉल करें। यहाँ एक उदाहरण है:
 
 ```vue fileName="**/*.vue"
 <script setup lang="ts">
@@ -105,7 +174,7 @@ const { totalOpenings } = useIntlayer("total_openings");
   </Tab>
   <Tab label="Svelte" value="svelte">
 
-To use plural content in Svelte components, retrieve it via the `useIntlayer` hook and call it with a count. The store is accessed with `$`. Here's an example:
+Svelte components में plural content का उपयोग करने के लिए, `useIntlayer` hook के माध्यम से इसे प्राप्त करें और इसे एक count के साथ कॉल करें। store को `$` के साथ एक्सेस किया जाता है। यहाँ एक उदाहरण दिया गया है:
 
 ```svelte fileName="**/*.svelte"
 <script lang="ts">
@@ -124,7 +193,7 @@ const content = useIntlayer("total_openings");
   </Tab>
   <Tab label="Preact" value="preact">
 
-To use plural content in Preact components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Preact components में plural content का उपयोग करने के लिए, इसे `useIntlayer` hook के माध्यम से प्राप्त करें और इसे एक count के साथ कॉल करें। यहाँ एक उदाहरण है:
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 import type { FC } from "preact";
@@ -146,7 +215,7 @@ export default OpeningsComponent;
   </Tab>
   <Tab label="Solid" value="solid">
 
-To use plural content in SolidJS components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+SolidJS घटकों में बहुवचन सामग्री का उपयोग करने के लिए, `useIntlayer` हुक के माध्यम से इसे पुनः प्राप्त करें और इसे एक count के साथ कॉल करें। यहाँ एक उदाहरण है:
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 import type { Component } from "solid-js";
@@ -168,7 +237,7 @@ export default OpeningsComponent;
   </Tab>
   <Tab label="Angular" value="angular">
 
-To use plural content in Angular components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Angular घटकों में बहुवचन सामग्री का उपयोग करने के लिए, `useIntlayer` हुक के माध्यम से इसे पुनः प्राप्त करें और इसे एक गिनती के साथ कॉल करें। यहाँ एक उदाहरण है:
 
 ```typescript fileName="app.component.ts" codeFormat="typescript"
 import { Component, Input } from "@angular/core";
@@ -187,121 +256,20 @@ export class OpeningsComponent {
 
   content = useIntlayer("total_openings");
 }
-```
-
-  </Tab>
-  <Tab label="Vanilla JS" value="vanilla">
-
-To use plural content with `vanilla-intlayer`, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
-
-```typescript fileName="**/*.ts" codeFormat={["typescript", "esm"]}
-import { installIntlayer, useIntlayer } from "vanilla-intlayer";
-
-installIntlayer();
-
-const content = useIntlayer("total_openings").onChange((newContent) => {
-  document.getElementById("openings")!.textContent =
-    newContent.totalOpenings(5);
-});
-
-// Initial render
-document.getElementById("openings")!.textContent = content.totalOpenings(5);
-```
-
-  </Tab>
-</Tabs>
-
-## बहुवचन सामग्री सेट करना
-
-अपने Intlayer प्रोजेक्ट में बहुवचन सामग्री सेट करने के लिए, एक सामग्री मॉड्यूल बनाएं जो `plural` हेल्पर का उपयोग करता है। `other` श्रेणी आवश्यक है और इसका उपयोग फ़ालबैक (fallback) के रूप में किया जाता है जब कोई लोकेल अधिक विशिष्ट श्रेणी परिभाषित नहीं करता है।
-
-```typescript fileName="**/*.content.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
-import { plural, t, type Dictionary } from "intlayer";
-
-const openingsContent = {
-  key: "total_openings",
-  content: {
-    totalOpenings: t({
-      en: plural({
-        one: "{{count}} opening",
-        other: "{{count}} openings",
-      }),
-      hi: plural({
-        one: "{{count}} अवसर",
-        other: "{{count}} अवसर",
-      }),
-    }),
-  },
-} satisfies Dictionary;
-
-export default openingsContent;
-```
-
-```json fileName="**/*.content.json" contentDeclarationFormat="json"
-{
-  "$schema": "https://intlayer.org/schema.json",
-  "key": "total_openings",
-  "content": {
-    "totalOpenings": {
-      "nodeType": "translation",
-      "translation": {
-        "en": {
-          "nodeType": "plural",
-          "plural": {
-            "one": "{{count}} opening",
-            "other": "{{count}} openings"
-          }
-        },
-        "hi": {
-          "nodeType": "plural",
-          "plural": {
-            "one": "{{count}} अवसर",
-            "other": "{{count}} अवसर"
-          }
-        }
-      }
-    }
-  }
-}
-```
-
-> समर्थित श्रेणियां `zero`, `one`, `two`, `few`, `many`, `other` हैं। आपको केवल उन श्रेणियों को घोषित करने की आवश्यकता है जो आपकी लक्षित भाषा उपयोग करती है, Intlayer `other` पर वापस आ जाता है जब कोई विशिष्ट श्रेणी मेल नहीं खाती है।
->
-> `{{count}}` प्लेसहोल्डर स्वचालित रूप से उस गिनती से बदल दिया जाता है जिसे आप रनटाइम पर पास करते हैं। आप अन्य प्लेसहोल्डर भी शामिल कर सकते हैं (नीचे [कस्टम प्लेसहोल्डर्स](#custom-placeholders) देखें)।
-
-## React Intlayer के साथ बहुवचन सामग्री का उपयोग करना
-
-React घटक के अंदर बहुवचन सामग्री का उपयोग करने के लिए, इसे `useIntlayer` हुक के माध्यम से प्राप्त करें और इसे गिनती (count) के साथ कॉल करें। सक्रिय लोकेल और गिनती को मिलान वाली CLDR श्रेणी चुनने के लिए संयोजित किया जाता है।
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-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>
-  );
-};
-
-export default OpeningsComponent;
 ```
 
 आप लौटाए गए फ़ंक्शन को दो समान तरीकों से कॉल कर सकते हैं:
 
+`vanilla-intlayer` के साथ plural content का उपयोग करने के लिए, इसे `useIntlayer` hook के माध्यम से प्राप्त करें और इसे एक count के साथ कॉल करें। यहाँ एक उदाहरण है:
+
 ```tsx
 totalOpenings(21); // संक्षिप्त: केवल गिनती
 totalOpenings({ count: 21 }); // स्पष्ट रूप
 ```
 
+  </Tab>
+</Tabs>
+
 ## कस्टम प्लेसहोल्डर्स
 
 बहुवचन स्ट्रिंग्स में `{{count}}` के अलावा अन्य प्लेसहोल्डर्स शामिल हो सकते हैं। उन्हें `count` के साथ ऑब्जेक्ट रूप में पास करें:

package/docs/hi/dynamic_dictionaries/variants.md

@@ -523,6 +523,27 @@ const content = useIntlayer("product", { variant: { id: "prod_abc" } });
 
   </Tab>
   <Tab label="Next.js" value="nextjs">
+    <Tabs>
+      <Tab label="Intlayer >=9.4" value=">=9.4">
+
+        ```tsx fileName="layout.tsx" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
+        import { IntlayerProvider } from "next-intlayer/server";
+
+        export default async function Layout({ children, params }) {
+          const { locale } = await params;
+          const schoolType = await getSchoolType();
+
+          return (
+            <IntlayerProvider locale={locale} variant={schoolType}>
+              {children}
+            </IntlayerProvider>
+          );
+        }
+        ```
+
+      </Tab>
+      <Tab label="Intlayer <9.4" value="<9.4">
+
     ```tsx fileName="layout.tsx" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
     import { IntlayerServerProvider } from "next-intlayer/server";
     import { IntlayerClientProvider } from "next-intlayer";
@@ -541,6 +562,9 @@ const content = useIntlayer("product", { variant: { id: "prod_abc" } });
     }
     ```
 
+      </Tab>
+    </Tabs>
+
   </Tab>
   <Tab label="Vue" value="vue">
     ```ts fileName="main.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}

package/docs/hi/formatters.md

@@ -50,6 +50,18 @@ author: aymericzip
 
 Intlayer नेटिव `Intl` APIs के ऊपर बनाए गए हल्के हेल्पर्स का एक सेट प्रदान करता है, साथ ही भारी फॉर्मेटर्स को बार-बार बनाने से बचने के लिए एक कैश्ड `Intl` रैपर भी शामिल है। ये यूटिलिटीज पूरी तरह से लोकल-आधारित हैं और मुख्य `intlayer` पैकेज से उपयोग की जा सकती हैं।
 
+**React, Vue, और अन्य frameworks के लिए**, अपने ऐप के locale context से स्वचालित रूप से जुड़ने वाले framework-specific hooks/composables का उपयोग करें:
+
+| Framework                | Import                                           |
+| ------------------------ | ------------------------------------------------ |
+| **React** (client)       | `react-intlayer/format`                          |
+| **React** (server)       | `react-intlayer/server/format`                   |
+| **Next.js** (client)     | `next-intlayer/client/format`                    |
+| **Next.js** (server)     | `next-intlayer/server/format`                    |
+| **Vue**                  | `vue-intlayer/format`                            |
+| **Preact**               | `preact-intlayer/format`                         |
+| **Vanilla JS / Node.js** | `intlayer` (मैनुअल locale पासिंग की आवश्यकता है) |
+
 ## React Formatters
 
 ### आयात
@@ -78,8 +90,6 @@ import {
 } from "intlayer";
 ```
 
-यदि आप React का उपयोग कर रहे हैं, तो हुक्स भी उपलब्ध हैं; देखें `react-intlayer/format`।
-
 ### उपलब्ध Hooks
 
 सभी hooks स्वचालित रूप से `IntlayerProvider` या `IntlayerServerProvider` से locale का उपयोग करते हैं।
@@ -155,8 +165,6 @@ regionNames.of("US"); // "États-Unis"
 
 ### `Intl.Collator`
 
-स्थानीय भाषा के अनुसार स्ट्रिंग की तुलना और क्रमबद्धता के लिए:
-
 ```ts
 import { Intl } from "intlayer";
 
@@ -456,9 +464,6 @@ getLocaleName("en", "fr"); // "anglais"
 getLocaleName("de", "es"); // "alemán"
 ```
 
-- **displayLocale**: उस लोकल का नाम प्राप्त करने के लिए
-- **targetLocale**: जिस लोकल में नाम दिखाना है (डिफ़ॉल्ट रूप से displayLocale)
-
 ### `getLocaleLang(locale?)`
 
 लोकल स्ट्रिंग से भाषा कोड निकालता है:
@@ -471,8 +476,6 @@ getLocaleLang("fr-CA"); // "fr"
 getLocaleLang("de"); // "de"
 ```
 
-- **locale**: उस लोकल से भाषा निकालने के लिए (डिफ़ॉल्ट रूप से वर्तमान लोकल)
-
 ### `getLocaleFromPath(inputUrl)`
 
 URL या पाथनेम से लोकल सेगमेंट निकालता है:
@@ -486,9 +489,6 @@ getLocaleFromPath("/dashboard"); // "en" (डिफ़ॉल्ट लोकल)
 getLocaleFromPath("https://example.com/es/about"); // "es"
 ```
 
-- **inputUrl**: पूरी URL स्ट्रिंग या पाथनेम जिसे प्रोसेस करना है
-- **returns**: पता लगाया गया लोकल या डिफ़ॉल्ट लोकल यदि कोई लोकल नहीं मिला हो
-
 ### `getPathWithoutLocale(inputUrl, locales?)`
 
 URL या पाथनेम से लोकल सेगमेंट को हटाता है:
@@ -501,10 +501,6 @@ getPathWithoutLocale("/fr/dashboard"); // "/dashboard"
 getPathWithoutLocale("https://example.com/en/about"); // "https://example.com/about"
 ```
 
-- **inputUrl**: पूरी URL स्ट्रिंग या पाथनेम जिसे प्रोसेस करना है
-- **locales**: समर्थित लोकल्स की वैकल्पिक सूची (डिफ़ॉल्ट रूप से कॉन्फ़िगर किए गए लोकल्स)
-- **returns**: लोकल सेगमेंट के बिना URL
-
 ### `getLocalizedUrl(url, currentLocale, locales?, defaultLocale?, prefixDefault?)`
 
 वर्तमान लोकल के लिए एक स्थानीयकृत URL उत्पन्न करता है:
@@ -517,12 +513,6 @@ getLocalizedUrl("/about", "en", ["en", "fr"], "en", false); // "/about"
 getLocalizedUrl("https://example.com/about", "fr", ["en", "fr"], "en", true); // "https://example.com/fr/about"
 ```
 
-- **url**: स्थानीयकृत करने के लिए मूल URL
-- **currentLocale**: वर्तमान लोकल
-- **locales**: समर्थित लोकल्स की वैकल्पिक सूची (डिफ़ॉल्ट रूप से कॉन्फ़िगर किए गए लोकल्स)
-- **defaultLocale**: वैकल्पिक डिफ़ॉल्ट लोकल (डिफ़ॉल्ट रूप से कॉन्फ़िगर किए गए डिफ़ॉल्ट लोकल)
-- **prefixDefault**: क्या डिफ़ॉल्ट लोकल को प्रीफ़िक्स करना है (डिफ़ॉल्ट रूप से कॉन्फ़िगर किए गए मान)
-
 ### `getHTMLTextDir(locale?)`
 
 किसी लोकल के लिए टेक्स्ट दिशा लौटाता है:
@@ -535,9 +525,6 @@ getHTMLTextDir("ar"); // "rtl"
 getHTMLTextDir("he"); // "rtl"
 ```
 
-- **locale**: टेक्स्ट दिशा प्राप्त करने के लिए लोकल (डिफ़ॉल्ट रूप से वर्तमान लोकल)
-- **returns**: `"ltr"`, `"rtl"`, या `"auto"`
-
 ## कंटेंट हैंडलिंग उपयोगिताएँ
 
 ### `getContent(node, nodeProps, locale?)`
@@ -554,10 +541,6 @@ const content = getContent(
 );
 ```
 
-- **node**: परिवर्तित करने के लिए सामग्री नोड
-- **nodeProps**: रूपांतरण संदर्भ के लिए गुण
-- **locale**: वैकल्पिक लोकल (डिफ़ॉल्ट रूप से कॉन्फ़िगर किए गए डिफ़ॉल्ट लोकल)
-
 ### `getTranslation(languageContent, locale?, fallback?)`
 
 किसी भाषा सामग्री ऑब्जेक्ट से एक विशिष्ट लोकल के लिए सामग्री निकालता है:
@@ -576,10 +559,6 @@ const content = getTranslation(
 ); // "Bonjour"
 ```
 
-- **languageContent**: लोकल को सामग्री से मैप करने वाला ऑब्जेक्ट
-- **locale**: लक्षित लोकल (डिफ़ॉल्ट रूप से कॉन्फ़िगर किए गए डिफ़ॉल्ट लोकल)
-- **fallback**: क्या डिफ़ॉल्ट लोकल पर वापस जाना है (डिफ़ॉल्ट रूप से true)
-
 ### `getIntlayerAsync(dictionaryKey, locale?, plugins?)`
 
 दूरस्थ शब्दकोश से असिंक्रोनस रूप से सामग्री पुनः प्राप्त करता है:
@@ -590,10 +569,6 @@ import { getIntlayerAsync } from "intlayer";
 const content = await getIntlayerAsync("common", "fr");
 ```
 
-- **dictionaryKey**: पुनः प्राप्त करने के लिए शब्दकोश की कुंजी
-- **locale**: वैकल्पिक लोकल (डिफ़ॉल्ट रूप से कॉन्फ़िगर किए गए डिफ़ॉल्ट लोकल)
-- **plugins**: कस्टम रूपांतरण प्लगइन्स की वैकल्पिक सूची
-
 ## नोट्स
 
 - सभी हेल्पर `string` इनपुट स्वीकार करते हैं; उन्हें आंतरिक रूप से संख्याओं या तिथियों में परिवर्तित किया जाता है।

package/docs/hi/how_works_intlayer.md

@@ -61,7 +61,9 @@ Intlayer के पीछे मुख्य विचार यह है क
    - डिक्शनरीज़ सामग्री फ़ाइलों से उत्पन्न होती हैं। डिफ़ॉल्ट रूप से, Intlayer डिक्शनरीज़ प्रोजेक्ट की `.intlayer/dictionaries` डायरेक्टरी में उत्पन्न होती हैं।
    - ये डिक्शनरीज़ विभिन्न प्रारूपों में उत्पन्न होती हैं ताकि सभी आवश्यकताओं को पूरा किया जा सके और एप्लिकेशन के प्रदर्शन को अनुकूलित किया जा सके।
 
-3. डिक्शनरी प्रकारों का निर्माण
+3. शब्दकोश प्रकार की पीढ़ी
+
+4. डिक्शनरी प्रकारों का निर्माण
    आपके `डिक्शनरीज़` के आधार पर, Intlayer प्रकार उत्पन्न करेगा ताकि उन्हें आपके एप्लिकेशन में उपयोग किया जा सके।
 
 - डिक्शनरी प्रकार Intlayer `content declaration files` से उत्पन्न होते हैं। डिफ़ॉल्ट रूप से, Intlayer डिक्शनरी प्रकार प्रोजेक्ट की `.intlayer/types` डायरेक्टरी में उत्पन्न होते हैं।
@@ -98,6 +100,9 @@ Intlayer एक दृश्य संपादक भी प्रदान क
 
 ![विज़ुअल एडिटर](https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.gif?raw=true)
 
+- सर्वर एक सरल Express एप्लीकेशन है जो क्लाइंट से अनुरोधों को सुनता है और आपकी एप्लीकेशन की सामग्री, जैसे `dictionaries` और कॉन्फ़िगरेशन को प्राप्त करता है ताकि इसे क्लाइंट साइड पर सुलभ बनाया जा सके।
+- दूसरी ओर, क्लाइंट एक React एप्लीकेशन है जिसका उपयोग विजुअल इंटरफेस का उपयोग करके आपकी सामग्री के साथ इंटरैक्ट करने के लिए किया जाता है।
+
 - सर्वर एक सरल Express एप्लिकेशन है जो क्लाइंट से अनुरोध सुनता है और आपकी एप्लिकेशन की सामग्री, जैसे कि `dictionaries` और कॉन्फ़िगरेशन, को पुनः प्राप्त करता है ताकि इसे क्लाइंट साइड पर सुलभ बनाया जा सके।
 - दूसरी ओर, क्लाइंट एक React एप्लिकेशन है जिसका उपयोग दृश्य इंटरफ़ेस के माध्यम से आपकी सामग्री के साथ इंटरैक्ट करने के लिए किया जाता है।
   जब आप `useIntlayer` का उपयोग करके अपनी सामग्री को कॉल करते हैं और संपादक सक्षम होता है, तो यह स्वचालित रूप से आपकी स्ट्रिंग्स को `IntlayerNode` नामक एक Proxy ऑब्जेक्ट के साथ लपेट देता है। यह नोड `window.postMessage` का उपयोग करता है ताकि एक रैप्ड iframe के साथ संवाद किया जा सके जिसमें विज़ुअल एडिटर इंटरफ़ेस होता है।  
@@ -108,6 +113,8 @@ Intlayer एक दृश्य संपादक भी प्रदान क
 आपके एप्लिकेशन के बंडल आकार को अनुकूलित करने के लिए, Intlayer दो प्लगइन्स प्रदान करता है: `@intlayer/babel` और `@intlayer/swc` प्लगइन्स।  
 Babel और SWC प्लगइन्स आपके एप्लिकेशन के Abstract Syntax Tree (AST) का विश्लेषण करके Intlayer फ़ंक्शंस के कॉल्स को अनुकूलित कोड से बदलते हैं। यह प्रक्रिया उत्पादन में आपके अंतिम बंडल को हल्का बनाती है क्योंकि यह सुनिश्चित करती है कि केवल वे डिक्शनरीज़ आयात हों जो वास्तव में उपयोग की जा रही हैं, चंकिंग को अनुकूलित करती है और बंडल का आकार कम करती है।
 
+Babel और SWC plugins आपके एप्लिकेशन के Abstract Syntax Tree (AST) का विश्लेषण करके Intlayer फ़ंक्शन की कॉल को अनुकूलित कोड से बदलते हैं। यह प्रक्रिया आपके अंतिम bundle को production में हल्का करती है, यह सुनिश्चित करके कि केवल वे dictionaries import की जाती हैं जो वास्तव में उपयोग की जाती हैं, chunking को अनुकूलित करती हैं और bundle size को कम करती हैं।
+
 डेवलपमेंट मोड में, Intlayer डिक्शनरीज़ के लिए केंद्रीकृत स्थिर आयात का उपयोग करता है ताकि विकास अनुभव को सरल बनाया जा सके।
 
 [कॉन्फ़िगरेशन](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/configuration.md) में `importMode = "dynamic"` विकल्प को सक्रिय करके, Intlayer डिक्शनरीज़ को लोड करने के लिए डायनेमिक आयात का उपयोग करेगा। यह विकल्प डिफ़ॉल्ट रूप से अक्षम है ताकि एप्लिकेशन को रेंडर करते समय असिंक्रोनस प्रोसेसिंग से बचा जा सके।

package/docs/hi/interest_of_intlayer.md

@@ -40,32 +40,48 @@ author: aymericzip
 
 **बंडल का आकार**
 
+<Accordion header="Bundle size">
+
 अपने पृष्ठों में विशाल JSON फ़ाइलें लोड करने के बजाय, केवल आवश्यक सामग्री लोड करें। इंटलेयर आपके बंडल और पृष्ठ आकार को 50% तक कम करने में मदद करता है।
 
 **रखरखाव**
 
+<Accordion header="रखरखाव">
+
 आपके एप्लिकेशन की सामग्री का दायरा बड़े पैमाने के अनुप्रयोगों के लिए **रखरखाव की सुविधा प्रदान करता है**। आप अपने संपूर्ण सामग्री कोडबेस की समीक्षा करने के मानसिक बोझ के बिना किसी एक फीचर फ़ोल्डर की नकल कर सकते हैं या उसे हटा सकते हैं। इसके अतिरिक्त, आपकी सामग्री की सटीकता सुनिश्चित करने के लिए Intlayer **पूरी तरह से टाइप किया गया** है।
 
 **एआई एजेंट**
 
+<Accordion header="AI Agent">
+
 सामग्री का सह-स्थानीकरण **बड़े भाषा मॉडल (एलएलएम) द्वारा आवश्यक संदर्भ को कम करता है**। इंटलेयर टूल के एक सूट के साथ भी आता है, जैसे **CLI** ताकि लापता अनुवादों का परीक्षण किया जा सके,**[LSP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/lsp.md)**, **[MCP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/mcp_server.md)**, और **[agent skills](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/agent_skills.md)**, AI एजेंटों के लिए डेवलपर अनुभव (DX) को और भी आसान बनाने के लिए।
 
 **विशेषता**
 
+<Accordion header="फीचर">
+
 इंटलेयर अतिरिक्त सुविधाओं की एक श्रृंखला प्रदान करता है जो अन्य i18n समाधानों में नहीं है, जैसे [मार्कडाउन समर्थन] (https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/dictionary/markdown.md), [बाहरी ला रहा है सामग्री](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/dictionary/function_fetching.md), [फ़ाइल सामग्री लोड हो रही है](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/dictionary/file.md), [लाइव सामग्री अपडेट](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/cli/live.md), [विज़ुअल एडिटर](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_visual_editor.md) और बहुत कुछ।
 
 **स्वचालन**
 
+<Accordion header="Automation">
+
 अपने एआई प्रदाता की कीमत पर अपनी पसंद के एलएलएम का उपयोग करके अपने सीआई/सीडी पाइपलाइन में अनुवाद करने के लिए स्वचालन का उपयोग करें। इंटलेयर सामग्री निष्कर्षण को स्वचालित करने के लिए एक **कंपाइलर** के साथ-साथ **पृष्ठभूमि में अनुवाद** में मदद करने के लिए एक [वेब प्लेटफ़ॉर्म](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_CMS.md) भी प्रदान करता है।
 
 **प्रदर्शन**
 
+<Accordion header="परफॉर्मेंस">
+
 बड़े पैमाने पर JSON फ़ाइलों को घटकों से जोड़ने से प्रदर्शन और प्रतिक्रियाशीलता संबंधी समस्याएं हो सकती हैं। इंटलेयर बिल्ड समय पर आपकी सामग्री लोडिंग को अनुकूलित करता है।
 
+</Accordion>
+
 **किसी भी देव के साथ स्केलिंग**
 
 सिर्फ एक i18n समाधान से अधिक, Intlayer एक **स्व-होस्टेड [विज़ुअल एडिटर](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_visual_editor.md)** और एक **[पूर्ण] प्रदान करता है सीएमएस](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_CMS.md)** आपकी बहुभाषी सामग्री को **वास्तविक समय** में प्रबंधित करने में मदद करता है, जिससे अनुवादकों, कॉपीराइटरों और टीम के अन्य सदस्यों के साथ सहयोग सहज हो जाता है। सामग्री को स्थानीय और/या दूरस्थ रूप से संग्रहीत किया जा सकता है।
 
+</Accordion>
+
 **क्रॉस फ्रेमवर्क डिज़ाइन**
 
 यदि आप अपने एप्लिकेशन के विभिन्न हिस्सों के लिए अलग-अलग फ्रेमवर्क का उपयोग करते हैं (उदाहरण के लिए, रिएक्ट, रिएक्ट-नेटिव, वीयू, एंगुलर, स्वेल्ट इत्यादि), तो इंटलेयर **सभी मुख्य फ्रंटएंड फ्रेमवर्क में एक सामान्य सिनाटैक्स और कार्यान्वयन का उपयोग करने** का एक तरीका प्रदान करता है। आप अपनी सामग्री घोषणा को अपने डिज़ाइन-सिस्टम, ऐप्स, बैकएंड आदि पर भी साझा करने में सक्षम होंगे।

package/docs/hi/intlayer_visual_editor.md

@@ -85,6 +85,16 @@ pnpm add intlayer-editor --save-dev
 bun add intlayer-editor --dev
 ```
 
+`--with` flag के साथ, आप editor को किसी दूसरी command के साथ समानांतर में शुरू कर सकते हैं:
+
+```json5 fileName="package.json"
+{
+  "scripts": {
+    "start:editor": "npx intlayer-editor start --with 'next dev --turbopack'",
+  },
+}
+```
+
 ## कॉन्फ़िगरेशन
 
 अपने Intlayer कॉन्फ़िगरेशन फ़ाइल में, आप एडिटर सेटिंग्स को अनुकूलित कर सकते हैं:
@@ -146,6 +156,8 @@ export default config;
 
    > **ध्यान दें कि आपको अपने एप्लिकेशन को समानांतर में चलाना चाहिए।** एप्लिकेशन URL को एडिटर कॉन्फ़िगरेशन (`applicationURL`) में सेट किए गए URL से मेल खाना चाहिए।
 
+   > **ध्यान दें कि कमांड `intlayer` पैकेज द्वारा पुनः निर्यात किया जाता है। आप इसके बजाय `npx intlayer editor start` का उपयोग कर सकते हैं।**
+
 2. फिर, प्रदान किए गए URL को खोलें। डिफ़ॉल्ट रूप से `http://localhost:8000`।
 
    आप अपने कर्सर के साथ अपनी सामग्री पर होवर करके Intlayer द्वारा इंडेक्स किए गए प्रत्येक फ़ील्ड को देख सकते हैं।

package/docs/hi/intlayer_with_adonisjs.md

@@ -258,9 +258,11 @@ import { Locales, type IntlayerConfig } from "intlayer";
 
 const config: IntlayerConfig = {
   // ... अन्य कॉन्फ़िगरेशन विकल्प
-  middleware: {
-    headerName: "my-locale-header",
-    cookieName: "my-locale-cookie",
+  routing: {
+    storage: [
+      { type: "header", name: "my-locale-header" },
+      { type: "cookie", name: "my-locale-cookie" },
+    ],
   },
 };
 

package/docs/hi/intlayer_with_analog.md

@@ -61,34 +61,51 @@ author: aymericzip
 
 `ngx-translate` या `angular-l10n` जैसे मुख्य समाधानों की तुलना में, Intlayer एक ऐसा समाधान है जो एकीकृत अनुकूलन के साथ आता है जैसे:
 
+<AccordionGroup>
+
 **पूर्ण एनालॉग कवरेज**
 
 **बहुभाषी रूटिंग**, **एसएसआर समर्थन**, और स्केलिंग अंतर्राष्ट्रीयकरण (i18n) के लिए आवश्यक सभी सुविधाओं की पेशकश करके इंटलेयर को एनालॉग के साथ पूरी तरह से काम करने के लिए अनुकूलित किया गया है।
 
 **बंडल का आकार**
 
+<Accordion header="Bundle size">
+
 अपने पृष्ठों में विशाल JSON फ़ाइलें लोड करने के बजाय, केवल आवश्यक सामग्री लोड करें। इंटलेयर आपके बंडल और पृष्ठ आकार को 50% तक कम करने में मदद करता है।
 
 **रखरखाव**
 
+<Accordion header="रखरखाव">
+
 आपके एप्लिकेशन की सामग्री का दायरा बड़े पैमाने के अनुप्रयोगों के लिए **रखरखाव की सुविधा प्रदान करता है**। आप अपने संपूर्ण सामग्री कोडबेस की समीक्षा करने के मानसिक बोझ के बिना किसी एक फीचर फ़ोल्डर की नकल कर सकते हैं या उसे हटा सकते हैं। इसके अतिरिक्त, आपकी सामग्री की सटीकता सुनिश्चित करने के लिए Intlayer **पूरी तरह से टाइप किया गया** है।
 
 **एआई एजेंट**
 
+<Accordion header="AI Agent">
+
 सामग्री का सह-स्थानीकरण **बड़े भाषा मॉडल (एलएलएम) द्वारा आवश्यक संदर्भ को कम करता है**। इंटलेयर टूल के एक सूट के साथ भी आता है, जैसे **CLI** ताकि लापता अनुवादों का परीक्षण किया जा सके,**[LSP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/lsp.md)**, **[MCP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/mcp_server.md)**, और **[agent skills](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/agent_skills.md)**, AI एजेंटों के लिए डेवलपर अनुभव (DX) को और भी आसान बनाने के लिए।
 
 **स्वचालन**
 
+<Accordion header="Automation">
+
 अपने एआई प्रदाता की कीमत पर अपनी पसंद के एलएलएम का उपयोग करके अपने सीआई/सीडी पाइपलाइन में अनुवाद करने के लिए स्वचालन का उपयोग करें। इंटलेयर सामग्री निष्कर्षण को स्वचालित करने के लिए एक **कंपाइलर** के साथ-साथ **पृष्ठभूमि में अनुवाद** में मदद करने के लिए एक [वेब प्लेटफ़ॉर्म](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_CMS.md) भी प्रदान करता है।
 
 **प्रदर्शन**
 
+<Accordion header="Performance">
+
 बड़े पैमाने पर JSON फ़ाइलों को घटकों से जोड़ने से प्रदर्शन और प्रतिक्रियाशीलता संबंधी समस्याएं हो सकती हैं। इंटलेयर बिल्ड समय पर आपकी सामग्री लोडिंग को अनुकूलित करता है।
 
+</Accordion>
+
 **किसी भी देव के साथ स्केलिंग**
 
 सिर्फ एक i18n समाधान से अधिक, Intlayer एक **स्व-होस्टेड [विज़ुअल एडिटर](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_visual_editor.md)** और एक **[पूर्ण] प्रदान करता है सीएमएस](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_CMS.md)** आपकी बहुभाषी सामग्री को **वास्तविक समय** में प्रबंधित करने में मदद करता है, जिससे अनुवादकों, कॉपीराइटरों और टीम के अन्य सदस्यों के साथ सहयोग सहज हो जाता है। सामग्री को स्थानीय और/या दूरस्थ रूप से संग्रहीत किया जा सकता है।
 
+</Accordion>
+</AccordionGroup>
+
 ---
 
 ## Analog एप्लिकेशन में Intlayer सेटअप करने के लिए चरण-दर-चरण मार्गदर्शिका